@charset "utf-8";
/* www.waldsauna-waldstetten.de */

/* Body */

* {
margin: 0;
padding: 0;
}

body {
background: #709c80;
font: 0.7em "Tahoma" Arial, Helvetica, sans-serif;
color: #52524f;
line-height: 1.5em;
}

p {
margin: 0 0 15px 0;
}

/* Headline */

h1 {
color: #52524f;
font-size: 1.0em;
font-weight: bold;
margin-bottom: 20px;
}

/* Class */

a {
color: #fe7f02;
text-decoration: none;
outline: none;
}

a:hover {
text-decoration: underline;
}

ul.liste {
list-style-type: none;
}
					
ul.liste li {
background: url(../images/layout/liste.jpg) 0 5px no-repeat;
padding-left: 20px;
margin-bottom: 8px;
}

.clear {
float: none;
clear: both;
}

/* Container */

#container {
background: url(../images/layout/container.jpg) repeat-y;
width: 958px;
margin: 0 auto;
}

/* Header */

#header {
background: url(../images/layout/header.jpg) no-repeat;
width: 958px;
height: 338px;
}

#header_nl {
background: url(../images/layout/header_nl.jpg) no-repeat;
width: 958px;
height: 338px;
}

/* Subnavi */

#subnavi {
padding: 141px 0 0 93px;
float: left;
}

#subnavi ul {
list-style-type: none;
}

#subnavi a {
display: block;
text-indent: -1000px;
outline: none;
overflow: hidden;
height: 30px;
width: 148px;
}

	#subnavi a.waldsauna {
	background: url(../images/layout/subnavi/waldsauna.jpg) no-repeat;
	}
		#subnavi a.waldsauna:hover, #subnavi a.waldsaunaActive {
		background: url(../images/layout/subnavi/waldsauna.jpg) 0 -30px no-repeat;
		}
	#subnavi a.kontakt {
	background: url(../images/layout/subnavi/kontakt.jpg) no-repeat;
	}
		#subnavi a.kontakt:hover, #subnavi a.kontaktActive {
		background: url(../images/layout/subnavi/kontakt.jpg) 0 -30px no-repeat;
		}
	#subnavi a.anfragen {
	background: url(../images/layout/subnavi/anfragen.jpg) no-repeat;
	}
		#subnavi a.anfragen:hover, #subnavi a.anfragenActive {
		background: url(../images/layout/subnavi/anfragen.jpg) 0 -30px no-repeat;
		}
	#subnavi a.link {
	background: url(../images/layout/subnavi/link.jpg) no-repeat;
	}
		#subnavi a.link:hover, #subnavi a.linkActive {
		background: url(../images/layout/subnavi/link.jpg) 0 -30px no-repeat;
		}
	#subnavi a.impressum {
	background: url(../images/layout/subnavi/impressum.jpg) no-repeat;
	}
		#subnavi a.impressum:hover, #subnavi a.impressumActive {
		background: url(../images/layout/subnavi/impressum.jpg) 0 -30px no-repeat;
		}
		
.impressionen {
background: url(../images/layout/subnavi/impressionen_link.jpg) no-repeat;
width: 218px;
height: 63px;
display: block;
outline: none;
float: left;
text-decoration: none;
margin: 40px 0 0 50px;
}
		
.impressionen:hover {
background: url(../images/layout/subnavi/impressionen_hover.jpg) no-repeat;
}

.news {
background: url(../images/layout/subnavi/news_link.jpg) no-repeat;
width: 218px;
height: 63px;
display: block;
outline: none;
float: left;
text-decoration: none;
margin: 5px 0 0 30px;
}
		
.news:hover {
background: url(../images/layout/subnavi/news_hover.jpg) no-repeat;
}

#newsletterbox {
width: 240px;
height: 130px;
float: left;
margin: 120px 0 0 120px;
}

/* Content */

#content {
background: url(../images/layout/content.jpg) no-repeat;
width: 958px;
}

#content:after {
clear:both;
content:'.';
display:block;
height:0;
visibility:hidden;
}

#navi {
width: 800px;
height: 42px;
margin: 0px 0 0 81px;
float: left;
position: relative;
z-index: 6;
}

#navi ul {
list-style-type: none;
float: left;
}

#navi ul li {
float: left;
}

#navi a {
display: block;
outline: none;
overflow: hidden;
height: 42px;
float: left;
color: #F7FCF8;
font-size: 0.1em;
}

	#navi a.saunen {
	background: url(../images/layout/navi/saunen.jpg) no-repeat;
	width: 81px;
	}
		#navi a.saunen:hover, #navi a.saunenActive {
		background: url(../images/layout/navi/saunen.jpg) 0 -42px no-repeat;
		width: 81px;
		}
		
	#navi a.ruheraum {
	background: url(../images/layout/navi/ruheraum.jpg) no-repeat;
	width: 96px;
	}
		#navi a.ruheraum:hover, #navi a.ruheraumActive {
		background: url(../images/layout/navi/ruheraum.jpg) 0 -42px no-repeat;
		width: 96px;
		}
		
	#navi a.schwimmbad {
	background: url(../images/layout/navi/schwimmbad.jpg) no-repeat;
	width: 121px;
	}
		#navi a.schwimmbad:hover, #navi a.schwimmbadActive {
		background: url(../images/layout/navi/schwimmbad.jpg) 0 -42px no-repeat;
		width: 121px;
		}
		
	#navi a.gasthaus {
	background: url(../images/layout/navi/gasthaus.jpg) no-repeat;
	width: 93px;
	}
		#navi a.gasthaus:hover, #navi a.gasthausActive {
		background: url(../images/layout/navi/gasthaus.jpg) 0 -42px no-repeat;
		width: 93px;
		}
		
	#navi a.wellness {
	background: url(../images/layout/navi/wellness.jpg) no-repeat;
	width: 80px;
	}
		#navi a.wellness:hover, #navi a.wellnessActive {
		background: url(../images/layout/navi/wellness.jpg) 0 -42px no-repeat;
		width: 80px;
		}
		
	#navi a.preise {
	background: url(../images/layout/navi/preise.jpg) no-repeat;
	width: 182px;
	}
		#navi a.preise:hover, #navi a.preiseActive {
		background: url(../images/layout/navi/preise.jpg) 0 -42px no-repeat;
		width: 182px;
		}
		
	#navi a.kindersauna {
	background: url(../images/layout/navi/kindersauna.jpg) no-repeat;
	width: 147px;
	}
		#navi a.kindersauna:hover, #navi a.kindersaunaActive {
		background: url(../images/layout/navi/kindersauna.jpg) 0 -42px no-repeat;
		width: 147px;
		}
		
		
		/* Navigation Sub */
	
		#navi ul li ul {
		list-style: none;
		padding: 0;
		float: none;
		display: none;
		}
		
		#navi ul ul li a {
		display: block;
		text-decoration: none;
		padding: 10px 0 0 10px;
		}	
		
		#navi ul ul li a:hover,
		#navi ul ul li.active a {
		display: block;
		border: 0;
		text-decoration: underline;
		}
		
			/* Saunen */
		
			#navi ul.sub_saunen {
			margin: 42px 0 0 0px;
			position: absolute;
			background-color: #f8fbf8;
			width: 160px;
			}
			
			#navi ul.sub_saunen a {
			width: 140px;
			border-bottom: 1px solid #bdc8be !important;
			color: #777166;
			font-size: 11px;
			background-color: #f8fbf8;
			}
		
			li#navi-saunen:hover ul {
			display: block;
			}
			
			/* Wellness */
		
			#navi ul.sub_wellness {
			margin: 42px 0 0 0px;
			position: absolute;
			background-color: #f8fbf8;
			width: 160px;
			}
			
			#navi ul.sub_wellness a {
			width: 140px;
			border-bottom: 1px solid #bdc8be !important;
			color: #777166;
			font-size: 11px;
			background-color: #f8fbf8;
			}
		
			li#navi-wellness:hover ul {
			display: block;
			}
			
			/* Preise und Leistungen */
		
			#navi ul.sub_preise {
			margin: 42px 0 0 10px;
			position: absolute;
			background-color: #f8fbf8;
			width: 160px;
			}
			
			#navi ul.sub_preise a {
			width: 140px;
			border-bottom: 1px solid #bdc8be !important;
			color: #777166;
			font-size: 11px;
			background-color: #f8fbf8;
			}
		
			li#navi-preise:hover ul {
			display: block;
			}
			
/* Headline */

#headline {
width: 525px;
height: 52px;
float: left;
margin: 13px 0 0 93px;
}

/* Inhalt */

#inhalt {
width: 380px;
float: left;
margin: 40px 0 10px 110px;
}

	.img {
	border: 1px solid #ccc8bf;
	padding: 2px;


	}

#slideshow {
width: 350px;
height: 290px;
float: left;
margin: 40px 0 10px 10px;
position: relative;
}

#kontaktbox {
width: 700px;
float: left;
margin: 40px 0 0 110px;
}

/* Footer */

#footer {
background: url(../images/layout/footer.jpg) no-repeat;
width: 958px;
height: 223px;
}

	#adressbox {
	width: 180px;
	height: 90px;
	padding: 92px 0 0 150px;
	float: left;
	}
	
	.oeffnungszeiten {
	background: url(../images/layout/subnavi/oeffnungszeiten_link.jpg) no-repeat;
	width: 229px;
	height: 104px;
	display: block;
	outline: none;
	float: left;
	text-decoration: none;
	margin: 0 0 0 283px;
	}
			
	.oeffnungszeiten:hover {
	background: url(../images/layout/subnavi/oeffnungszeiten_hover.jpg) no-repeat;
	}

/* Routenplaner */
	
#berechnen input {
border: none;
border: 1px solid #ccc8bf;
color: #52524f;
background-color: #fff;
margin: 3px;
}

#berechnen input.hidden {
border: none;
}

input#submitRoute {
width:152px;
padding:1px;
background:none;
color:#0B5D2D;
font-weight: bold;
font-size:0.9em;
cursor:pointer;
border:none;
margin: 10px 0 0 5px;
}

#berechnen input, #link2map24 label {
display: block;
float: left;
width: 150px;
}
	
#link2map24 label {							
text-align: left;		
width: 60px;						
}

fieldset {						
border: none;
padding: 0;
}

#ziel {
padding: 0 0 0 58px;
}

input.wech  {
display: none!important;
}
	
#berechnen br {
clear: both;
}