/* farbe: 262626
   farbe hell: 505050
   schrift farbe: d7d7d7

*/
html {
	background-image:url(images/web-bg.jpg);
	background-color:#000;
	margin: 0 auto;
	background-repeat:no-repeat;
	min-height: 600px;
	}
a, img, button {border:0 none}
body {
	margin: 0px;
	padding: 0px;
	}
a:focus { outline: none;}	
a {
	color:#0078FF;
	}	
h1 {
	font-size: 22px;
	text-align:center;
	color:#FFF;
}
#fanbox {
height:55px;
left:5px;
position:absolute;
top:136%;
width:200px;
background-color:#2E272E;
	} 
#fragen {
	background-image:url(images/logo.jpg);
	background-position: right 30px;
	background-repeat:no-repeat;
	border: 7px solid #2E272E;
	background-color: #000;
	width: 830px;
	height: 460px;
	position: absolute;
  left: 50%;
  top: 10%;
  margin-left: -415px;
  margin-top: 0px;
  padding: 0;
  -moz-border-radius: 5px;
}
#fotos {
	width: 900px;
	height: 500px;
	position: absolute;
	  left: 50%;
	  top: 50%;
  margin-left:-470px;
margin-top:-294px;
  padding: 0;
}
#fragen p {
	padding:0px 7px;
	color:#fff;
	font-size: 18px;
	}	
#flashfilm {
  width: 600px;
  position: absolute;
  left: 50%;
  top: 5%;
  margin-left: -300px;
  padding: 0;
}
#partner {
  width: 800px;
  position: absolute;
  left: 50%;
  top: 10%;
  margin-left: -400px;
  padding: 0;
}
#karte {
  width: 900px;
  height: 600px;
  position: absolute;
  left: 50%;
  top: 5%;
  margin-left: -400px;
  padding: 0;
}
#wrapper {
	height:650px;
left:50%;
margin-left:-480px;
margin-top:0;
padding:0;
position:absolute;
width:960px;
	}
#menu {
	width: 1000px;
	left: 0px;
	position: fixed;
	float: left;
	z-index: 100;
	}
#facebook {
	bottom:19px;
height:86px;

width:15px;
	} 
#content {
height:400px;
left:50%;
margin-left:-480px;
margin-top:0;
padding:0;
position:absolute;
top:15%;
width:960px;
 	}
#box-links {
	width: 307px;
	height: 389px;
	border: 5px solid #2E272E;
	float: left;
	margin: 0px 5px ;
	-moz-border-radius: 5px;
	overflow:hidden;
	}
#box-mitte {
	width: 350px;
	height: 389px;
	background-color:#000;
	border: 5px solid #2E272E;
	float: left;
	margin: 0px 5px ;
	color:#d7d7d7;
	font-size: 14px;
	padding: 0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	line-height: 18px;
	-moz-border-radius: 5px;
	}
#box-rechts {
	width: 177px;
	height: 389px;
	border: 5px solid #2E272E;
	float: left;
	margin: 0px 5px ;
	-moz-border-radius: 5px;
	}
#rechts-oben {
	}	
#rechts-unten {
	margin-top: -6px;
	}	
#footer {
	bottom:12px;
margin-left:0;
margin-top:188px;
position:absolute;
	}	
#kontakt {
	width: 960px;
	height: 530px;
	position: absolute;
	left: 50%;
	top: 10%;
	margin-left: -500px;
	padding: 5px 15px;
	color: #FFF;
	border: 7px solid #2E272E;
	background-color: #000;
	-moz-border-radius: 5px;
	}	
#kontakt p {
	color: #FFF;
	margin-top: -5px;
	}	
#anschrift {
	float: right;
	margin-right:30px;
	}
#kontaktieren {
	float: left;
	margin-bottom: -20px;
	}	
#formular {
	float: left;
	}	
#kontaktformular{
	text-align:left;
	}	
#name {
	margin-left: 60px;
	margin-bottom: 10px;
	border: 1px inset #322b31;
	}
#email {
	margin-left: 58px;
	margin-bottom: 10px;
	border: 1px inset #322b31;
	}
#uhrzeit {
	margin-left: 54px;
	margin-bottom: 10px;
	border: 1px inset #322b31;
	}
#personenanzahl {
	margin-left: 4px;
	margin-bottom: 10px;
	border: 1px inset #322b31;
	}
#tische {
	float:right;
	margin-top: -20px;
	}	
#tag {
	margin-left: 57px;
	margin-bottom: 10px;
	border: 1px inset #322b31;
	}
#monat {
	margin-left: 9px;
	margin-bottom: 10px;
	border: 1px inset #322b31;
	}
#jahr {
	margin-left: 4px;
	margin-bottom: 10px;
	border: 1px inset #322b31;
	}	
#contactform {
	margin-left: 5px;
	}	
#msg {
	margin-bottom: 10px;
	border: 1px inset #322b31;
	width: 320px;
}
#radio {
	margin:-19px 0 -40px 97px;
	}
#clear{
	clear:both;
	}
#newsletter {
	background-image:url(images/newsletter.gif);
background-repeat:no-repeat;
height:50px;
margin-left:80px;
padding:5px;
position:absolute;
top:-2%;
width:560px;
	}
.anmelden{
	color: #fff;
	}	
.abmelden{
	color: #fff;
	}	
.emailadresse{
	color: #fff;
	}		
/*-------------------------------------------------------- MENÜ JAVASCRIPT ------------------------------ */
 .kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
	 background-image:url(images/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(images/kwicks_sprite-neu.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}
#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}
#kwick5 { 
	background-position:-800px 0px;
}
#kwick6 { 
	background-position:-1000px 0px;
}
#kwick7 { 
	background-position:-1200px 0px;
}
#kwick8 { 
	background-position:-1400px 0px;
}
#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -800px bottom; 
}
#kwick6.active, #kwick6:hover {
	background-position: -1000px bottom; 
}
#kwick7.active, #kwick7:hover {
	background-position: -1200px bottom; 
}
#kwick8.active, #kwick8:hover {
	background-position: -1400px bottom; 
}
#kwick1 a{
	background-image:url(images/end-neu.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}
#kwick1 a:hover{
	background-position: left -80px;
}
#kwick8 a{
	background-image:url(images/end-neu.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick8 a:hover{
	background-position: right -120px;
}
/* Easy Slider */
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:307px;
		height:389px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	*/
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}