

* {
	margin: 0;
	padding: 0;
}
body {
	behavior: url(csshover.htc);  /* wird aber nicht validiert */
}
html {
	background: #f1f4d5 url(bilder/bg.jpg) left top repeat-x;
	color: #FFF;
	font: 68.75%/1.4 verdana, arial, helvetica, sans-serif;
}


#inner_s1, #inner_s2, #inner_b1, #inner_s0 {
	margin-bottom: 20px;
	position: absolute;
	left: 50%;
	margin: 0 -400px;
	width: 800px;
}
#inner_s1 {
	border: solid 1px #000288;
	background: #d5daf1 url(bilder/strasse_1_bg.jpg) top center no-repeat;
}
#inner_s2 {
	border: solid 1px #1e6000;
	background: #dcffc3 url(bilder/strasse_2_bg.jpg) top center no-repeat;
     }
#inner_b1 {
	border: solid 1px #00407d;
	background: #bac8e4 url(bilder/boot_b1_bg.jpg) top center no-repeat;
     }
#inner_s0 {
	background-color: #bac8e4;
	border: solid 1px #00407d;
	background: #fffaaa url(bilder/strasse_3_bg.jpg) top center no-repeat;
     }
h1 {
	text-indent:1em;
   	font-size: 20px;
    	height: 285px;
     font-weight: bold;
}

#nav * {
	text-indent: -999em;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	height: 2.7em;
	line-height: 1.8em;
}
h2 {
	padding-right: 7px;
	text-align: right;
}
#inner_s1 h2 {background: url(bilder/ueberschrift_s1.jpg) no-repeat;}
#inner_s2 h2 {background: url(bilder/ueberschrift_s2.jpg) no-repeat;}
#inner_b1 h2 {background: url(bilder/ueberschrift_b1.jpg) no-repeat;}
#inner_s0 h2 {background: url(bilder/ueberschrift_h1.jpg) no-repeat;}

/*  Die Fahrlehrer */
#kasten {
	background-color: #9bd381;
	margin: 15px 0px;
}
#kasten_ob {
	background: url(bilder/kasten_head.jpg) top left no-repeat;
	height: 2.7em;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
	text-align: right;
	padding-right: 5px;

}
p.eins, p.zwei, p.drei, p.vier {
	text-align: left;
	padding: 5px 15px 5px 5px;
     border-right: 1px solid white;
     border-left: 1px solid white;
	background-color: #9bd381;
	height: 160px;
	}
p.last {
	clear: both;
	height: 10px;
     border-right: 1px solid white;
     border-bottom: 1px solid white;
     border-left: 1px solid white;
	background-color: #9bd381;
}
#kasten p img {
	float: left;
	margin: 0 15px 0 15px;
}






img#tab {
	border: 1px solid #fff;
     margin: 3px;
     background-color: #ccc;
}
h3 {
   	font: bold italic 2em georgia, serif;
	letter-spacing: .1em;
	margin: 10px 0 10px 0px;
   	border-bottom: 1px solid #666;
   	color: #666;
/*	text-transform: uppercase;*/
}
h4 {
     font: bold 1.5em 'trebuchet ms', arial, helvetica, sans-serif;
	letter-spacing: .1em;
	margin: 15px 0 10px 0px;
     color: #fff;
/*      border-bottom: 1px solid #666;  */
     border-left: 15px solid #666;
     padding-left: 6px;

}
#inhalt p, #mitte p {
	border: 1px solid #FFFFFF;
	border-top: 0;
	padding: 7px 14px 14px;
	font: normal 12px/1.4 'trebuchet ms', arial, helvetica, sans-serif;
}
#inhalt p a:link, #mitte p a:link,
#inhalt p a:active, #mitte p a:active,
#inhalt p a:visited, #mitte p a:visited {
 	font-weight: bold;
     color: #fff;
}
#inhalt p a:hover, #mitte p a:hover {
	font-weight: bold;
     color: #000000;
     background-color: transparent;
     text-decoration: none;
}
#inhalt ul, #mitte ul {
 	background-color: fuchsia;
     width: 160px;
}

#inner_s1 div#inhalt p, div#mitte p {background: #9091d8;}
#inner_s2 div#inhalt p, div#mitte p {background: #9bd381;}
#inner_b1 div#inhalt p, div#mitte p {background: #74a9dc;}
#inner_s0 div#inhalt p, div#mitte p {background: #E7C40B;}

#nav, #inhalt {
	margin: auto;
	position: relative;
	width: 800px;
}

#content {
     width: 700px;
     margin-left: 50px;
}
#nav ul {                    /* gesamter NAV Block */
	left: 101px;
	list-style: none;
	position: absolute;
/*	top: -75px;   ohne Logo */
	top: -26px;
	width: 604px;
}

#nav li {
	float: left;
}
#nav li#home {width: 59px;}
#nav li#aktuell {width: 106px;}
#nav li#angebot {width: 90px;}
#nav li#wir {width: 128px;}
#nav li#strasse {width: 87px;}
#nav li#boot {width: 60px;}
#nav li#fotos {width: 74px;}

#nav li a {
	background-repeat: no-repeat;
	display: block;
	height: 38px;
	text-decoration: none;
}

#nav li#home a.s1 {background-image: url(bilder/home_s1.jpg); margin-top: 2px;}
#nav li#aktuell a.s1 {background-image: url(bilder/aktuell_s1.jpg); margin-top: 22px;}
#nav li#angebot a.s1 {background-image: url(bilder/angebot_s1.jpg); margin-top: 36px;}
#nav li#wir a.s1 {background-image: url(bilder/wir_s1.jpg); margin-top: 36px;}
#nav li#strasse a.s1 {background-image: url(bilder/strasse_s1.jpg); margin-top: 36px;}
#nav li#boot a.s1 {background-image: url(bilder/boot_s1.jpg); margin-top: 22px;}
#nav li#fotos a.s1 {background-image: url(bilder/fotos_s1.jpg); margin-top: 2px;}

#nav li#home a.s2 {background-image: url(bilder/home_s2.jpg); margin-top: 2px;}
#nav li#aktuell a.s2 {background-image: url(bilder/aktuell_s2.jpg); margin-top: 22px;}
#nav li#angebot a.s2 {background-image: url(bilder/angebot_s2.jpg); margin-top: 36px;}
#nav li#wir a.s2 {background-image: url(bilder/wir_s2.jpg); margin-top: 36px;}
#nav li#strasse a.s2 {background-image: url(bilder/strasse_s2.jpg); margin-top: 36px;}
#nav li#boot a.s2 {background-image: url(bilder/boot_s2.jpg); margin-top: 22px;}
#nav li#fotos a.s2 {background-image: url(bilder/fotos_s2.jpg); margin-top: 2px;}

#nav li#home a.b1 {background-image: url(bilder/home_b1.jpg); margin-top: 2px;}
#nav li#aktuell a.b1 {background-image: url(bilder/aktuell_b1.jpg); margin-top: 22px;}
#nav li#angebot a.b1 {background-image: url(bilder/angebot_b1.jpg); margin-top: 36px;}
#nav li#wir a.b1 {background-image: url(bilder/wir_b1.jpg); margin-top: 36px;}
#nav li#strasse a.b1 {background-image: url(bilder/strasse_b1.jpg); margin-top: 36px;}
#nav li#boot a.b1 {background-image: url(bilder/boot_b1.jpg); margin-top: 22px;}
#nav li#fotos a.b1 {background-image: url(bilder/fotos_b1.jpg); margin-top: 2px;}

#nav li#home a.s0 {background-image: url(bilder/home_h1.jpg); margin-top: 2px;}
#nav li#aktuell a.s0 {background-image: url(bilder/aktuell_h1.jpg); margin-top: 22px;}
#nav li#angebot a.s0 {background-image: url(bilder/angebot_h1.jpg); margin-top: 36px;}
#nav li#wir a.s0 {background-image: url(bilder/wir_h1.jpg); margin-top: 36px;}
#nav li#strasse a.s0 {background-image: url(bilder/strasse_h1.jpg); margin-top: 36px;}
#nav li#boot a.s0 {background-image: url(bilder/boot_h1.jpg); margin-top: 22px;}
#nav li#fotos a.s0 {background-image: url(bilder/fotos_h1.jpg); margin-top: 2px;}


#tagline_s1, #tagline_s2, #tagline_b1, #tagline_s0 {
	margin-top: 80px;
/*     margin-top: 20px ohne Logo */
	padding-right: 60px;
	text-align: center;
    color: #000;
    position: relative;
	font-size: 1.2em;
	font-weight: bold;
	height: 36px;
	line-height: 1.8em;
}
#tagline_s1 {background-color: #e3e6f7; border-top: 1px solid #000288; border-bottom: 1px solid #000288;}
#tagline_s2 {background-color: #e9ffda; border-top: 1px solid #1e6000; border-bottom: 1px solid #1e6000;}
#tagline_b1 {background-color: #c7d3ea; border-top: 1px solid #00407d; border-bottom: 1px solid #00407d;}
#tagline_s0 {background-color: #FBFCC1; border-top: 1px solid #7A6C00; border-bottom: 1px solid #7A6C00;}

#inhalt {
	padding: 25px 0;
	width: 645px;
}

#inhalt div {
	float: left;
	width: 195px;
}

#inhalt #mitte {
	margin: 0 30px;
}

#content a:link, #content a:active, #content a:visited {
 	color: #000;
     font-weight: bold;
}
#content a:hover {
 	font-weight: bold;
     color: #000;
     background-color: #fff;
     text-decoration: none;
}
#clear {clear: both;}

#text_a {
	float: left;
	width: 700px;
    margin-top: 20px;
}

#text, #text_a p {
	font: normal 14px/1.8 'trebuchet ms', arial, helvetica, sans-serif;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
}

#text_a ul {
 	color: #000;
    font: bold 14px/1.8 'trebuchet ms', arial, helvetica, sans-serif;
}
#text_a li {
 	color: #555555;
	font: normal 14px/1.8 'trebuchet ms', arial, helvetica, sans-serif;
	margin-left: 50px;
}
table {border-collapse: collapse;}

#text table, #text_a table {
	border-left: 1px solid #555;
    border-right: 1px solid #555;
	border-top: 1px solid #555;
	font: normal 12px/1.6 'trebuchet ms', arial, helvetica, sans-serif;
	color: #555;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 440px;
}
#text table.breit, #text_a table.breit {width: 670px;}

#text table#s1, #text_a table#s1 {background-color: #e3e6f7}
#text table#s2, #text_a table#s2 {background-color: #e9ffda}
#text table#b1, #text_a table#b1 {background-color: #c7d3ea}
#text table#s0, #text_a table#s0 {background-color: #FBFCC1}

#text td, #text_a td {
	color: #555;
    border-bottom: 1px solid #555;
	font: normal 12px/1.6 'trebuchet ms', arial, helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	padding: 3px;
}
#text th, #text_a th {
	color: #333;
    font: bold italic 12px/1.6 'trebuchet ms', arial, helvetica, sans-serif;
    border-bottom: 2px solid #555;
    text-align: left;
    padding: 3px;
}
table#b1 th {
	background-color: #a1afcb;
}
#text tr:hover, #text_a tr:hover {
 	background-color: #fff;
}

#text img, #text_a img {
	border: 1px solid #555;
    padding: 3px;
    margin-left: 40px;
}
#text_b img {
	margin-left: 10px;
}

#text p#bildunterschrift, #text_a p#bildunterschrift {
	font: normal italic 10px/1.4 'trebuchet ms', arial, helvetica, sans-serif;
    color: #555;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-left: 40px;
}

/* Rechte Textspalte mit News */
#text_b {
	float: right;
	width: 220px;
	border: 1px solid #999;
	margin-bottom: 20px;
	color: #000;
	clear: both;
}
#text_b img.kasten {
	margin-left: 0;
}
#inner_s1 #text_b {background-color: #e3e6f7;}
#inner_s2 #text_b {background-color: #e9ffda;}
#inner_b1 #text_b {background-color: #c7d3ea;}
#inner_s0 #text_b {background-color: #FBFCC1;}
#inner_s1 #text_b:hover,
#inner_s2 #text_b:hover,
#inner_b1 #text_b:hover,
#inner_s0 #text_b:hover  {
	background-color: #fff;
	color: #000;
}
#text_b p {
	font: normal 12px/1.4 'trebuchet ms', arial, helvetica, sans-serif;
     color: #000;
     padding: 5px 10px 5px 10px;
}
#text_b a:link, #text_b a:visited, #text_b a:active {
 	color: #444;
	text-decoration: underline;
	font-weight: normal;
}
#text_b a:hover {
 	color: #000;
	text-decoration: none;
	background-color: #fff;
	font-weight: normal;
}

#footer {
	clear: both;
	color: #999;
	border-top: 1px solid #1e6000;
	text-align: center;
}
#inner_s1 #footer {background-color: #e3e6f7; border-bottom: 1px solid #000288;}
#inner_s2 #footer {background-color: #e9ffda; border-bottom: 1px solid #1e6000;}
#inner_b1 #footer {background-color: #c7d3ea; border-bottom: 1px solid #00407d;}
#inner_s0 #footer {background-color: #FBFCC1; border-bottom: 1px solid #7A6C00;}

#footer a:link, #footer a:active, #footer a:visited {
 	font-weight: bold;
	text-decoration: underline;
	color: #999;
}
#footer a:hover {
 	background-color: #fff;
	text-decoration: none;
	color: #000;
}
span {
	color: #ff0000;
	font-weight: bold;
}
#text_b #none {border: 0px;}

#inner_s1 #logo {
	width: 213px;
	height: 101px;
/*     position: absolute;*/
	z-index: 60;
	margin-left: 180px;
	margin-top: -150px;
	background: url(bilder/logo_auto.gif) no-repeat;
}
#inner_s2 #logo, #inner_s0 #logo {
	width: 213px;
	height: 101px;
/*     position: absolute;*/
	z-index: 60;
	margin-left: 400px;
	margin-top: -150px;
	background: url(bilder/logo_auto.gif) no-repeat;
}
#inner_b1 #logo {
	width: 213px;
	height: 101px;
/*     position: absolute; */
	z-index: 180;
	margin-left: 20px;
	margin-top: -150px;
	background: url(bilder/logo_boot.gif) no-repeat;
}

a:hover .zoom, a:hover .zoom_kl {
	filter='()';
}
a:link .zoom, a:link .zoom_kl {
	width: 150px;
	height: 110px;
}
a:hover .zoom {
	width: 600px;
	height: 450px;
}
a:hover .zoom_kl {
	width: 350px;
	height: 263px;
}
a:hover .zoomq, a:hover .zoomq_kl {
	filter='()';
}
a:link .zoomq, a:link .zoomq_kl{
	width: 110px;
	height: 150px;
}
a:hover .zoomq {
	width: 450px;
	height: 600px;
}
a:hover .zoomq_kl {
	width: 263px;
	height: 350px;
}
a.val {
	text-align: center;
}
a.val img {
	border: 0px;
}

#star {
	font: normal 12px/1.4 'trebuchet ms', arial, helvetica, sans-serif;
    	text-align:center;
	color: #000;
    	padding: 0px 10px 5px 5px;
	position: relative;
/*	left:520px;
	top:530px;*/
	background: url(bilder/star_red.png) no-repeat;
	width:250px;
	height:160px;
	float: right;
	margin-top: -80px;
}
#star_inner {
	margin-left: 10px;
	margin-top: 38px;
}
span.weiss {
	color: #fff;
}
#star_boot {
	font: normal 12px/1.4 'trebuchet ms', arial, helvetica, sans-serif;
     text-align: center;
	color: #000;
     padding: 5px 10px 5px 10px;
	position: absolute;
	left:280px;
	top:500px;
	background: url(bilder/star_boot.png) no-repeat;
	width:222px;
	height:160px;
}

#windfinder {
	border: 1px solid gray;
	background-color: white;
	padding: 8px;
	width: 95%;
}
#windfinder td.rowname {
	background-color: #c7d3ea;
}
#windfinder th {
	background-color: #bac8e4;
}

/*  IFrame  */

iframe {
	border: 1px solid black;
}

/*  Kontakt-Stern   */

#kontakt {
	width: 208px;
	height: 145px;
	position: absolute;
	z-index: 50;
	margin-top: 250px;
	margin-left: -30px;
	border: none;

}
#kontakt img {
	border: none;
}
