*  { padding: 0; margin: 0; }
h2, h3, p, ol { margin-bottom: 2em; }  
h5 { margin-bottom: 1em; }  
ul { margin: 0px;} 
li { margin-left: 1em; } 

/* Allgemeine Selektoren */

html { height: 101%; } 
body { 
   color: #333; 
   background-color: #fffff9; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small; 
   background-image: url(back.jpg);
   background-repeat:repeat-x;
}
h1 { font-size: 150%; 
} 
h2 { font-size: 130%; 
	color:#666;
	margin-top: 1.8em; 
}
h3 { font-size: 130%; 
	color:#666;
}

h4 { font-size: 110%; }
address {
	font-family:arial;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}
h5 { font-size: 120%; 
	color:#666;
}

a { text-decoration: none; outline: none;} 
a:link { color: #d90000; } 
a:visited { color: #cc6666; }
a:hover, 
a:focus { 
  border-bottom: 1px solid #d90000 
}
a:active { 
   color: black; 
}

.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}
.bildlinks {
   float:left; 
   padding: 3px; 
   border: 2px solid #f6f6f6; 
   margin-right: 10px; 
   margin-bottom: 10px; 
}
.bildlinks_gr {
   float:left; 
   padding: 0px; 
   border: 1px solid #323131 ; 
   margin-right: 10px; 
   margin-bottom: 10px; 
}
.bildlinksplatz {
   float:left; 
   padding: 3px; 
   border: 5px solid #f6f6f6; 
   margin-right: 20px; 
   margin-bottom: 10px; 
}
.bildohne {
   float:left; 
   padding: 3px; 
   border: 5px solid #eee; 
   margin-right: 10px; 
   margin-bottom: 10px; 
   margin-top: 2px;
}
.rose {
   float:right;
   padding: 0px; 
   border: 0px; 
   margin-right: 0px; 
   margin-bottom: 0px; 
   margin-top: 0px;
   behavior: url("pngbehavior.htc");
}
.logoimpr {
   float:right;
   padding: 0px; 
   border: 0px; 
   margin-right: 30px; 
   margin-bottom: 0px; 
   margin-top: 20px;
   behavior: url("pngbehavior.htc");
}
.logomd {
   float:right;
   padding: 0px; 
   border: 0px; 
   margin-right: 200px; 
   margin-bottom: 0px; 
   margin-top: 13px;
   behavior: url("pngbehavior.htc");
}
.bildrechts {
   float:right; 
   padding: 3px; 
   border: 5px solid #ccc; 
   margin-bottom: 10px;
   margin-left: 10px; 
}

.clearing { clear: both; }

#wrapper { 
   color: #333; 
   background-image: url(navi_bg.jpg);
   background-repeat:repeat-y;
   background-position:top left;
   width: 800px;  
   margin: 0px auto;
}

#kopfbereich {
	height:137px;
	width:800px;
   position: relative;  
   background: url(logo3.jpg);
   background-repeat: no-repeat;
   padding: 0px;
   border-bottom: 1px solid #333; 
}
#kopfbereich p {
      position: absolute; 
      top: 60px;  
      left: 510px;
      font-weight: bold;
      padding: 5px 0 5px 0;
      margin-bottom: 0;
	  color:#AE5C22;
	font-size: 24pt;
    }
    #kopf p span {
	   font-weight: normal;
	   	font-size: small;
    }
#navibereich { 
	bacgkground: url(mastl.gif);
	background-repeat:repeat-y;
	background-position:right;
	float: left; 
    width: 110px; 
    height: 500px;
    padding-left: 0px; 
    padding-top: 110px; 
} 
.capital {
	color: #996633;
	        }
.klein {
font-size:11px;

        }
#faq #navibereich { 
     height: 1700px;
    } 
#gebiete #navibereich { 
     height: 1200px;
    } 
#yacht #navibereich { 
     height: 650px;
    } 

   #navibereich ul { 
      width: 6em; 
} 
   #navibereich li {
	font-weight:bold;
	font-size:12px;
	margin: 0;
	list-style-type: none;
	margin-top:5px; padding-top: 0px;
	
}
   #navibereich a { 
    display: block;  
    text-decoration: none;
    color: #999; 
	padding: 0px 0px 0px 5px; 
	border-left: 3px solid silver;
}  
   #navibereich a:hover {
	color: #666;
	border-bottom: none;
	text-decoration: none;	 
    border-left-color: #666;
}
 



#navibereich dd a {
border: 0px solid gray;
width: 130px;
 font-size: 90%;

}




   #navibereich a:focus,
	#mitsegeln #navi01 a,
	 #leistung #navi02 a ,
	  #termine #navi03 a ,
   	   #galerie #navi04 a ,
  	    #yacht #navib1 a ,
  	    #gebiete #navib2 a ,
		#delfin #navib3 a ,
		#download #navib4 a ,
		#skipper #navib5 a ,
		#links #navib6 a ,
		#faq #navib7 a ,
 		 #logbuch #navi06 a ,
		  #yacht #navi07 a ,
		   #gebiete #navi08 a ,
   		    #video #navi09 a ,
   		    #toernberichte #navi05 a ,
			 #kontakt #navi10 a ,
			  #news #navi11 a ,
			   #info #navi12 a 
{ 
      color: #000;
      border-left-color: #000;
	  text-decoration:none;
      border-bottom: none; 
    }  
   #navibereich a:active { 
      color: black; 
   }  
  
#fussbereich a { 

     text-decoration: none;
      color: #333; 
      padding: 0px; 
	  font-weight:bold;
	     }  
   #fussbereich a:hover
   {
	color: #ff9900;
	border-bottom: none;
	text-decoration: underline;	 
   }
   #fussbereich a:active { 
      color: black; 
      background-color: #d9d9d9; 
   }  


#textbereich { 
color:#333;
   padding: 20px 0px 20px 20px; 
   margin-left: 130px; 
   margin-right: 0px;
   text-align:justify;
   background-image: url(hinten.jpg);
   background-repeat: repeat-y;
   background-position:center;
   background-attachment:fixed;
}
   #textbereich a { 
      border-bottom: 1px solid #cccccc; 
	  color: #333333;
	  font-weight:bold;
   }
   #textbereich a:visited { color: #333333; }
   #textbereich a:hover,
   #textbereich a:focus { 
   color: #ff9900;
      bordesr-bottom: 1px double #ff9900; 
   }
   
   #textbereich ul { 
     margin: 0px 0px 0px 40px;
	 padding-left: 50px;
	 } 
   #textbereich li {
	margin-left: 50px;
	padding-left: 5px;
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	}
	 
	 #faq #textbereich p {
		font-size:11px;
	 }
	 #faq #textbereich a { 
      border-bottom: 0px solid #cccccc; 
	 }
	 #faq #textbereich ul { 
     margin: 0px 0px 0px 0px;
	 padding: 0px;
	 padding-left: 0px;
	 font-size:11px;
	padding-top: 0px;
	 } 
   #textbereich li {
        margin: 0px 0px 0px 0px;
			 padding: 0px;
	margin-left: 50px;
	padding-left: 5px;
	margin-bottom: 0px; 
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px; 
	}

#fussbereich {
   clear: both; 
   color: black; 
   padding: 10px 20px 20px 20px;
   border-top: 1px solid #8c8c8c; 
}

   #textbereich a.lohne
{
 border-bottom: 0px solid #ffe574; 
text-decoration: none; outline: none;
}


#kontakt form {
  margin: 0px;
  width: 370px;
  padding-bottom:10px;
  padding-left:6px;
  padding-top:10px;
  padding-right:0px;
  border-left: 1px solid #8c8c8c;
  border-right: 2px solid #8c8c8c;
  border-top: 1px solid #8c8c8c;
  border-bottom: 2px solid #8c8c8c;

}
input:focus, textarea:focus 
{
  background-color: #ffffff; 
  }


#absender {
  width: 148px;
  margin-bottom: 0.1em;
 border-left: 1px solid #8c8c8c;
  border-right: 2px solid #8c8c8c;
  border-top: 1px solid #8c8c8c;
  border-bottom: 2px solid #8c8c8c;
  background-image: url(lback.jpg);
}
#absendermail {
  width: 148px;
  margin-bottom: 0.1em;
 border-left: 1px solid #8c8c8c;
  border-right: 2px solid #8c8c8c;
  border-top: 1px solid #8c8c8c;
  border-bottom: 2px solid #8c8c8c;
  background-image: url(kkback.jpg);

}

textarea { height: 7em; 
margin-top: 0.8em;
   background-image: url(llback.jpg);
}

#absender1 {
  width: 255px;
  margin-bottom: 0em;
  
}


/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

/* Das Kontaktformular */
/*form {
   background-color: #eee;
   widtdh: 370px; /* Breite des Formulars
   padding: 20px; 
   border: 1px solid #8c8c8c;
}
/* Beschriftung auf eigener Zeile */

#hauptzeile {
 background-color: #F8F8F8;
 border: 1px solid #eee;
 padding-right: 10px; 
}


div.galerie { 
   overflow: hidden; 
   padding: 25px 10px 10px 0; 
   margin: 0 3px 3px 0; 
}
/* für IE6 */
* html div.galerie { height: 1%; }

div.galerie img { 
   float: left; 
   padding: 4px;
   border: 1px solid #ddd; 
   border-right-color: #aaa; 
   border-bottom-color: #aaa; 
   margin-right: 15px; 
   margin-bottom: 15px;  
}

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */