body {
	background-image: url(bilder/hintergrund.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.bildabstand {
	margin-top: 10px;
	margin-left: 10px;
}

.brotkrumen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
	margin-left: 10px;
}

.textcontent {
	margin-top: 10px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	margin-right: 10px;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

a:focus,

a:hover {
text-decoration: underline;
}

img {
	text-decoration: none;
	border: 0;
}

#navigation {
    position:absolute; 
	left:58px; 
	top:207px; 
	width:280px; 
	height:250px; 
	z-index:4;
}

#banner-kontakt {
	 position:absolute; 
	 left:58px; 
	 top:495px; 
	 width:280px; 
	 height:45px; 
	 z-index:2;
}

#banner-bernstein {
	 position:absolute; 
	 left:58px; 
	 top:548px; 
	 width:280px; 
	 height:45px; 
	 z-index:3;
}

#hintergrund {
	position:absolute;
	left:50px;
	top:40px;
	width:806px;
	height:566px;
	z-index:1;
	background-image: url(bilder/bg-content.gif);
	layer-background-image: url(bilder/bg-content.gif);
	background-color: #FFFFFF;
}

#hintergrund-lang {
	position:absolute;
	left:50px;
	top:40px;
	width:806px;
	height:1100px;
	z-index:1;
	background-image: url(bilder/bg-content.gif);
	layer-background-image: url(bilder/bg-content.gif);
	background-color: #FFFFFF;
}

#hintergrund-sehrlang {
	position:absolute;
	left:50px;
	top:40px;
	width:806px;
	height:1394px;
	z-index:1;
	background-image: url(bilder/bg-content.gif);
	layer-background-image: url(bilder/bg-content.gif);
	background-color: #FFFFFF;
}

#fuss-sehrlang {
	position:absolute; 
	left:49px; 
	top:1432px; 
	width:806px; 
	height:40px; 
	z-index:8;
}

#hintergrund-mittellang {
	position:absolute;
	left:50px;
	top:40px;
	width:806px;
	height:690px;
	z-index:1;
	background-image: url(bilder/bg-content.gif);
	layer-background-image: url(bilder/bg-content.gif);
	background-color: #FFFFFF;
}

#fisch {
	 position:absolute; 
	 left:347px; 
	 top:48px; 
	 width:245px; 
	 height:150px; 
	 z-index:5;
}

#restaurant {
	 position:absolute; 
	 left:601px; 
	 top:48px; 
	 width:245px; 
	 height:150px; 
	 z-index:6;
}

#content {
	 position:absolute; 
	 left:347px; 
	 top:208px; 
	 width:500px; 
	 height:385px; 
	 z-index:7; 
	 background-color: #83afca; 
	 layer-background-color: #83afca; 
}

#content-lang {
	 position:absolute; 
	 left:347px; 
	 top:208px; 
	 width:500px; 
	 height:926px; 
	 z-index:7; 
	 background-color: #83afca; 
	 layer-background-color: #83afca; 
}

#content-sehrlang {
	 position:absolute; 
	 left:347px; 
	 top:208px; 
	 width:500px; 
	 height:1220px; 
	 z-index:7; 
	 background-color: #83afca; 
	 layer-background-color: #83afca; 
}

#content-mittellang {
	 position:absolute; 
	 left:347px; 
	 top:208px; 
	 width:500px; 
	 height:527px; 
	 z-index:7; 
	 background-color: #83afca; 
	 layer-background-color: #83afca; 
}

#fuss {
	position:absolute; 
	left:50px; 
	top:606px; 
	width:806px; 
	height:37px; 
	z-index:8;
}

#fuss-lang {
	position:absolute; 
	left:49px; 
	top:1139px; 
	width:806px; 
	height:37px; 
	z-index:8;
}

#fuss-mittellang {
	position:absolute; 
	left:49px; 
	top:730px; 
	width:806px; 
	height:37px; 
	z-index:8;
}

#homepage {
	position:absolute; 
	left:58px; 
	top:48px; 
	width:280px; 
	height:150px; 
	z-index:9;
}

.hoverimage { 
   clear:both; 
   width:280px; 
   height:30px;

 }
 
 .hoverimage a { 
   display:block;
 }
 
 .hoverimage a span { 
   float:left; 
   position:relative;
   width:280px; 
   height:30px;
 }
 
 .hoverimage a:hover { 
   border:0; 
 }
 
 .hoverimage a:hover img { 
   visibility:hidden; 
 }
 
 .hoverimage2 { 
   clear:both; 
   width:280px; 
   height:50px;

 }
 
 .hoverimage2 a { 
   display:block;
 }
 
 .hoverimage2 a span { 
   float:left; 
   position:relative;
   width:280px; 
   height:50px;
 }
 
 .hoverimage2 a:hover { 
   border:0; 
 }
 
 .hoverimage2 a:hover img { 
   visibility:hidden; 
 }

.textcontentfett {
	margin-top: 10px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	margin-right: 10px;
	font-weight: bold;
}


#box {
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size:11px;
	left:356px;
	top:475px;
	width:463px;
	height:98px;
	z-index:10;
	background-color:#FFFFFF;
	padding:0px 10px 10px 10px;
}

#disclaimer {
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size:11px;
	left:356px;
	top:543px;
	width:463px;
	height:30px;
	z-index:10;
	background-color:#FFFFFF;
	padding:0px 10px 10px 10px;
}

#boxroute {
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size:11px;
	left:358px;
	top:890px;
	width:460px;
	height:145px;
	z-index:10;
	background-color:#FFFFFF;
	padding:10px;
}

.linkblau {
text-decoration: none;
font-weight: bold;
color: #003366;
}

#textsuch {
	position:absolute;
	left:47px;
	top:1592px;
	width:803px;
	height:102px;
	z-index:10;
	color: #83AFCA;
	font-size:10px;
}

#bookmarking {
	position:absolute;
	left:347px;
	top:1067px;
	width:480px;
	height:45px;
	z-index:11;
}
