/******************************************** STOLL WOHNEN ******************************************************/

#referenzoverview {margin-top:30px;}
#referenzoverview .element {display:block; float:left; margin:0 0px 13px 0; width:280px;}
#referenzoverview .element img {float:left; display:block; border:6px solid #e3e7c0;}
#referenzoverview .element .entity {margin:37px 0 0 140px; left:150px;}
#referenzoverview .element .projektlink {display:block; margin-top:18px;}

#planungoverview {margin-top:30px;}
#planungoverview .element { width:400px!important; display:block; float:left; margin:0px 20px 13px 0px; width:280px;}
#planungoverview .element img {float:left; display:block; border:6px solid #e3e7c0;}
#planungoverview .element .entity {margin:37px 0px 0 140px; left:150px; }
#planungoverview .element .projektlink {display:block; margin-top:18px;}

.mainpic {display:block; float:left; height:204px; margin:0px 10px 0 0;}
.postpic {display:block; height:204px; margin:0;}
#vorsch_gall .mainpic img {margin:0 10px 0 0;}
#vorsch_gall .picborder2 {border:none!important;}

#vorsch_gall .clearing_new {width:10px; height:107px;}
#vorsch_gall .gallery.floatleft {float:left;margin-top:0;}


.smaller_gap_between_pics .mainpic {height:198px; margin:0 5px 0 0;}
.smaller_gap_between_pics .postpic {height:198px; margin:0;}
.smaller_gap_between_pics .gallery a {margin:0 5px 5px 2px!important;}
.smaller_gap_between_pics #vorsch_gall .clearing_new {height:102px;}
.smaller_gap_between_pics #vorsch_gall .gallery.floatleft {margin:0 1px 0 0;} 

.vorsch_gall_last {display:inline-block;}

#history_gall {overflow:auto;}
  #history_gall .first {overflow:auto;}

.gallery {margin:15px 0 8px 0;}
.gallery a {display: block; float: left; margin:0px 10px 11px 2px!important; padding:0!important;}
#vorschau_gall .gallery a.link_ref, .gallery a.link_ref { text-align:right; padding:0; margin:120px 0 30px -115px !important;}
.vorsch_gall_last .link_ref {float:right;}

#vorsch_gall .link {display:block; margin:-8px 0 0 500px; }


#bauoverview {margin-top:30px;}
#bauoverview .element {display:block; float:left; margin:0 0px 13px 0px; }
#bauoverview .element img {float:left; display:block; margin-right:10px; border:6px solid #e3e7c0;}
#bauoverview .element .entity {margin:37px 0 0 100px; left:150px;}
#bauoverview .element .projektlink {display:block; margin-top:18px;}


.vorschaupic {width:150px;  margin:2px;}
.projektvisual {width:330px; float:left;}
#inbau .projektvisual div img {width:250px;}
#inbau .projektvisual {width:auto; float:left;}
.projektvisual div{float:left; margin-right:20px; margin-bottom:10px;}
.projektvisual img {margin-bottom:5px;display:block; border:6px solid #e3e7c0;}

#inbau .situierung {margin-top:10px;}
#inbau {margin-top:30px;}
.upper {text-transform:uppercase; margin-bottom:10px;}
.upper_blue {text-transform:uppercase; margin-bottom:10px; color:#007C97;}
#baupics{clear:both;overflow: auto; width:100%;}
.bau{float:left;width:250px; margin-right:32px; }
.bau img{width:250px; border:6px solid #e3e7c0;}
#bildergalerie .bildgross {display: none;}
#bildergalerie{clear:both; float:none;}
#galerienav {width: 245px;float: left; }
#galerienav a {    display: block; float: left; width: 49px; height: 49px; background: #99cc00; margin-right: 11px; margin-bottom: 11px; }
#galerienav a img{width:49px; height:49px;}
#galerienav a:hover img {display: none; }
.bildgross img{max-width:299px;}
.back_link{position:absolute; top:360px; }
#float {float:left; width:150px;}

#inbau #vorsch_gall .link {display:none;}

.projektvisual span {float:right; padding:0; margin:0;}


#searchablecontent, #skipnavigation, #print_logo {
    display: none;
    visibility: hidden;
}

body, html {
    background: white;
    height: 100%;
    margin: 0;
    font-family: verdana;
    font-size: 11px;
    color: #007C97;
}

h1 {display:inline;}

body, input, textarea, button, select, table {
    font-family: verdana;
    font-size: 11px;
    color: #007C97;
}

.clearing {
    clear: both;float:none;
}

.picborder {
border: 1px solid #e3e7c0;
}
.picborder2 {
border: 5px solid #e3e7c0;
}


.postit {position:absolute; margin-left:-28px; margin-top:-10px; }


#zitat_unterseite {
    position:absolute;
    right:15px;
    top:10px;
    z-index: 850;
}
    

#headline h1, h1 span{
    display:none;
}

a {
text-decoration: none;
color:#709500;
}
a:hover{color:#868687;}

h2{    position:relative;
    margin-left:20px;
    margin-top:10px;
    font-size:14px;
    color:#0083a9;
    }
    
h3{    position:relative;
    margin-left:0px;
    margin-top:10px;
    font-size:13px;
    color:#0083a9;
    }
    
h4 {    
    position:relative;
    margin-left:0px;
    margin:0px;
    font-size:13px;
    color:#709500;
}
h5 {    
    position:relative;
    margin-left:0px;
    margin:0px;
    font-size:11px;
    color:#709500;
}
    
b{    color:#86a428;}
    
img {
    border: 0px;
}


.team_zitat {
margin-left: -10px;
}

#logo {
    position: absolute;
    left:100px;
    top:12px;
    z-index:500;
}



#author {
    position: absolute;
    right:115px;
    bottom:5px
}

#contactinfo {
    position: absolute;
    top:0;
    bottom:0;
    left:100px;
    width:250px;
    float:left;
    z-index:200;
}

#contactinfo a {
    text-decoration: none;
    margin:0;
    padding:0;

}

#calc {
    width: 100%;
    height: 100%;
    border: 0px;
    background-color: transparent;
}

#content {
    position:absolute;
    left:354px;
    top:74px;
    right:100px;
    bottom:142px;
    border:solid 1px #e3e7c0;
    background-color:transparent;
    overflow:auto;
    overflow-x:hidden;
    font-family: verdana;
    font-size: 11px;
    color: #0083a9;
    padding-left:17px;
    padding-top:90px;
    padding-right:30px!important;
    padding-bottom:5px;
    
    z-index:500;

}
#headline_container {
    position:absolute;
    left:354px;
    top:74px;
    right:100px;
    bottom:142px;
    z-index: 200;

}

#subheadline{
    position:absolute;
    right:0px;
    top:-22px;
}
    
#title {
    position:absolute;
    bottom:-15px;
    right:20px;    
}

#haus{
    position:absolute;
    left:0px;
    bottom:0px;
    right:0px;
    height: 245px;

}


#content ul {
    list-style-image: url(../images/pfeil2.gif);
    list-style-position:outside;
    margin-left:5px;
    padding-left:5px;
}

    
/* Infolisten */
table.insetheader caption span {
    position: relative;
    top: 1em;
    left: -0.5em;
    margin-left: 0.5em;
}

table.insetheader {
    margin-left: 0.5em;
}

table.normal caption {
    border-bottom: solid 1px #CBCBCB;
}

table.insetheader .first td, .web table.insetheader .first th {
    padding-top: 2em;
}

table.data caption {
    color: #CBCBCB;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
}

table.data {
    border-collapse: collapse;
    margin-bottom: 1.5em;
}

table.data tbody td, table.data tbody th {
    border-bottom: dashed 1px black;
}

table.data tr.last td, table.data tr.last th, table.data td.noborder, table.data th.noborder, table.data th.subheadline {
    border-bottom: none;
}

table.data td.noborder, table.data th.noborder {
    font-size: 70%;
}

table.data thead, table.insetheader .first th, table.data th.subheadline {
    background-color: white;
    color: #CBCBCB;
}

table.data th {
    font-weight: normal;
    vertical-align: top;
}

table.data td, table.data th {
    font-size: 12px;
    padding-right: 15px;
    text-align: right;
}

table.data td.last, table.data th.last {
    padding-right: 1px;
}

table.data tbody th, table.data th.desc {
    text-align: left;
    padding-right: 30px;
}

table.data col {

    background-repeat: repeat-y;
    background-position: right;
}

table.data col.even {
    background-color: #F0F0F0;
}

table.data col.odd {
    background-color: #CBCBCB;
}

table.data col.last {
    background-image: none;
}

table.data col.desc {

}

table.list tr.even {
    background-color: #CBCBCB;
}

table.list tr.odd {
    background-color: #F0F0F0;
}

table.list {
    border-collapse: collapse;
}

table.list td {
    border: 7px solid white;
    padding: 0 0.8em;
}

/**********************************************STARTSEITE*****************************************************/

#slogan{
    position:absolute;
    top:35px;
    right:20px;
    z-index:500;
    }



        
#zitat{
    position:absolute;
    right:35px;
    top:245px;
    width:369px;
    height:42px;
}
    
    
    
/************************************START + UNTERSEITEN********************************************************/

#hintergrund{
    position:absolute;
    left:0px;
    bottom:133px;
    right:0px;
    top:0px;
    background-image: url(../images/bg.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    z-index: 10;
    }
    
#hintergrund2{
    position:absolute;
    left:0px;
    bottom:133px;
    right:0px;
    top:0px;
    background-image: url(../images/bg2.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    z-index: 10;
    }

#bottom{
    position:absolute;
    left:0;
    right:0;
    bottom:0px;
    background-color:#e3e7c0;
    height:133px;
    }
#liniekaki{
    position:absolute;
    left:0;
    right:0;
    top:0px;
    height:4px;
    background-image: url(../images/Kpoint.gif);
    margin:0;
    padding:0;
    z-index: 500;
    }
    
#functions {
    position: absolute;
    top:-1px;
    left:355px;
    float:left;
}
    
#functionsbg{
    position:absolute;
    left:0;
    right:0;
    height:22px;
    top:7px;
    background-color:#d7dca3;
        }

#whiteLine1{
    position:absolute;
    top:0;
    bottom:0;
    left:354px;
    width:1px;
    background-color:#FFFFFF;
    }

#whiteLine2{
    position:absolute;
    top:0;
    bottom:0;
    right:100px;
    width:1px;
    background-color:#FFFFFF;
    }
    


/********************************************NAVIGATION***************************************************************/

#navbg{
    position:absolute;
    left:100px;
    top:74px;
    bottom:133px;
    width:250px;
    z-index:230;
    /*background-image: url(../images/navbgg.png);*/
    }
    
#bild{
    position:absolute;
    left:20px;
    bottom:15px;
    border:solid 1px #FFFFFF;
    z-index:800;
    }

#navblau{
    position:absolute;
    left:0;
    top:0;
    }


#nav_div{
  position:absolute;
  margin:0;
  padding:0;
  left:10px;
  top:10px;
} 

#nav{
    position:absolute;
    list-style-type:none;
    margin:0;
    padding:0;
    left:10px;
  top:10px;
    border-top:solid 1px #7FAAB2;
}

#nav li {
position:relative;
}

#nav a {
    position:relative;
    display:block;
    border-bottom:solid 1px #7FAAB2;
}

/*#nav a:hover {
background-color:#498793;
}*/


#nav li ul {
    position:relative;
    list-style-type:none;
    margin:0;
    padding:0;
    border-top:none;
    display:none;
}

#nav li.active ul, #nav li.activenode ul {
display:block;
margin-bottom:15px;
margin-top:5px;
}

#nav li ul a {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    white-space:nowrap;
    border:none;
    padding-left:10px;
    font-size:13px;
    line-height:20px;
    color:white;
    font-weight:bold;
    text-decoration:none;
    margin-left:10px;
}

#nav li ul a:hover {
    color:#99cc00;
    }
#nav li ul a.activenode{
    color:#99cc00;
}



/***************************************************** Sitemap ************************************************************/

/* Sitemap */
.sm_level1 {
position:relative;
margin-bottom:10px;
}

.sm_level1, .sm_level1 a {
font-size:12px;
font-weight:bold;
}

.sm_level2 {
position:relative;
margin-left:15px;
}

.sm_level2, .sm_level2 a {
font-size:11px;
font-weight:normal;
}

.sm_level2 a {
padding-left:15px;
padding-top:1px;

background-position:left center;
background-repeat:no-repeat;
}

.sm_level3 {
position:relative;
margin-left:15px;
}

/**********************************  EXTRAS  **********************************************************************/
#fld_text{
    width:390px;
    height:120px;
    }
    
#form_contact{
    margin-left:9px;
    margin-top:10px;
    }
    
    
/* gallery */


#content .container_downloads .excelfile {
position:relative;
padding-left:23px;
background-image: url(../images/icon_excel.gif);
background-position:left center;
background-repeat:no-repeat;
padding-top:0.5em;
padding-bottom:0.5em;
}

#content .container_downloads .pdffile {
position:relative;
padding-left:23px;
background-image: url(../images/icon_pdf.gif);
background-position:left center;
background-repeat:no-repeat;
padding-top:0.5em;
padding-bottom:0.5em;
}

#content .container_downloads .onlinefile {
padding-left:23px;
background-image: url(../images/icon_ie.gif);
background-position:left center;
background-repeat:no-repeat;
padding-top:0.5em;
padding-bottom:0.5em;
}
#content .container_downloads td {
height:20px;
}
div.zms_graphic.left {
    text-align: left;
}
div.zms_graphic.right {
    text-align: right;
}
div.zms_graphic.floatleft {
    float: left;
}
div.zms_graphic.floatright {
    float: right;
}
div.zms_graphic.center {
    text-align: center;
}
div.graphic.alignleft {
    float: left;
    text-align: right;
}
div.graphic.alignright {
    float: right;
    text-align: right;
}