body{
   background:url(../images/hg.gif) repeat-x;
   background-color:#E5E4E5;
   height: 658px;
   padding:0px;
   margin:0px;
}

#logo{
   position:absolute;
   left:0px;
   top:0px;
}

#headline{
   position:absolute;
   left:261px;
   top:66px;
   width:704px;
   height:164px;
   z-index:2;
   font-size:70%;
}

#headlineNew{

}


#headlineNew h1{
     position:absolute;
     left:0px;
     top:0px;
     padding-left:212px;
     font-size:90%;
     line-height:120%;
     z-index:1;
}

#headlineNew div{
     position:relative;
     left:0px;
     top:0px;
     z-index:2;
     /* background-color:#FCFDFC; */
     width:704px;
     padding-bottom:20px;
     clear:left;
}


#navi{
   position:absolute;
   left:261px;
   top:231px;
   width:704px;
   height:25px;
   border-bottom: 1px dashed #999999;
   z-index:7;
}

#navi ul{
   padding:0px;
   margin:0px;
   list-style-type: none;
}

#navi li{
   padding:0px;
   margin:0px;
   float:left;
   width:117px;
   line-height:130%;
}

#navi a{
  background:url(../images/icon_deaktiv.gif) no-repeat;
  padding-top:6px;
  padding-left:15px;
  text-decoration: none;
  font-family:verdana,sans-serif;
  font-size:70%;
  line-height:140%;
  color:#999999;
}

#navi a:hover{
  background:url(../images/icon_aktiv.gif) no-repeat;
  color:#20505f;
  font-weight:normal;
}

#navi .aktiv{
  background:url(../images/icon_aktiv.gif) no-repeat;
  color:#20505f;
  font-weight:bold;
}


#navi .aktiv:hover{
font-weight:bold;
}

#navi_2_3{
    position:absolute;
    left:13px;
    top:256px;
    width:230px;
    z-index:6;
}

#navi_2_3 ul{
    padding:0px;
    margin:0px;
    list-style-type: none;
    /* list-style-image:url(../images/icon_deaktiv.gif); */
}

#navi_2_3 li{
    margin:0px;
    margin-left:0px;
    padding:0px;
    border-top: 1px dashed #999999;
    line-height:140%;
    height:100%;
    vertical-align: top;
}

#navi_2_3 a{
   font-family:verdana,sans-serif;
   font-size:70%;
   line-height:160%;
   text-decoration: none;
   color:#999999;
}

#navi_2_3 .layer2{
   font-weight:bold;
   padding-left:15px;
   padding-bottom:5px;
   background:url(../images/icon_deaktiv.gif) no-repeat;
}

#navi_2_3 .layer2 a:hover{
   color:#334B53;
}

#navi_2_3 .layer2activ{
   font-weight:bold;
   padding-left:15px;
   padding-bottom:5px;
   background:url(../images/icon_aktiv.gif) no-repeat;
}

#navi_2_3 .layer2activ a{
   color:#334B53;
}


#navi_2_3 .layer3{
   font-weight:normal;
   padding-left:30px;
   padding-bottom:5px;
   background:url(../images/icon_deaktiv.gif) no-repeat 15px 0px;
}

#navi_2_3 .layer3 a:hover{
   color:#334B53;
}

#navi_2_3 .layer3activ{
   font-weight:normal;
   padding-left:30px;
   padding-bottom:5px;
   background:url(../images/icon_aktiv.gif) no-repeat 15px 0px;
}

#navi_2_3 .layer3activ a{
   color:#334B53;
}


#navi_2_3 .layer4{
   font-weight:normal;
   padding-left:60px;
   padding-bottom:5px;
   background:url(../images/icon_deaktiv.gif) no-repeat 30px 0px;
}

#navi_2_3 .layer4 a:hover{
   color:#334B53;
}

#navi_2_3 .layer4activ{
   font-weight:normal;
   padding-left:60px;
   padding-bottom:5px;
   background:url(../images/icon_aktiv.gif) no-repeat 30px 0px;
}

#navi_2_3 .layer4activ a{
   color:#334B53;
}



#subnavi{
   position:absolute;
   left:261px;
   top:38px;
   width:704px;
   height:25px;
   z-index:7;
   display:block;
   text-align:right;
   vertical-align:bottom;
}

#subnavi ul{
   padding:0px;
   margin:0px;
   list-style-type: none;
}

#subnavi li{
   padding:0px;
   margin:0px;
   float:right;
   padding-left:10px;
}

#subnavi a{
   background:url(../images/icon_deaktiv.gif) no-repeat;
   padding-top:6px;
   padding-left:15px;
   text-decoration: none;
   font-family:verdana,sans-serif;
   font-size:70%;
   color:#999999;
}


#subnavi a:hover{
   font-weight:bold;
}

#subnavi .activ{
   font-weight:bold;
}

#content{
   position:absolute;
   left:261px;
   top:280px;
   width:714px;
   z-index:5;
   display:block;
   padding-bottom:100px;
}

#content div{
   font-size:95%;
   line-height:150%;
   font-family:verdana,sans-serif;
   float:left;
}


#content h1{
   padding:0px;
   margin:0px;
   font-size: 120%;
   line-height: 150%;
   padding-bottom:20px;
}

#content table{
    padding:0px;
    margin:0px;
    width:430px;
}

#content td{
    padding:0px;
    margin:0px;
    padding-bottom:5px;
    padding-top:5px;
    border-bottom: 1px dashed #999999; 
    vertical-align:top;
    padding-right:10px;
    font-family:verdana,sans-serif;
   font-size:95%;
   line-height:150%;
}

#content ul{
    padding:0px;
    margin:0px;
}

#content li{
    padding:0px;
    margin:0px;
    margin-left:15px;
}

#content a{
    color:#20505f;
}

#content a:hover{
    text-decoration:none;
}


/* linkes Bild in Detailansicht der Referenzen */

#leftImage{
   position:absolute;
   left:54px;
   top:360px;
   width:200px;
   z-index:7;
   display:block;
}


#leftImage div{
   font-family:verdana,sans-serif;
   font-size:90%;
   line-height:150%;
   width:230px;
   padding-bottom:5px;
   border-bottom: 1px dashed #999999;
}


#spalte1{
   /* position:absolute; */
   left:0px;
   top:35px;
   width:235px;
   float:left;
}

#spalte2{
   /* position:absolute; */
   left:235px;
   top:35px;
   width:235px;
   float:left;
}

#spalte3{
   /* position:absolute; */
   left:470px;
   top:35px;
   width:235px;
}

/* float:left; width:89px; height: 110px; margin-right:10px; */


#marginalspalte{
   position:relative;
   left:0px;
   top:0px;
   width:236px;
   z-index:8;
   display:block;
   margin:0px;
   padding:0px;
   padding-bottom:100px;
}

#marginalspalte div{
   font-size:95%;
   line-height:140%;
   font-family:verdana,sans-serif;
   width:230px;
   margin:0px;
   padding:0px;
   padding-bottom:5px;
   padding-top:5px;
}

#marginalspalte #img1{
   width:236px;
   border:1px solid #cccccc;
}

#marginalspalte #img2{
   width:236px;
   border:1px solid #cccccc;
   display:none;
}

#marginalspalte #img3{
   width:236px;
   border:1px solid #cccccc;
   display:none;
}

#marginalspalte #img4{
   width:236px;
   border:1px solid #cccccc;
   display:none;
}

#marginalspalte #img5{
   width:236px;
   border:1px solid #cccccc;
   display:none;
}

#marginalspalte #img6{
   width:236px;
   border:1px solid #cccccc;
   display:none;
}

#marginalspalte #img7{
   width:236px;
   border:1px solid #cccccc;
   display:none;
}

#marginalspalte #img8{
   width:236px;
   border:1px solid #cccccc;
   display:none;
}

#marginalspalte #img9{
   width:236px;
   border:1px solid #cccccc;
   display:none;
}

#marginalspalte #img10{
   width:236px;
   border:1px solid #cccccc;
   display:none;
}

#marginalspalte ul{
   margin:0px;
   padding:0px;
}

#marginalspalte li{
   margin:0px;
   margin-left:15px;
   padding:0px;
}

#marginalspalte a{
    color: #334B53;
}


#marginalspalte a:hover{
    text-decoration: none;
}

#marginalspalte .linkIMG{
    /* font-size:80%; */
}


#marginalspalte table{
    padding:0px;
    margin:0px;
    width:245px;
}

#marginalspalte td{
    padding:0px;
    margin:0px;
    padding-bottom:5px;
    border-bottom: 1px dashed #999999; 
}



/* Header */

#largeImage{
   position:absolute;
   background-color:#cccccc;
   left:261px;
   top:66px;
   width:704px;
   height:164px;
   z-index:8;
}

#largeImage img{
   border-bottom: 1px solid #cccccc;
}



/* Popup Fenster */

#popup{
   position:absolute; 
   left:0px;
   top:0px;
   width:480px; 
   height:360px;
   background-color:#20505f;
   padding:0px;
   margin:0px;
}

#bilderleiste{
   position:absolute; 
   left:0px;
   top:360px;
   width:480px; 
   font-family:verdana,sans-serif; 
   font-size: 90%; 
   clear:left; 
   padding-top:5px; 
   padding-left:5px; 
   color: #003946; 
   background-color:#ffffff; 
   border-top: 1px solid black;
}

/* Sitemap */

#content .sitemap{
   list-style-type: none;
   padding:0px;
   margin:0px;
   padding-top:20px;
}

#content .sitemap a{
   background:url(../images/icon_deaktiv.gif) no-repeat 0px -5px;
   padding-left:15px;
   font-size:90%;
   line-height: 180%;
   color:#999999;
   height:24px;
}

#content .sitemap a:hover{
   background:url(../images/icon_aktiv.gif) no-repeat 0px -5px;
   padding-left:15px;
   font-size:90%;
   color:#999999;
   height:24px;
   color:#20505f;
   text-decoration: none;
}


#content .sitemap li{
   /* list-style-image:url(../images/icon_deaktiv.gif);
   background:url(../images/icon_deaktiv.gif) no-repeat; */
}

#content .sitemap1{
   padding:0px;
   margin-left:-10px;
}

#content .sitemap2{
   padding:0px;
   margin-left:5px;
}

#content .sitemap3{
   padding:0px;
   margin-left:20px;
}

#content .sitemap4{
   padding:0px;
   margin-left:35px;
}

#content .sitemap5{
   padding:0px;
   margin-left:50px;
}


/* Style fuer Marginalspalte auf Startseite */

#marginalspalte .marginalStart{
    width:236px;
    border-bottom:1px dashed #999999;
    padding-top:10px;
    display:inline-block;
}

#marginalspalte .marginalStartImg{
   float:left;
   margin-right:10px;
   border:1px solid #999999;
   margin-bottom:15px;
   display:inline-block;
}