body,html
{
	min-height:101%;
}

body
{
    text-align: center;			/*Ausrichtung für globale Seite auf "center"*/
    font-size: 12px;
    font-family: Arial;
	background-color: #fbdf84;
}

#root
{
    width: 1000px;				/*Breite der gesamten Seite*/
    margin: 12px auto;  		/*Abstand von oben 10, Rest wird automatisch festgelegt*/
    text-align: center;			/*Globale Ausrichtung des Textes ist links*/
    background-color: #fbdf84;
    position:relative;
}

#root a
{
    text-decoration: none;		/*Menütext wird nicht unterstrichen*/
    font-weight: bold;			/*Menütext wird fett ausgegeben*/
    outline:none;
}

#head							/*Head Bereich (oberster Bereich auf der Seite)*/
{
    border: 0px;				/*Keine Rahmen*/
    height: 100px;				/*Höhe auf 70 Pixel festlegen*/
    margin: 0px;	
    background-color: #b5b5b6;			/*Kein Abstand zu den Außengrenzen*/
}

#head_links							/*Head Bereich (oberster Bereich auf der Seite)*/
{
    border: 0px;				/*Keine Rahmen*/
    height: 100px;	
    width: 200px;			/*Höhe auf 70 Pixel festlegen*/
    margin: 0px;	
    background-color: #b5b5b6;
    float: left;	
    font-size: 16px;
    font-family: Arial;
    text-align:left;
	color: #ffffff;
}

#head_logo_text
{
    z-index: 19;
	position: absolute;
    text-align: left;
	width: 200px;
	left: 120px;
	top: 30px;
	float: left;	
    font-size: 22px;
    font-family: Arial;
    font-weight:bold;
	color: #ffffff;
}

#head_mitte							/*Head Bereich (oberster Bereich auf der Seite)*/
{
    border: 0px;				/*Keine Rahmen*/
    height: 100px;	
    width: 600px;			/*Höhe auf 70 Pixel festlegen*/
    margin: 0px;	
    background-color: #b5b5b6;	
    float: left;		/*Kein Abstand zu den Außengrenzen*/
}

#head_rechts							/*Head Bereich (oberster Bereich auf der Seite)*/
{
    border: 0px;				/*Keine Rahmen*/
    height: 100px;	
    width: 200px;	
    margin: 0px;	
    background-color: #b5b5b6;	
    float: left;		
    text-align: left;
    font-size: 12px;
    font-family: Arial;
	color: #ffffff;
}


.corona						
{
    float: left;
    text-align: left;
    margin-left: 60px;
    margin-right: 60px;
    font-size: 20px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
font-size: 16px;
    background-color: #e3e0e0;
}

span.text_telefon 
{
	font-weight: bold;
    font-size: 14px;
}

.navi_oben
{
    width: 1000px;				/*Breite des Navigationsbereiches*/
    height: 30px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Das Menü wird links positioniert - alle anderen Bereiche "schwimmen" daneben*/
    background-image: url(menu_background.jpg);
    text-align: center;
    font-size: 15px;
    font-family: Arial;
    color: #ffffff;
}

.abschluss_unten
{
    width: 1000px;				/*Breite des Navigationsbereiches*/
    height: 30px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Das Menü wird links positioniert - alle anderen Bereiche "schwimmen" daneben*/
    background-image: url(unten_background.jpg);
    text-align: center;
    font-size: 12px;
    font-family: Arial;
	font-weight:bold;
	color: #ffffff;
}

.abschluss_unten_links
{
    width: 200px;				/*Breite des Navigationsbereiches*/
    height: 30px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Das Menü wird links positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    font-size: 12px;
    font-family: Arial;
	font-weight:bold;
	color: #ffffff;
}
.abschluss_unten_mitte
{
    width: 600px;				/*Breite des Navigationsbereiches*/
    height: 30px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: left;				/*Das Menü wird links positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: center;
    font-size: 12px;
    font-family: Arial;
	font-weight:bold;
	color: #ffffff;
}
.abschluss_unten_rechts
{
    width: 200px;				/*Breite des Navigationsbereiches*/
    height: 30px;				/*Höhe wird individuell festgelegt - je nach Anzahl der Zeilen*/
    float: right;				/*Das Menü wird links positioniert - alle anderen Bereiche "schwimmen" daneben*/
    text-align: right;
    font-size: 8px;
    font-family: Arial;
	color: #ffffff;
}


/*Tooltip für allgemein*/

	p.tooltip a:hover {font-size: 12px; font-weight: bold; color:#ffffff;}
	p.tooltip a:link {font-size: 12px; font-weight: bold; color:#ffffff;}
  	p.tooltip a:visited {font-size: 12px; font-weight: bold; color:#ffffff;}
  	p.tooltip a:link span{display: none;color:#ffffff;}
  	p.tooltip a:visited span{display: none;color:#ffffff;}
  	p.tooltip a:hover span {
  	position: absolute;
  	margin:15px 0px 0px 260px;
  	background-color: #FFF68F;
  	max-width:220px;
  	padding: 2px 10px 2px 10px;
  	border: 1px solid #C0C0C0;
  	font: normal 10px/12px verdana;
  	color: #ffffff;
  	text-align:left;
  	display: block;}
	
/*Tooltip für allgemein*/

.startseite_mitte						
{
    width: 1000px;				
    height: auto;				
    float: left;
    text-align: center;
    font-size: 20px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}

.leistungskatalog_mitte						
{
    width: 1000px;				
    height: 550px;				
    float: left;
    text-align: center;
    font-size: 18px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}

.leistungskatalog_block1
{
    z-index: 01;
	position: absolute;
    text-align: left;
	width: 200px;
	left: 230px;
	top: 255px;
	font-size: 14px;
}


.leistungskatalog_block2
{
    z-index: 02;
	position: absolute;
    text-align: left;
	width: 200px;
	left: 460px;
	top: 275px;
	font-size: 14px;
}

.leistungskatalog_block3
{
    z-index: 03;
	position: absolute;
    text-align: left;
	width: 200px;
	left: 640px;
	top: 332px;
	font-size: 14px;
}

.leistungskatalog_block_unten
{
    z-index: 10;
	position: absolute;
    text-align: left;
	width: 600px;
	left: 230px;
	top: 430px;
	font-size: 14px;
}


.leistungskatalog_bild
{
    z-index: 04;
	position: absolute;
    text-align: left;
	width: 200px;
	left: 680px;
	top: 150px;
	font-size: 14px;
}

.gaestebuch	
{
    width: 1000px;				
    height: 1900px;				
    float: left;
    text-align: center;
    font-size: 18px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}

.kontaktformular	
{
    width: 1000px;				
    height: 920px;				
    float: left;
    text-align: center;
    font-size: 18px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}

.team_mitte	
{
    width: 1000px;				
    height: 550px;				
    float: left;
    text-align: center;
    font-size: 18px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}

.team_links						
{
    z-index: 20;
	position: absolute;
    text-align: left;
	width: 400px;
	left: 80px;
	top: 480px;
	font-size: 14px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}

.team_rechts						
{
    z-index: 21;
	position: absolute;
    text-align: left;
	width: 400px;
	left: 570px;
	top: 480px;
	font-size: 14px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}

.teamfoto1
{
    z-index: 05;
	position: absolute;
    text-align: left;
	width: 200px;
	left: 80px;
	top: 200px;
	font-size: 14px;
}

.teamfoto2
{
    z-index: 06;
	position: absolute;
    text-align: left;
	width: 200px;
	left: 570px;
	top: 200px;
	font-size: 14px;
}

.ordinationszeiten_mitte						
{
    width: 1000px;				
    height: 550px;				
    float: left;
    text-align: center;
    font-size: 20px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}

.ordinationszeiten_links
{
    z-index: 07;
	position: absolute;
    text-align: left;
	width: 600px;
	left: 360px;
	top: 190px;
	font-size: 18px;
}

.ordinationszeiten_rechts
{
    z-index: 08;
	position: absolute;
    text-align: left;
	width: 400px;
	left: 362px;
	top: 190px;
	font-size: 18px;
}

.ordinationszeiten_bild
{
    z-index: 09;
	position: absolute;
    text-align: left;
	width: 200px;
	left: 105px;
	top: 170px;
	font-size: 14px;
}

.anfahrtsbeschreibung_mitte						
{
    width: 1000px;				
    height: 550px;				
    float: left;
    text-align: center;
    font-size: 20px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}

.impressum						
{
    width: 1000px;				
    height: 550px;				
    float: left;
    text-align: center;
    font-size: 14px;
    font-family: Arial;
	color: #8b8974;
    background-color: #e3e0e0;
}

.news_mitte						
{
    width: 1000px;				
    height: 1000px;	/*550px*/			
    float: left;
    text-align: center;
    font-size: 20px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}


.news_text
{
    z-index: 12;
	position: absolute;
    text-align: left;
	width: 700px;
	left: 300px;
	top: 160px;
    font-size: 20px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}

.news_bild
{
    z-index: 11;
	position: absolute;
    text-align: left;
	width: 200px;
	left: 80px;
	top: 200px;
	font-size: 14px;
}

span.text_klein_news {
	text-align: left;
	font-size: 12px;
    font-family: Arial;
	font-weight:bold;
	color: #8b8974;
    background-color: #e3e0e0;
}


.links:link {color: #ffffff; font-family: Arial; font-size: 15px; text-decoration: none; font-weight: bold; line-height: 15px}
.links:visited {color: #ffffff; font-family: Arial; font-size: 15px; text-decoration: none; font-weight: bold; line-height: 15px}
.links:hover {color: #16c669; font-family: Arial; font-size: 15px; text-decoration: none; font-weight: bold; line-height: 15px}
.links:active {color: #ff0000; font-family: Arial; font-size: 15px; text-decoration: none; font-weight: bold; line-height: 15px}
       
.links_unten:link {color: #ffffff; font-family: Arial; font-size: 12px; text-decoration: none; font-weight: bold; line-height: 15px}
.links_unten:visited {color: #ffffff; font-family: Arial; font-size: 12px; text-decoration: none; font-weight: bold; line-height: 15px}
.links_unten:hover {color: #16c669; font-family: Arial; font-size: 12px; text-decoration: none; font-weight: bold; line-height: 15px}
.links_unten:active {color: #ff0000; font-family: Arial; font-size: 12px; text-decoration: none; font-weight: bold; line-height: 15px}

.links_ordi:link {color: #ffffff; font-family: Arial; font-size: 17px; text-decoration: none; font-weight: bold; line-height: 15px}
.links_ordi:visited {color: #ffffff; font-family: Arial; font-size: 17px; text-decoration: none; font-weight: bold; line-height: 15px}
.links_ordi:hover {color: #16c669; font-family: Arial; font-size: 17px; text-decoration: none; font-weight: bold; line-height: 15px}
.links_ordi:active {color: #ff0000; font-family: Arial; font-size: 17px; text-decoration: none; font-weight: bold; line-height: 15px}

/******************************************************/
/* Formatvorlage - überuns, Einsteller, Kutschenfahrt */
/******************************************************/

span.ueberschrift {
	text-decoration: underline;
    font-size: 18px;
    font-family: Arial;
	font-weight:bold;
	color: #16c669;
}

span.menue_auswahl {
	text-decoration: underline;
	font-weight: bold;
}

span.dick_unterstrichen {
	font-family: Arial;
    font-size: 14px;
	color: #8b8974;;
	font-weight: bold;
    text-decoration: underline;
}

span.unterstrichen {
	text-decoration: underline;
}

span.dick {
	font-family: Arial;
    font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}


span.text_rot {
	font-family: Arial;
	color: #FF0000;
	font-weight: bold;
}

span.text_blau {
	font-family: Arial;
	color: #1E90FF;
	font-weight: bold;
}

span.text_gelb {
	font-family: Arial;
	color: #FFD700;
	font-weight: bold;
}

span.text_klein {
	font-family: Arial;
	color: #FFD700;
	font-size: 6px;
}


div#footer {
	clear:both;	
}