* { padding: 0em; margin: 0em; }

#nav1 { position: absolute; top:38px; right:48px; }
#nav1 img { border: none; }
#nav1 li { display: inline; list-style:none; }
#nav1 li a { float: left; display:block;  }
#nav1 li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav1 li a:hover { visibility:visible; }
#nav1 li a:hover img { visibility:visible; }
#nav1 li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#nav2 { position: absolute; top:62px; right:48px; }
#nav2 img { border: none; }
#nav2 li { display: inline; list-style:none; }
#nav2 li a { float: left; display:block;  }
#nav2 li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav2 li a:hover { visibility:visible; }
#nav2 li a:hover img { visibility:visible; }
#nav2 li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


#ueber_uns { background:url(../navi/ueber_uns_over.gif) no-repeat left bottom; }
#meeresfruechte { background:url(../navi/meeresfruechte_over.gif) no-repeat left bottom; }
#edelfische { background:url(../navi/edelfische_over.gif) no-repeat left bottom; }
#haelterung { background:url(../navi/haelterung_over.gif) no-repeat left bottom; }
#unser_bistro { background:url(../navi/bistro_news_over.gif) no-repeat left bottom; }
#medien { background:url(../navi/medien_over.gif) no-repeat left bottom; }
#speisekarte { background:url(../navi/speisekarte_over.gif) no-repeat left bottom; }
#kontakt { background:url(../navi/kontakt_over.gif) no-repeat left bottom; }
#hier_finden_sie_uns { background:url(../navi/hier_finden_sie_uns_over.gif) no-repeat left bottom; }

.separator { float: left;  }



#main {
        position: absolute; 
        top:74px; left:92px; 
        background-image: url(../hintergrund.jpg);
        background-repeat:no-repeat;
        width: 866px;
        height: 570px;
}

#neu {
        position: absolute; 
        top:29px; left:708px; 
        background-image: url(../neu.gif);
        background-repeat:no-repeat;
        width: 49px;
        height: 13px;
}

#umwelt {
        position: absolute; 
        top:92px; left:725px; 
        background-image: url(../umwelt.gif);
        background-repeat:no-repeat;
        width: 90px;
        height: 66px;
}


#container {
        position: relative;
        text-align: center;
        margin: 0px auto 0px auto;

        width: 966px;
}

#logo_oben {
        position: absolute;
        z-index:2;
        top:0px; left:17px; 
}

#logo_unten_links {
        position: absolute;
        z-index:2;
        top:74px; left:0px; 
}

#logo_unten_rechts {
        position: absolute; 
        z-index:2;
        top:74px; 
        left:92px; 
}

#konturfoto {
        position: absolute; 
        z-index:2;
        top:190px;
        right: 24px;
}

#kartenrahmen {
        position: absolute; 
        z-index:2;
        width: 385px; height: 385px;
        top: 138px; 
        left: 34px; 
        background-image: url(../kartenrahmen.gif);
        padding-left: 0px;
}

#map {  font-size: 12px;
        font-family: Arial, Helvetica;
        margin-top: 6px;
        margin-left: auto;
        margin-right: auto;
}

#bildrahmen {
        position: absolute; 
        z-index:2;
        width: 218px; height: 385px;
        top: 138px; 
        left: 34px; 
        background-image: url(../bildrahmen.gif);
}

#menu {
        position: absolute; 
        z-index:6;
        top: 40px; 
        left: 220px; 
}

#hummer {
        position: absolute; 
        z-index:5;
        top: 40px; 
        left: 600px; 
}

#iframe {
        z-index:2;
        margin-top: 6px;
        margin-left: 0px;
}

#foto {
        margin-bottom: 5px;
        margin-left: 1px;
}

.text {
        position: absolute;
        z-index:3; 
        text-align: left;
        top:145px; 
        left: 276px; 
        margin-right: 300px;
        width: 290px;
	    font-size: 12px;
	    font-family: Arial, Helvetica;
        color: #ffffff;
}

.text2 {
        position: absolute;
        z-index:3; 
        width: 222px;
        text-align: left;
        top:145px; 
        left: 444px; 
        margin-right: 200px;
	    font-size: 12px;
	    font-family: Arial, Helvetica;
        color: #ffffff;
}

.text3 {
        position: absolute;
        z-index:3; 
        text-align: left;
        top:145px; 
        left: 276px; 
        padding-right: 80px;
        margin-right: 100px;
        width: 490px;
	    font-size: 12px;
	    font-family: Arial, Helvetica;
        color: #ffffff;
        max-height: 372px;
        overflow: auto;
}


.legal {
        position: relative;
        top: 548px;
        text-align: left;
        margin-left: 7px;

	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
        color: #555555;
}

.content {
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica;
        margin-top: 0px; 
}

#mainbody {
       margin-top: 4px;
       bckground-color:#ffffff;
       background-image: url(../verlauf.jpg);
       background-repeat: repeat-x;
}



a:visited, a:link, a:active {
          text-decoration : none;
          color: #000000;
}

a:hover  {
         text-decoration : underline;
         color: #000000;
}