*{margin:0;padding:0;border:0}
body{font:12px/100%  Arial, Helvetica, Verdana, sans-serif; color:#333; background:url(../img/body.jpg) top repeat-x #E5E6EA}
.clear, .spacer{clear:both}
.clear,.hidden, .spacer{font-size:0.01em; line-height:0.01em}
.hidden{display:block; text-indent:5000px; overflow:hidden; width:1px}
.spacer{width:1px; height:15px}
a:link, a:visited, a:hover, a:active{text-decoration:none}
ul{list-style:none}
img{vertical-align:middle}
p{padding-bottom:16px}
.nb{border:none;font-weight:bold;color:#90999C;}

/****************** Layout ******************/
#wrap{background:url(../img/content.jpg) top left repeat-y; width:830px; margin:0 auto}
#head{background:url(../img/head.jpg) no-repeat; height:189px; width:830px}
#topnavi{float:right; margin:11px 17px 0 0; display:inline}
#topnavi li{width:auto; line-height:13px; padding:0 8px; border-right:1px solid #90999C; float:left}
#topnavi li.nb{border:none}
#topnavi li span{display:block; float:left; line-height:11px; padding-right:3px}
#topnavi li a:link,#topnavi li a:visited,#topnavi li a:active,#topnavi li a:hover{color:#90999C; font-weight:bold;}
#topnavi li a:hover{color:#1F385A;}
#logo{width:513px; height:61px; margin:16px 0 0 60px;}

#navi{margin:54px 0 0 38px}
#navi li{width:auto; line-height:13px; float:left}
#navi li a.nb{border-left:1px solid #fff}
#navi li span{display:block; float:left; line-height:22px; padding-right:3px}
#navi li a,#navi li a:visited,#navi li a:active,#navi li a:hover{display:block; width:auto; padding:0 11px; color:#fff; font-weight:bold; border-right:1px solid #fff;}
#navi li a:hover{color:#79C8D6;text-decoration:none}

/****************** Content *************************/
#content{width:776px; padding:35px 0 30px 50px; line-height:140%; position:relative}
#content a:link,#content a:visited,#content a:active{text-decoration:underline;color:#0d587b;padding:0;margin:0;}
#content a:hover{color:#02929a}
#content_img{width:802px; height:360px; position:absolute; bottom:1px; left:+14px}
#content_img2{width:802px; height:277px; position:absolute; bottom:1px; left:+14px}
#content_img3{width:802px; height:258px; position:absolute; bottom:1px; left:+14px}
#content_img4{width:802px; height:300px; position:absolute; bottom:1px; left:+14px}
#content img{border: 1px solid #ccc;padding:1px;margin-top:3px}
#content ul{margin:0;padding:0 0 0 15px;text-align:left}
#content li{list-style-type:square;}
.spalte1{float:left; margin-right:42px; width:344px; text-align:justify}
.spalte2{float:left;margin:0;width:344px; text-align:justify}
.spalte3{width:734px;}
.spalte33{width:734px; border-bottom:solid 1px #999999;}
.spalte4{margin-right:42px; width:344px; text-align:justify}
.spalte5{float:left; margin-right:42px; width:200px; text-align:justify}
.spalte52{float:left; margin-right:42px; width:200px; text-align:justify}
.spalte6{float:left; margin-right:42px; width:344px; text-align:left}
.spalte7{float:left;margin:0;width:344px; text-align:left}
.spalte8{width:734px; border-top:solid 1px #999999; magrin-top:5px; margin-bottom:5px;}
.spalte88{width:734px; border-top:solid 3px #999999; magrin-top:5px; margin-bottom:5px;}
.spalte89{width:734px; border-bottom:solid 3px #999999; magrin-top:5px; margin-bottom:5px;}

.spalte90{width:734px; border-top:solid 1px #999999; padding: 15px 0 20px 0;}
.spalte91{width:734px; border-top:solid 1px #999999; border-bottom:solid 1px #999999; padding: 15px 0 20px 0;}
.anfahrt{width:650px; height:200px; padding:0 0 10px 0;}
#anfahrt1{width:340px; float:left; padding:10px 0 30px 0;}
#anfahrt2{width:220px; float:left; padding:30px 0 30px 0;}
.spalte92{width:680px; padding: 25px 0 20px 0;}
.acrobat{float:left; margin-right:10px;}
.anfahrt_abstand{line-height:2px;}
.anfahrt3{width:734px; height:20px; border-top:solid 1px #999999;}

.display_none{display:none;}
.display_block{display:block;}

.right{float:right;}
.left{float:left;}

.floatright{float:right;border:1px solid #999; padding:0;margin:4px 10px 10px 20px}
.top{text-align:right;float:right}
.ctxt{float:right;margin:0 0 20px 40px;}
.bold{font-weight:bold}

#home #content{padding-bottom:334px}
#ueber #content{padding-bottom:374px}
#referenzen #content{padding-bottom:404px}
#partner #content{padding-bottom:304px}
#nutzen #content{padding-bottom:264px}
#infos #content{padding-bottom:334px}
#spass #content{padding-bottom:294px}

#foot{background:url(../img/footer.gif) right; width:830px; height:45px}


/**************** Headlines ****************/
.newsbox{display:block;background-color:#e4e8eb;width:314px;padding:14px;margin-bottom:50px;margin-top:4px}
h1{margin-bottom:14px;font-size:140%;font-weight:bold;color:#0b5475}
h2{margin-bottom:14px;font-size:120%;font-weight:bold;color:#0b5475}
h3{margin-bottom:10px;font-size:110%;font-weight:bold;color:#000}
h4.news{padding:0 0 6px 0;font-size:125%;font-weight:bold;color:#0b5475}
p.news{text-align:left;padding:4px 0 8px 0;margin:0;border-top:1px solid #fff}
p.trennung{text-align:left;padding:0 0 4px 0;margin:0 42px 0 0;border-top:2px solid #ccc}
p.trenn{text-align:left;padding:0 0 4px 0;margin:0 42px 0 0;border-top:1px solid #ccc}
p.trenn2{text-align:left;padding:14px 0 14px 0;margin:0 0 0 0;border-top:1px solid #ccc}

.beton td{border:1px solid #ccc;padding:4px}
input,textarea{border:1px solid #555}

