/* Inhaltsverzeichnis 

	1. Body
	2. Header
	3. Content
	4. Navigation
	5. Cleaner
	6. Bottom

*/


/* -------------------------- 1. Body -------------------------- */

body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	}
	
body {
	background: url(../images/background.png) 0 0 repeat-x;
	background-color: #19738E;
	font: 0.7em 'Trebuchet MS';
	color: #fff;
	scrollbar-arrow-color: #124556;
	scrollbar-face-color: #136884;
	scrollbar-3dlight-color: #136884;
	scrollbar-darkshadow-color: #136884;
	scrollbar-highlight-color: #136884;
	scrollbar-shadow-color: #124556;

	}
	
#wrapper {
	background: url(../images/wrapper.gif) 0 0 repeat-y;
	margin: 0 auto;
	z-index: 1;
	min-height: 100%;
	position: relative;
	width: 968px;
	}
	
*html #wrapper {
	height: 100%;
	}
	

/* -------------------------- 2. Header -------------------------- */

#header {
	width: 968px;
	height: 273px;
	margin: 0 auto;
	}
	
head:first-child+body #header  {
	background: url(../images/header.png) 0 0 no-repeat;
	}
	
	

/* -------------------------- 3. Content -------------------------- */

#content {
	background: url(../images/content.png) 0 0 no-repeat;
	width: 611px;
	float: left;
	line-height: 2.0em;
	}
	
	h1 {
		text-transform: uppercase;
		color: #c6f6ff;
		font-size: 1.3em;
		padding-left: 30px;
		padding-top: 20px;
		}
	h2 {
		padding:20px 0 0 30px;
	}
		
	#content_inhalt {
		width: 570px;
		padding-left: 30px;
		}
	#content_inhalt_newsletter {
		width: 500px;
		padding-left: 30px;
		color: #fff;
		}
		
		#content a:link, #content a:visited, #content a:hover, #content a:active {
			color: #ffe806;
			text-decoration: none;
			}
			
	#impressum_left {
		width: 285px;
		float: left;
		}
	#impressum_right{
		width: 285px;
		float: left;
		}
			
			#bildleiste80 {
				width: 550px;
				float: left;
				padding-left: 45px;
				}
				
				#bild {
					padding-left: 5px;
					margin: 0;
					float: left;
					}
					
					.bild1 a {
						background: url(../images/fotos/80_80/01_a.jpg) 0 0 no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						}
					.bild1 a:hover {
						background: url(../images/fotos/80_80/01_b.jpg);
						height: 50px;
						width: 50px;
						}
						
					.bild2 a {
						background: url(../images/fotos/80_80/02_a.jpg) 0 0 no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						}
					.bild2 a:hover {
						background: url(../images/fotos/80_80/02_b.jpg);
						height: 50px;
						width: 50px;
						}
						
					.bild3 a {
						background: url(../images/fotos/80_80/03_a.jpg) 0 0 no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						}
					.bild3 a:hover {
						background: url(../images/fotos/80_80/03_b.jpg);
						height: 50px;
						width: 50px;
						}
						
					.bild4 a {
						background: url(../images/fotos/80_80/04_a.jpg) 0 0 no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						}
					.bild4 a:hover {
						background: url(../images/fotos/80_80/04_b.jpg);
						height: 50px;
						width: 50px;
						}
						
					.bild5 a {
						background: url(../images/fotos/80_80/05_a.jpg) 0 0 no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						}
					.bild5 a:hover {
						background: url(../images/fotos/80_80/05_b.jpg);
						height: 50px;
						width: 50px;
						}
						
					.bild6 a {
						background: url(../images/fotos/80_80/06_a.jpg) 0 0 no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						}
					.bild6 a:hover {
						background: url(../images/fotos/80_80/06_b.jpg);
						height: 50px;
						width: 50px;
						}
						
					.bild7 a {
						background: url(../images/fotos/80_80/07_a.jpg) 0 0 no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						}
					.bild7 a:hover {
						background: url(../images/fotos/80_80/07_b.jpg);
						height: 50px;
						width: 50px;
						}
						
					.bild8 a {
						background: url(../images/fotos/80_80/08_a.jpg) 0 0 no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						}
					.bild8 a:hover {
						background: url(../images/fotos/80_80/08_b.jpg);
						height: 50px;
						width: 50px;
						}
		
	.content_inhalt {
		padding-left: 30px;
		}
		
		ul.content_inhalt {
			margin: 0 auto;
			line-height: 1.6em;
			}

		ul.content_inhalt li {
			background: url(../images/seestern_liste.gif) 0 3px no-repeat; 
			list-style-type: none;
			padding-left: 20px;
			}
			
			#zimmervermietung {
				padding-left: 45px;
				}
	

/* -------------------------- 4. Navigation -------------------------- */

#navigation {
	background: url(../images/navigation.png) 0 0 no-repeat;
	width: 284px;
	line-height: 1.8em;
	float: left;
	padding-left: 70px;
	}
	
	#navigation ul {
		list-style-type: none;
		display: block;
		color: #fff;
		margin: 0;
		padding: 35px 0 0 20px;
		}
				
	#navigation ul a:link, #navigation ul a:active, #navigation ul a:visited {
		color: #fff;
		padding: 0 0 0 20px;
		text-decoration: none;
		}
					
	#navigation ul a:hover {	
		margin: 0;
		padding: 0 0 0 20px;
		text-decoration: none;	
		color: #ffe806;			
		}
		
	#navigation ul a.active:link, #navigation ul a.active:active, #navigation ul a.active:visited {
		margin: 0;
		padding: 0 0 0 20px;
		text-decoration: none;
		color: #ffe806;
		background: url(../images/fisch_navi.gif) 0 0 no-repeat;
		line-height: 1.8em;
		}	
	

/* -------------------------- 5. Cleaner -------------------------- */

#cleaner {
	clear: both;
	}

.clear {
  clear:both;
		float:none;
		}
	
/* -------------------------- 6. Bottom -------------------------- */
	
#bottom {
	background: url(../images/bottom.jpg) 0 0 repeat-x;
	width: 100%;
	height: 200px;
	margin: -200px auto 0 auto;
	position: relative;
	z-index: 50;
	clear: both;
	}
	
	#bottom_inhalt {
		width: 930px;
		height: 180px;
		margin: 0px auto;
		}
		
		#blasewirbel {
			width: 180px;
			height: 180px;
			float: left;
			}
			
		#bottom_text {
			width: 750px;
			height: 130px;
			float: left;
			padding-top: 20px;
			}
			
			#bottom_text a:link, #bottom_text a:visited, #bottom_text a:hover, #bottom_text a:active {
				color: #ffe806;
				text-decoration: none;
				}
							
		#fische {
			width: 750px;
			height: 50px;
			float: left;
			}
			
		#fotos {
			width: 260px;
			float: left;
			}
			
		#anschrift {
			width: 140px;
			float: left;
			height: 100px;
			line-height: 1.4em;
			margin-left: 79px;
			}
			
		#oeffnungszeiten {
			width: 220px;
			float: left;
			height: 100px;
			line-height: 1.2em;
			margin-left: 10px;
			}
			
			.monate {
				color: #c6f6ff;
				}
				
			.foto1 {
				float: left;
				}
				
			.foto2 {
				float: left;
				padding-left: 10px;
				}
			.anfahrtsskizze {
				float: left;
				margin-right: 20px;
				border: 1px solid #C6F6FF;
				}
				
			
	.news_pic {
		float:right;
	}

#text{
padding-left: 30px;
}