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

}





body {
margin: 0;
/* height: 85%; */
text-align: left;

/* Hier wird der Innenrand des body beschrieben, damit der Abstand des gesamten inhalts vom rand des browserfensters */
padding: 2% 2% 2% 2%;  /* oben-rechts-unten-links */


background-color: #a9a9a9;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
  }


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

}
.infotextgr {             /* infotext weiss auf grauem hintergrund  */
text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #000000;
background-color: #a9a9a9;
float:left;

}

.infotextswfe {             /* infotext schwarz und fett 24.05.2011 */
text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #000000;
float:left;

}


.infotextgrbo {        /* infotext weiss auf grauem hintergrund fett */
text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11pt;
font-weight: normal;
color: #000000;
background-color: #a9a9a9;
float:left;
font-weight: bold;
}






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

}

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

}

.infotext_refe {

font:  12.5px Arial, Verdana;
font-weight: normal;

color: #000000;
text-align: right;

}



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

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

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

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


}



.linkgrauhg {
background-color: #a9a9a9;
 font-size: 10pt;
}






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

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

/* font-weight: bold; */

 }



#rahmen1 {           /*rahmen 1 als Aussen-Rahmen in schwarz zur Darstellung Kanzleifarben*/
overflow: auto;
 width: 926px;
border: solid #000000 2px;
padding: 0px ;
margin: 0px ;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
}

#rahmen2 {           /*rahmen 1 als Innen-Rahmen in blau zur Darstellung Kanzleifarben*/
overflow: auto;
 width: 922px;
border: solid #3966bf 2px;
padding: 0px ;
margin: 0px ;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
}





 #header {

 width: 903px;
 min-height: 55px;
/*  overflow: hidden; */
margin: 2px 2px 0px 2px;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
                          /* aussenabstand nach unten null, damit sich der gesamtabstand nicht verdoppelt wenn
                            die folgenden elemente aussenabstand 2 px nach oben haben */
 padding: 5px 10px 0 5px;   /*        innenabstand oben-rechts-unten-links */

/* background-color: #000000;  */
background-color: #AB0E05;

text-align: left;
/* background-image: url(bilder/himmel01_990x60.jpg);
background-repeat: no-repeat; */

 }


 #menu {
float: left;
 width: 180px;
height: 800px;     /*562px vor Änderung am 07.12.2011*/
/*  overflow: hidden; */
margin: 2px 0px 2px 2px ;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
                        /* aussenabstand nach rechts null, damit sich der gesamtabstand nicht verdoppelt wenn
                            die folgenden elemente aussenabstand 2 px nach links haben */
padding: 5px ;             /* innenabstand oben-rechts-unten-links */
background-color: #3966bf;

text-align: right;

 }

 #vorinhalt {
float: left;
  width: 716px;
 min-height: 35px;
/* overflow: hidden; */
margin: 2px 2px 0px 2px;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
                          /* aussenabstand nach unten null, damit sich der gesamtabstand nicht verdoppelt wenn
                            die folgenden elemente aussenabstand 2 px nach oben haben */
padding: 5px;         /*      innenabstand oben-rechts-unten-links oder eine Angabe fuer alle */
background-color: #3966bf;

 text-align: left;


font-family: Helvetica, Verdana, Arial,  sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #000000;
 }

 #inhalt {
float: left;
  width: 716px;
 /*overflow: auto; */
 min-height: 515px;
/* overflow: hidden; */
margin: 2px ;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
padding: 5px ;    /*        innenabstand oben-rechts-unten-links oder eine Angabe fuer alle */
background-color: #EEEEEE;

text-align: vanity;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
color: #000000;
/*background-image: url(bilder/higrulogo.jpg);*/
/*background-repeat: no-repeat;  */


 }

#inhaltklein {
float: left;
  width: 716px;
 /*overflow: auto; */
 min-height: 158px;
/* overflow: hidden; */
margin: 2px 2px 0px 2px;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
                          /* aussenabstand nach unten null, damit sich der gesamtabstand nicht verdoppelt wenn
                            die folgenden elemente aussenabstand 2 px nach oben haben */
padding: 5px ;             /* innenabstand oben-rechts-unten-links oder eine Angabe fuer alle */
background-color: #EEEEEE;

text-align: vanity;
font-family: Helvetica, Arial, Verdana,  sans-serif;
font-size: 0.8em;
font-weight: normal;
color: #000000;
/*background-image: url(bilder/higrulogo.jpg);*/
/*background-repeat: no-repeat;  */

 }

#inhaltkleingr {   /* wie inhalt klein, nur in grau hg */
float: left;
  width: 716px;
 /*overflow: auto; */
 min-height: 158px;
/* overflow: hidden; */
margin: 2px 2px 0px 2px;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
                          /* aussenabstand nach unten null, damit sich der gesamtabstand nicht verdoppelt wenn
                            die folgenden elemente aussenabstand 2 px nach oben haben */
padding: 5px ;             /* innenabstand oben-rechts-unten-links oder eine Angabe fuer alle */
background-color: #a9a9a9;

text-align: vanity;
font-family: Helvetica, Arial, Verdana,  sans-serif;
font-size: 0.8em;
font-weight: normal;
color: #000000;
/*background-image: url(bilder/higrulogo.jpg);*/
/*background-repeat: no-repeat;  */

 }



 #inhaltkurz {
float: left;
  width: 352px;
 /*overflow: auto; */
 min-height: 158px;
/* overflow: hidden; */
margin: 2px 0px 0px 2px;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
                          /* aussenabstand nach unten null, damit sich der gesamtabstand nicht verdoppelt wenn
                            die folgenden elemente aussenabstand 2 px nach oben haben */
padding: 5px ;             /* innenabstand oben-rechts-unten-links oder eine Angabe fuer alle */
background-color: #EEEEEE;

text-align: vanity;
font-family: Helvetica, Arial, Verdana,  sans-serif;
font-size: 0.8em;
font-weight: normal;
color: #000000;
 }


 #footer {
clear: left;  /* letzte float: left anweisung aus dem inhaltscontainer wird aufgehoben, sonst ist footer nicht unten */
   width: 908px;
 min-height: 55px;
/*  overflow: hidden; */
margin: 2px 2px 2px 2px;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
                          /* aussenabstand nach unten null, damit sich der gesamtabstand nicht verdoppelt wenn
                            die folgenden elemente aussenabstand 2 px nach oben haben */
 padding: 5px 10px 0 0;   /*        innenabstand oben-rechts-unten-links */
font-size: 8pt;
text-align: right;
background-color: #AB0E05;
 }

 #bild150x150 {
float: left;
  width: 150px;
  height: 150px;
/*  overflow: hidden; */
margin: 2px;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
 padding:  2px;   /*        innenabstand oben-rechts-unten-links */

border: none;
   text-decoration: none;
 }

 #bild150x150:hover  {         /*  beschreibung der links innerhalb ders divs bild150x150 */
text-decoration: none;
background-color: #D52222;
          }


 #bild150x150oh {          /*  beschreibung eines kastens fuer bild ohne hover effekt -oh- */
float: left;                 /*  bild wird sonst auch ohne verlinkung gehovert! */
  width: 150px;
  height: 150px;
/*  overflow: hidden; */
margin: 2px;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
 padding:  2px;   /*        innenabstand oben-rechts-unten-links */

border: none;
   text-decoration: none;
 }



  #bild100x100 {
float: left;
  min-width: 100px;
 min-height: 100px;
/*  overflow: hidden; */
margin: 2;  /* aussenabstand oben-rechts-unten-links  oder eine Angabe fuer alle */
 padding:  2px;   /*        innenabstand oben-rechts-unten-links */

border: none;
   text-decoration: none;
 }

 #bild100x100:hover  {         /*  beschreibung der links innerhalb ders divs bild150x150 */
text-decoration: none;
background-color: #D52222;
          }



  #hotline300x50 {
position: relative;
top: -550px;
left: 550px;
  width: 300px;
 height: 50px;
/*  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: 20;
 }


   #urlaub {      /*einfuegen eines bildes als urlaubsinfo über den anderen elementen */
position: fixed;
top: 200px;
left: 100px;
  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;
 }



/* aus css praxis Vertikales Menue links anfang*/

#menu1 {
   float: left;
   margin-right: 10px;
   width: 178px;
  }

.menu1item {
   background: #C0C0C0;
   border:1px solid #3966bf;  /*Rahmenfarbe der Menue-Boxen 1. Ebene - wie Hintergrundfarbe */
   color: #000;
   font: bold 11px Arial, Verdana;
   text-decoration: none;
   width: 178px;
  }

.menu1item a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 4px 2px;
  }

#menu2 {
   position: relative;
   border-top: 1px solid #800000;
   background: #E4E4E4;
   color: #000;
   font: 11px Arial, Verdana;
   text-decoration: none;
   width: 176px;
   z-index: 20;
 }

head:first-child+body #menu2 {
   display: none;
   font-weight: bold;}

 div.menu1item a:hover {
   background: #fff;
   color: #cc0000;
  }

div.menu1item:hover #menu2 {
  display:block;
  }



/* aus css praxis Vertikales Menue links ende*/






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

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

}
.knopf {
border-style:solid;
border-width:1;
border-color:#ffffff;
font-family: Arial, Verdana, 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: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
}