/* ### Vorbereitende Maßnahmen | Reset ##################################################################*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left;
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }



	#distance { 
		width:1px;
		height:48%;
		background-color:#fff;
		margin-bottom:-340px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		min-height:665px;
		width:1008px;
		clear:left;
		border-top:2px solid #b1b2b3;
    border-bottom:2px solid #b1b2b3;
		border-right:1px solid #ed89c4;
		border-left:1px solid #ed89c4;
		font-family: arial, helvetica; 
    font-size: 14px; 
		}
		
		* html #container { height:665px; } /* nur für IE 5.5 - 6.x */
    html + body #container { height:665px; } /* nur vom IE 5.0 */
    
/* ### Kopf-Styles ##################################################################*/
    
#kopf { 
    width:auto;
    height:132px;
    border-top:3px solid #fff;
    border-bottom:3px solid #fff;
    background-image:url(grafiken/hg_kopf.jpg);
    background-repeat:repeat-y;
    background-position:left;
    }
    
#kopftext { 
    float:left;
    width:220px;
    height:122px;
    padding: 10px 0px 0px 15px;
    }
    
#kopflogo_0 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_0.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }
    
#kopflogo_1 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_1.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }
    
#kopflogo_2 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_2.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }

#kopflogo_3 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_3.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }
    
#kopflogo_4 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_4.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }
    
#kopflogo_5 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_5.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }
    
#kopflogo_6 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_6.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }
    
#kopflogo_7 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_7.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }
    
#kopflogo_8 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_8.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }
    
#kopflogo_9 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_9.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }
    
#kopflogo_10 { 
    float:right;
    width:750px;
    height:127px;
    background-image:url(grafiken/kopfbild_10.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 0px 0px 0px;
    }
    
#hauptnav { 
    width:auto;
    height:81px;
		border-top:2px solid #b1b2b3;
    border-bottom:2px solid #fff;
    background-image:url(grafiken/hg_hnav.jpg);
    background-repeat:repeat-x;
    }
    
/* ### Körper-Styles ##################################################################*/ 

#koerper { 
    width:auto;
    min-height:439px;
    background-image:url(grafiken/hg_container.gif);
    background-repeat:repeat-y;
    background-position:left;
    border-bottom:3px solid #fff;
    }
    
    * html #koerper { height:439px; } /* nur für IE 5.5 - 6.x */
    html + body #koerper { height:439px; } /* nur vom IE 5.0 */
    
#aktuelles { 
    float:left;
    width:195px;
    min-height:389px;
    padding:25px 0px 25px 20px;
    }

    * html #aktuelles { height:389px; } /* nur für IE 5.5 - 6.x */
    html + body #aktuelles { height:389px; } /* nur vom IE 5.0 */
    
#linie { 
    float:left;
    width:20px;
    height:395px;
    margin-top:7px;
    border-right:4px dotted #e3007a;
    }


#inhalt { 
    float:right;
    width:700px;
    min-height:389px;
    background-image:url(grafiken/hg_inhalt.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding:25px 30px 25px 0px;
    }
    
    * html #inhalt { height:389px; } /* nur für IE 5.5 - 6.x */
    html + body #inhalt { height:389px; } /* nur vom IE 5.0 */
    
/* ### Formular-Styles ##################################################################*/ 
    
#kontakt_left {
    width:210px;
    float:left;
    text-align:right;
    margin-right:15px;
    }
    
#kontakt_left label{
    float:left;
    }
  
#kontakt_right {
    width:280px;
    float:left;
    text-align:right;
    }
    
#kontakt_right label{
    float:left;
    }
    
#kontakt_anliegen {
    width:510px;
    float:left;
    }
    
#kontakt_senden {
    width:350px;
    height:20px;
    float:left;
    margin-top:10px;
    }
   
.fehler {border: 1px solid #CC0000;} 
.buttonnormal { float:left; }
input { margin: 0px 0px 15px 5px; }
.felder { font-size: 10px; padding:10px 0px 0px 10px;}
.klein {font-size: 10px; }

/* ### Linkfarben ##################################################################*/

#kopftext a { text-decoration: none; }
#kopftext a:link { color: #000000; }
#kopftext a:visited { color: #000000; }
#kopftext a:hover { color: #000000; }

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }

/* ### Sonstiges ##################################################################*/ 

#inhalt ul {margin-left:50px;}
#aktuelles ul {margin-left:15px;}
#saubersauger {clear:both;}
body,table,td,div { vertical-align: top; }

/* ### Navigation ##################################################################*/

#mininav {
    float:right;
    }


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */
.menu1 {
float:left; width:810px; font-family: arial, helvetica; font-size:11px; font-weight:bold; padding-left:20px;
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#fff; padding:0px 28px; line-height:25px; height:33px;
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a:hover {border-color:#c00; color:#000;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:30px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#ececee;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #ececee;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #d6d6d7;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:31px; background:#fff;left:0; border-bottom:1px solid #000;
}

.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#ececee; padding-bottom:4px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #ececee;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #d6d6d7;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}