/* CSS - HAHNMONTAGEN.DE generated by Lieps-Verlag */ 

html, body{ 
 margin:0; 
 padding:0 0 15px 0; 
 text-align:center; 
 font-family: Arial, Helvetica, sans-serif;
 color:#ffffff;
 background-color:#d0cdc8;
 background-image:url(../images/bg.jpg); background-repeat:no-repeat;
 background-position:center top;
}

p{
 font-size:13px;
 line-height:1.3em;
 margin:0;
}

a {
 color: #ffffff;
 text-decoration:underline;
}

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

a.impressum {
 color:#ffffff;
 text-decoration:none;
}

a:hover.impressum {
 color:#ffffff;
 text-decoration:underline;
}

a img{
 border:0px;
}

h1{
 font-size:22px;
 font-weight:normal;
 margin:0;
 padding-top: 20px;
 padding-bottom: 20px;
}

.clear{
 clear:both;
}

#pagewidth{ 
 width:980px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
}

#header-logo {
 float:right;
 position:relative;
 padding-top: 40px;
 padding-right: 85px;
 padding-bottom: 53px;
 margin-left:auto; 
 margin-right:auto;
}

#header-top-aktuelles{ 
 height:651px;
 position:relative;
 background-image:url(../images/bg-top-aktuelles.png); background-repeat:no-repeat;
}

#header-top-unternehmen{ 
 height:651px;
 position:relative;
 background-image:url(../images/bg-top-unternehmen.png); background-repeat:no-repeat;
}

#header-top-referenzen{ 
 height:651px;
 position:relative;
 background-image:url(../images/bg-top-referenzen.png); background-repeat:no-repeat;
}

#header-top-impressum{ 
 height:651px;
 position:relative;
 background-image:url(../images/bg-top-impressum.png); background-repeat:no-repeat;
}

#header-menu{  
 position:relative;
 width: 830px;
 padding: 35px 0 0 73px;
 }

#menu1 {
  float:left;
  position:relative;
  height: 59px;
  width: 113px;
  }
  
#menu1 a span{display:none;}
  
#menu1 a, #menu1 a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 113px;
  background-image:url(../images/button-home.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  }

#menu1 a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 113px;
  background-image:url(../images/button-home-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  } 
  
#menu1 a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 113px;
  background-image:url(../images/button-home-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu1 a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 113px;
  background-image:url(../images/button-home-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  } 
  
.menu1 a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 113px;
  background-image:url(../images/button-home-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#menu1-activ a span{display:none;}
  
#menu1-activ a, #menu1-activ a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 113px;
  background-image:url(../images/button-home-aktiv.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  }

#menu1-activ a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 113px;
  background-image:url(../images/button-home-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  } 
  
#menu1-activ a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 113px;
  background-image:url(../images/button-home-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu1-activ a, .menu1 a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 113px;
  background-image:url(../images/button-home.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  }

#menu2 {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  }

#menu2 a span{display:none;}

#menu2 a, #menu2 a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#menu2 a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#menu2 a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu2 a, .menu2 a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu2 a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu2 a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#menu2-activ {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  }

#menu2-activ a span{display:none;}

#menu2-activ a, #menu2-activ a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#menu2-activ a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#menu2-activ a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu2-activ a, .menu2-activ a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu2-activ a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu2-activ a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 116px;
  background-image:url(../images/button-unternehmen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#menu3 {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  }
  
#menu3 a span{display:none;}
  
#menu3 a, #menu3 a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
#menu3 a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#menu3 a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu3 a, .menu3 a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
.menu3 a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu3 a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#menu3-activ {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  }
  
#menu3-activ a span{display:none;}
  
#menu3-activ a, #menu3-activ a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
#menu3-activ a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#menu3-activ a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu3-activ a, .menu3-activ a:visited {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
.menu3-activ a:hover {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
.menu3-activ a.active {
  float:left;
  position:relative;
  height: 59px;
  width: 117px;
  background-image:url(../images/button-referenzen-aktiv.jpg); 
  background-repeat:no-repeat;
  background-position:bottom;
  }
  
#header-impressum{  
 float:right;
 font-size:12px;
 text-align:right;
 position:relative;
 padding:37px 0 0 0;
 width: 200px;
 }

#header-bild-aktuelles{
 height:460px;
 position:relative;
 margin: 0 0 0 73px;
 background-image:url(../images/aktuelles.jpg); background-repeat:no-repeat;
}

#header-bild-unternehmen{
 height:460px;
 position:relative;
 margin: 0 0 0 73px;
 background-image:url(../images/unternehmen.jpg); background-repeat:no-repeat;
}

#header-bild-referenzen{
 height:460px;
 position:relative;
 margin: 0 0 0 73px;
 background-image:url(../images/referenzen.jpg); background-repeat:no-repeat;
}

#header-bild-impressum{
 height:460px;
 position:relative;
 margin: 0 0 0 73px;
 background-image:url(../images/impressum.jpg); background-repeat:no-repeat;
}

#klammer-aktuelles{
 height:103px; 
 position:relative;
 top:340px;
 margin-left:363px;
 background-image:url(../images/klammer-aktuelles.png); background-repeat:no-repeat;
}

#klammer-unternehmen{
 height:103px; 
 position:relative;
 top:340px;
 margin-left:363px;
 background-image:url(../images/klammer-unternehmen.png); background-repeat:no-repeat;
}

#klammer-referenzen{
 height:103px; 
 position:relative;
 top:340px;
 margin-left:363px; 
 background-image:url(../images/klammer-referenzen.png); background-repeat:no-repeat;
}

#klammer-impressum{
 height:103px; 
 position:relative;
 top:340px;
 margin-left:363px;
 background-image:url(../images/klammer-impressum.png); background-repeat:no-repeat;
}

#content {
 width:980px;
 position:relative;
 background-image:url(../images/bg-middle.png); background-repeat:repeat-y;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 padding-bottom:20px;
 padding-top:20px;
}

.content-text {
 text-align:left;
 width: 510px;
 padding: 0 0 50px 120px;
}

.image-bg {
 height:281px; 
 position:relative;
 left:2px;
 background-image:url(../images/img-bg.png); background-repeat:no-repeat;
}

.image {
 padding: 6px 0 0 115px;
}

#referenz1{
 height:197px; 
 position:relative;
 margin-left:72px; 
 background-image:url(../images/klammer-ref1.png); background-repeat:no-repeat;
}

#referenz2 {
 height:197px; 
 position:relative;
 margin-left:72px; 
 background-image:url(../images/klammer-ref2.png); background-repeat:no-repeat;
}

#referenz3 {
 height:197px; 
 position:relative;
 margin-left:72px; 
 background-image:url(../images/klammer-ref3.png); background-repeat:no-repeat;
}

#referenz4 {
 height:197px; 
 position:relative;
 margin-left:72px; 
 background-image:url(../images/klammer-ref4.png); background-repeat:no-repeat;
}

#referenz5 {
 height:197px; 
 position:relative;
 margin-left:72px; 
 background-image:url(../images/klammer-ref5.png); background-repeat:no-repeat;
}

#referenz6 {
 height:197px; 
 position:relative;
 margin-left:72px; 
 background-image:url(../images/klammer-ref6.png); background-repeat:no-repeat;
}

#referenz7 {
 height:197px; 
 position:relative;
 margin-left:72px; 
 background-image:url(../images/klammer-ref7.png); background-repeat:no-repeat;
}

.ref-img {
 float:left;
 height: 154px;
 width: 206px;
 margin-top: 10px;
 margin-left: 6px;
}

.ref-img2 {
 float:left;
 height: 154px;
 width: 206px;
 margin-top: 10px;
 margin-left: 15px;
}
 
#footer {
 position:relative;
 width:980px;
 height:21px; 
 background-image:url(../images/bg-bottom.png); background-repeat:no-repeat;
 margin-left:auto;
 margin-right:auto;
}
 
 /*printer styles*/ 
@media print{ 
/*hide the right column when printing*/
#header-logo {float:left; margin-left:auto; margin-right:auto;}
#header-top-aktuelles {display:none;}
#header-top-unternehmen {display:none;}
#header-top-referenzen {display:none;}
#header-top-impressum {display:none;}
#referenz1 {margin-left:0px;}
#referenz2 {margin-left:0px;}
#referenz3 {margin-left:0px;}
#referenz4 {margin-left:0px;}
#referenz5 {margin-left:0px;}
#referenz6 {display:none;}
#referenz7 {display:none;}
.ref-img {margin-left: 0px;}
.ref-img2 {margin-left: 15px;}
#header-menu {display:none;}
#header-impressum {display:none;}
.content-text {width:100%; text-align:left; padding:0 0 30px 0;}
.image-bg {margin-left:0px;}
.image {padding-left:0px;}
}