@charset "utf-8";
body {
	font:17px Arial, Helvetica, sans-serif;
	background: #dbd8cf;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #333333;
}
a {color:#000000;}
h1 {font:normal 24px Georgia, "Times New Roman", Times, serif; color:#333;}
h2 {font:normal 20px Georgia, "Times New Roman", Times, serif; color:#333;}
li {margin:6px 0 6px 0;}

#container {
	width: 840px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 10px 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. */
	position:relative;
	background: transparent url('gfx/background.jpg') repeat-y scroll 0px 0px;
}
#schatten_oben {background:url('gfx/schatten_oben.jpg'); height:10px; padding:0; margin:0;}
#schatten_unten {background:url('gfx/schatten_unten.jpg'); height:10px; padding:0; margin:0;}

#header {
	margin:0 10px 0 10px; /* Die Schatten sind links und rechts jeweils 10px breit */
	padding: 6px 10px 6px 40px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}
#header a {
	text-decoration:none;
	padding:10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
#headergrafik {
	margin:0 10px 0 10px; /* Die Schatten sind links und rechts jeweils 10px breit */
	background: transparent url('gfx/header_grafik.jpg') no-repeat scroll 0px 0px;
	height:315px;
}
#headergrafik #nav{
	position:relative; top:0; left:530px;
	width:232px;
	padding:10px 0 0 4px; margin:0;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.2em;
/*	background:#ECEBE6;
	border:1px solid #ECEBE6;  */
}
#headergrafik #nav ul{padding:0; margin:0;}
#headergrafik #nav li{list-style-type:none; margin:0; padding:2px 0 3px 0; border-bottom:1px dotted black;}
#headergrafik #nav .last{border-bottom:1px solid black;}
#headergrafik #nav .last1{border-bottom:none;}
#headergrafik #nav .zwischenraum{border:none;}
#headergrafik #nav ul li a{text-decoration:none;}


#mainContent {
	margin:0 10px 0 10px; /* Die Schatten sind links und rechts jeweils 10px breit */
	padding: 0 20px 0 40px; /* Werte sollten wie im header sein, damit Text bündig. */
	border:1px solid #dbd8cf;  /* Ein unsichtbarer Rahmen, denn wenn der Rand des ersten/letzten Elements im #header-div auf 0 eingestellt ist, läßt sich das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
}
#footer {
	margin:0 10px 0 10px; /* Die Schatten sind links und rechts jeweils 10px breit */
	padding: 6px 10px 6px 40px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	border-top:1px solid #999999;
	font-size:8pt; color:#333;
}
.fill {background-color:#DBD8CF;}
.aerzte_ohne_grenzen {float:right; margin: 10px 8px 0 20px;}