@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700);
html {
	padding:0;
	margin:0;
	border:0;
	overflow:auto;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}
body {
	background: #002f56;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
/* mac hide \*/
html, body {
	height:100%
}
/* end hide*/
	
#container {
	width: 970px;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
	background: url(pics/bg_main.jpg) repeat-y;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	min-height: 100%;
}
#top {
	margin-left:0px;
	margin-right:0px;
	padding: 0px;
	height:12px;
}
#sidebar {
	float: left; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 235px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	margin: 0;
	padding: 0 0 0 42px; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
}
#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#sidebar li {
	display: block;
	height:34px;
}
#sidebar li a, #sidebar li a:link, #sidebar li a:visited {
	text-decoration: none;
	display: block;
	font-size: 20px;
	letter-spacing: 0.05em;
	color:#002f56;
	background-image:url(pics/btn_hg.jpg);
	background-position:bottom;
}

#sidebar li a:hover, #sidebar li a:active, #sidebar li a:focus {
	color: #9ac753;
	font-size: 20px;
	letter-spacing: 0.05em;
	font-weight: 700;
}
body#team li#teamnavi, body#kompetenz li#kompetenznavi, body#praxis li#praxisnavi, body#behandlung li#behandlungnavi, body#akut li#akutnavi, body#kollegen li#kollegennavi, body#kontakt li#kontaktnavi, body#impressum li#impressumnavi, body#datenschutz li#datenschutznavi {
	font-weight: 700;
}
body#team li#teamnavi a:hover, body#kompetenz li#kompetenznavi a:hover, body#praxis li#praxisnavi a:hover, body#behandlung li#behandlungnavi a:hover, body#akut li#akutnavi a:hover, body#kollegen li#kollegennavi a:hover, body#kontakt li#kontaktnavi a:hover, body#impressum li#impressumnavi a:hover,body#datenschutz li#datenschutznavi a:hover {
	color:#002f56;
}
/* Tipps für mainContent:
    1. Der Abstand zwischen mainContent und den Randleisten entsteht durch den linken und rechten Rand des mainContent-div.
    2. Zur Vermeidung von Float-Drops bei einer unterstützten Mindestauflösung von 800 x 600 sollten Elemente im mainContent-div eine Größe von maximal 300 Pixel aufweisen (dies gilt auch für Bilder).
    3. Im unten stehenden bedingten Kommentar für Internet Explorer wird die Zoom-Eigenschaft verwendet, um mainContent die Eigenschaft hasLayout zuzuweisen. Dadurch werden verschiedene IE-spezifische Fehler verhindert.
    */
#headContent {
	margin: 0 17px 0 277px;
}

#mainContent {
	margin: 0 17px 0 324px;
}
#mainContent h1 {
	color: #9ac753;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding-left:20px;
	margin-bottom:0px;
}
#mainContent h2 {
	color: #9ac753;
	font-size: 21px;
	letter-spacing: 0.05em;
	font-weight: 800;
	padding-top:0px;
	padding-left:20px;
	margin-top:0px;
}
#mainContent h3 {
	color: #9ac753;
	font-size: 21px;
	letter-spacing: 0.05em;
	font-weight: 800;
	padding-top:0px;
	margin-top:0px;
	margin-bottom: 0px;
}

#mainContent h4 {
	color: #9ac753;
	font-size: 16px;
	letter-spacing: 0.05em;
	font-weight: 400;
	padding-top:10px;
	padding-left:20px;
	margin-top:0px;
	margin-bottom: 0px;
}

#mainContent p {
	color: #000000;
	font-size: 16px;
	font-weight:400;
	letter-spacing: 0.05em;
	line-height: 130%;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-left:20px;
}
#mainContent p img, #mainContent ol img, #mainContent ul img {
	float:right;
	margin:0 0 0 10px;
} 
#mainContent ul {
	margin:0px;
	line-height:130%;
list-style: url(pics/dot.png);
	}

#mainContent ol {
	margin:0px;
	line-height:130%;	}

table {
	border-collapse:collapse;
}
#headContent ul, #sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#headContent li {
	display: block;
	height:34px;
}
#headContent li a, #headContent li a:link, #headContent li a:visited {
	text-decoration: none;
	display: block;
	font-size: 18px;
	letter-spacing: 0.05em;
	color:#002f56;
}

#headContent li a:hover, #headContent li a:active, #headContent li a:focus {
	color: #9ac753;
	font-size: 18px;
	letter-spacing: 0.05em;
	font-weight: 700;
}
#footer {
	margin: 0 2px 0 2px;
}
.clearer {
	height:1px;
	overflow:hidden;
	margin-top:-10px;
	clear:both;
}
.antispam {
	visibility:hidden;
}
.blue {
	color:#002f56;
}
.whitespace{margin:0 0 0 20px;
	}
.whitespace_fl{margin:0 20px 0 20px;
	}
.infobox
{
	background-image:
	url(pics/infobox_hg.jpg); background-repeat:no-repeat;}