body {
	background-color: #202020;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/bg.jpg);
	background-repeat: repeat-x;
	color: #ACACAC;
}

a { outline: none }
a:link { color: #ACACAC; text-decoration: none }
a:hover { color: #ACACAC; text-decoration: none }
a:active { color: #ACACAC; text-decoration: none }
a:visited { text-decoration: none}

/* Start NoFrames */
#navigation {
position: fixed;
z-index: 10000;
top: 0px;
left: 0px;
width: 100%;
min-height: 132px;
background-color: #F3F3F3;
outline: none; /*Spot-Explorer*/
}
.windsurfer {
box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=3, offy=3)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=3, offy=3);
outline: none; /*Spot-Explorer*/
margin: 0px; /*Spot-Explorer*/
}
@font-face {
font-family: 'core_sans_d_55_boldregular';
src: url('/fonts/CoreSansD55-webfont.eot');
src: url('/fonts/CoreSansD55-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/CoreSansD55-webfont.woff2') format('woff2'),
url('/fonts/CoreSansD55-webfont.woff') format('woff'),
url('/fonts/CoreSansD55-webfont.ttf') format('truetype'),
url('/fonts/CoreSansD55-webfont.svg#core_sans_d_55_boldregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'core_sans_d_45_mediumregular';
src: url('/fonts/CoreSansD45-webfont.eot');
src: url('/fonts/CoreSansD45-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/CoreSansD45-webfont.woff2') format('woff2'),
url('/fonts/CoreSansD45-webfont.woff') format('woff'),
url('/fonts/CoreSansD45-webfont.ttf') format('truetype'),
url('/fonts/CoreSansD45-webfont.svg#core_sans_d_45_mediumregular') format('svg');
font-weight: normal;
font-style: normal;
}	
#menu {
position: relative;
z-index: 10;
text-align: left;
outline: none; /*Spot-Explorer*/
margin: 0px; /*Spot-Explorer*/
}
nav {
min-width: 500px;
font: 14px/17px 'core_sans_d_45_mediumregular', Arial, sans-serif;
background-color: #282828;
background-image: url(/css/bg-nav.jpg);
background-repeat: repeat;
outline: none; /*Spot-Explorer*/
margin: 0px; /*Spot-Explorer*/
}
nav ul {
padding: 0px;
margin: 0px;
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 ul:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
nav ul,nav ul li {
border-right: 1px solid #545454;
}
nav ul li {
list-style: none;
float: left;
}
nav ul li a {
text-decoration: none;
display: block;
color: #EEE;
padding: 4px 16px 4px 16px;
transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
-moz-transition: background 0.3 ease-out;
-o-transition: background 0.3 ease-out;
}
nav ul li a:link, nav ul li a:visited {
color: #BBB;
text-decoration: none;
}
nav ul li.kategorie:hover a, nav ul li.kategorie:hover > ul li a {
background-color: #444;
}
nav ul li:hover > a {
color: #EEE;
text-decoration: none;
}
nav ul li:hover > ul {
visibility: visible;
}
nav ul li ul {
display: inline;
visibility: hidden;
position: absolute;
padding:0px;
border-bottom: none;
border-left: none;
border-right: none;
}
nav ul li ul li {
float: none;
border-right: none;
}
nav ul li ul li a {
color: #EEE;
font-size: 11px;
background-color: #5F605F;
}
nav ul li ul li a:hover {
color: #FFF;
background-color: #5F605F !important;
font-size: 11px;
}
#surfen {
background-color: #111;
height: 1px;
outline: none; /*Spot-Explorer*/
}
#windsurfing {
position: absolute;
z-index: 9998;
width: 100%;
height: 132px;
box-shadow: 0px 10px 20px rgba(0,0,0,.8);
-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,.8);
-moz-box-shadow: 0px 10px 20px rgba(0,0,0,.8);
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=0, offy=20)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=0, offy=20);
outline: none; /*Spot-Explorer*/
}
#magazin {
width: 100%;
height: 132px;
background-color: #282828;
background-image: url(/css/bg-loc.jpg);
background-repeat: repeat;
outline: none; /*Spot-Explorer*/
margin: 0px; /*Spot-Explorer*/
}
#windsurfen {
text-align: left;
width: 100%;
padding: 0px;
margin: 0px;
position: relative;
z-index: 9999;
left: 0px;
outline: none; /*Spot-Explorer*/
}
#freestyle {
background-color: #222;
height: 1px;
outline: none; /*Spot-Explorer*/
margin: 0px; /*Spot-Explorer*/
}
#wave {
background-color: #282828;
background-image: url(/css/bg-loc.jpg);
background-repeat: repeat-x;
height: 4px;
outline: none; /*Spot-Explorer*/
margin: 0px; /*Spot-Explorer*/
}
#freeride {
position: absolute;
right: 0px;
width: 75%;
height: 20px;
overflow-x: hidden;
padding-top: 4px;
}
.locator_top {
position: relative;
left: -10px;
background-color: #282828;
background-image: url(/css/bg-loc.jpg);
background-repeat: repeat-x;
padding: 0px 20px 4px 26px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-moz-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
transform: skewX(-20deg);
min-width: 50px;
display: inline-block;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=0, offy=3)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=0, offy=3);
outline: none; /*Spot-Explorer*/
margin: 0px; /*Spot-Explorer*/
/*top: -4px;*/ /*Spot-Explorer*/
}
.breadcrumb {
position: relative;
color: #999;
font: 12px/12px 'core_sans_d_45_mediumregular', Arial, sans-serif;
vertical-align: top;
-moz-transform: skewX(20deg);
-webkit-transform: skewX(20deg);
-o-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
}
.breadcrumb a:link, .breadcrumb a:visited {
color: #999;
text-decoration: none;
}	
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
color: #EEE;
text-decoration: none;
}
.trenner_loc {
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
text-align: center;
padding: 0px 8px 0px 8px;
}
.locator_footer {
position: absolute;
left: -10px;
z-index: 2;
background-color: #282828;
background-image: url(/css/bg-loc.jpg);
background-repeat: repeat-x; 
margin-top: 4px;
padding: 4px 20px 0px 26px;
border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-top-right-radius: 6px;
-moz-transform: skewX(20deg);
-webkit-transform: skewX(20deg);
-o-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
min-width: 50px;
display: inline-block;
box-shadow: 0px -2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px -2px 2px rgba(0,0,0,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=0, offy=-2)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=0, offy=-2);
}
.breadcrumb_footer {
position: relative;
color: #999;
font: 12px/12px 'core_sans_d_45_mediumregular', Arial, sans-serif;
vertical-align: bottom;
transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
}
.breadcrumb_footer a:link, .breadcrumb_footer a:visited {
color: #999;
text-decoration: none;
}	
.breadcrumb_footer a:hover, .breadcrumb_footer a:active, .breadcrumb_footer a:focus {
color: #EEE;
text-decoration: none;
}
.credits_footer {
position: absolute;
right: -10px;
z-index: 1;
min-width: 50px;
display: inline-block;
background-color: #282828;
background-image: url(/css/bg-loc.jpg);
background-repeat: repeat-x; 
padding: 4px 22px 0px 20px;
border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-top-left-radius: 6px;
transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
box-shadow: 0px -2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px -2px 2px rgba(0,0,0,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=0, offy=-2)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#333, offx=0, offy=-2);
}
.credits {
position: relative;
color: #999;
font: 12px/12px 'core_sans_d_45_mediumregular', Arial, sans-serif;
vertical-align: bottom;
transform: skewX(20deg);
-moz-transform: skewX(20deg);
-webkit-transform: skewX(20deg);
-o-transform: skewX(20deg);
-ms-transform: skewX(20deg);
}
.credits a:link, .credits a:visited {
color: #999;
text-decoration: none;
}	
.credits a:hover, .credits a:active, .credits a:focus {
color: #EEE;
text-decoration: none;
}
.trenner_credits {
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
text-align: center;
padding: 0px 6px 0px 6px;
}
.footerheadline {
color: #777;
font: 12px/18px 'core_sans_d_55_boldregular', Arial, sans-serif;
letter-spacing: 0.5px;
text-shadow: -1px -1px rgba(0,0,0,0.2);
}
.footertext {
color: #666;
font: 12px/16px 'core_sans_d_45_mediumregular', Arial, sans-serif;
float: left;
width: 150px;
padding-bottom: 10px;
text-align: left;
vertical-align: top;
text-shadow: -1px -1px rgba(0,0,0,0.2);
}
.footertext a:link, .footertext a:visited {
color: #666;
text-decoration: none;
}	
.footertext a:hover, .footertext a:active, .footertext a:focus {
color: #EEE;
text-decoration: none;
}
/* Ende NoFrames */

/* HTML5 */
/*a img {
vertical-align: bottom;
border: none;
}
img {
vertical-align: bottom;
border: none;
}*/



.locator { font-family: Verdana, Arial, Geneva; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #ACACAC; }
.trenner { font-family: Verdana, Arial, Geneva; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #ACACAC; }
/*.credits { font-family: Verdana, Arial, Geneva; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #444444; }*/

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

/*.credits a:link, .credits a:visited
{
   color: #444444;
   text-decoration: none;
}
.credits a:hover, .credits a:active
{
   color: #666666;
   text-decoration: underline;
}*/

.headline18 { font-family: Verdana, Arial, Geneva; font-size: 18px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #ACACAC; }
.headline14 { font-family: Verdana, Arial, Geneva; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #ACACAC; }
.headline13 { font-family: Verdana, Arial, Geneva; font-size: 13px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #ACACAC; }


.text12 { font-family: Verdana, Arial, Geneva; font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; color: #ACACAC; }
.text12f { font-family: Verdana, Arial, Geneva; font-size: 12px; font-style: normal; line-height: 18px; font-weight: bold; font-variant: normal; color: #ACACAC; }
.text11 { font-family: Verdana, Arial, Geneva; font-size: 11px; font-style: normal; line-height: 16px; font-weight: normal; font-variant: normal; color: #ACACAC; }
.text11comment { font-family: Verdana, Arial, Geneva; font-size: 11px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; color: #ACACAC; }
.text11d { font-family: Verdana, Arial, Geneva; font-size: 11px; font-style: normal; line-height: 16px; font-weight: normal; font-variant: normal; color: #666666; }
.text11f { font-family: Verdana, Arial, Geneva; font-size: 11px; font-style: normal; line-height: 16px; font-weight: bold; font-variant: normal; color: #ACACAC; }
.text10 { font-family: Verdana, Arial, Geneva; font-size: 10px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; color: #ACACAC; }
.text10b { font-family: Verdana, Arial, Geneva; font-size: 10px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; color: #000000; }
.text10dg { font-family: Verdana, Arial, Geneva; font-size: 10px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; color: #333333; }
.text10w { font-family: Verdana, Arial, Geneva; font-size: 10px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; color: #FFFFFF; }
.text10df { font-family: Verdana, Arial, Geneva; font-size: 10px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal; color: #666666; }

.text11 a:link, .text11 a:visited
{
   color: #ACACAC;
   text-decoration: underline;
}
.text11 a:hover, .text11 a:active
{
   color: #FFFFFF;
   text-decoration: underline;
}

.form11 { font-family: Verdana, Arial, Geneva; font-size: 11px; font-style: normal; line-height: 16px; font-weight: normal; font-variant: normal; color: #000000; }


/* anfang google map */
.bubble { font-family: Verdana, Arial, Geneva; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; }

.bubble a:link, .bubble a:visited
{
   color: #282828;
   text-decoration: underline;
}
.bubble a:hover, .bubble a:active
{
   color: #FF0000;
   text-decoration: underline;
}

.bubbletext { font-family: Verdana, Arial, Geneva; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #444444; }

.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:1px;	
}

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


/* BS/BSL-Adset */
#dd_abstand {
	height: 30px;
	width: 1px;
}

#dd_main {
	text-align: left;
	width: 959px;
	margin: 0px auto;
}

#dd_banner {
	min-height: 90px;
	width: 837px;
	position: relative;
	text-align: center;
	z-index: 900;
}

#dd_inhalt {
	width: 837px;
	margin-top: 5px;
	margin-bottom: 11px;
}

/*BS Positionierung */
#dd_skyposition {
	height: 1px;
	position: relative;
}

#dd_sky {
	position: absolute;
	left: 839px;
	top: 6px;
	z-index: 900;
}

#dd_sky_2 {
	position: absolute;
	left: 839px;
	top: 612px;
	z-index: 800;
	padding-bottom: 6px;
}

#dd_banner_2 {
	width: 837px;
	position: relative;
	text-align: center;
	z-index: 800;
	padding-bottom: 15px;
}

#dd_footer {
	padding: 0px;
	margin: 50px 0px 0px 0px;
}