/* Home-CSS Insel Foehr
*********************************************/
/* #wrapper {background: #FFFFFF url(../img/bg-wrapper-home.jpg) left top no-repeat;}*/

#main.home {
	min-height: 1%;
	height: auto;
	width: 983px;
	border: none;
}

#schlaufe {position: absolute; left:377px; top:7px;}
#schlaufe.schlaufe-klein {left:375px; top:6px;}

#schlaufe.schlaufe-klein-winter {left:410px; top: 6px;}

#soundswf {
    position: absolute;
	left: 906px;
    top: 170px;
    z-index: 2015;
}

/* Head */
#main.home #head {
	margin-left: 15px;
	height: 535px;
}

#home-buchen { position: absolute; left: 650px; top: -2px;
	height: 218px;
	width: 157px;
	background: transparent url(../img/home-online-buchen.png) left top no-repeat;
	display: none;
}

#main.home #silhouette { position: absolute; top: 301px;}

#wasser,#wasser-schmal {
	position: absolute;
	left: 0;
	top: 57px;
	height: 210px;
	width: 951px;
}
#wasser-schmal {top:157px;
height: 110px;
}
#strankkorbswf {
	position: absolute;
	left: 0;
	top: 0px;
	height: 480px;
	width: 951px;
}

#schlaufeswf {z-index:2000;
	position: absolute;
	top:0px;
	left: 347px;
	height: 250px;
	width: 180px;
}
#wasser-unten-swf {position: absolute; left:0; top:224px;
height: 257px;
width: 951px;
}
.wasser-top {position:absolute; left:1px; top:0;}
#wasser-unten-swf-oktober {position: absolute; left:0; top:301px;
height: 330px;
width: 951px;
}
.wasser-top-oktober-2011 {position:absolute; left:0; top:0;}

/* Navigation */
#boxes {position: relative; top: 0; left: 15px; overflow:hidden;
	margin-top: 21px;
	min-height: 194px;
	width: 953px;
	border-top: 1px solid #E8E8E8;
	background: transparent url(../img/boxex-bg.gif) left top repeat-x;
}

#boxes ul.menu1 {overflow:hidden;}
#boxes ul.menu1,
#boxes ul.menu1 li { height: auto; }
#boxes ul.menu1 li a:hover, #boxes ul.menu1 li a:active, #boxes ul.menu1 li a:focus,
#boxes li:hover a {
	margin-right: 0px;
	width: 136px;
}
#boxes ul.menu1 li.insel a, #boxes ul.menu1 li.insel a:link, #boxes ul.menu1 li.insel a:visited {background-image: url(../img/nav-bg-insel-home.gif);}
#boxes ul.menu1 li.familie a, #boxes ul.menu1 li.familie a:link, #boxes ul.menu1 li.familie a:visited {background-image: url(../img/nav-bg-familie-home.gif);}
#boxes ul.menu1 li.vital a, #boxes ul.menu1 li.vital a:link, #boxes ul.menu1 li.vital a:visited {background-image: url(../img/nav-bg-vital-home.gif);}
#boxes ul.menu1 li.aktiv a, #boxes ul.menu1 li.aktiv a:link, #boxes ul.menu1 li.aktiv a:visited {background-image: url(../img/nav-bg-aktiv-home.gif);}
#boxes ul.menu1 li.kultur a, #boxes ul.menu1 li.kultur a:link, #boxes ul.menu1 li.kultur a:visited {background-image: url(../img/nav-bg-kultur-home.gif);}
#boxes ul.menu1 li.genuss a, #boxes ul.menu1 li.genuss a:link, #boxes ul.menu1 li.genuss a:visited {background-image: url(../img/nav-bg-genuss-home.gif);}
#boxes ul.menu1 li.service a, #boxes ul.menu1 li.service a:link, #boxes ul.menu1 li.service a:visited {background-image: url(../img/nav-bg-service-home.gif);}

#boxes ul.menu1 li a, #boxes ul.menu1 li a:link, #boxes ul.menu1 li a:visited {margin-bottom: 18px;}

/* 2. Navebene */
#boxes ul.menu1 li ul {margin: 0;}
#boxes ul.menu1 ul li {font-size: 12px;}

#boxes ul.menu1 ul a, #boxes ul.menu1 ul a:link, #boxes ul.menu1 ul a:visited {
	color: #666666;
	text-align: center;
	padding: 2px 0;
	margin:0;
	height:auto;
	display:block;
	background: none !important;
}
#boxes ul.menu1 ul a:hover, #boxes ul.menu1 ul a:focus, #boxes ul.menu1 ul a:active {
/*text-decoration: underline;*/
	margin:0;
	width: 136px;
}

#boxes ul.menu1 li.insel ul a:hover, #boxes ul.menu1 li.insel ul a:focus, #boxes ul.menu1 li.insel ul a:active {color: #F8AA00;}
#boxes ul.menu1 li.familie ul a:hover, #boxes ul.menu1 li.familie ul a:focus, #boxes ul.menu1 li.familie ul a:active {color: #BECD00;}
#boxes ul.menu1 li.vital ul a:hover, #boxes ul.menu1 li.vital ul a:focus, #boxes ul.menu1 li.vital ul a:active {color: #96BE0D;}
#boxes ul.menu1 li.aktiv ul a:hover, #boxes ul.menu1 li.aktiv ul a:focus, #boxes ul.menu1 li.aktiv ul a:active {color: #42A62A;}
#boxes ul.menu1 li.kultur ul a:hover, #boxes ul.menu1 li.kultur ul a:focus, #boxes ul.menu1 li.kultur ul a:active {color: #008633;}
#boxes ul.menu1 li.genuss ul a:hover, #boxes ul.menu1 li.genuss ul a:focus, #boxes ul.menu1 li.genuss ul a:active {color: #007830;}
#boxes ul.menu1 li.service ul a:hover, #boxes ul.menu1 li.service ul a:focus, #boxes ul.menu1 li.service ul a:active {color: #007EAF;}

/* Footer */
.home #footer {
	position: relative; left: 1px; top: 0;
	width: 982px;
}
.home #footertext {
	height: 138px;
}