* {
      margin: 0;
      padding: 0;
    }
body  {
    	font: 75% Verdana, Arial, Helvetica, sans-serif;
    	background: #666666;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #000000;
		height:100%;
    }
#container { 
    	position: relative; 
    	width: 1280px;  
    	background: #FFFFFF;
    	margin: 0 auto; 
    	border: 1px solid #000000;
    	text-align: left; 
		min-height:100%;
    } 
    
    /* Tipps für absolut positionierte Randleisten mit Kopf- und Fußzeile:
    1. Für absolut positionierte (AP) Elemente müssen Sie einen oberen (top) und einen seitlichen (right oder left) Positionswert angeben. Wenn der Wert für top fehlt, beginnt das AP-Element standardmäßig direkt nach dem letzten Element in der Quellenabfolge der Seite. Wenn also die Randleisten in der Quellenabfolge des Dokuments die ersten Elemente im #container sind, erscheinen sie ganz oben im #container, auch wenn für sie kein top-Wert angegeben wurde. Falls sie aber später in der Quellenabfolge an eine andere Stelle verschoben werden sollten, benötigen sie einen top-Wert, damit sie an der gewünschten Position stehen.
    2. Absolut positionierte (AP) Elemente werden aus dem Dokumentfluss herausgenommen. Dies bedeutet, dass den benachbarten Elementen ihre Existenz unbekannt ist und dass sie nicht berücksichtigt werden, wenn diese Elemente den ihnen zugedachten Platz auf der Seite einnehmen. Ein AP-div sollte daher nur als Randspalte eingesetzt werden, wenn Sie sicher sind, dass das mittlere #mainContent-div immer die größte Inhaltsmenge hat. Sollte eine der Randleisten eine größere Inhaltsmenge aufweisen, würde diese Randleiste uneingeschränkt über das Ende des übergeordneten div sowie in diesem Fall auch über das Ende der Fußzeile hinauslaufen.
    3. Sofern die oben genannten Bedingungen erfüllt sind, können Sie mit absolut positionierten Randleisten die Quellenabfolge in Dokumenten auf einfache Weise steuern.
    4. Bei einer Änderung der Quellenabfolge sollte der top-Wert mit der Höhe der Überschrift übereinstimmen, weil dadurch die Spalten und die Überschrift visuell einheitlicher wirken.
    */
#header { 
    	height: 133px; 
    	background: #FFFFFF; 
    	padding: 0;
		margin:0;  
    } 
#header p {
    	margin: 0; 
    	padding: 0;
		text-align:right;
    }
#mainoben {
	background:#000000;
	height:330px;
	width:100%;
	color:#FFFFFF;
	float:left;
	}
#mainobenlinks {
	width:230px;
	float:left;
	padding-top:70px;
	}
#mainobenlinks ul {
	list-style:none;
	padding-left:30px;
	padding-top:25px;
	}
#mainobenlinks ul li { padding-top:5px;}
#mainobenlinks ul li a:link  {color:#fff; text-decoration:none;} 
#mainobenlinks ul li a:visited  {color:#fff; text-decoration:none;}    
#mainobenlinks ul li a:hover	{color:#b80000; text-decoration:none;}
#mainobenlinks ul li a:active	{color:#b80000; text-decoration:underline;}		
#mainobenmitte {
	width:840px;
	height:330px;
	float:left;
	color:#FFFFFF;	
	}
#mainobenmitteScroll {
	width:840px;
	height:348px;
	float:left;
	color:#FFFFFF;
	overflow:scroll;
	scrollbar-track-color:black;
	scrollbar-face-color:black;
	scrollbar-arrow-color:red;	
	}			
#mainobenrechts	{
	margin:20px 10px 20px 0px;
	float:left;
	width:180px;
	height:300px;
	}
	
#mainhauptleiste {
	background:#ffffff;
	width:100%;
	color:#000000;
	float:left;
	text-align:center;	
	}
#mainhauptleisteunten {
	background:#ffffff;
	width:100%;
	color:#000000;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:110%;
	}		
#mainhaupt {
	background:#ffffff;
	min-height:100px;
	width:100%;
	color:#000000;
	float:left;
	}
#mainhauptlinks {
	width:230px;
	padding-top:25px;
	float:left;
	}
#mainhauptlinks ul {
	list-style:none;
	padding-left:30px;
	padding-top:25px;
	}
#mainhauptlinks ul li { padding-top:5px;}
#mainhauptlinks ul li a:link  {color:#000000; text-decoration:none;} 
#mainhauptlinks ul li a:visited  {color:#000000; text-decoration:none;}    
#mainhauptlinks ul li a:hover	{color:#b80000; text-decoration:none;}
#mainhauptlinks ul li a:active	{color:#b80000; text-decoration:underline;}		

#mainhauptmitte {width:800px;float:left; margin: 20px 25px;}
#mainhauptrechts {
	margin:20px 10px 20px 0px;
	float:left;
	width:180px;
	}
	
#mainunten {
	background:#000000;
	width:100%;
	color:#FFFFFF;
	float:left;
	}
#mainuntenlinks {
	width:230px;
	float:left;
	min-height:30px;
	}
#mainuntenmitte {
	width:840px;
	min-height:30px;
	float:left;
	}
#mainuntenrechts	{
	margin:20px 10px 20px 0px;
	float:left;
	width:180px;
	}	
			
#logo {
    	position: absolute;
    	top: 0px;
    	left: 0;
    	width: 222px; 
		height:192px;
    	padding: 0;
		margin:0;
    }
#kontaktleiste {
	position:absolute;
	right:30px;
	top:105px;
	height:25px;
	}	
#suchbox {
	position:absolute;
	right:30px;
	top:15px;
	height:25px;
	}	
#wienleiste
	{
	position:absolute;
	left:260px;
	top:105px;
	height:25px;
	color:#b80000;
	font-size:145%;
	font-weight:bold;
	letter-spacing: 0.1em;
	}	
.eintragVorschau {
	width:180px;
	margin-left:25px;
	float:left;
	color:#ffffff;
	}	
.eintragVorschau p {
	margin-top:20px;
	padding-bottom:0px;
	margin-bottom:0px;
	}
	
.eintrag180_fheight {
	float:left;
	width:180px;
	height:310px;
	margin-left:25px;
	float:left;
	color:#ffffff;
	overflow:hidden;
	margin-bottom:15px;
	border-bottom:15px solid #000000;
	}	
.eintrag180_fheight p {
	margin-top:10px;
	padding-bottom:0px;
	margin-bottom:0px;
	}		
.eintrag180_fheight p a:link  {color:#b80000; text-decoration:none;} 
.eintrag180_fheight p a:visited  {color:#b80000; text-decoration:none;}    
.eintrag180_fheight p a:hover	{color:#b80000; text-decoration:underline;}
.eintrag180_fheight p a:active	{color:#b80000;	text-decoration:underline;}	
	

.eintrag180adresse {
	float:left;
	width:180px;
	height:155px;
	margin-left:25px;
	float:left;
	color:#ffffff;
	overflow:hidden;
	margin-bottom:15px;
	border-bottom:15px solid #000000;
	}		
	
.eintrag180adresse p {
	margin-top:20px;
	padding-bottom:0px;
	margin-bottom:0px;
	}

.autotestvorschau
	{
	float:left;
	width:180px;
	margin-left:25px;
	float:left;
	color:#ffffff;
	overflow:hidden;
	margin-bottom:5px;
	border-bottom:15px solid #000000;	
	}
.autotestvorschau img {
	margin:15px 0px 0px 0px;}
				
h1 {font-size:135%;	font-weight:bold; padding:5px 0px; margin:0px;}
h1 a:link  {text-decoration:underline;}
h2 {font-size:125%;	font-weight:bold; padding:3px 0px; margin:0px;}
h3	{font-size:115%; font-weight:bold;	margin:10px 0px;}
p {margin: 0.5em 0 0.5em 0;}	
	
a img {border:0px;}						/* für alle Bilder mit Link kein Rahmen */	
ul {list-style: none;}
#navigation {
	margin-top:10px;
      float: left;
      width:100%;
      background: #000000;
	  color:#FFFFFF;
    }
#navigation li {
      float: left;
      width:180px;
    }
#navigation a {
      color: #FFFFFF;
      text-decoration: none;
      display:block;
      padding:.2em .5em;
      background: #000000;
      border-right: 1px solid #000;
    }
#navigation a:hover {
      background:#000000;
    }
#navigation ul {
      position: absolute;
      left:-9999px;
    }
#navigation li:hover ul,
#navigation li.sfhover ul {
      left: auto;
    }
#navigation li li {
	border-top: 2px solid #FFFFFF;
      float: none;
    }
#navigation li li a {
      background:#000000;
      color:#fff;
      border-right:none;
    }
#navigation li li a:hover {
      color: #b80000;
    }
	
a:link  {color:#000000; text-decoration:none;} 
a:visited  {color:#000000; text-decoration:none;}    
a:hover	{color:#b80000; text-decoration:none;}
a:active	{color:#b80000;	text-decoration:underline;	font-weight: bold;}

/* -- Formular bezirkssuche --*/
#bezirkswahl {text-align:left; padding:5px 0 5px 25px; margin:0px;}

#bezirkswahl button	{margin:5px 0px; padding: 3px; background:#d0d0d0; border: 1px solid #333333; border-top: 1px double #333333; border-left: 1px double #333333; }

/* -- Formular bezirkssuche -- */

.fltrt { 
    	float: right;
    	margin-left: 8px;
    }
.fltlft { 
    	float: left;
    	margin-right: 8px;
    }
	
.fotobox
	{width:160px; float:left; border:solid 0px #006699; margin-top:25px; margin-left:5px; padding-left:5px; padding-right:5px;} 

/* .fotobox a:hover img {
	display: block;
	position: absolute;	
	width: 250px;} */
	
.bild-links	{float:left; margin:10px 10px 10px 0px;}
.bild-rechts	{float:right; margin:10px 0px 10px 10px;}
.eintragGanz { padding-bottom:30px; text-align:center;}	
.kontaktdaten2010
	{
	color:#b80000;
	text-align:center;
	padding: 15px;
	}	

/* Tabelle Formatierung*/
.tabelleColorWhite {padding:0px 20px; text-align:left; color:#ffffff;}
.tabelleColorWhite a:link  {color:#fff; text-decoration:none;} 
.tabelleColorWhite a:visited  {color:#fff; text-decoration:none;}    
.tabelleColorWhite a:hover	{color:#b80000; text-decoration:none;}
.tabelleColorWhite a:active	{color:#b80000; text-decoration:underline;}	

/* Tabellenformatierung Anfang */
#table-einfach td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:left;
}
#table-einfach {
	margin-left:60px; background: #efefef; font-size: 12px; text-align:left;								
	width:80%;
	border-top: 3px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-left: 1px solid #990000;
	background-color: #FFFFFF;
	font-size: 12px;
}
#table-einfach td{								
	border: 1px solid #cccccc;
}

/* Tabellenformatierung Ende*/
.linkweisrot a:link  {color:#fff; text-decoration:none;} 
.linkweisrot  a:visited  {color:#fff; text-decoration:none;}    
.linkweisrot  a:hover	{color:#b80000; text-decoration:none;}
.linkweisrot  a:active	{color:#b80000; text-decoration:underline;}	
.kontakt form	{
	background-color:#ededed;
	margin: 0 50%;
	width:450px;
	padding:7px;
	margin:0px;
	font: Verdana, Arial, Helvetica, sans-serif;
}

.kontakt input, .kontakt select, .kontakt textarea { 		/* Formularelemente auswählen */
	float:left;
	margin:5px 0px;				/* Abstand */
	width:200px; 		 			/* Breite.*/
	border:1px solid #C5D8C0;
	background-color: #ededed;
	border-left: 1px solid #B0B7AF;
	border-top: 1px solid #B0B7AF;
}

.kontakt label { 					/* Alle Labels (= Beschriftung) */
  display: block;
  float: left;
  margin:5px 0px;			/* Abstand */
  width:11em; 				/* Breite.*/
}

.kontakt form br 	{				/* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; 				/* das floating der labels und inputs aufheben */
}

.kontakt button	{margin:18px 0px 7px 130px;}
/* -- Anmeldungsformular -- */

.anfrageformular {
	border: 0px solid #b60000;
	margin-top: 0px;
	margin-left:12px;
	padding: 10px;
	background: #d7d7d7;
	float:left;
	width:600px;
}
.anfrageformular input, .anfrageformular select, .anfrageformular textarea { 		/* Formularelemente auswählen */
	float:left;
	margin:5px 0px;				/* Abstand */
	width:200px; 		 			/* Breite.*/
	border:1px solid #1f1f1f;
	background-color: #ededed;
	border-left: 1px solid #1f1f1f;
	border-top: 1px solid #1f1f1f;
}

.anfrageformular label {
	float:left;
	width:200px;
	}
	
.anfrageformular form br 	{				/* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; 				/* das floating der labels und inputs aufheben */
}
.beispiel { padding-left:200px; font-size: 80%}
/* -- Ende Anmeldungsformular -- */

.rahmen_rot
{
	border:2px solid #b60000;
	margin-top:8px;
	margin-bottom:8px;
}
.rahmen_rot_schrift_schwarz
{
	border:2px solid #b60000;
	margin-top:8px;
	margin-bottom:8px;
	color:#000000;
	padding:15px;
}
.suchergebnisse {border-bottom:2px solid #b60000;}
.suchergebnisse a:link  {color:#fff; text-decoration:underline;} 
.suchergebnisse a:visited  {color:#fff; text-decoration:none;}    
.suchergebnisse a:hover	{color:#b80000; text-decoration:none;}
.suchergebnisse a:active	{color:#b80000; text-decoration:underline;}		
.aerzt_adresse {padding: 10px; margin-bottom:15px;}
.aerzt_adresse p { padding-left:25px;}
.aerzt_profil_komplett { border:1px solid #000000; padding: 10px; margin-bottom:15px;}
.rotfett { color:#b60000; font-weight:bold;}
.kontaktdaten
	{
	color:#b60000;
	border-left:#b60000 3px dotted;
	margin-left:30px;
	padding: 2px 5px 2px 15px;}
.redaktionTitel
	{margin-top:15px; font-weight:bold;}
.redaktionVorschau
	{padding-left: 25px; padding-right:25px;
	width:50%;}	
