@CHARSET "ISO-8859-1";

html {
	margin:0px;
}

head {
	background: url(../img/head.png) no-repeat;

}

body {
	margin:0px;
	font-family: verdana, arial;
	font-size:13px;
	color: #010298;
	background: #fff url(../img/clouds.jpg) top left repeat-x;
}

  div#Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }
  ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0.4em; padding: 0;
  }
  * html ul#Navigation li {
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li { 
    margin-bottom: -0.1em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none;
  }
  * html ul#Navigation li ul { 
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation ul { 
    background-color:silver; padding-bottom:0.4em;
  }
  ul#Navigation li:hover ul {
    display: block; 
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 120px;
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #010298; background-color: #fff;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;
    w\idth: 6.4em;
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: #010298; background-color: #f9bc49;
  }
  li a#aktuell {
    color: #010298; background-color: silver;
  }
  ul#Navigation li ul span {
    background-color: maroon;
  }

div#Rahmen {
    width: 798px;
    height:50px;
    border: solid white;
  	border-left-width:2px;
  	border-top-width:2px;
  	border-bottom-width:0px;
  	border-right-width:2px;
    background-color: #f9bc49;
}

a {
	text-decoration:none;
  text-underline:none;
}

.pdf:hover {
	text-decoration:underline;
}

a:hover {
  text-decoration:none;
  text-underline:none;
}

a:link {
  text-decoration:none;
}

a:visited {
  text-decoration:none;
}

a:focus {
  text-decoration:none;
}

a:active {
  text-decoration:none;
}

a, span:hover {
	text-decoration:underline;
}

#container {
	width: 842px;
	margin:10px auto 0px auto;
}

#left {
	background: url(../img/rahmen_links.jpg) top left repeat-y;
}

#right {
	background: url(../img/rahmen_rechts.gif) top right repeat-y;	
}

#background {
	background: url(../img/karte.jpg) top left no-repeat;	
}

#background_bottom {
	background: url(../img/karte_unten.jpg) top left repeat-y;	
}

#content {
	float:left;
	display:inline;
	margin:20px 25px 0px 25px;
	width:560px;
}

#sidebar {
	float:right;
	width:232px;
	
}

#wetter {
	float:right;
	width:232px;
	height:207px;
	background: url(../img/sidebox_wetter.png) top right no-repeat;
}

#wind {
	float:right;
	width:232px;
	height:207px;
	background: url(../img/sidebox_wind.png) top right no-repeat;
}

#tide {
	float:right;
	width:232px;
	height:140px;
	background: url(../img/sidebox_tide.png) top right no-repeat;
}

#galerie {
	float:right;
	width:232px;
	height:217px;
	background: url(../img/sidebox_galerie2.png) top right no-repeat;
}

.box_padding {
	margin: 48px 32px 0px 16px;	
} 

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

#footer {
	line-height:20px;
	color: #1c1994;
	width: 842px;
	height: 41px;
	margin: 0px auto;
	background: url(../img/footer.png) top left no-repeat;
}

#footer_padding {
	margin: 0px 78px 0px 32px;
}

#footer a {
	color: #1c1994;
	text-decoration: none;
	float:right;
}

.right_img {
float:right;
margin:5px 0px 5px 5px;
}

.left_img {
float:left;
margin:5px 5px 5px 0px;
}

.center_img {
clear:both;
text-align:center;
}

.slide {
margin:5px 5px 0px 0px;
font-weight:bold;
border-style:solid;
border-width:1px;
}

.slide_g {
width:100px;
border-style:solid;
border-width:1px;
margin:0px 0px 8px 6px;
}

.right_span {
float:right;
margin:0px 0px 0px 5px;
}

p, hr {
margin:5px 0px 5px 5px;
}

hr {
border: 1px solid #fdbe2d;
} 	

h1 {
font-size:13px;
font-weight:bold;
margin:5px;
}

.wind_links {
clear:both;
float:left;
width:140px;
}

.wind_rechts {
float:left;
}	

.powered {
font-size:10px;
clear:left;
}

#vorstand td {
width:250px;
}

#daten td {
vertical-align:top;
width:150px;
}

#wissen td {
vertical-align:top;
width:400px;
}

input, textarea {
width: 210px;
}

#slideshow {
	margin:70px 50px 5px 45px;
    position:relative;
    height:100px;
    width:100px;
    border: 1px solid black;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#sogobiz {
	position:absolute;
	background: url(../img/sogobiz.png) top left no-repeat;
    padding:6px;
    padding-left:9px;
    margin-top:-1px;
    
    height:31px;
    width:154px;
}