body{font-family: 'Open Sans', sans-serif;color:#283449;}
#wrapper{width:830px;height:100%;margin:0 auto;border:1px solid #ccc;background-color:#fff;}
#header header{height:380px;}
div.nav-div{background-color:#dfe4e8;width:450px;float:left;height:380px;}
div.head-image{height:380px;width:380px;float:right;background-image:url(../gfx/keys.jpg);}
.nav-div h1{font-weight:500;font-size:250%;margin: 35px 0 0 35px;}
.nav-div p{margin-left:35px;font-size:90%;width:200px;float:left;}
span.span-1{font-size:110%;}
span.span-2{font-size:130%;}
ul.teaser{list-style:none;display:block;}
ul.teaser li{float:left;text-transform:uppercase;font-size:80%;margin:6px 2px 0 0;}
.nav-div nav{float:right;position:relative;margin-top:15px;margin-right: -1px;}
.nav-div nav ul li {display:block;height:70px;width:280px;text-align:right;margin-top:10px;}
.nav-div nav ul li:first-child{list-style:none;}
.nav-div nav ul li a{display:block;text-decoration:none;color:#283449;padding:12px;padding-right:25px;margin-right: -30px;background-color:transparent;width:175px;float:right;font-size:125%;text-align:left;}
.nav-div nav ul li a:hover{color:#fff;}

div.kreis-sand {width:70px;height:70px;border-radius:50px;background-color: #bdae98;float:left}
div.kreis-sand span{font-size: 110%;margin-top: 27px;display:block;text-align:center;font-weight:400;color:#fff;}
div.kreis-duene {width:70px;height:70px;border-radius:50px;background-color: #a2ae8c;float:left}
div.kreis-duene span{font-size: 110%;margin-top: 27px;display:block;text-align:center;font-weight:400;color:#fff;}
div.kreis-meer {width:70px;height:70px;border-radius:50px;background-color: #062238;float:left}
div.kreis-meer span{font-size: 110%;margin-top: 27px;display:block;text-align:center;font-weight:400;color:#fff;}

div.text-wrap{width:960px;position:relative;float:left;margin-top:-10px;}
div.left{width:180px;height:430px;position:relative;float:left;margin-top: -70px;}
img.text-logo{margin-left:25px;margin-top:50px;border-radius:100px;}
div.center{width:590px;height:350px;position:relative;float:left;overflow: hidden;}
div.center h2{font-size:100%;padding:10px 0 10px 0;}
div.center h3{font-size:90%;padding:10px 0 10px 0;}
div.center p{font-size:90%;padding-top:10px;line-height:1.5em;}
div.center ul{font-size:90%;line-height:1.5em;margin-left:15px;}
div.right{width:80px;height:390px;position:relative;float:left;}

div#center-content{background-color:#fff;margin-top:-10px;margin-bottom:0px;}

div.slider{background-color:#bdae98;height:190px;float:left;width:830px;}
.slider ul {list-style:none;display:block;position:relative;width:770px;height:200px;float:left;}
.slider ul li{float:left;height:170px;width:auto;overflow:hidden;}
.slider ul li img{margin-right:10px;float:left;height:170px;width: 375px;}

div.slide-left{width:35px;height:180px;float:left;}
div.slide-right{width:28px;height:180px;float:left;margin-left:-7px;}



div#footer{display:block;height:25px;margin:0 auto;width:860px;padding-top:10px;font-size:90%;background-color:#fff;}
#footer ul{list-style:none;font-size:90%;width:860px;margin:auto;}
#footer ul li{color:#555;float:left;border-left:2px solid #ccc;padding:0 5px 0 5px;font-weight:400;}
#footer ul li a {color:#283449;}
#footer ul li a:hover{color:#244d6e;}
#footer ul li:first-child{border-left:0px;}

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

span#down{clear:right;opacity:0.5;visibility:hidden;float: right;background-image: url(../gfx/down.png);margin-right: 35px;height: 32px;width: 32px;position: relative;z-index: 255;margin-bottom:-30px;}
span#down:hover{opacity:1.0;}
span#up{opacity:0.5;visibility:hidden;float: right;background-image: url(../gfx/up.png);margin-right: 35px;height: 32px;width: 32px;position: relative;z-index: 255;margin-top: 20px;}
span#up:hover{opacity:1.0;}