html	{margin: 0;
	padding: 0;}
body	{
	background-color: #E4E4E4;
	text-align: center;
         line-height: 1.5em;
         max-width: 100%;
	}

#content H1, #content H2, #content H3, #content p, #content ul
	{font-family: "century gothic", Arial, Helvetica; padding-left: 10px; padding-right: 20px; color: #000000;}
H1	{font-size: 14pt; font-style: italic; font-weight: bold;}
H2	{font-size: 12pt;}
H3,p, ul 	{font-size: 11pt;}

#content a  {font-family: "century gothic";
         color:#FD0000;}

#content a.extern {color: #808080; background: #CECECE; font-weight: bold;}

#home #mainNavi .home a,
#links #mainNavi .links a,
#Angebote #mainNavi .Angebote a,
#Impressum #footer .Impressum a,
#Kontakt #mainNavi .Kontakt a,
#Kontakt #footer .Kontakt a,
#Geschichte #mainNavi .Geschichte a,
#Freizeiten #mainNavi .Freizeiten a,
#Bilder #mainNavi .Bildergalerie a,
#Bekanntmachung #mainNavi .Bekanntmachung a,
#Mitglied #mainNavi .Mitglied a,
#SegelnYSW #mainNavi .SegelnYSW a,
#Segelkurs #mainNavi .Segelkurs a,
#Kindersegeln #mainNavi .Kindersegeln a,
#Termine #mainNavi .Termine a,
#Tischtennis #mainNavi .Tischtennis a,
#Vorstand #mainNavi .Vorstand a,
#Archiv #mainNavi .Archiv a,
#About #mainNavi .about a	{color: #DF0000; cursor: default;}


div.pic  {float: right;
	position: relative;
         right: 25px;
         height: 106px;
         width: 160px;
         margin: 5px 5px;
         padding: 8px;
         background: #FFFFFF;
         border: 1px solid;
         border-color: #0000FF; #EEEEFF; #EEEEFF; #0000FF;}


div.pic img {border: 1px solid;
	border-color: #0000FF; #EEEEFF; #EEEEFF; #0000FF;
         }

div.ls img       {height: 106px; width: 160px;}


#wrapper	{
	background-color: #FFFFFF;
	width: 85%;
         margin:0 auto;
         text-align: left;
         }

#head  {
         height: 180px;
         padding: 1%;
         background: #BCBCBC;
         }


#content	{margin: 15px 0 0 10px;
	width: 75%;
         float: right;
         display: inline;
         padding-top: 10px;
         padding-bottom: 20px;
         }

#table .a  {font-family: "century gothic";
         font-size: 8pt;
         color:#414141;}

#mainNavi {margin: 15px 0 15px 15px;
	width: 17%;
         float: left;
         display: inline;
         font-family: "century gothic";
         border: 2px solid #808080;
         background-color: #FFFFFF;
         }
#mainNavi ul
	{margin:0;
         padding: 0;
         list-style-type: none;
	}
#mainNavi li
	{
         padding: 0.5em 0 0.25em 0.25em;
         line-height: 1.5em;
         border-top: 1px dotted #808080;
         font-size: 10pt;
         }

#mainNavi a	{color: #808080;
         text-decoration: none;
         font-weight: bold;
	}
#mainNavi a:link  {
         color: #808080;}

#mainNavi a:visited
         {
         color: #808080;}

#mainNavi a:hover
	{color: #DF0000;}

#mainNavi a:active
         {
         color: #DF0000;}

#footer  {
         clear: both;
         margin: 10px 0 0 0;
         padding-left: 25%;
         background-color: #BCBCBC;
         font-family: "century gothic";
         font-size: 10pt;
         line-height: 2em;
         list-style: none;
         text-align: left;
         }

#footer li
	{
	display: inline;
         padding-left: 1em;
         }

#footer a
	{color:#808080;
          text-decoration: none;
          line-height: 1em;
          font-weight: bold;
          }

#footer a:visited
	{text-decoration: none;
         color: #808080;}

#footer a:hover, a:active {color: #DF0000;}
