/*
 * CSS for EHC-Wolfsburg website by SOS-Media.de
 */

html{margin:0px;padding:0;background-image:url(../images/body_bg.png);background-repeat:repeat-x;}
body {font-size: 12px;font-family: Arial,Verdana;color:#ffffff;padding:0px;margin:0;text-align:center;}
.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}
.small {font-size: 10px;}
a{color:#fff;}
p {margin: 0 0 20px 0;}
label {float:left;width:100px;}
.error{font-weight:bold;background-color:red;color:black;margin:0 335px 10px 0;border:1px solid black;padding:0 0 0 5px;}
.ok{font-weight:bold;background-color:green;color:black;margin:0 335px 10px 0;border:1px solid black;padding:0 0 0 5px;}
input,textarea{border:1px solid #787878;}
h1{font-size:22px;margin:0 0 25px 0;font-family:Tahoma;font-weight:normal;}
#wrapper{width:958px;margin:0 auto 0 auto;}
#head{background-image:url(../images/head_bg.jpg);background-repeat:no-repeat;width:943px;height:109px;font-size:10px;text-align:left;padding:0 0 0 15px;}
#head a{color:#fff;text-decoration:none;}
#main{text-align:left;width:958px;line-height:18px;clear:both;}
#main ul{ padding:0;margin:10px 0 0 0;list-style-type:square;}
#main ul li{ padding:0;margin:0 0 0px 20px; }

.info-box a {color:#fff;}

#home{background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#home .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#home .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#home .content{float:right;width:730px;height:292px;}
#home .impressions{background-image:url(../images/leiste_start.jpg);background-repeat:no-repeat;height:159px;width:958px;clear:both;}

#veranstaltungen{background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;height:292px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#veranstaltungen .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#veranstaltungen .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#veranstaltungen .content{float:right;width:730px;height:292px;}
#veranstaltungen .impressions{background-image:url(../images/leiste_start.jpg);height:157px;width:958px;clear:both;}

#zimmer{background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;height:292px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#zimmer .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#zimmer .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#zimmer .content{float:right;width:730px;height:292px;}
#zimmer .impressions{background-image:url(../images/zimmer_bg.jpg);background-repeat:no-repeat;height:157px;width:958px;clear:both;}

#kegelbahn{background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;height:292px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#kegelbahn .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#kegelbahn .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#kegelbahn .content{float:right;width:730px;height:292px;}
#kegelbahn .impressions{background-image:url(../images/kegelbahn_impressions.jpg);height:157px;width:958px;clear:both;}

#saal{background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;height:292px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#saal .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#saal .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#saal .content{float:right;width:730px;height:292px;}
#saal .impressions{background-image:url(../images/saal_bg.jpg);background-repeat:no-repeat;height:157px;width:958px;clear:both;}

#restaurant{background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;height:292px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#restaurant .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#restaurant .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#restaurant .content{float:right;width:730px;height:292px;}
#restaurant .impressions{background-image:url(../images/restaurant_impressions.jpg);background-repeat:no-repeat;height:157px;width:958px;clear:both;}

#lage{background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;height:292px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#lage .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#lage .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#lage .content{float:right;width:730px;height:292px;}
#lage .impressions{background-image:url(../images/lage_impressions.jpg);height:157px;width:958px;clear:both;}

#radfahren{background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;height:292px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#radfahren .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#radfahren .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#radfahren .content{float:right;width:730px;height:292px;}
#radfahren .impressions{background-image:url(../images/radfahren_impressions.jpg);height:157px;width:958px;clear:both;}

#kegeln {background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;height:292px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#kegeln .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#kegeln .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#kegeln .content{float:right;width:730px;height:292px;}
#kegeln .impressions{background-image:url(../images/kegeln_impressions.jpg);background-repeat:no-repeat;height:157px;width:958px;clear:both;}

#tanzen {background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;height:292px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#tanzen .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#tanzen .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#tanzen .content{float:right;width:730px;height:292px;}
#tanzen .impressions{background-image:url(../images/tanzen_impressions.jpg);height:157px;width:958px;clear:both;}

#ausflug_rad {background-image:url(../images/freizeit_bg.jpg);background-repeat:no-repeat;height:390px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#ausflug_rad .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#ausflug_rad .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#ausflug_rad .content{float:right;width:730px;height:390px;}
#ausflug_rad .impressions{background-image:url(../images/ausflug_rad_impressions.jpg);height:157px;width:958px;clear:both;}

#ausflug_auto {background-image:url(../images/freizeit_bg.jpg);background-repeat:no-repeat;height:360px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#ausflug_auto .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#ausflug_auto .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#ausflug_auto .content{float:right;width:730px;height:360px;}
#ausflug_auto .impressions{background-image:url(../images/ausflug_auto_impressions.jpg);height:157px;width:958px;clear:both;}

#anfahrt {background-image:url(../images/freizeit_bg.jpg);background-repeat:no-repeat;height:360px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#anfahrt .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#anfahrt .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#anfahrt .content{float:right;width:730px;height:360px;}
#anfahrt .impressions{background-image:url(../images/lage_impressions.jpg);height:157px;width:958px;clear:both;}

#impressum {background-image:url(../images/freizeit_bg.jpg);background-repeat:no-repeat;height:420px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#impressum .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#impressum .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#impressum .content{float:right;width:730px;height:420px;}
#impressum .impressions{background-image:url(../images/leiste_start.jpg);height:157px;width:958px;clear:both;}

#kontakt{background-image:url(../images/home_bg.jpg);background-repeat:no-repeat;height:292px;width:958px;display:block;padding:40px 0 0 0;clear:both;}
#kontakt .info-box{float:left;width:170px;padding:0px 20px 10px 20px;line-height:15px;}
#kontakt .info-box h2{color:black;height:40px;margin:40px 0 0 0;width:160px;display:block;padding:0;font-size:14px;color:#306A15;font-family:Tahoma;text-align:center;}
#kontakt .content{float:right;width:730px;height:292px;}
#kontakt .impressions{background-image:url(../images/lage_impressions.jpg);height:157px;width:958px;clear:both;}

#footer{width:958px;color:#316A15;text-align:center;clear:both;background-image:none;font-family:Tahoma;}
#footer span {margin:0 15px 0 0;}
/*
 * 3-level drop-down navigation
 */
#navi {background-image:url(../images/nav_bg.png);background-repeat:no-repeat;height:25px;text-align:left;}
#nav, #nav ul {padding: 2px 0 0 0;list-style: none;line-height: 1;margin:0;float:left;margin:0 0 0 20px;border-left:1px dotted black;}
#nav a {display: block;width:110px;height:17px;text-decoration:none;color:#000;font-weight:bold;text-align:center;}
#nav a:hover{background-image:url(../images/nav_hover.png);}
#nav li { /* first-level lists: normal navigation */
   float: left;
	width:110px; /* width needed or else Opera goes nuts */
	height:17px;
	margin:0;
	border-right:1px dotted black;
	padding:6px 0 0 0;
}
#nav li ul { /* second-level lists: drop-down */
	position: absolute;
	width: 150px;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	display:none;
	margin:0;
	padding:0 0 0 0;
	z-index:2;
	border:0px;
}
#nav li ul li{width:150px;height:21px;padding:0px;border:0px;}
#nav li ul li a{width:150px;font-weight:normal;background-color: #cbc4c4;height:15px;display:block;padding:5px 0 0 5px;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;text-align:left;}
#nav li ul li a.mainpage{background-image:url(../images/bg_link_mainpage.png);}
#nav li ul li a.mainpage:hover{background-image:url(../images/bg_link_mainpage_hover.png);}
#nav li ul ul { /* third-and-above-level lists */
	margin: -21px 0 0 155px;
	padding: 0 0 0 0;
}
#nav li:hover ul, #nav li:hover ul ul, #nav li.sfhover ul, #nav li.sfhover ul ul {left: -999px;display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;display:block;}




/*
 * General Styles
 */
#menue {width:600px;}
#menue ul {border-bottom:1px dotted black;border-top:1px dotted black;border-left:1px dotted black;padding-left:5px;;margin-left:0px;list-style-type:none;line-height:22px;background-color:#aaaaaa;}
#menue img {margin-right:5px;}
#menue ul ul {margin-left:40px;background-color:#bababa;}
#menue ul ul ul{background-color:#cacaca;}
#menue ul ul ul ul{background-color:#dadada;}
#menue ul ul ul ul ul{background-color:#fafafa;}
#menue a {color:#000;font-weight:bold;}
#menue ul a {color:#000;}