html {
margin: 0;
padding: 0;
height: 100%;

}





body { 
margin: 0;
height: 85%;
text-align: left;
padding: 3% 5% 0 5%;  /* oben-rechts-unten-links */

background-color: #a9a9a9; 

color: #ffffff;
  }
  
  
.infotext {
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #000000;
}



.infotextueberschrift {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: #000000;
}

.wichtig {
text-align: char; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
color: #ff0000; 
} 

 a , a:link , a:visited  {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: medium;
color: #ffffff;
  
}  

.linkgrauhg {
background-color: #a9a9a9; 
}



a:hover {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #ffffff;
background-color: #D52222;
/* font-weight: bold; */
} 

 a:active , a:focus {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #ffffff;
font-weight: normal;
}  

a:hover {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #ffffff;
background-color: #D52222;
/* font-weight: bold; */
}   




  
#gescontainer {
height: 520px;
width: 800px;
margin: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
color: black;


background-color: #a9a9a9;

overflow: hidden;

}
#kopfzeile {
height: 20px;
width: 100%;
margin: 0;
padding: 0;
background-color: #a9a9a9;
text-align: right;
}
#inhcontainer {
float: left; 
height: 480px;
width: 100%;
margin: 0;
padding: 0;
background-image: url(bilder/higruohnelogo.gif);
background-repeat: no-repeat;  

}
 #navigation {
float: left; 
 width: 160px;
 height: 455px;
/*  overflow: hidden; */
margin: 10px 10px 10px 0;  /* aussenabstand oben-rechts-unten-links */
padding: 5px 10px 0 0;             /* innenabstand oben-rechts-unten-links */
background-color: #3966bf;  

text-align: right;
 }
 
#inhalt {
float: left;  
 width: 600px;
 height: 440px;
 margin: 10px 0 10px 0;  /* aussenabstand oben-rechts-unten-links */
 padding: 15px 5px 5px 5px;             /* innenabstand oben-rechts-unten-links */

background-image: url(bilder/kalender4.jpg);
background-repeat: no-repeat; 


}
#logo {
float: right; 
position:relative;
top: -25px;
left: 15px;
 width: 50px;
 height: 50px;
margin: 0;  /* aussenabstand oben-rechts-unten-links */
 padding: 0 0 2px 2px;             /* innenabstand oben-rechts-unten-links */

background-color: #a9a9a9;

}
#inhalt2 {
float: left;  
 width: 600px;
 height: 390px;
 margin: 0;  /* aussenabstand oben-rechts-unten-links */
 padding: 0 5px 0 0;             /* innenabstand oben-rechts-unten-links */
overflow: auto;

}
#rahmen_grau { 
border-width:1px; 
border-style:solid; 
border-color: #3966bf; 
padding:1px; 
/* text-align:justify;  */
} 

   #urlaub {      /*einfuegen eines bildes als urlaubsinfo über den anderen elementen */
position: fixed;
top: 220px;
left: 220px; 
  width: 800px;
 height: 300px;
/*  overflow: hidden; */
margin: 0px;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
 padding:  0px;   /*        innenabstand oben-rechts-unten-links */   

border: none;
   text-decoration: none;
   z-index: 40;
 }


/* 
Eingabefeld (einzeilig) */ 
input { 

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 

} 
.knopf { 
border-style:solid; 
border-width:1; 
border-color:#ffffff; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
color: #ffffff; 
background-color: #3966bf; 
} 

/* .knopf { border-style:solid;
border-width:1; border-color:#A55134; font-family: Verdana, Arial, Helvetica, 
sans-serif; font-size: 10pt; font-weight: bold; color: #ED9B4F; background-color: 
#671205; }  */

/* Eingabefeld (mehrzeilig)*/ 

textarea {
  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
}