/*********************************************************/
/******   FARBEN                     *********************/
/******   Ivory (Rahmen):  		#FFFFF0   255/255/240  ***/
/******   dunkelgrün: 			#006746      0/103/70  ***/
/******   hellgrün:   			#8fbc8f   143/188/143  ***/
/******   ganz helles grün: 	#cce1cc   204/225/204  ***/
/*********************************************************/


body {background-color: #8fbc8f; width: 100%; margin:0; padding: 0; font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;}
/* *+html body {font-size: 0.7em}   /* für IE7 */
* html body {width: 99.5%;}   /* für IE6 */




/*********************************************************/
/******   Kopfteil                   *********************/
/*********************************************************/

#head {width: 100%; height: 5em; background-color: #006746; border-bottom: solid 0.3em #FFFFF0; color: #FFFFF0; padding: 0; padding-top: 1em; overflow:hidden}
* html #head {width: 100.5%}
#head h1 {font-size: 1em; margin-right: 2em; margin-left: 2em}
#head h1.namen {display:inline; float:right;}
#head h2 {display: inline; font-size: 0.85em; float:right; margin-right: 2em; margin-bottom: 1em}





/*********************************************************/
/******   Navigation                 *********************/
/*********************************************************/

#navi {position: absolute; top: 9em; left:2%; background-color: #cce1cc; border: solid 0.2em #FFFFF0; width: 18%; padding: 0; z-index: 3}

#navi ul {margin: 0; padding: 2em}

#navi li.stufe1 {font-variant:small-caps; list-style-type: none; font-size: 1.2em; margin-top: 1em}

#navi li.stufe2 {font-size: 0.9em; list-style-image:url(../images/list-x.gif); list-style-position: inside; margin-top: 0.5em}
#navi li a:link, #navi li a:visited  {text-decoration: none; color: #000}
#navi li.aktiv {text-decoration: none; color: #006746; font-weight: bold}
#navi li a:hover {font-weight: bold}


/*********************************************************/
/******   Hauptteil                  *********************/
/*********************************************************/

#main{position: absolute; width:75%; top: 9em; left: 23%; min-height: 80%; padding: 0 2em 2em 0; line-height: 1.7em;  overflow: auto; z-index: 2; min-height: 600px; height:auto}
* html #main {width: 75%}  /* Probleme im IE wegen padding in der main-Definition */

#main h2 {margin-top: 0; font-size: 1.3em;}
#main h3 {margin-top: 1em; font-size: 1.2em;}
#main hr {width: 60%; height: 3px; margin-top: 2em; margin-bottom: 2em}
* html #main hr {margin-top: 0; margin-bottom: 0}
#main h4 {margin-top: 1.5em; margin-bottom:0; font-size: 0.9em;}
p.disclaimer {font-size: 0.85em; margin-top:0}		/* nur fuer Disclaimer */

/***** Hintergrundbild  Safari und IE 6 Hacks aus http://www.css-technik.de/details/309/5/CSS-Browser-Bugs.htm */

.prop {height:500px;float:right;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}

* html #main.back {height:600px;}  /* fuer Seiten mit wenig Text und Hintergrundbild; (IE bis 6) */
* html .prop {display:none}    /* bis 6 */


/* Einbindung eines Bildes auf gleicher Hoehe mit der Ueberschrift - index.html*/

#main h1.nebenbild {margin-top: 0; font-size: 1.3em; display:inline; float: left;} 





/************ Lebenslauf ******************/
#main .lebenslauf {width:44%; border: solid 0.2em #006746; background-color: #cce1cc; padding: 1%; float: left; margin-right: 1em; margin-bottom: 1em}    /* Box gilt auch fuer Team-Seite */
#main .lebenslauf h1{margin-top: 0; font-size: 1.3em}
#main .lebenslauf ul {margin-left: 1em; padding:0}
#main .lebenslauf li {margin-left: 0; list-style-type: disc}
* html #main .lebenslauf li {margin-left: 0.5em; list-style-type: disc}
#main .lebenslauf li.unter {margin-left: 1.5em; list-style-type: square}
#main .lebenslauf dt {font-style:italic;}
#main .lebenslauf dd {margin-bottom: 0.5em}

.ll_img {display:block; margin: 3em auto 1em auto}
.boxfoto {margin-right: 1em; margin-bottom: 1em; float: left}    /* Fotos Zahnaerzte und Teammitglieder in der Box*/



/************ Team-Mitglieder *************/
#main .team {width:95%; border: solid 0.2em #006746; background-color: #cce1cc; padding: 1em; margin-bottom: 1.5em; clear:both}
#main .lebenslauf h2 {margin-top: 0; font-size: 1.3em}
#main hr.transparent {clear: both; display:block; border:none; background-color:#8fbc8f; color:#8fbc8f; width: 90%; height: 1px; margin:0}



/************ Traditionelle und alternative Zahnmedizin *************/
#main .infobox {width: 95%; border: solid 0.2em #006746; background-color: #cce1cc; padding: 1em; margin-bottom: 1.5em; clear:both}
#main .infobox h2 {margin-top: 0; margin-bottom: 0; font-size: 1.2em; font-variant: small-caps}
#main .infobox p {margin-top: 0.5em}
#main .infobox a:link, #main .infobox a:visited {text-decoration: none; color: #000}


/************ Kontaktseite *************/
#main #container /* Box mit Kartenausschnitt */
{width:400px; height: 300px; border: solid 0.2em #006746; float:right; margin-left: 1em; margin-bottom: 1em; padding: 1em}
#main .patientenbogen /* Box zum Download des Patientenbogens */
{clear:both; width: 400px; border: solid 0.2em #006746; float: right; margin-left: 1em; background-color: #cce1cc; padding: 1em; margin-bottom: 1.5em;}

#main a:link, #main a:visited {color:#006746; font-weight: bold}

#main hr.kontakt {width: 300px;}
* html #main hr.kontakt {margin: 0}  /* fuer IE 6 */
*+html #main hr.kontakt {margin: 0}  /* fuer IE 7 */


/* Bild links unten */
#foto {position: absolute; bottom: 2em; left: 2em; width: 18%; z-index: 1; margin:0}
#foto[id] {position: fixed;}   /* Fixe Positionierung vor IE6 verstecken, da sie falsch interpretiert wird */
.foto {display:block; margin: auto; }