* {margin:0px; padding:0px; list-style-type:none; text-decoration:none; outline:none;}

html,body{height:100%;}

body {font-size:12px; background:#6C6C86 url('/img/bg.png') repeat-x; font-family:arial; color:#323232;}


h1,h2,h3 {color:#fe6212;}

h1{font-size:20px;}
h2{font-size:13px;}

p{color:#323232;}

#root{margin:0px auto; width:940px; padding:0px 10px 0px 10px; background:#fff url('/img/rootbg.png') repeat-y top left; min-height:100%; height:auto !important; height:100%;}

#root .spacer{display: block; background:#fff; height:9px; width:940px;}

#root #head{width:940px; height:560px; background:#E3E3E8; no-repeat top left; overflow:hidden;}
#root.sub #head,#root.subsub #head,#root.kontakt #head,#root.haftung #head{width:940px; height:370px; background:#fff url('/img/home.png') no-repeat top left; overflow:hidden;}

#content{  padding:10px 0 0 0;}
#copy{float: left; width: 180px; margin:0 10px 0 0;}
#copy p{padding:0px 0 0 10px; font-size:10px;}
#main{float: left; width: 530px; height:auto; margin:0 10px 0 0; background:#FBFBFB url('/img/mainbg.png') repeat-x bottom left; padding:10px 15px 0 15px;}
#main p {width:511px;}
#main li {line-height:17px;}
#content #block{float: left; width: 170px; background:#FAFAFB url('/img/blockbg.png') repeat-x bottom left; padding:10px 0 0 10px;}

#main h1{margin:0 0 20px 0;}
#main h2 {margin-bottom:10px;}
#main ul {list-style-image:url('/img/bullet.png'); padding-left: 15px;}
#content #copy p,#block p{color:#737686;}
#block h2{margin:0 0 40px 0;}
#block a{display:block;padding:0px 0px 2px 10px; margin-left:-10px; color:#737686;}
#block a:hover{background: #F8F8F9;}

#mainnavi {overflow:hidden;}
#navi h1 {font-size:18px; color:#fff;}
#navi h2 {font-size:13px;}
#navi ul{float: left;}
#navi ul ul {padding:0px;}
#navi ul li{display:block; height:190px; width:190px; position:relative; float: left;}
#navi ul li div{position:absolute; top:0; left:0; width:180px; height:180px; background:#5c5d79; opacity:0.8;}
#navi ul li.kasten div {background:transparent;}
#navi ul li a{position:absolute; top:0; left:0; width:180px; height:180px; display: block; color:#fff;}
#navi ul li .holdem{position:absolute; top:0; left:0; width:180px; height:180px; display: block; color:#fff; background:transparent url('/img/orange.png'); opacity:1.00;}

#navi ul li span{display: block; margin:0px 10px 10px 10px;}
#navi ul li span.titletop{display: block; margin:-10px 10px 0px 10px; font-size:15px;}
#navi ul li span.toptitle {line-height:10px; font-weight:bold; font-size:15px; color:#fff;}
#navi ul li span.title {line-height:28px; font-weight:bold; font-size:15px; color:#fff;}
#navi ul li span.active, #navi ul li span.active h1{color:#fd7834; font-weight:bold;}
#navi ul li span.desc {font-size:13px; color:#fff; margin:0 0px 0px 10px;}
#navi ul li span.desc h2 {color:#fff;}

#specialnavi{width:190px;}
#specialnavi li{display:block; height:190px; width:190px; position:relative;}
#specialnavi #logo {display: block; background: url('/img/logo.png') no-repeat top left; width:180px; height:180px;}
#specialnavi ul {position:absolute;}
#specialnavi ul li {height:20px;}
#specialnavi ul li a {padding:0 0 0 10px; display:block;height:20px; width:170px; font-size: 13px; line-height:20px;}
#specialnavi ul li a:hover {background:#67677D; }
#specialnavi ul li a.active {color:#fd7834;}

#secondnavi{width:380px; height: 370px;}
#secondnavi li{display:block; height:190px; width:190px; position:relative; float: left;}
#secondnavi li div.orange {background:#f45f12; opacity:1.00;}
#secondnavi #logo {display: block; background: url('/img/logo.png') no-repeat top left; width:180px; height:180px;}


#subnavi {background:#5c5d79; padding:10px 0 10px 0; border-bottom:10px solid #e3e3e8;}
#subnavi li { display: block; }
#subnavi li {overflow:hidden; height:20px;}
#subnavi li a{display: block; font-size:13px; padding:0px 0px 0px 10px;height:20px; line-height:20px;}
#subnavi li a h2{color:#fff; padding:0px; }
#subnavi li a:hover {background:#73748c;}
#subnavi li a.active h2{color:#fd7834;margin:0px; padding:0px;}
#root.subsub #subnavi li a.active {background: url('/img/arrow.png') no-repeat right 3px; }

#root.sub #main {background:none; padding:0px; width: 730px;}
#root.subsub #main {margin:0 0 0 10px;}
#root.subsub #main ul{margin:0 0 10px 0;}
#root.subsub #content #main h1 {font-size:18px;}
#root.subsub #content #main p {margin-bottom:20px;}

#root.subsub #content #block {padding:0px; width: 180px; background-color:transparent; background-image:none;}
#root.subsub #content #block ul{padding:10px 0 0 0; height:189px; background:#FAFAFB url('/img/subsubbg.png') repeat-x bottom left; width:180px;}
#root.subsub #block h2 {color:#53546e; font-size:12px; margin:0px; line-height:18px;}
#root.subsub #block a {padding:1px 0 1px 5px; margin:0px;}
#root.subsub #block a:hover {background:#cacad4;}
#root.subsub #block a.active h2{color:#fe6212}
#root.subsub #block img {margin-bottom:10px;}

#root.kontakt #main {width:710px; padding-bottom:100px;}

#main .unternehmen {background:#FAFAFB url('/img/companybg.png') repeat-y top right; margin-bottom:10px; padding:15px 0 15px 10px;}
#main .unternehmen h1{font-size:13px; margin:0 0 5px 0px;}
#main .unternehmen .leftcol {width:180px; float: left; margin-right:10px;}
#main .unternehmen .rightcol {width:530px;float: left;}

#main .techead {background: transparent url('/img/bullet.png') no-repeat 0px 5px;}
#main .techead h4{font-size: 14px; font-weight: bold; padding-left:15px; margin-bottom:10px;}
#main .tectext {padding-left: 15px;}

#main .contact div {float:left; width:225px; margin-right:10px;}
#main .contact .firstcontact {width:180px;}
#root.kontakt #main .contact div a {color:#000;margin-left:-15px; padding:0 15px 0 15px;}
#root.kontakt #main .contact div a:hover {background: #CACAD4; }
#root.kontakt #main p {width:auto;}

#root.kontakt #main a {color:#000;margin-left:-15px; padding:0 20px 0 15px; display: inline;}
#root.kontakt #main a:hover {background: #CACAD4; }
#root.kontakt #copy {background: #FAFAFB url('/img/copybg.png') repeat-x bottom left; height: 530px;}
#root.kontakt #subnavi {border-bottom: 10px solid #e3e3e8;}
#root.kontakt #main h2 {margin-bottom: 5px;}

#root.haftung #main h2 {margin-bottom:2px;}
#root.haftung #block p{color:#323232; line-height:17px;}
#root.haftung #copy {background: #FAFAFB url('/img/copybg.png') repeat-x bottom left; height: 530px;}
#root.haftung #subnavi {border-bottom: 10px solid #e3e3e8;}
#root.haftung #block h2 {margin-bottom:2px; }
#root.haftung #main {padding-bottom: 30px;}

#root.sitemap #main h2 {margin-bottom:2px;}
#root.sitemap #block p{color:#000;}
#root.sitemap #copy {background: #FAFAFB url('/img/copybg.png') repeat-x bottom left; height: 400px;}
#root.sitemap #subnavi {border-bottom: 10px solid #e3e3e8;}
#root.sitemap #block h2 {margin-bottom:15px; }
#root.sitemap #block p{color:#737686; line-height:17px;}
#root.sitemap #main {padding-bottom: 50px;}
#root.sitemap .kasten_nav {opacity:1.0}
#root.sitemap #specialnavi ul li a:hover {background:#73748c; opacity:1.0}
#root.sitemap #mainnavi .submapsite {background:#FAFAFB url('/img/sitemapbg.png') repeat-x bottom left; width: 180px; margin-right:10px;}
#root.sitemap #mainnavi .sitemapsub li a {height:auto; color:#4F5266; line-height: 20px;width:170px; padding-left:10px;}
#root.sitemap #mainnavi .sitemapsub li a:hover {background:#DBDBE1;}
#root.sitemap #mainnavi .sitemapsub li a h2{color:#656580;  font-size:12px;}
#root.sitemap #mainnavi .sitemapsub li {height:20px; width:180px;}
#root.sitemap #mainnavi .submapsite div {background:transparent;}
#root.sitemap #copy p,#root.haftung #copy p,#root.kontakt #copy p {margin-top:10px;}


.hr {background: #EEEEF1; height: 10px; width: 740px;margin:5px 0 10px -15px;}
.vertical {display: block; height: 24px;}
#main p {line-height:17px;}


.clearer {display:block;clear:both;}