*, html, body {
	margin: 0;
	padding: 0;
}

hr, .hide {
	display: none;
}

body {
	background: #fff;
	color: #fff;
	text-align: center;
	min-height: 660px;
	min-width: 1000px;
	cursor: default;
}

body.nojs{
	background: url(../images/bg/1.jpg) no-repeat top center;
	background-size: cover;
}

a,
input.submit,
input.radio{
	cursor: pointer;
}

input.text{
	cursor: text;
}

body, p, form,  input, textarea, ul{
	font: 90.01%/1.6 Helvetica, Verdana, sans-serif;
}

.bold {
	font-weight: bold !important;
}

#box, #box-bg{
	text-align: left;
	margin: 0 auto;
	width: 1000px;
	height: 620px;
	position: absolute;
    left: 50%;
    top: 50%;
    margin: -330px 0 0 -500px; /* 20px hochversetzt als Gleichgewicht zum #footer */
   	z-index: 5;
}

#box-bg{
	background: #000;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */
	filter: alpha(opacity=60); /* IE <= 7 */
	z-index: 4;
}

#header{
	position: relative;
	top: 0px;
	left: 0px;
}

#header h1 a{
	position: absolute;
	top: 15px;
	right: 40px;
	display: block;
	width: 305px;
	height: 0px;
	overflow: hidden;
	padding-top: 77px;
	text-indent: -10000em;
	background: transparent url(../images/sail.png) no-repeat 16px 0px;
}

.tabs{
	font-size: 80%;
	list-style: none;
}

#nav{
	font-size: 80%;
	font-weight: bold;
	height: 130px;
	padding: 0 25px 0 65px;
	margin: 28px 0 0 -4px;
}

#nav_link_impressum{
	display: none;
}

.tabs li{
	display: inline;
}

.tabs li a{
	display: block;
	float: left;
	padding: 1px 7px 0px 5px;
	margin: 0 6px 0 0;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff !important;
}

.tabs li a:before{
	content: "| ";
}

.tabs li.active a, .tabs li a:hover{
	background: #0099ff;
}

#footer{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 38px;
	background: #fff;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
	filter: alpha(opacity=90); /* IE <= 7 */
	z-index: 30000;
	text-align: center;
}

#footer div{
	width: 920px;
	margin: 0 auto;
}

#partners{
	float: left;
	list-style: none;
}

#partners li{
	display: inline;
}

#partners li img{
	max-height: 40px;
	margin: 1px 30px 0 0;
	border-width: 0px;
	outline-width: 0px;
}

#imprint{
	float: right;
	padding-top: 12px;
	font-size: 80%;
}

#imprint a{
	color: #444;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold; /* normal */
	padding: 2px 5px 1px 4px;
	margin-right: -5px;
}

#imprint a span:before{
	content: "|";
	padding-right: 3px;
	font-weight: bold;
	color: #0099ff;
}

p#imprint a:hover,
p#imprint a:hover span:before{
	color: #fff !important;
	background: #0099ff;
}

/*
#content,
#content-bg{
	height: 420px;
	width: 920px;
	position: absolute;
	top: 160px;
	left: 40px;
	z-index: 6;
}
*/
#content,
#content-bg{
	height: 420px;
	width: 920px;
	position: absolute;
	top: 160px;
	left: 40px;
	z-index: 6;
}

#content-bg{
	background: #000;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8 */
	filter: alpha(opacity=30); /* IE <= 7 */
	z-index: 5;
}

#content>div{
	padding: 25px;
	width: 730px;
}

#content div#tab_content_anmeldung{
	width: 870px;
}

.nojs div.tab_content{
	display: none;
}


.nojs #content div.active{
	display: block !important;
}

#content .menu{
	position: absolute;
	bottom: 20px;
	left: 25px;
	display: block !important;
}

#content .menu .togglenav li{
	display: none;
}

#content .menu .togglenav li.active{
	display: inline;
}

#content .menu a,
a.intern{
	color: #fff !important;
	text-transform: uppercase;
	margin-right: 20px;
	font-size: 90%;
}

#content .menu a{
	font-size: 80%;
}

#content .menu a:hover,
a.intern:hover{
	color: #0099ff !important;
}

#content .menu a:before,
a.intern:before{
	content: "|| ";
	color: #0099ff;
}

#content .menu ul{
	list-style: none;
}

#content .menu ul li{
	display: inline;
}

#content h2{
	font-size: 160%; /* 180% */
	font-weight: bold; /* normal */
	line-height: 1.3;
	color: #0099ff;
	text-transform: uppercase;
/* D.K.-10.06.2013: 	margin: 0 0 20px 0;  */
 	margin: 0 0 10px 0;  

}

#content p, #content dl, #content ul{
	color: #fff;
	font-weight: normal;
	font-size: 90%;
	padding-right: 40px;
}

#content .menu ul{
	font-size: 100%;
}

#content p{
	margin-bottom: 2em;
}

#content p.narrow{
	padding-right: 180px;
}

#content a{
	color: #0099ff;
	text-decoration: none;
}

#schedule-nav{
	display: block;
	height: 40px;
	margin: 0 0 0 -4px;
	font-size: 80% !important;
}

table.schedule{
	font-size: 90%;
	margin: 0 0 0 -4px;
	width: 100%;
}

table.schedule .header,
#schedule-content h3{
	display: none;
}

table.schedule .odd td{
	background: transparent url(../images/odd.png) repeat top left;
}

table.schedule tr{
	padding: 0 0 8px 0;
	line-height: 150%;
}

table.schedule td{
	padding: 2px 4px;
}

table.schedule .even td{
	padding-top: 8px;
	padding-bottom: 8px;
}

table.schedule td.time{
	width: 17%;
}

#tab_content_boot h2{
	text-transform: none;
}

#boat-img{
	border-width: 0px;
}

#boat-box{
	position: absolute;
	top: -70px;
	right: 170px;
	width: 357px;
	height: 505px;
	z-index: 30000;
}

.js #boat-box{
	background: url(../images/boat/boat-overlay.png) no-repeat 0px 0px;
}

#boat-box.hover0{
	background-position: -358px 0px;
}

#boat-box.hover1{
	background-position: -715px 0px;
}

#boat-box.hover2{
	background-position: -1069px 0px;
}

#boat-box.hover3{
	background-position: -1428px 0px;
}

#boat-properties{
	padding-left: 17px;
}

#boat-properties{
	padding-left: 17px;
}

#boat-details{
	position: relative;
	top: 0;
	left: 0;
}

#boat-details dl{
	margin-top: 35px;
	width: 500px;
}

#boat-details dt{
	display: block;
	float: left;
	width: 150px;
}

#boat-details dd{
	display: block;
	float: left;
	width: 350px;
}

#partners-sponsors{
	margin-top: 15px;
	z-index: 40000;
}

.togglecontent{
	display: none;
}

#tab_content_anmeldung .active,
.tab_content .active{
	display: block;
}

fieldset{
	border-width: 0px;
	padding: 0px;
}

#fieldset-personal{
	float: left;
	width: 55%;
}

#fieldset-skills{
	float: right;
	width: 41%;
}

#registration-form{
	margin: -10px 0 0 0;
	line-height: 1.2;
}

#registration-intro.error{
	font-weight: bold;
	color: #0099ff;
}


#fieldset-personal .field,
#fieldset-personal .multifield{
	background: transparent url(../images/odd.png) repeat top left;
	margin: 0 0 5px 0;
	padding: 1px 7px 3px 7px;
}

#fieldset-personal .multifield{
	background: transparent;
}

#fieldset-personal .field label,
#fieldset-personal .label{
	width: 125px;
	padding: 3px 0 0 0;
	float: left;
}

#fieldset-personal .multifield label{
	margin: 0 10px 0 4px;
}

#fieldset-skills label{
	margin: 0 4px 7px 0px;
	padding: 0 7px;
}

#fieldset-skills{
	line-height: 1.6;
}

#fieldset-personal div.error,
#fieldset-skills div.error{
	background: transparent url(../images/odd.png) repeat bottom left;
}

#fieldset-personal div.error input.text{
	color: #fff;
}

#registration-select-skill{
	line-height: 2;
	margin: 0 0 28px -8px;
	padding: 1px 8px 0 8px;
}

input:focus{
	outline: none;
}

input:-webkit-autofill,
input:autofill{
	background: transparent !important;
	color: #0099ff !important;
}

input.text{
	width: 320px;
	padding: 0;
	margin: 2px 0 0 0;
	height: 1.4em;
	color: #0099ff;
	background: transparent url(../images/trans.gif) repeat top left; /* IE braucht transparentes GIF als BG, um INPUT klickbar zu machen */
	border-width: 0px;
}

input.radio{
	margin: 3px 0 0 0;
}

input.submit{
	color: #fff;
	background: transparent;
	text-transform: uppercase;
	font-size: 90%;
	border-width: 0px;
}

.submit-wrap:before{
	content: "|| ";
	color: #0099ff;
}

input.submit:hover{
	color: #0099ff;
}

#tab_content_rueckblick div.menu{
	padding-left: 568px;
}

#review-list dt{
	margin-top: 10px;
	color: #0099ff;
	font-weight: bold;
}

#review-list dd{
	margin-bottom: 10px;
}

div.gallery div.image{
	width: 555px;
	height: 370px;
	float: left;
	margin-right: 20px;
}

div.gallery div.framebox{
	width: 870px;
}

div.gallery div iframe{
	height: 370px;
	width: 100%;
}

div.gallery div img{
	height: 100%;
}

div.gallery p{
	float: left;
	width: 290px;
	padding: 0px !important;
}

div.gallery span{
	text-indent: -10000em;
}

#tab_content_partner p{
	line-height: 1.4;
}

#content div#tab_content_impressum,
#content div#tab_content_rueckblick{
	width: 870px;
}

#tab_content_impressum p{
	line-height: 1.3;
	margin-bottom: 1.4em;
}

#tab_content_impressum .left{
	float: left;
	width: 49%;
}

#tab_content_impressum .right{
	float: right;
	width: 49%;
}

#sponsorbox{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 217px;
	z-index: 9999;
}

.break{
	text-indent: -10000em;
	height: 0px;
	clear: both;
}

/*********

BG stretcher

**********/

HTML {_background: url(/images/trans.gif) no-repeat fixed;}

.bgstretcher-area {
	text-align: left;
}

.bgstretcher,
.bgstretcher ul,
.bgstretcher ul li {
	position: absolute;
	top: 0;
	left: 0;
}

.bgstretcher ul,
.bgstretcher ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bgstretcher {
	background: transparent;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /* IE6 */
	top: 0;
	left: 0;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 7777;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer, #lbTopContainer {
	position: absolute;
	z-index: 8888;
	overflow: hidden;
	background-color: transparent;
	font-size: 80%;
}

.lbLoading {
	background: transparent url(../images/ajax-loader.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: 80px 0px;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 80px;
	background: #fff;
	outline: none;
	z-index: 9999;
	background: transparent url(../images/sail-sprite.png) no-repeat;
}

#lbPrevLink {
	left: 0;
	background-position:  -360px 50%;
}

#lbPrevLink:hover {
	/*background-position:  -0px 50%;*/
}

#lbNextLink {
	right: 0;
	background-position:  -490px 50%;
}

#lbNextLink:hover {
	/* background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; */
}

#lbPrevArea, #lbNextArea{
	display: block;
	position: absolute;
	top: 0;
	outline: none;
	z-index: 8888;
}

#lbPrevArea{
	left: 0;
	width: 33%;
}

#lbNextArea{
	right: 0;
	width: 67%;
}

#lbTop {
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 0px;
	border-top-style: none;
	background: transparent;
	min-height: 80px;
}

#lbLogo{
	position: absolute;
	top: 10px;
	right: 0;
	display: block;
	width: 200px;
	height: 0px;
	overflow: hidden;
	padding-top: 55px;
	text-indent: -10000em;
	background: transparent url(../images/sail-sprite.png) no-repeat 0px -364px;
}

#lbCopyright{
	position: absolute;
	bottom: 20px;
	left: 0;
}

#lbBottom {
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 0px;
	border-top-style: none;
	background: #000;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */
	filter: alpha(opacity=60); /* IE <= 7 */
}

#lbCloseLink {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: transparent url(../images/sail-sprite.png) no-repeat -3px -286px;
	outline: none;
}

#lbCaption {
	margin-right: 71px;
	padding: 10px;
	z-index:9999;
}

#lbNumber {
	position: absolute;
	top: 16px;
	left: 0;
	font-size: 180%;
	font-weight: bold;
	color: #0099ff;
}


/* IPAD GENERELL */


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){

	body{
		background: url(../images/bg/2.jpg) no-repeat 50% 50%;
		background-size: cover;
	}

	.bgstretcher{
		display: none;
	}
}

/* IPAD QUERFORMAT */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){
	body{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	#box, #box-bg{
		width: 100%;
		height: 100%;
	    left: 0;
	    top: 0;
	    margin: 0;
	    padding: 0;
	}

	#content,
	#content-bg{
		height: 100%;
		height: -webkit-calc(100% - 240px);
		height:         calc(100% - 240px);
		width: 100%;
		width: -webkit-calc(100% - 80px);
		width:         calc(100% - 80px);
		position: absolute;
		top: 160px;
		left: 40px;
		padding: 0;
	}


	#content>div.tab_content{
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#boat-box{
		right: 30px;
	}

	#content .menu{
		position: fixed;
		bottom: 100px;
		left: 65px;
		display: block !important;
	}
}


/* IPAD HOCHFORMAT */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait){

}