@charset "UTF-8";
/* CSS Document */

html, body{

	margin:0;
	padding:0;
	background-color:#fff;	
}

#outer_startpage{

	position:relative;
	width:955px;
	margin:0 auto;
	background:url(../img/shadow_right.png) no-repeat bottom right;
	text-align:center;

}

#outer{

	position:relative;
	width:955px;
	margin:0 auto;
	background:url(../img/shadow_right1.png) repeat-y bottom right;
	text-align:center;

}

.shadow_right_bottom{
	position:absolute;
	right:0px;
	bottom:10px;
	height:23px;
	width:15px;
	background:url(../img/shadow_right_bottom.png) no-repeat;
}


#inner{
	
	position:relative;
	text-align:left;
	width:940px;
	background:#888888 url(../img/gradient.png) repeat-x;

}

#header{
	
	height:94px;
	width:940px;
	background: url(../img/header_bg.png) repeat-x;

}

#menue{
	
	position:relative;
	height:28px;
	width:940px;
	background: url(../img/menue_bg.png) repeat-x;

}

#image_container{

	position:relative;
	height:250px;
	width:940px;
	background: url(../img/startseite_image.png);
	z-index:10;

}

#menue_subpage{

	position:relative;
	height:100px;
	width:940px;
	background: #4C4C4C;
	z-index:10;

}


#footer{

	position:relative;
	height:20px;
	width:945px;
	margin-bottom:30px;
	background: url(../img/shadow_footer.png) top left no-repeat #fff;

}


.content{

	position:relative;
	width:940px;

}


.content_left{
	
	position:relative;
	width:228px;
	background:url(../img/spacer.png) repeat-y right;
	float:left;
	
}


.content_right{
	
	position:relative;
	width:400px;
	margin:40px 0px 0px 150px;
	float:left;
	
}



#shadow_image_top{

	position:absolute;
	top:28;
	height:15px;
	width:940px;
	background:url(../img/shadow_top_pic_home.png) repeat-x;
	z-index:11;

}

#shadow_image_bottom{

	position:absolute;
	bottom:0;
	height:15px;
	width:940px;
	background:url(../img/shadow_bottom_pic_home.png) repeat-x;

}

#startpage_bottom{

	width:940px;
	height:166px;
	background:url(../img/startseite_bottom_bg.png) repeat-x;
	overflow:hidden;

}

.bottom{
	
	height:166px;

}


.breite228{
	
	width:228px;
	background:url(../img/spacer.png) repeat-y right;
	float:left;
	
}

.breite140{

	width:140px;
	background:url(../img/spacer.png) repeat-y right;
	float:left;
	
}

.breite12{

	width:12px;
	float:left;
	
	
}

.breite400{
	display:block;

	width:370px;
	margin:0;
	padding:0;
	float:left;
	
	
}

.breite350{
	display:block;

	width:330px;
	margin:0;
	padding:0;
	float:left;
	
	
}

.breite50{

	display:block;
	width:50px;
	margin:0;
	padding:0;
	float:left;
	
	
}

.breite350mitmarginrechts20{
	display:block;
	width:300px;
	margin-right:20px;
	padding:0;
	float:left;
	
	
}

.breite350mitmarginlinks20{
	display:block;
	width:300px;
	
	margin:0 0 0 20px;
	
	padding:0;
	float:left;	
	
}

.breite330{
	display:block;
	width:300px;
	margin:0;
	padding:0;
	float:left;
	
	
}

input { margin-bottom:10px;}

.hoehe250{

	height:252px;
	background:url(../img/spacer_300.png) no-repeat left bottom;
	overflow:hidden;
	
}

.linie_unten{

	background-image:url(../img/spacer_300.png);
	background-position:0 495px;
	background-repeat:no-repeat;
	overflow:hidden;
	
}

.abstand40_oben{

	padding-top:40px;
	
}

.abstand40unten{

	padding-bottom:40px;
	
}

.clear{

	clear:both;
	
}

/*  MENUE   */


.menue{

	height:28px;

}

.logo{ margin: 5px 0px 0px 22px; }


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

#navi, #navi ul,#navi_startpage,#navi_startpage ul { list-style-type:none; margin:0; padding:0; z-index:100; } /* Style-Reset */

#navi li,#navi_startpage li { width:140px; float:left;} /* Horizontale Anordnung */
		
#navi li ul,#navi_startpage li ul,#navi_startpage li img.menue_picture_startpage { display:none;  }/* Normalzustand eingeklappt */

#navi_startpage li:hover img.menue_picture_startpage { display:block;  } 

#navi_startpage li:hover ul {display:block;height:240px;width:138px;background:url(../img/menue_2_bg.png);	margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;} /* Ausgeklappt */

#navi li:hover ul,#navi li.active ul{display:block;height:90px;width:138px;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;} /* Ausgeklappt */

/*###################*/
/* Styles fuers Auge */
/*###################*/
	  
#navi_startpage,#navi { position:absolute; left:228px;}
	  
#navi_startpage li,#navi li { width:140px; background:url(../img/spacer_menue.png) no-repeat right top; }

#navi_startpage ul li,#navi ul li { border:none; margin:0; background:none; }
		
#navi_startpage a ,#navi a { font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:28px; padding-left:10px; height:28; width:138px; display:block;}
#navi_startpage ul li a,#navi ul li a { font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:18px; padding-left:10px; height:18; width:138px; display:block;}

#navi a:link,#navi_startpage a:link, #navi_startpage a:visited, #navi a:visited { color:#ffffff; text-decoration:none; }
#navi a:active,#navi a:hover,#navi_startpage a:active,#navi_startpage a:hover,#navi li.active a  { color:#000000; text-decoration:none; background:url(../img/buttom_hover.png) no-repeat;}

#navi ul li a:link, #navi_startpage ul li a:link,#navi ul li a:visited,#navi_startpage ul li a:visited{ color:#999; text-decoration:none; background:none; }
#navi ul li a:active,#navi ul li a:hover,#navi_startpage ul li a:active,#navi_startpage ul li a:hover,#navi li ul li.active a  { color:#fff; text-decoration:none; background:none;}

.backlink{

	display:block;
	height:28px;
	line-height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#660000;
	text-decoration:none;
	margin-left:20px;

}
/*##########################*/
/* Beginn Navigation Footer */
/*##########################*/

#footer ul{

	list-style-type:none; 
	margin:0;
	padding:10px 0px 0px 0px;

}

#footer li{

	list-style-type:none; 
	float:left;

}

#footer li a{

	height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	line-height:10px;
	border-left: 1px solid #666;

}

#footer li a.noborder{

	border-left: none;

}


/*##########################*/
/* Beginn Navigation 3. */
/*##########################*/

.menue_third{

	position:absolute;
	width:713px;
	height:32px;
	right:0;
	top:0;
	background:url(../img/spacer_300.png) repeat-x bottom;

}
.menue_third ul{

	list-style-type:none; 
	margin:0;
	padding:10px 0px 0px 145px;

}

.menue_third li{

	list-style-type:none; 
	float:left;

}

.menue_third li a{

	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:10px;
	color:#333333;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	border-left: 1px solid #666;

}
.menue_third li a:hover,.menue_third li a.active{

	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	line-height:10px;
	border-left: 1px solid #666;

}

.menue_third li a.noborder{

	border-left: none;

}



/*##########################*/
/* Schrift Formatieren      */
/*##########################*/

.content_right{

	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:20px;
	color: #333333;
	
	
}

.content_right h1{

	font-size:24px;
	color:#FFFFFF;
	margin:0px 0px 25px 0px;
	
}


.content_right h2{

	font-size:13px;
	color:#333333;
	margin:0px 0px 0px 0px;
	
}

.aufzaehlung{

	margin:0;
	padding:0;

}

.aufzaehlung li{

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 8px;
	background:url(../img/underscore.gif) no-repeat;
	list-style:none;

}

/*##########################*/
/* Kontaktformular          */
/*##########################*/


.kontakt input{

	width:400px;
	height:20px;
	border:1px solid #999;
	margin:2px 0;

}


div.googledir{margin: 40px 15px; }