body {
	background-color: #C4BCAF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(https://www.windsurfen-lernen.de/images/bg.jpg);
	background-repeat: repeat-x;
	color: #66635D;
	/*-webkit-text-size-adjust: none*/
}

a {color: #66635D}
a:link {color: #66635D; text-decoration: underline}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #107CAB;
}

.locator {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

.locator a:link, .locator a:visited
{
   color: #66635D;
   text-decoration: underline;
}

.locator a:hover, .locator a:active
{
   color: #FFFFFF;
   text-decoration: underline;
   background-color: #107CAB;
}

.invert {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

.invert a:link, .invert a:visited
{
   color: #FFFFFF;
   text-decoration: underline;
}

.invert a:hover, .invert a:active
{
   color: #FFFFFF;
   text-decoration: underline;
   background-color: #107CAB;
}

.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-align: left;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	font-variant: normal;
	/*text-align: justify; */
}

.textfett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: 16px;
	font-variant: normal;
	text-align: left;
}

.bildheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	font-variant: normal;
	text-align: left;
}

.bildtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 14px;
	font-variant: normal;
	text-align: left;
}

.bildtextklein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: 12px;
	font-variant: normal;
	text-align: left;
}

.bildtextfett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	line-height: 14px;
	font-variant: normal;
	text-align: left;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 14px;
	font-variant: normal;
}

/* anfang google map */
.bubble {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.bubble a:link, .bubble a:visited
{
   color: #000000;
   text-decoration: underline;
}
.bubble a:hover, .bubble a:active
{
   color: #FFFFFF;
   text-decoration: none;
}


.blase {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.blase a:link, .blase a:visited
{
   color: #000000;
   text-decoration: underline;
}
.blase a:hover, .blase a:active
{
   color: #FFFFFF;
   text-decoration: none;
}

.htmlControl
{
	border:solid black 1px;
	background-color:white;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;	
}

.htmlButton
{
	cursor:pointer;
	margin:1px;
	padding:1px;
}
/* ende google map */

.kennzeichner {
background: rgba(0,0,0,.05);
padding: 4px 9px 3px 7px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
color: #66635D;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
vertical-align: middle;
}


#dd_abstand {
height: 19px; /*30px;*/
width: 1px;
}
#dd_main {
text-align: left;
}


#dd_inhalt {
min-width: 833px; /*825px Inhaltbreite + 8px Abstand*/
padding: 10px 0px 6px 0px; /*umlaufend*/
}

.wrapper {
min-width:993px;/*Maximalbreite des Content 825+8+160=993px, damit auf Tablet der 160er Sky sauber angezeigt wird*/
max-width:1133px;/*Maximalbreite des Content inkl. Half Page Ad 825+8+300*/
margin: 0px auto; /*Wrapper zentriert sich*/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}

#leaderboard_wrapper {
position: relative;
z-index: 1100;
min-width: 825px; /*tatsächliche Inhaltbreite 825 ohne den 8px Abstand*/
padding-right: 8px; /*8px Abstand*/
width: 100%;
text-align: center;
min-height: 90px
}
#dd_banner {
/*leer*/
}
#dd_banner_flex {
max-width: 300px; /*Breite Sky-Spalte 300px*/
width: 100%;
}

#sky_wrapper {
position: relative;
max-width: 300px;
width: 100%;
margin: 10px 0px 0px 0px
}
#dd_sky {
position: relative;
top: 0px;
z-index: 800
}
#dd_sky_2 {
position: absolute;
top: 611px;
z-index: 700
}

#leaderboard_wrapper_2 {
min-width: 825px; /*tatsächliche Inhaltbreite 825 ohne den 8px Abstand*/
padding-right: 8px; /*8px Abstand*/
width: 100%;
text-align: center;
position: relative;
z-index: 600
}
#dd_banner_2 {
margin-bottom: 20px;
}
#dd_banner_flex_2 {
max-width: 300px; /*Breite Sky-Spalte 300px*/
width: 100%
}


div#wrapper {
	visibility: visible;
	display: block;
	position: relative;
	top: 161px;
	left: 7px;
	z-index: 999;
}
nav#navigation {
width: 799px;
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: bold;
color: #000000;
}
nav#navigation ul {
padding: 0px;
margin: 0px;
}
nav#navigation ul:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
nav#navigation ul,nav#navigation ul li {
/*border-right: 1px solid #424e3b;*/ /*trennbalken zwischen navi*/
}
nav#navigation ul li {
list-style: none;
float: left;
}
nav#navigation ul li a {
text-decoration: none;
display: block;
color: #FFF;
padding: 7px 15px 7px 15px;
transition: background 0.2s ease-out;
-webkit-transition: background 0.2s ease-out;
-moz-transition: background 0.2 ease-out;
-o-transition: background 0.2 ease-out;
}

.special_cursor { /*Änderung auf Pfeil nur bei Desktop-Version (Menüpunkte ohne Inhalt)*/
	cursor: default;
}

nav#navigation ul li a:link, nav#navigation ul li a:visited {
color: #FFF;
text-decoration: none;

}
nav#navigation ul li#lernen:target a, nav#navigation ul li#lernen:target > ul li a{
    /*background-color: #FF9933;*/

}
nav#navigation ul li#ausruestung:target a, nav#navigation ul li#ausruestung:target > ul li a{
    /*background-color: #FF9933;*/
}
nav#navigation ul li#fahrtechnik:target a, nav#navigation ul li#fahrtechnik:target > ul li a{
    /*background-color: #FF9933;*/
}
nav#navigation ul li#spotguide:target a, nav#navigation ul li#spotguide:target > ul li a{
    /*background-color: #FF9933;*/
}
nav#navigation ul li#adressen:target a, nav#navigation ul li#adressen:target > ul li a{
    /*background-color: #FF9933;*/
}
nav#navigation ul li:hover > a {
color: #FFF;
text-decoration: none;
background-color: #f7c03f;

}

nav#navigation ul li:hover > ul {
visibility: visible;
}
nav#navigation ul li ul {
display: inline;
visibility: hidden;
position: absolute;
padding: 0px;
border-bottom: none;
border-left: none;
border-right: none;
/*border: 1px solid #5b7357;*/
box-shadow: rgba(0,0,0,.4) 0 2px 2px;
-moz-box-shadow: rgba(0,0,0,.4) 0 2px 2px;
-webkit-box-shadow: rgba(0,0,0,.4) 0 2px 2px;
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=0, offy=2)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=0, offy=2);
}
nav#navigation ul li ul li {
float: none;
border-right: none;
}
nav#navigation ul li ul li a {
color: #FFF;
font-size: 10px;
line-height: 15px;
background-color: #0079ab;
}
nav#navigation ul li ul li a:hover {
color: #FFF;
font-size: 10px;
line-height: 15px;
background-color: #f7c03f !important;
}