html, body {
width:100%; height:100%;
}

body {
margin:0; padding:0;
background:#ededee;
float:left;
}

body, a, span, div, ul, li, td, th, form, input, select, textarea, p, h1, h2, h3, h4 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
line-height:12px;
color:#000;
font-weight:normal;
margin:0; padding:0;
text-decoration:none;
list-style-type:none;
}

h1 {
clear:left;
font-size:24px;
line-height:26px;
color:#00362d;
}

h2, h3 {
font-size:16px;
line-height:19px;
color:#00362d;
font-weight:bold;
padding:10px 0 20px 0;
}

img {
border:0;
}

.green {
color:#00362d;
}

a {
outline:none;
}

a:hover {
color:#00362d;
}

a.green:hover {
color:#000;
}

.dn {
display:none;
}

/* container */

#all {
margin:0 auto;
margin-top:70px;
position:relative;
width:1004px; height:710px;
background:url('img/bg.png') no-repeat;
box-shadow:15px 15px 15px #ccc;
-moz-box-shadow:15px 15px 15px #ccc;
-webkit-box-shadow:15px 15px 15px #ccc;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=0, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=45, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=90, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=135, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=180, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=225, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=260, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=305, Strength=2);
}

/* header, footer */

#logo {
float:left;
margin:35px 0 42px 45px;
}

#slogans {
float:left;
position:relative;
margin:59px 0 42px 47px;
}

         #slogans img {
         position:absolute; left:0px; top:0px;
         }

#footer {
position:absolute; left:50px; top:680px;
width:904px;
text-align:right;
}


/* navigation */

#nav {
position:relative;
margin-left:262px;
width:696px; height:23px;
box-shadow:3px 10px 5px #777;
-moz-box-shadow:3px 10px 5px #777;
-webkit-box-shadow:3px 10px 5px #777;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=0, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=45, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=90, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=135, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=180, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=225, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=260, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=305, Strength=2);
}

        #nav li {
        position:relative;
        display:block;
        float:left;
        width:116px; height:29px;
        margin:0; padding:0;
        }

               #nav li a {
               display:block;
               width:116px; height:29px;
               background-repeat:no-repeat;
               overflow:hidden;
               text-indent:-1000em;
               }

                         #nav li a:hover, #nav li.aktiv a, #nav li.hover a {
                         background-position:left -50px;
                         }


               #nav1 a { background-image:url('img/nav1.png'); }
               #nav2 a { background-image:url('img/nav2.png'); }
               #nav3 a { background-image:url('img/nav3.png'); }
               #nav4 a { background-image:url('img/nav4.png'); }
               #nav5 a { background-image:url('img/nav5.png'); }
               #nav6 a { background-image:url('img/nav6.png'); }


#address {
position:relative;
float:left;
width:189px; height:130px;
margin:355px 50px 0 23px;
overflow:hidden;
background:url('img/address.png') no-repeat;
}

         #address h2 {
         margin-top:1000px;
         }

         #address a {
         position:absolute; left:0px; top:118px;
         display:block;
         width:250px; height:16px;
         overflow:hidden;
         text-indent:1000em;
         background:url('img/mail.png') no-repeat;
         }

         #address a:hover {
         background-position:left 50px;
         }

#content {
position:relative;
float:left;
margin:19px 0 0 0;
width:651px; height:428px;
padding:20px;
border:5px solid #cdd7d5;
background:#fff;
}


/* Startseite */

.index #content {
background:#fff url('img/bg_index.jpg') no-repeat;
}

         .index #content ul {
         margin:-2px 0 0 15px;
         }

         .index #content ul li {
         float:left;
         clear:left;
         height:14px;
         margin:0 0 5px 0;
         }

         .index #content ul li.m {
         margin:1px 0 5px 0;
         }

         .index #content ul li.mm {
         margin:40px 0 5px 0;
         }

         .index #content ul li a {
         font-family:Arial,Helvetica,sans-serif;
         font-size:12px;
         line-height:14px;
         }

         .index #content ul li a:hover {
         font-weight:bold;
         color:#00362d;
         }

/* Unternehmen */

.unternehmen #content {
background:#fff;
background-position:5px 5px;
background-repeat:no-repeat;
}

.unternehmen #content label {
float:left;
width:50px;
padding-top:2px;
color:#00362d;
font-size:14px;
font-weight:bold;
}

.unternehmen #content div {
width:590px;
float:left;
font-size:12px;
line-height:16px;
color:#00362d;
margin-bottom:20px;
}

.unternehmen #content div span {
font-size:12px;
line-height:16px;
color:#9caa5b;
}


/* Leistungen, Referenzen */

.leistungen #content {
background:url('img/bg_leistungen.png') no-repeat;
}

         .leistungen #content ul, .referenzen #content ul {
         width:700px;
         margin:8px 0 0 8px;
         }

         .leistungen #content ul li, .referenzen #content ul li {
         float:left;
         height:14px;
         margin:0 30px 5px 0;
         }

         .leistungen #content ul li a, .referenzen #content ul li a {
         display:block;
         font-family:Arial,Helvetica,sans-serif;
         font-size:12px;
         line-height:14px;
         padding-left:17px;
         width:168px;
         }

         .leistungen #content ul li a:hover, .referenzen #content ul li a:hover {
         font-weight:bold;
         color:#00362d;
         }

         .leistungen #content ul li.col1 a, .referenzen #content ul li.col1 a {
         width:195px;
         }

#leistungen {
position:absolute; left:0px; top:170px;
width:691px; height:297px;
overflow:auto;
}

         #leistungen3 div {
         float:left;
         padding:11px 0 0 0;
         }

         #leistungen3 div.text a {
         margin-left:-30px;
         }

         #leistungen div.text {
         width:240px;
         }

                  #leistungen h3 {
                  width:195px;
                  font-size:11px;
                  font-weight:bold;
                  color:#000;
                  padding:0 0 0 30px;
                  background:url('img/icons.png') 13px 2px no-repeat;
                  }

                  #leistungen .icon7 h3 { background-position:13px -22px; }
                  #leistungen .icon13 h3 { background-position:13px -46px; }
                  #leistungen .icon2 h3 { background-position:13px -70px; }
                  #leistungen .icon8 h3 { background-position:13px -94px; }
                  #leistungen .icon14 h3 { background-position:13px -118px; }
                  #leistungen .icon3 h3 { background-position:13px -142px; }
                  #leistungen .icon9 h3 { background-position:13px -166px; }
                  #leistungen .icon15 h3 { background-position:13px -190px; }
                  #leistungen .icon4 h3 { background-position:13px -214px; }
                  #leistungen .icon10 h3 { background-position:13px -238px; }
                  #leistungen .icon16 h3 { background-position:13px -262px; }
                  #leistungen .icon5 h3 { background-position:13px -286px; }
                  #leistungen .icon11 h3 { background-position:13px -310px; }
                  #leistungen .icon17 h3 { background-position:13px -334px; }
                  #leistungen .icon6 h3 { background-position:13px -358px; }
                  #leistungen .icon12 h3 { background-position:13px -382px; }

                  #leistungen div.text h3 {
                  margin-bottom:10px;
                  }

                  #leistungen p, #leistungen img {
                  padding:0 0 0 13px;
                  font-size:11px;
                  line-height:14px;
                  }


.leistungen #leistungen div#leistungen2 {
width:20000px;
}

#leistungen div#leistungen3 {
float:left;
width:auto;
}

#leistungen h3.empty {
background:none;
width:10px;
padding:0 0 2px 30px;
}

#leistungen3 {
position:relative;
}

/* Referenzen */


.referenzen #content {
background:url('img/bg_referenzen.png') no-repeat;
}

.referenzen #leistungen3 div div {
margin:0 0 0 13px;
}

.referenzen #leistungen div.text {
width:204px;
margin-top:-3px;
}

                  .referenzen #leistungen div.text h3 {
                  margin-bottom:0px;
                  }


.referenzen #leistungen div div img {
margin:0 -11px 0 11px; padding:0;
}

.referenzen #leistungen p, .referenzen #leistungen img {
line-height:16px;
}

canvas {
left:-267px; top:170px;
box-shadow:5px 5px 5px #666;
-moz-box-shadow:5px 5px 5px #666;
-webkit-box-shadow:5px 5px 5px #666;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=0, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=45, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=90, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=180, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=225, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=260, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=305, Strength=2);
}

.tooltip {
position: absolute!important;
overflow:hidden;
z-index: 10000!important;
margin-left:15px;
}

        .tooltip .xboxcontent {
        padding:7px;
        background:#ddd;
        color:#000;
        line-height:16px;
        }


/*
#referenzen {
position:relative;
margin:-20px 0 0 0;
padding:10px 0 5px 0;
width:700px; height:450px;
overflow:auto;
}

         #referenzen img {
         float:left;
         margin:10px 22px 15px 0;
         width:200px; height:200px;
         border:1px solid #85a0b0;
         }

         #referenzen #hinweis {
         position:absolute; left:0px; top:228px;
         font-size:13px;
         color:#304540;
         }
*/

/* Partner */

#partner {
position:relative;
margin:-20px 0 0 0;
padding:10px 0 5px 0;
width:700px; height:450px;
overflow:auto;
}

         #partner a.p {
         float:left;
         margin:25px 0 0 24px;
         width:200px; height:200px;
         font-size:12px;
         line-height:16px;
         text-decoration:none;
         }

        #partner div {
        display:none;
        position:absolute; left:0px; top:0px;
        min-width:239px; min-height:124px;
        padding:15px 20px;
        background:url('img/bg_partner_t.png');
        }

                #partner div label {
                float:left;
                width:45px;
                font-weight:bold;
                }

        #partner div, #partner a, #partner label {
        font-size:12px;
        line-height:16px;
        white-space:nowrap;
        }


/* Kontakt */

#kontakt {
margin:-20px 0 0 0;
padding:50px 53px 5px 20px;
width:627px; height:410px;
overflow:auto;
}

#kontakt, #kontakt a {
font-size:12px;
line-height:16px;
}

        .kontakt #content label {
        float:left;
        width:60px;
        font-weight:bold;
        }

.kontakt #map {
float:right;
}

         .kontakt #map iframe {
         width:350px; height:250px;
         }

         .kontakt #map a {
         float:right;
         font-size:10px;
         }
		 
/* Datenschutz */
#datenschutz {
margin:-20px 0 0 0;
padding:50px 53px 5px 20px;
width:627px; height:410px;
overflow:auto;
}

#datenschutz, #datenschutz a {
font-size:12px;
line-height:16px;
}

        .datenschutz #content label {
        float:left;
        width:60px;
        font-weight:bold;
        }

.datenschutz #map {
float:right;
}

         .datenschutz #map iframe {
         width:350px; height:20px;
         }

         .datenschutz #map a {
         float:right;
         font-size:10px;
         }