html {
	height: 100%;
	background: #191d21;
}

:focus {
	outline: 0;
}	
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family: "Trebuchet MS", Arial, sans-sarif;}

body {
  padding: 0;
  margin: 0;
  background: #191d21 url(../pics/meer-blaugrau-5.jpg) repeat-x;
  width: 100%;
  display: table;
  min-height: 101%;

}

li li {
  font-size: 11px !important;
}

strong {
	font-size: 12px;
}

#page {
width: 100%;
display: table;
height: 100%;
min-height: 101%;
background: transparent url(../pics/segelboot-blaugrau-2.jpg) no-repeat;
}



#logo {
	position: absolute;
	top: 0;
	left: 90px;
}

#logo img {
	border: 0;
}

#wrapper {
width: 950px;
padding-top: 50px;
margin: 0 auto;
}

#header {
background: transparent;
position : relative;
width: 950px;
height : 90px;
}

div.topnav     {
font-size: 0.7em;
position : relative;
left : 525px;
padding : 0;
background: transparent;
text-align: right;
}

div.topnav ul  {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
background: transparent;
}

div.topnav li  {
display : inline;
padding : 0;
margin : 0;
background: transparent;
}

div.topnav a      {
margin : 0;
padding : 30px 0 0 15px;
display : block;
float : left;
text-decoration : none;
color: #333840;
background: transparent;
}
div.topnav a img {
border: 0;
}

div.topnav a:hover   {
color: #333840;
text-decoration: underline;
background: transparent;
}
.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus {
color: #fff;
text-decoration: underline;
}


.hoehe { height: 800px; }
div[class = "hoehe"] { height: auto; min-height: 800px }

.konstante { height: 390px; }
div[class = "konstante"] { height: auto; min-height: 390px }


#mainnav   {
float: left;
width: 180px;
margin-left: 90px;
clear: both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #mainnav {
margin-left: 0px;
padding-left: 90px;
width: 180px;
  }
/* End hide from IE5/mac */



#mainnav  ul {
width: 180px;
margin: 0;
list-style: none;
display: block;
background: transparent;
list-style: none;
line-height: 25px;
}
#mainnav li      {
font-size:  12px;
margin: 0;  
width: 170px;
line-height: 25px;
padding: 0;
background: transparent url(../pics/punkte-grau.gif) 0 bottom repeat-x;
}

#mainnav a   {
margin: 0;
text-decoration: none;
display: block;
font-weight: bold;
font-size: 11px;
padding: 0px 20px 0px 2px;
color: #fff;
text-transform: uppercase;
line-height: 25px;
}

#mainnav li li      {
background: transparent;
}

#mainnav li li a {
font-weight: normal;
background: transparent ;
font-size: 11px;
padding: 0 0 0 35px;
text-transform: none !important;
margin: 0;
}

#mainnav a:hover, #mainnav a:active   {
text-decoration: none;
background: transparent url(../pics/weiss-trans.png) repeat scroll;
color: #333840;
}

#mainnav ul li.current_page_item, 
#mainnav ul li.current_page_item a:link, 
#mainnav ul li.current_page_item a:visited, 
#mainnav ul li.current_page_item a:hover, 
#mainnav ul li.current_page_item a:active {
color: #333840;
font-weight: bold;
}
#mainnav li.current_page_item li, 
#mainnav li.current_page_item li a:link, 
#mainnav li.current_page_item li a:visited, 
#mainnav li.current_page_item li a:hover, 
#mainnav li.current_page_item li a:active {
color: #fff;
}

div.topnav ul li.current_page_item, 
div.topnav ul li.current_page_item a:link, 
div.topnav ul li.current_page_item a:visited, 
div.topnav ul li.current_page_item a:hover, 
div.topnav ul li.current_page_item a:active {
color: #fff;
text-decoration: underline;
}

#active a  {
color : #edec4a;
}

#rechtespalte {
float: right;
width: 200px;

font-size: 0.7em;
background: transparent; 
}

#rechtespalte p { color: #fff; padding: 10px 15px 15px 14px;}
#rechtespalte h1{ color: #fff; font-size: 1.1em; padding: 10px 15px 15px 14px; font-weight: bold; }

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #rechtespalte p {padding: 10px 0px 15px 14px;}
* html #rechtespalte h1{ color: #fff; font-size: 1.1em; padding: 10px 0px 15px 0px; font-weight: bold; }
/* End hide from IE5/mac */


#rechtespalte a:link  {
color : #fff;
text-decoration : underline;
}
#rechtespalte a:visited {
color : #fff;
text-decoration : underline;
}
#rechtespalte a:hover {
color : #fff;
text-decoration : none;
}
#rechtespalte a:active {
color : #fff;
text-decoration : underline;
}

#content       {
margin-left: 280px;
margin-right: 210px;
background: transparent;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #content {
   height: 1%;
   margin-left: 260px;
   margin-right: 210px;
  }
/* End hide from IE5/mac */

.platz { height: 340px; }
div[class = "platz"] { height: auto; min-height: 340px }




#content a:link  {
color : #15337c;
text-decoration : none;
background:  #fff;
}
#content a:visited {
color : #15337c;
text-decoration : none;
background:  #fff;
}
#content a:hover {
color : #fff;
background: transparent;
}
#content a:active {
color : #15337c;
background:  #fff;
}


div.main-box-top {
	background: url(../pics/main-top.gif) top left no-repeat;
	height: 10px;
	margin-top: 0;
}
div.main-box-bottom {
	background: url(../pics/main-bottom.gif) top left no-repeat;
	margin-bottom:20px;
	height: 30px;
}


div.inhalt-box-top {
	background: url(../pics/box-top.gif) top left no-repeat;
	height: 10px;
	margin-top: 0;
}
div.inhalt-box-bottom {
	background: url(../pics/box-bottom.gif) top left no-repeat;
	margin-bottom:20px;
	height: 30px;
}

div.rechts-box-bottom {
	background: url(../pics/rechts-bottom.gif) top left no-repeat;
	margin-bottom:20px;
	height: 30px;
}

div.rechts-box-top {
	background: url(../pics/rechts-top.gif) top left no-repeat;
	margin-top:0px;
	height: 10px;
}


.inhaltsbox {
	background: transparent url(../pics/bg-trans-blaugrau.png) repeat scroll left top;
	margin: -3px 5px;
	padding-bottom: 20px;
}
.inhaltsboxrechts {
	background: transparent url(../pics/bg-trans-blaugrau.png) repeat scroll left top;
	margin: -3px 5px;
}

.inhaltsbox_weiss {
	background: transparent url(../pics/weiss-trans.png) repeat scroll left top;
	margin: -3px 5px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html .inhaltsbox {
  background: transparent url(../pics/blaugrau-gif.gif) repeat scroll left top;
  margin: -5px 10px 0 10px;
  }
/* End hide from IE5/mac */

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html .inhaltsboxrechts {
  background: transparent url(../pics/blaugrau-gif.gif) repeat scroll left top;
  margin: 0 5px;
  }
/* End hide from IE5/mac */



#content p { color: #fff; font-size: 0.8em;  padding: 10px 15px 5px 15px; line-height: 21px;}
#content h1    { color: #fff; font-size: 1em; padding: 10px 15px 5px 15px; font-weight: bold; }
#content h2    { color: #fff;  font-size: 0.8em; padding: 10px 15px 0px 15px; margin-bottom: 5px; font-weight: bold; border-bottom: 1px solid #fff;}
#content h3    { color: #fff; font-size: 0.9em; padding: 10px 15px 5px 15px; font-weight: bold; }
#content ul { list-style-type: none; padding-top: 10px; }
#content li {
font-size: 0.8em;
color: #fff;
margin-left: 3em;
background-image: url(../pics/pfeil-liste.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;
}



#content img {
	padding: 3px;
	border: 1px solid #fff;
}

#footer {
width: 660px;
color: #dceaf4;
height: 300px;
float: right;

}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #footer {
margin-left: 290px;
  }
/* End hide from IE5/mac */




#footer h2 {
	font-size: 1em;
	padding: 0 0 10px 10px;
	color: #dceaf4;
}

#footer a { color:#dceaf4; text-decoration:underline; outline:none; }

#footer a:link  {
color : #dceaf4;
text-decoration : underline;
}
#footer a:visited {
color : #dceaf4;
text-decoration : underline;
}
#footer a:hover {
color : #dceaf4;
text-decoration : none;
}
#footer a:active {
color : #dceaf4;
text-decoration : underline;
}

#fotoband {
width: 854px;
padding-left: 78px;
padding-right: 18px;
color: #dceaf4;
height: 300px;
float: left;
clear: both;

}
#fotoband img {
	border: 0;
}

#linkespalte {
width: 220px;
float: left;
clear: both;
font-size: 11px;
text-align: left;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #linkespalte {
  width: 200px;
  }
/* End hide from IE5/mac */


#linkespalte p {
padding: 0 5px 0 10px;
}

#mittelspalte {
	width: 220px;
	margin-left: 220px;
	margin-right: 220px;
	font-size: 11px;

}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #mittelspalte {
  width: 200px;

  }
/* End hide from IE5/mac */


#mittelspalte p {
	padding: 0 5px 0 15px;

}

#aussenspalte {
	width: 220px;
	font-size: 11px;
	float: right;
	text-align: left;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #aussenspalte {
  width: 200px;  }
/* End hide from IE5/mac */


#aussenspalte p {
	
padding: 0 5px 0 15px;
}

table {
	color: #fff;
	font-size: 0.7em;
	margin-left: 15px;
	border-collapse: collapse;
  	background: transparent;
	border-color: #fff; 
  
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html table {
  margin-left: 0px;

  }
/* End hide from IE5/mac */

#sitemap a:link  {
color : #fff;
text-decoration : none;
background: transparent;
}
#sitemap a:visited {
color : #fff;
text-decoration : none;
background: transparent;
}
#sitemap a:hover {
color : #fff;
text-decoration : underline;
background: transparent;
}
#sitemap a:active {
color : #fff;
text-decoration : none;
background: transparent;
}

.blau {
	color: #333840;
}

a.shutterset_galerie2:link {
	background: transparent;	
}

a.shutterset_galerie2:visited {
	background: transparent;
}
a.shutterset_galerie2:hover {	
	background: transparent;
	color: transparent;
}
a.shutterset_galerie2:active {
	background: transparent;
}

div.termine {
	color: #333840 !important
}