/* CSS speziell Referenz */

#header{
     background-image: url("../hintergrund/header_2_hg.gif");
     top: 18px;
     height: 176px;
}

#email{
     bottom: 7px;
}

#spalte_1{
     position: absolute;
     top: 220px;
     left: 10px;
     width: 100px;
}

#spalte_1 img{
     margin-top: 6px;
}

#spalte_2{
     position: absolute;
     top: 220px;
     left: 150px;
     width: 510px;
}

#nav1{
     top: 70px;
}

/*#nav1 li{
     height: 19px;
}*/

#nav2{
     top: 131px;
}

#nav3{
     top: 71px;
}

#nav3 li{
     height: 18px;
}

#nav3 li a:hover{
     height: 17px;
}

#nav4{
     position: absolute;
     font-family: sans-serif;
     top: 300px;
     left: 150px;
}

#nav4 a{
     display: block;
     background-image: url("../hintergrund/Ref_punkt_i_a.gif");
     background-repeat: no-repeat;
     font-family: /*Arial,*/ sans-serif;
     font-weight: bolder;
     color: #FFFFFF;
     width: 29px;
     height: 25px;
     text-decoration: none;
     padding: 5px 0 0 0;
     margin: 0 2px 0 0;
     text-align: center;
     float: left;
}

#nav4 a:hover{
     display: block;
     background-image: url("../hintergrund/Ref_punkt_a.gif");
     float: left;
}

#nav4 .aktuell{
     display: block;
     background-image: url("../hintergrund/Ref_punkt_a.gif");
     color: #FFFFFF;
     width: 29px;
     height: 25px;
     text-decoration: none;
     padding: 5px 0 0 0;
     text-align: center;
     float: left;
}

#referenz_nav{
     z-index: 40;
     position: absolute;
     background-image: url("../hintergrund/Referenz_hg.gif");
     top: 0;
     left: 0;
     width: 111px;
     height: 111px;
     padding: 15px 10px 10px 10px;
}

#referenz{
     z-index: 10;
     position: absolute;
     top: 350px;
     left: 150px;
     width: 116px;
     height: 111px;
     text-align: left;
     padding: 14px 10px 0 10px;
}

#referenz .zahl{
     font-family: sans-serif;
}

.zahl {
     font-family: sans-serif;
}

#bild1info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild1infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 10px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild2info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 10px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild2infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild3info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild3infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild4info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild4infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild5info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild5infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild6info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild6infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild7info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 10px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild7infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild8info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 10px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild8infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild9info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 10px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild9infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild10info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild10infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild11info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild11infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#bild12info{
     background-image: url("../hintergrund/ref_normal.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
}

#bild12infoaktiv{
     background-image: url("../hintergrund/ref_aktiv.gif");
     background-repeat: no-repeat;
     position: absolute;
     cursor: pointer;
     bottom: 8px;
     left: 10px;
     width: 12px;
     height: 12px;
     visibility: hidden;
}

#blaettern1{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
}

#blaettern1 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern2{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility: hidden;
}

#blaettern2 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern3{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility:hidden;
}

#blaettern3 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern4{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility:hidden;
}

#blaettern4 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern5{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility:hidden;
}

#blaettern5 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern6{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility: hidden;
}

#blaettern6 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern7{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility:hidden;
}

#blaettern7 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern8{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility:hidden;
}

#blaettern8 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern9{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility:hidden;
}

#blaettern9 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern10{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility:hidden;
}

#blaettern10 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern11{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility:hidden;
}

#blaettern11 img{
     vertical-align: bottom;
     cursor: pointer;
}

#blaettern12{
     position: absolute;
     font-family: sans-serif;
     bottom: 7px;
     right: 7px;
     color: #FFFFFF;
     line-height: 17px;
     text-align: right;
     visibility:hidden;
}

#blaettern12 img{
     vertical-align: bottom;
     cursor: pointer;
}

#ref_text_1{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_2{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_3{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_4{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_5{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_6{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_7{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_8{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_9{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_10{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_11{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

#ref_text_12{
     position: absolute;
     top: 146px;
     width: 140px;
     visibility: hidden;
}

.zoom{
     cursor: pointer;
     position: absolute;
     right: 10px;
     bottom: -10px;
     width: 12px;
     height: 12px;
}

.schliessen{
     cursor: pointer;
     position: absolute;
     bottom: 10px;
     right: 10px;
     width: 12px;
     height: 12px;
}