*{
margin:0;
padding:0;
border:none;
color:#052b40;
text-decoration:none;
list-style-type:none;
font-family:Tahoma,sans-serif;
font-size:100.01%;
}

p{
margin-bottom:1em;
}

h1{
margin-bottom:.45em;
font-size:2.2em;
font-weight:100;
}

h2{
margin-bottom:.66em;
font-size:1.5em;
font-weight:100;
}

acronym{
text-decoration:underline;
cursor:help;
}

input,
textarea{
display:block;
padding:2px;
border:1px solid #4780a0;
width:240px;
margin-bottom:1em;
}

input.button{
width:auto;
background:#4780a0;
cursor:pointer;
color:#fff;
border:none;
cursor:pointer;
}

textarea{
height:15em;
}

input:hover,
textarea:hover{
border-color:#ff9e1c;
}

input.button:hover{
background-color:#052b40;
}

input[type=hidden]{
display:none;
}

th{
vertical-align:top;
font-weight:100;
padding-right:10px;
}


html{
font-size:.85em;
background:#fff;
}

html,body{
width:100%;
height:100%;
text-align:center;
position:relative;
}

#wellen{
width:100%;
min-width:780px;
height:800px;
position:fixed;
left:0;
top:0;
z-index:-2;
}

#bg{
width:780px;
height:100%;
position:absolute;
margin:0 auto;
top:0;
z-index:-1;
}

#rueckfragen{
height:100px;
width:100px;
background:url(../_layout/rueckfragen.png) no-repeat left top;
position:fixed;
left:10px;
top:140px;
z-index:1;
}

#head{
width:780px;
height:175px;
margin:0 auto;
text-align:left;
background:#fff url(../_layout/charter-zentrum-nordsee.jpg) 82px 154px no-repeat;
position:relative;
}

#head #logo{
display:block;
width:130px;
height:145px;
padding:9px 24px 20px 24px;
float:left;
}

#head #logo img{
display:block;
}

#areasconatiner{
width:177px;
position:absolute;
top:0;
left:178px;
}

.area{
display:block;
position:absolute;
height:26px;
left:355px;
top:0;
z-index:101;
overflow:hidden;
}

.areas{
display:block;
clear:right;
float:right;
padding:6px 10px;
height:14px;
text-transform:uppercase;
font-size:.8em;
background:#052b40;
color:#fff;
cursor:pointer;
position:relative;
z-index:101;
}

.areabutton{
display:block;
float:left;
padding:6px 10px;
height:14px;
text-transform:uppercase;
float:left;
font-size:.8em;
background:#052b40;
color:#fff;
cursor:pointer;
position:relative;
z-index:101;
}

.areacontent{
position:absolute;
right:0;
top:0;
z-index:100;
width:425px;
height:135px;
padding-top:40px;
background:url(../_files/image/teaser/segler.jpg);
}

.areacontent h1,
.areacontent p{
background:url(../_layout/teaser-bg.png) repeat left top;
background:#fff;
margin:0;
float:left;
clear:both;
}

.areacontent p{
width:62%;
padding:6px 2px;
font-size:.8em;
}

.areacontent a{
text-decoration:underline;
}

.areacontent a:hover{
text-decoration:none;
}

#navi{
background:#052b40;
width:100%;
float:left;
clear:both;
position:relative;
}

#navi #naviHelfer{
width:425px;
text-align:left;
margin:0 auto;
padding-left:355px;
background:url(../_layout/nordsee-segelschule.jpg) 82px 0 no-repeat;
height:auto !important;
height:45px;
min-height:45px;
}

#navi #naviHelfer a{
width:auto !important;
width:1px;
display:block;
color:#fff;
text-transform:uppercase;
font-size:.9em;
padding:2px 10px;
height:auto !important;
height:41px;
min-height:41px;
}

#navi #naviHelfer a:hover,
#navi #naviHelfer a.over{
background:#4780a0;
}

#navi #naviHelfer a.active,
#navi #naviHelfer a.subactive{
background:#ff9e1c;
}

#navi #naviHelfer a.active:hover,
#navi #naviHelfer a.active.over{
background:#a3c0d0;
}

#navi #naviHelfer li{
float:left;
position:relative;
margin-right:10px;
z-index:101;
}

#navi #naviHelfer li ul{
display:none;
position:absolute;
left:-10px;
top:100%;
width:auto !important;
width:120px;
min-width:120px;
background:#fff;
border:#052b40 solid;
border-width:0 10px 10px 10px;
z-index:102;
}

#navi #naviHelfer li:hover ul ,
#navi #naviHelfer li.over ul{
display:block;
}

#navi #naviHelfer li li{
width:100%;
min-width:120px;
padding:0;
margin:0;
}

#navi #naviHelfer li li a{
height:16px;
min-height:16px;
color:#052b40;
margin:0;
width:100%;
min-width:120px;
}

#navi #naviHelfer li li a:hover,
#navi #naviHelfer li li a.over,
#navi #naviHelfer li li a.active{
color:#fff;
}

#content{
background:url(../_layout/inhalt.png);
width:698px;
margin:0 auto;
text-align:left;
padding:2em 0 2em 82px;
overflow:hidden;
clear:both;
}

#content a{
text-decoration:underline;
}

#content a:hover{
text-decoration:none;
}

#content ul{
margin-bottom:1em;
}

#content li{
list-style:disc outside;
margin-left:1em;
}

#content div{
float:right;
width:405px;
padding-right:20px;
}

#content div.links{
float:left;
clear:left;
width:243px;
overflow:hidden;
padding:0;
}

#subnavi{
width:780px;
margin:0 auto;
text-align:left;
}

#subnavi ul{
display:inline;
margin:0 0 10px 355px;
background:#fff;
float:left;
}

#subnavi li{
float:left;
}

#subnavi a{
display:block;
float:left;
padding:6px 10px;
text-transform:uppercase;
float:left;
font-size:.8em;
background:#052b40;
color:#fff;
}

#subnavi a:hover{
background-color:#0a5680;
}

#subnavi a.active{
background-color:#ff9e1c;
}

#subnavi a.active:hover{
background-color:#a3c0d0;
}