* { margin: 0; padding: 0; }
img     { border: none }
a, a:hover, a:active, a:visited, *:focus { text-decoration:none;  outline: white none 0px !important; cursor:pointer; }
a, a:visited, *:focus { color: #003366;}
a:active { color: #FF8844;} 
a:hover { color: #CC3300;}
#current {color:#993300; } /* font-weight:bold;  */
.menu1:visited, .menu2:visited  {color:#003366}
.menu1:hover, .menu2:hover, #menu-standards a:hover {color:#3366CC}

body { text-align: center; }
div {text-align: left;}

body {font: normal 11px Verdana,Arial,sans-serif; color:#003366;  background: #001D3B url(waveD.jpg) 300px 300px repeat; }
p {margin:10px 0px 10px 0px; line-height:2.5ex}
h1 {font-weight:normal; font-size:24px; font-family:"Times New Roman",serif; color:#003366; margin: 36px 0px 20px 0px; color:#C19E39;}
h2 {font-weight:bold; font-size:15px; font-family:Verdana, Arial, serif; color:#01355F; margin: 0px 0px 8px 0px; padding-top: 16px; clear:both}
h3 {font-weight:bold; font-size:13px; font-family:"Times New Roman",serif; color:#01355F; margin: 14px 0px 6px 0px;}
ul {margin: 4px 8px 8px 20px; list-style-image: url(pfeil9b.jpg); }
ul ul {margin-left: 10px; }
ul.pfeil2, ul.left-align { list-style-image: url(pfeil9.gif) }
.xsnazzy ul  { list-style-image: url(pfeil9p.gif) }
ul.none  {  list-style-image: none; list-style-type: none; }  
li {padding: 3px 0px; margin-left:8px; line-height:15px}
ul.left-align li {margin-left:0px}


html, body { height: 100%; }

#center {position: relative; top:0px; margin: 0px auto 0px auto; width: 972px; 
        min-height: 100%; /* Mindesthöhe in modernen Browsern */
        height: auto !important; /* !important-Regel für moderne Browser */
        Xheight: 100%;  /* Mindesthöhe in IE (<7) */
}

#wrapper {
position: relative; top:36px; min-height: 660px; height: auto !important; height: 660px; padding-bottom:0px; 
left:0; width: 972px; background: white; border: 1px  solid #01355F; 
border-width: 0px 1px 1px 1px; border-color: #BAC9D6 #000 #000 #BAC9D6; margin-bottom: 36px; 
}
#margin-bottom {position: relative; clear:both; display:block; top:0px; width: 10px; height: 88px}

#clear {clear:both; width:100%; border-bottom:  1px  solid #01355F; }

#min-height {position: absolute; top:0px; min-height: 660px; height: 100% !important; height: 660px; width:972px; background:white; z-index:0; }
#menu-bg  {position: absolute; top:0px; min-height: 660px; height: 100% !important; Xheight: 660px; width:172px; background:  #f5e6b0 url(F5E6B0.jpg) repeat; }

#panel {position: relative; top:0; width:800px; margin-bottom: 1px; border-left: 172px solid #f5e6b0; z-index:1;  Xborder:1px solid red;}
#menu-col {position: absolute; top:0;left:0px; width:172px; background: #f5e6b0 url(F5E6B0.jpg) repeat; 
                min-height:100%; height: auto !important;  Xheight: X660px; z-index:2;}

#kompass {position:absolute; top:26px; left:6px; width:153px; height:106px; z-index:567; cursor:pointer; background: white; }
#kompass-bg {position:absolute; display:block; top:0px; left:0px; width:172px; height:174px; z-index:555; cursor:pointer; background: white; }
#logo {position:absolute;top:154px;height:50px;width:172px;left:0px; z-index:579; cursor:pointer;}
#snag {color:#266BA4; margin: 10px; font-family: Arial; font-size:9px; top:-90px; left:-10px; position:relative; display: none}
#menu-left { position: relative; top:0;  border-top: 174px solid white; overflow:hidden; padding: 50px 0px 24px 16px; 
                width:156px; font-weight:normal; text-align:left; }

#menu-standards {position:relative; top:28px; margin: 0px 16px; padding:2px 0px; display:block; width:140px; 
                                font-weight: normal; font-size: 9px;  
                                border-top:1px solid #00447B; text-align:center;}
#menu-standards a { color:#003366; font-size:9px;}
.links {position:relative; left:0px; display:block; float:left; }
.rechts {position:relative; right:0px; display:block; float:right; }



#viewport, #scrollpane {position:relative; top:0; }
#viewport {background:white; width:800px; overflow:hidden;  left:0px;}
#scrollpane {width:18800px; overflow:visible; }
.page {position:relative; top:0; float:left; width: 800px; overflow:visible; }

#color-bar {position:absolute; left:0px; top:174px;width:800px; z-index:222; height:10px; background: url(color-line.jpg) repeat; overflow: hidden}
.header {position:relative;top:0;left:0;height:174px; width:740px; padding-right:60px; text-align:right;
                font-family:Times New Roman; font-size:48px; font-weight:bold; color:#FFFFFF; z-index:3;}
#btn-left, #btn-right {position:absolute; top:140px; cursor:pointer; z-index:666;  display:none;}
#btn-left {left:12px;} 
#btn-right{right:12px;}

.content-div  {position:relative; top:0; float:left; padding:12px 0px 24px 100px; border-top:0px solid white; left:0; width: 700px; text-align:left; overflow:hidden; }

.text-div {float:left; top:0; padding-top:0px; border-top:0px solid white; left:0; padding-left:0px; width: 460px; text-align:left; overflow:hidden;}
.space-div, .sp1 {float:left; top:0; padding:0px 20px 0px 60px; border-top:0px solid white; left: 0; width: 160px;text-align:left; overflow:hidden;
                        color:#266BA4; line-height:4ex; font-weight:bold;}
 .sp1 {float:right;}
#gruppe {height:154px;width:360px; float:right; margin: 36px 30px 0px 10px; clear:right}

h1.partner {margin-left:40px;}
div.partner, div.partner-r {margin: 10px 0px 20px 30px; width: 230px; float:left; vertical-align:bottom;}
img.partner {margin-bottom: 6px; margin-right:8px; width:80px; height:103px; float:left; }
.profil {display:none; position:absolute; width:300px;}
 
.text-col-left, .text-col-right {float:left; width:300px; margin-top:0px; padding-right:50px;}
.text-col-left {width:270px;}
.text-col-right h2 {margin-top:0px;}
#leistungen-img {width:200px; height:200px; margin:8px 0px 16px 30px;} /* position: absolute; top:40px; left:560px; */

 
        

.menu1, .menu2 {position:relative; font-size:11px; font-weight:normal; margin-top:18px; display:block; color:#003366}
.menu2 {font-size:10px; font-weight:normal; margin-top:4px; padding-left:16px;}


.col {width:100px;}
.lineA {width:12.5%; height:8px; cursor:hand; color:#000; 
           font-size:0px; padding:0 2px; text-align:center; overflow:hidden; }
.lineA:hover {color:#a48; }

#fade-top {position: fixed; height: 40px; width:800px; left:50%; margin-left:-312px; top:0px; background:url(fade_top.png); display:none;}
#fade-bottom { position: fixed; height: 40px; width:800px; left:50%; margin-left:-312px; bottom:0px; background:url(fade_bottom.png); display: none;}


#text {position: fixed; width:200px}


.xsnazzy {position:inline; top:0ex; left:0px; margin:0px; width:600px; background: transparent;  }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#f5e6b0; border-left:1px solid #cde; border-right:1px solid #cde;}
.xb1 {margin:0 5px; background:#cde;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#f5e6b0; border:0 solid #cde; border-width:0 1px; left:20px; padding:0px 16px;}

.btn-close {position: absolute; top:10px; right:10px;  display:block; background: red url(btn.close.gif); width:14px; height:14px; cursor:pointer}


#XXhp-text {position:absolute; top:90px; left:387px; font: normal 19px "Times New Roman",Times,serif; line-height: 28px; color:#003366; text-align:right;}


#c-Kontakt, #c-Standorte {background: url(Karte.unten.jpg) no-repeat; }
#c-Kontakt h1, #c-Standorte  h1 {margin-bottom:4px;}
.anschrift {position:relative; left:24px; float:left; width: 276px; top:-9px; margin-bottom:10px; }



#c-Referenzen {width: 600px; margin-right:100px;}
#c-Referenzen .text-div {width: 100px; padding-right:20px; }
#c-Referenzen ul {margin-left: 70px; margin-right:0px; }
#c-Referenzen ul li a {width:144px; display:block; padding: 2px 6px; border: 1px dashed white; cursor:pointer; }
#c-Referenzen ul li a.active {border: 1px dashed #cde; border-right-width: 0px; }

#summen-div th, #summen-div td {padding: 2px 2px; border:1px solid white; border-width: 1px 0px 0px 1px;  white-space:nowrap;} 
#summen-div th.first, #summen-div td.first {border-width: 1px 0px 0px 0px;} 
#summen-div thead td, #summen-div thead th {border-width:0px 0px 0px 1px;}
#summen-div thead th:first-child {border: none;}

#summen-div {position: inline; float: left; top:0px; margin-right:0px; width:600px; }
#summen-div th, #summen-div td {text-align: right; padding:4px 14px; }


#bereichs-div {position: inline; float: right; top:0px; margin-right:0px; width:360px;  }
#bereichs-div table {display: none; margin: 0px 8px; }
#bereichs-div td, #bereichs-div th { padding: 1px 6px; border: 1px solid white; border-width: 1px 0px 0px 1px;}
#bereichs-div td.first, #bereichs-div th.first {border-left: none;}
#bereichs-div th {border-top: none;}
#bereichs-div #b0 {display: block; }
#bereichs-div th+th+th, #bereichs-div td+td+td {padding: 0px 12px; text-align:right; } 


.projekt-box {position:absolute; top:206px; left:230px; width:500px; z-index:22222; display:none;}
.projekt-box .xsnazzy {width:100%;}
.projekt-box h1 {margin: 0px; padding-top: 14px; text-align:center; font-family: Verdana,Arial,sans-serif; font-variant:small-caps; font-size:18px; font-weight:bold;}
.projekt-box h1, .projekt-box h3 { color:#C19E39; }
.projekt-box h3  { font-family: Verdana,Arial,sans-serif; font-weight:normal; }

.beispiele {float:right; top:0; padding:0px 20px 0px 20px; border-top:0px solid white; left: 0; width: 200px;text-align:left; overflow:hidden; }
.beispiele h3 {display: block; font-weight:normal; font-size:15px; font-family:Verdana, Arial, serif; color:#C19E39; padding-bottom: 12px; }
.beispiele a { display: block; color:#6A89A8; Xfont-family:"Arial Rounded MT Bold",Verdana, Arial, serif; font-size:10px; font-weight:bold; }
.beispiele a:hover { color: #CC3300;}

.profil-box {position:absolute; top:250px; left:550px; width:370px; z-index:22222; display:none;}
.profil-box .xsnazzy {width:100%;}
.profil-box h1 {margin: 0px; padding-top: 14px; text-align:center; font-family: Verdana,Arial,sans-serif; font-variant:small-caps; font-size:18px; font-weight:bold;}
.profil-box h1, .projekt-box h3 { color:#C19E39; }
.profil-box h3  { font-family: Verdana,Arial,sans-serif; font-weight:normal; }