body {
	font-family: 'arial', sans-serif;
	font-style: normal;
	font-size: 16px;
	color: rgb(102, 102, 102);
    background: #fff;
    margin:0;
    padding:0;
  
   
    }
#holder,article{
    margin:0;
    padding:0;
    
    
}
article{

    position:relative
}
.iframe{display:none}
h1 {
	font-size: 1.6rem;
	line-height: 2.0rem;
	margin: 20px 0 6px;
	color: rgb(102, 102, 102);
}

h2 {
	font-size: 1.4rem;
	line-height: 1.75rem;
	font-weight: normal;
	margin: 20px 0 0px 0;
	color: rgb(154, 16, 44);
}

p {
	font-size: 1em;
	line-height: 1.45em;
	color: #484848;
	margin: 0 0 6px;
}

img {
	max-width: 100%;
}

#wrapper {
	margin: 0 auto;
	padding: 0 20px;
	min-width: 260px;
	max-width: 
}



#navigation {
	padding: 0 20px;
	height: 60px;
}

a.pdf:link,a.pdf:visited{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #69BAD7), color-stop(1, #006699) );
	background:-moz-linear-gradient( center top, #69BAD7 5%, #006699 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#69BAD7', endColorstr='#006699');
	background-color:#69BAD7;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	display:block;
	color:#ffffff;
	font-size:14px;

	font-style:normal;
	line-height:40px;
	text-decoration:none;
	padding:0px 10px;
    margin-bottom:15px
    }
a.pdf:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #69BAD7) );
	background:-moz-linear-gradient( center top, #006699 5%, #69BAD7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#69BAD7');
    
 }

a.pdf span{
    background: url(../pix_interface/doc.png) no-repeat 0px 1px;
    padding:0px 0px 0px 25px
}


.banner {
	height: 150px;
	background: 
		linear-gradient(rgba(0, 0, 0, 0.5), transparent 1.7%),
		linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent 1.7%),
		#999 url('../img/banner.jpg') no-repeat center;
		background-size: cover;
		border-bottom: 4px solid #e63036;
}
.banner-text-wrap {
	text-align: center;
}
.banner-text {
	display: inline-block;
	margin: 50px 0 0;
}



/*  CLEARFIX  */

.group::after {
	content: " ";
	display: table;
	clear: both;
}


.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}



	#navigation {
		padding: 0 20px;
		margin: 0 auto;
		max-width: 1110px;
	}
	.banner {
		height: 360px;
		background: 
			linear-gradient(rgba(0, 0, 0, 0.6), transparent .8%),
			linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent .8%),
			#222 url('../img/banner.jpg') no-repeat center;
			background-size: cover;
	}



	#wrapper {
		max-width: 1110px;
		padding: 10px 20px 0;
	}
#mainText ul {
    list-style-type: none;
    list-style-position: inside;
    margin:10px 5px;
    padding:0

}

#mainText li {
    background-image: url("../pix_interface/aufz.png");
    background-size: 20px 15px;
    background-position: 0 6px;
    background-repeat: no-repeat;
    padding-left: 35px;

    }

	.banner-text {
	   position:absolute;
       top:55%;
       left:0px;
		margin:  0 0;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMmQ1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjJkNTkiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(34,45,89, .5) 0%, rgba(34,45,89, .1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,45,89, .5)), color-stop(100%,rgba(34,45,89, .1)));
background: -webkit-linear-gradient(top,  rgba(34,45,89, .5) 0%,rgba(34,45,89, .1) 100%);
background: -o-linear-gradient(top,  rgba(34,45,89, .5) 0%,rgba(34,45,89, .1) 100%);
background: -ms-linear-gradient(top,  rgba(34,45,89, .5) 0%,rgba(34,45,89, .1) 100%);
background: linear-gradient(to bottom,  rgba(34,45,89, .5) 0%,rgba(34,45,89, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222d59', endColorstr='#00222d59',GradientType=0 );
font-size: 1.5rem;
	line-height: 1.8rem;
	font-weight: normal;
	padding: 11px 15px;
	color: #fff;
	}

.banner-text p {
	font-size: 1.5rem;
	line-height: 1.8rem;
	font-weight: normal;
/*	background: rgba(34, 45, 89, 0.4);*/
	background: linear-gradient(0deg, rgba(34, 45, 89, .5), rgba(34, 45, 89, .1));
	padding: 11px 15px;
	color: #fff;
}
#mainText img{
    opacity:0
}
#mainText img.in-view{
    opacity: 1;
}

.blockpos1 .contentPixRechts img,
.blockpos1 .contentPixLinks img
{
   
}
.regattaHead{
font-size:11px;	
font-weight:bold;
background:#ccc;
border-bottom:1px solid #163f69	
}
/*Regatten*/
.RegattaBlock0{
	background:#eee;
	padding:6px;
	margin:0px 40px 20px 0px
}
.RegattaBlock1{
	background:#fff;
	padding:6px;
	margin:0px 40px 20px 0px
}

.RegattaH1{
	padding:10px 20px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:22px;
	font-size:16px;
	font-weight:bold;
	color:#E22A0C;
	text-shadow: 0.03em 0.03em 0.02em #666
}


.RegattaTopHead{
	margin-top:20px;
	font-size:13px
}
.RegattaElement{
border-top: 1px solid #2D4364;	
border-bottom: 1px solid #2D4364;
margin-bottom: 3px;
padding:1px 5px
}
a.RegattaLink:link, a.RegattaLink:visited{
	display:block;
	color:#666;
	font-size:12px;
	background: url(../pix_interface/regattaoff.png) right no-repeat;
}
a.RegattaLink:hover{
	display:block;
	color:#000;
	font-size:12px;
	background: url(../pix_interface/regattaon.png) right no-repeat;
}
.RegattaElementOn{
border-top: 1px solid #2D4364;	
border-bottom: 1px solid #2D4364;
margin-bottom: 3px;
padding:2px 5px;
background:#fff url(../pix_interface/regattaonbg.png) repeat-x;
}
a.RegattaLinkOn:link, a.RegattaLinkOn:visited{
	display:block;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background: url(../pix_interface/regattaon.png) right no-repeat;
}
a.RegattaLinkOn:hover{
	display:block;
	color:#fff;
	font-size:12px;
	background: url(../pix_interface/regattaoff.png) right no-repeat;
}
a.RegattaPdf:link,a.RegattaPdf:visited{
display:block;
	color:#666;
	font-size:12px;
	background: url(../pix_interface/iconPDFsmall.gif) right no-repeat;	
	
}
a.RegattaPdf:hover{
display:block;
	color:#000;
	font-size:12px;
	background: url(../pix_interface/iconPDFsmall.gif) right no-repeat;	
	
}
.RegattaTable{
	background:#eee
}
.RegattaAlert{
	background:#E42321;
	padding:5px;
	color: white
}
.RegattaTextfeld{
	background:#fff;
	border:1px solid #999;
	width:180px
}
.RegattaTextfeldOn{
	background:#FFCECE;
	border:1px solid #ff0000;
	width:180px
}
.RegattaText{
	background:#ccc;
	padding:3px 5px
}
.RegattaHead{
	background:#88A2C0;
	font-weight:bold;
	padding:3px 5px;
	color:#fff
}
.RegattaDMTable input[type=text]{
		background:#ccc;
	border:1px solid #999;
	width:80px
}
.RegattaSubmit{
	background:#00183C;
	border:1px solid #999;
	width:180px;
	color:#fff;
	padding:3px
}
.RegattaAuschreibung td{
	padding:0px 6px
}
.RegattaTd0{
	background:#eee;
	vertical-align: top;
}
.RegattaTd1{
	background:#ccc;
	vertical-align: top;
}
.RegattaNav{
	padding-right: 20px;
}
.LoginContainer{
    width:350px;
   background: -moz-linear-gradient(center top , #EEEEEE, #FEFEFE) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #AAAAAA;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #000;
    padding: 20px;
}
.LoginContainer label{
    display:block;
  

}
.LoginContainer input{
   margin-bottom:10px;
    width:310px;

}
.KnopfLogin{
    clear:left;
}
.login{
    position:fixed;
    top:95px;
    right:20px;
    background:rgba(255, 255, 255, 0.85);
    padding:0px 15px 0px 15px;
    font-size:12px;
    border-top: 1px solid #d81912;
    width:auto;
    -webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
.smaller .login{
    top:65px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
} 
.formular table{
    width:100%
}
.formular table td{
 vertical-align: top;   
}
.formular table td.first{
    padding-top:9px;
    width:10%
}
#formFehler{
    color:red
}
.form input,.form textarea,.form .select{
    display:block;
    background:#f4f4f4;
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    border:1px solid #a7abbd;
    padding:0 2%;
    line-height:30px;
    width:96%
}
.form input.formButtons{
    background:#005196;
    float:right;
    border:none;
    padding:10px;
    color:#fff;
    width:100%;
    cursor:pointer
}
.form select{
    width:95%;
    padding:0px;
    margin: 0px 0px 0px 0px;
    background: transparent;
    border:none;
	text-indent:0;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    
}
.form .select img{
    margin:12px 0px 0px 0px;
    float:right;
}
.pinnwand{
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    border:1px solid #a7abbd;
}
.pinnwand .head{
    padding:5px 15Px;
    background:#FCFCFC
}
.pinnwand .head a:link{
    float:right;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #69BAD7), color-stop(1, #006699) );
	background:-moz-linear-gradient( center top, #69BAD7 5%, #006699 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#69BAD7', endColorstr='#006699');
	background-color:#69BAD7;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	font-style:normal;
	height:30px;
	line-height:30px;
	text-decoration:none;
	padding:0px 10px;
}
.pinnwand .head a span.neu{
    color:#ffffff;
}
.pinnwand .head h1{
    font-size:16px;
    margin:0;
    padding:0;
    line-height:30px
}
.pwandcontainer{
    padding:10px
}
.pwandsp1{
    width:30%;
    float:left;
}
.pwandsp2{
    width:70%;
    float:left;
    }
.pwandsp3{
    clear:left;
}
.pwandsp1 h2,.pwandsp2 h2{
font-size:18px;
margin:0
}
.pwandsp1 label,.pwandsp2 label{
    display:block;
}

.pwandsp1 input{
    width:90%
}
.pwandsp2 input{
    width:99%
}
.pwandsp2 textarea{
    width:99%;
    height:100px
}
.pwandsp3 input{
    margin-top:30px;
    width:100%;
    padding:5px 0px;
    background:#006699;
    color:#fff;
    border:none;
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
}

#mainText .pwandcontainer ul li{
    background:#efefef;
    padding:10px;
    margin-bottom:5px
}
#mainText .pwandcontainer ul li h2{
 font-size:18px;
 margin:10px 0px 0px 0px   
}
#mainText .pwandcontainer ul li .datum{
    font-size:11px
}
.feldsuchen{
    margin-top:30px
}
.SucheUS{
    font-weight:bold;
    color:#000;
    border-top:1px solid #666;
    margin-top:6px
}
a.pdf:link,a.pdf:visited{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #69BAD7), color-stop(1, #006699) );
	background:-moz-linear-gradient( center top, #69BAD7 5%, #006699 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#69BAD7', endColorstr='#006699');
	background-color:#69BAD7;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	display:block;
	color:#ffffff;
	font-size:14px;

	font-style:normal;
	line-height:40px;
	text-decoration:none;
	padding:0px 10px;
    margin-bottom:15px
    }
a.pdf:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #69BAD7) );
	background:-moz-linear-gradient( center top, #006699 5%, #69BAD7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#69BAD7');
    
 }

a.pdf span{
    background: url(../pix_interface/doc.png) no-repeat 0px 1px;
    padding:0px 0px 0px 25px
}
.hinweis{
    background-color:rgb(255, 227, 231);
      border: 0px solid red;
  border-radius: 5px;
  margin:15px 0px
}
.hinweis h2 {
    background:#e63036 url(../pix_interface/sign_warning.png) no-repeat 15px 5px;
    background-size: 22px 22px;
    
color:#fff;
    font-size: 22px;
    padding: 3px 15px 3px 40px;
      border-radius: 5px 5px 0px 0px ;
      margin:0
}
.hinweis div{
 padding:4px 15px   
}