/* Stylesheet */

@charset "UTF-8";

/* ====================================================
Kalibrierung der wichtigsten Abstände ============== */

*  { padding: 0; margin: 0; }
h1, h2, h3, p, ul, ol { margin-bottom: 0px; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 

/* ====================================
Allgemeine Selektoren ============== */
html, body {
	height: 100%;
	width: 100%;
	background-color:#FFF;
	color:#000;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.5em;
	font-style: normal;
	line-height: 1.5em;
	font-variant: normal;
	font-weight: normal;
	font-size: 0.85em; /* 12px */
	}

/* distance für die Zentrierung der Site, horizontal wie vertikal

#distance {
	width: 1px;
	height: 50%;
	margin-bottom: -599px;
	float: left;
	background-color: #FFF;
	}
*/

.clearing { clear: both; }
	
h1 {
	font-size: 0.9em; /* 12px */
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	}
	
h2 {
	font-size: 0.9em; /* 12px */
	font-style: normal;
	font-weight: bold;
	}
	
h3 {
	font-size: 0.9em; /* 12px */
	font-style: normal;
	font-weight: normal;
}

p {
      font-size: 0.9em; /* 12px */
}
	
/* ============================================
Styles für die Layoutbereiche ============== */
	
#wrapper {
	border: 0;
	margin: 0 auto;
	position: relative;
	width: 960px;
	height: 925px;
	background-color: #fcfcfb;
	clear: left;
	}


#contentbereich {
	width:960px;
	height:450px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	clear: left;
}	


#kopfbereich { background-color: #c3bbae; border: 0; margin: 0; position: relative; width: 960px; height: 235px; }

#navi { height: 32px; width: 960px; background-color: #c3bbae; text-align: left; margin-top: 0px; } 
#navi ul { margin: 0px; padding: 0; list-style-type: none; }
#navi li { float: left; margin: 0px; }
#navi a  { display: block; height: 32px; padding: 0px; margin: 0px; }
			
/* Navi Buttons mit Anweisung für die Buttons jeweils auf der aktiven Seite */

/* Navi Button PRAXIS */
a.button1:link, a.button1:visited {
	background-image: url(../assets/praxisOn.gif);
	width: 105px;
}
a.button1:hover, a.button1:active, #praxis a.button1:link, #praxis a.button1:visited {
	background-image: url(../assets/praxisOver.gif);
	width: 105px;
} 
			
/* Navi Button BEHANDLUNGSMETHODEN */
a.button2:link, a.button2:visited {
	background-image: url(../assets/behandlungOn.gif);
	width: 177px;
}
a.button2:hover, a.button2:active, #behandlung a.button2:link, #behandlung a.button2:visited {
	background-image: url(../assets/behandlungOver.gif);
	width: 177px;
} 
				
/* Navi Button VITA KATHARINA */
a.button3:link, a.button3:visited {
	background-image: url(../assets/vitaOn.gif);
	width: 198px;
}
a.button3:hover, a.button3:active, #vita a.button3:link, #vita a.button3:visited {
	background-image: url(../assets/vitaOver.gif);
	width: 198px;
} 

/* Navi Button KONTAKT */	
a.button4:link, a.button4:visited {
	background-image: url(../assets/kontaktOn.gif);
	width: 75px;
}
a.button4:hover, a.button4:active, #kontakt a.button4:link, #kontakt a.button4:visited {
	background-image: url(../assets/kontaktOver.gif);
	width: 75px;
} 

/* Navi Button IMPRESSUM */		
a.button5:link, a.button5:visited {
	background-image: url(../assets/impressumOn.gif);
	width: 90px;
}
a.button5:hover, a.button5:active, #impressum a.button5:link, #impressum a.button5:visited {
	background-image: url(../assets/impressumOver.gif);
	width: 90px;
}


#hauptbereich {
	width:960px;
	height:361px;
	background-color: #fcfcfb;
	padding: 0px;
	margin: 0px;
}	

#stopper {
	margin: 0;
	border: 0;
	width: 105px;
	height: 328px;
	background-color: #c3bbae;
	float: left;
	display: inline;
}

#textblock1 {
	width: 105px;
	height: 225px;
	float: left;
	margin-left: 120px;
	width: 335px;
	margin-top: 25px;
	margin-right: 10px;
	display: inline;
}

#textblock1 a {
	color: #0491DF;
	text-decoration: none;
}

#textblock2 a {
	color: #0491DF;
	text-decoration: none;
}

#textblock2 {
	border: 0;
	width: 105px;
	height: 225px;
	float: left;
	margin-left: 10px;
	width: 325px;
	margin-top: 25px;
	display: inline;
}
			
						 
/* ==============================
Sonstige Styles ============== */
	
/* Preload für Grafiken */	
.hidepics {
	width:0px; 
	height:0px; 
	display:none; 
	}