@charset "utf-8";
/* CSS Document */



/*===========================================================================================
    Produktuebersicht
===========================================================================================*/

div#productFadeTeaser{
  height:250px;
  background:url(../img/pointed-line-horizontal.gif) repeat-x bottom;
  position:relative;
  margin-bottom:20px;
}

#productFadeTeaser div.teaserframe{
   position:absolute;
   height:240px;
   width:640px;
   *width:620px;
   top:0px;
   left:0px;
   display:none;
   cursor:pointer;
}

#productFadeTeaser span{
   display:block;
   float:left;
   width:130px;
   height:250px;
   background-position:center;
   background-repeat:no-repeat;
   margin:0px 30px 0px 20px;
}

#productFadeTeaser a{
   display:block;
   text-decoration:none;
   position:absolute;
   cursor:pointer;
   height:240px;
   width:640px;
   *width:620px;
   top:0px;
   left:0px;
}

#productFadeTeaser p{
    height:240px;
    width:640px;
    *width:620px;
    -height:238px;
    background-color:#fff;
    position:absolute;
    top:0px;
    left:0px;
 }

#productFadeTeaser h1{
    margin:0px;
    padding:52px 0 10px 0;    
    font-weight:normal;
    font-size:30px;
    color: #000000;
}

#productFadeTeaser h3{
    margin:0px;
    font-weight:normal;
    font-size:22px;
    color: #333333;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding:0 0 5px 0px;
    *padding:0 0 5px 4px;
    float:left;
    width:410px;
    -width:390px;
}

div#productFadeTeaserBottomFacing{
   height:20px;
   position:absolute;
   top:255px;
   width:640px;
   background-color:#FFFFFF;
}

div#productOverviewBlockWrapper{
   postion:relative;
   width:680px;
   margin-bottom:20px;
}


div#productOverviewBlockWrapper div{
   width:300px;
   float:left;
   margin:0px 30px 0 0;
   background:url(../img/pointed-line-horizontal.gif) top repeat-x;
   height:140px;
   overflow:hidden;
}

div#productOverviewBlockWrapper div table{
    border:none;
    height:140px;
}

div#productOverviewBlockWrapper div table tr td img{
    border:1px solid #BEC1C5;
    padding:4px;
    margin:0px;
}

div#productOverviewBlockWrapper div table tr td h4{
    margin:0 0 0 20px;
    padding:0px;
    width:180px;
}

div#productOverviewBlockWrapper div table tr td a{
    display:block;
    margin:6px 0 0 20px;
    padding:0 0 0 8px;
    color:#000000;
    text-decoration:none;
    font-size:12px;
    background:url(../img/listpoint_01.gif) no-repeat left center;
}

div#productOverviewBlockWrapper div table tr td h4 a{
    display:inline;
    margin:0px;
    padding:0px;
    color:#000000;
    text-decoration:none;
    font-size:inherit;
    background:none;
}

/*===========================================================================================
    Lebenslauf
===========================================================================================*/

#pd_wrapper{
   position:relative;
   margin:0 100px 60px 100px;
}


div#pd_wrapper div#pd_topBoarder{
   border-bottom:1px solid #999;
   height:160px;
   width:480px;
   text-align:right;
   position:relative;
}

div#pd_wrapper div#pd_topBoarder h1{
   position:absolute;
   right:0px;
   bottom:0px;
}


#mainContentBackground #mainContent div#pd_wrapper img{
   border:6px solid #fff;
   position:absolute;
   right:30px;
   top:10px;
   margin:0px;
   -padding-right:90px;
   -display:block;
}

div#pd_wrapper table{
  border:0px;
  width:100%;
  margin:20px 0 20px 0;
  font-size:13px;
}


div#pd_wrapper table tr td{
  height:30px;
}

div#pd_wrapper table tr td p{
  margin:0px !important;
  padding:0px !important;
}

div#pd_wrapper table tr td.firstTd{
  width:100px;
  padding:3px 10px 0 30px;
  text-align:right;
}


div#pd_wrapper div#pd_bottomBoarder{
  border-top:1px solid #999;
  height:30px;
  width:100%;
}

div#pd_wrapper ul{
}

div#pd_wrapper ul li{
  height:25px;
}


/*===========================================================================================
    Übersichtsblock mit Bild, Text und Galerielink
===========================================================================================*/

div.imgTextBlockWithGallery{
   height:280px;
   background:url(../img/pointed-line-horizontal.gif) repeat-x bottom;
   margin-bottom:26px;
}

div.imgTextBlockWithGallery img{
   border:1px solid #ccc;
   padding:10px;
   float:left;
   margin:0px 20px 0px 0px;
}

div.imgTextBlockWithGallery h1{
   padding:10px 0 8px 0;
}

div.imgTextBlockWithGallery p{
   padding:0 0 12px 0;
}


/*===========================================================================================
    Newsübersicht
===========================================================================================*/

div.ttNewsBlock{
   margin:0px 30px 0px 30px;
   padding:30px 0 0 0;
}

div#mainContent div.ttNewsBlock h2{
   margin:0px;
   padding:0 30px 3px 0;
   width:100px;
   text-align:right;
   border-bottom:1px solid #999;
   font-size:14px;
   font-weight:bold;
   color:#464646;
   float:left;
}

div#mainContent div.ttNewsBlock h1{
   margin:0px;
   padding:0 0 3px 0;
   width:700px;
   text-align:left;
   border-bottom:1px solid #999;
   font-size:14px;
   font-weight:bold;
   float:left;
 }

div.ttNewsBlock h1{
   margin:0px 30px 0px 30px;
   padding:30px 0 0 0;
}

div.ttNewsBlock div.ttNewsContent{
  clear:both;
  padding:20px 20px 0 130px;
}

div.ttNewsBlock div.ttNewsContent p{
   padding:0 20px 0 0;
}

div.ttNewsBlock div.ttNewsContent div.lbgallery{
   padding:20px 0 0 0;
}

div.ttNewsBlock div.ttNewsContent img{
  float:right;
  margin:0 0 0 30px;
}


/*===========================================================================================
   Produktdetailseite 3 Bilder mit Galerie
===========================================================================================*/

div.threeImgWithGallerie{
  position:relative;
  margin:0 0 0 20px
}

div.threeImgWithGallerie div.imgWrapper{
  margin:20px 0 20px 0;
  width:610px;
  background: #E6E3E5;
  padding:10px 10px 10px 0;
  position:relative;
  left:-60px;
  text-align:right;
}

#mainContent div div#productContent div.threeImgWithGallerie div img{
  margin:0 0 0 10px;
  border:1px solid #999999;
  display:inline;
}

div.threeImgWithGallerie p{
  margin:0 60px 10px 0;
}

div.threeImgWithGallerie div.lbgallery{
  margin:20px 0 0 0;
}

/*===========================================================================================
   Produktdetailseite  1 Bild mit mehrfach Auswahl
===========================================================================================*/

.oneImgWithSelect{
  margin-bottom:20px;
}

.oneImgWithSelect p{
  margin: 0 0 10px 0;
}

.oneImgWithSelect div.imgTargetWrapper{
  width:270px;
  height:380px;
  float:left;
  margin:0 30px 0 0;
}

#mainContent div div#productContent .oneImgWithSelect div.imgTargetWrapper img{
    border:1px solid #CCCCCC;
    padding:6px;
    margin:0px;
}

.oneImgWithSelect div.imgSelectWrapper{
  margin-top:30px;
} 

#mainContent div#productContent .oneImgWithSelect div.imgSelectWrapper img{
  display:none;
  float:left;
  margin:0px 20px 0 0 !important;
  border:1px solid #CCCCCC !important;
  padding:3px;
  cursor:pointer;
}

/*===========================================================================================
    Absatz mit einen Bild
===========================================================================================*/

.paragraphWithImg{
 
}

.paragraphWithImg p{
   margin:0 0 4px 0;
}

#mainContent div div#productContent .paragraphWithImg .imgWrapper img{
  border:1px solid #999999;
  margin:0 0 0 40px;
}
 
.paragraphWithImg .imgWrapper{
   margin:20px 0 20px 0;
   width:630px;
   background: #E6E3E5;
   padding:10px 10px 10px 0;
   position:relative;
   left:-40px;
}

.paragraphWithImg .imgWrapper .lbgallery{
  position:absolute;
  top:46%;
  right:30px;
} 

.paragraphWithImg .imgWrapper .lbgallery a.standard{
   display:block !important;
   position:relative;
   left:10px;
   width:150px !important;
} 


/*===========================================================================================
    Generische Produkdetailseite
===========================================================================================*/

.imgTabGeneric{
  position:relative;
}

.imgTabGeneric #fadeLayer{
   position:absolute;
   top:185px;
   left:0px; 
   height: 350px;
   width:600px;
   display:none;
   background-color:#ffffff;
}

.imgTabGeneric .item{
  width:1px;
  float:left;
  overflow:hidden;
  margin:0 -580px 30px 0;
  visibility:hidden;
}

.imgTabGeneric .item .itemSubWrapper{
  width:600px;
  overflow:hidden;
}

.imgTabGeneric .item span{
  display:none;
}

.imgTabGeneric .item .left{
  float:left;
  width:235px;
  margin-left:40px;
}

*html .imgTabGeneric .item .left{
  
  width:215px;
}

.imgTabGeneric .item .left h3{
  margin:0 0 35px 0;
}


.imgTabGeneric .item .left p{
  margin:0 0 7px 0;
}


.imgTabGeneric .item .right{
  float:left;
  width:300px;
  height:auto;
  text-align:right;
 }

#mainContent div div#productContent .imgTabGeneric .item .right img{
  padding:10px;
  border:1px solid #CCCCCC;
  margin:0px;
}

.imgTabGeneric #imgTabBar{
  height:130px;
  overflow:hidden;
  text-align:center;
  margin:0 0 40px 0;
  background: url(../img/pointed-line-horizontal.gif) repeat-x top;
}

.imgTabGeneric div#imgTabBar #inlineDivWrapper{
  display:block;
  background: url(../img/pointed-line-horizontal.gif) repeat-x bottom;
  height:130px;
}

.imgTabGeneric #imgTabBar #inlineDivWrapper span{
  background:none;
  display:block;
  float:left;
  margin:20px 15px 0px 15px;
  width:55px;
}

.imgTabGeneric #imgTabBar #inlineDivWrapper span h6{
  color:#000000;
  font-size:11px;
  margin:0px;
  padding:3px 0 0 0;
  font-weight:normal;
}

#mainContent div div#productContent .imgTabGeneric #imgTabBar img{
  margin:0;
  cursor:pointer;
  display:inline;
}


/*===========================================================================================
    Außenbeleuchtung
===========================================================================================*/


.imgTabOutdoorLight{
  position:relative;
  overflow:hidden;
}

.imgTabOutdoorLight #fadeLayer{
   position:absolute;
   top:180px;
   left:0px; 
   height: 1280px;
   width:630px;
   display:none;
   background-color:#ffffff;
}

.imgTabOutdoorLight .item{
  width:1px;
  float:left;
  overflow:hidden;
  margin:0 -580px 30px 0;
  display:none;
}

.imgTabOutdoorLight .item .itemSubWrapper{
  width:630px;
  overflow:hidden;
}

.imgTabOutdoorLight .item span{
  display:none;
}

.imgTabOutdoorLight .item .right{
  float:left;
  width:245px;
  margin-left:10px;
  background:url(../img/pointed-line-senkrecht.gif) repeat-y left;
  padding:30px 0 30px 40px;
}

*html .imgTabOutdoorLight .item .right{
  width:315px;
  padding:30px 0 30px 30px;
}

.imgTabOutdoorLight #indexItem .right{
  width:340px;
  background:none;
  padding:16px 0 30px 40px;
}


.imgTabOutdoorLight .item .right h3{
  margin:0 0 10px 0;
}


.imgTabOutdoorLight .item .right p{
  margin:0 0 7px 0;
}

.imgTabOutdoorLight .item .right ul{
  padding:4px 0 10px 0;
}


.imgTabOutdoorLight .item .right li{
  padding:0 0 0 10px;
  background: url(../img/listpoint_01.gif) no-repeat center left;
}


.imgTabOutdoorLight .item .left{
  float:left;
  width:250px;
  height:auto;
  text-align:left;
}

.imgTabOutdoorLight #indexItem .left{
  width:180px;
}

#mainContent div div#productContent .imgTabOutdoorLight .item .left img{
  padding:10px;
  border:1px solid #CCCCCC;
  margin:20px 0 70px 10px;
}

.imgTabOutdoorLight #imgTabBar{
  height:130px;
  width:586px;
  overflow:hidden;
  text-align:center;
  margin:0 0 10px 10px;
}

.imgTabOutdoorLight #imgTabBar table{
  position:relative;
  left:0px;
}


.imgTabOutdoorLight #imgTabBar h6{
  color:#000000;
  font-size:11px;
  margin:0px;
  padding:3px 0 0 0;
  font-weight:normal;
}

#mainContent div div#productContent .imgTabOutdoorLight #imgTabBar img{
  margin:3px 0 0 0;
  padding:0px;
  cursor:pointer;
  border-right:1px solid #999999;
  border-top:1px solid #999999;
  border-bottom:1px solid #999999;
  display:inline;
  width:64px;
  overflow:hidden;
}

.imgTabOutdoorLight #imgTabBar div#prevPic{
  display:block;
  border:1px solid  #999999;
  height:76px;
  width:30px;
  position:absolute;
  left:11px;
  top:42px;
  background:url(../img/previous.gif) center no-repeat #fff;
  display:none;
  cursor:pointer;
}


.imgTabOutdoorLight #imgTabBar div#nextPic{
  display:block;
  border:1px solid #999999;
  height:76px;
  width:30px;
  position:absolute;
  left:570px;
  top:42px;
  background:url(../img/next.gif) center no-repeat #fff;
  display:none;
  cursor:pointer;
}



/*===========================================================================================
    Kontakt
===========================================================================================*/

#mainContent div.contactAdressBlock{
  float:left;
  width:400px;
  /* Internet Explorer 6 Hacks einbauen */
  padding:10px 20px;
  margin:15px 0 20px 0;
}

#mainContent div.contactAdressBlock p{
  display:block;
  margin:0 0 15px 10px;
}

#mainContent div.contactAdressBlock h4{
  color:#4A503D;
  font-size:12px;
  margin:0 0 0 10px;
}

#mainContent div.contactAdressBlock h3{
  border-bottom:1px solid #B0B0A9;
  margin-bottom:10px;
  padding:0 10px;
}

#mainContent div.contactForm{
  border-top:1px solid #B0B0A9;
  background-color: #F7F7F4;
  clear:both;
  margin:10px;
}

#mainContent div.contactForm h5{
  padding:5px 0 5px 20px;
  background-color:#E6E6E3;
}

#mainContent div.cformLabel{
  width:70px;
  float:left;
  padding:2px 0 0 0;
}

#mainContent input.cFormTextInput{
  height:16px;
  width:335px;
  padding:1px 0 2px 2px;
}

#mainContent textarea{
  height:16px;
  padding:5px;
  width:395px;
  height:200px;
}

#contentLetterBoxLogo{position:absolute; top:100px; left:580px;}


#mainContent input.button{
  background:#5D5952;
  color:#fff;
  cursor:pointer;
}

#mainContent input.button:hover{
  background: #39392D;
}


/*===========================================================================================
    Referenzen
===========================================================================================*/

#mainContent a#referenceGallery{
  position:relative;
  margin:40px 0 50px 240px;
  display:block;
  width:404px;
  height:207px;
}

#mainContent #referenceGallery img{
  border:none;
}

#mainContent #referenceGallery span{
  position:absolute;
  top:80px;
  left:220px;

}

#mainContent #referenceTableIntro{
  padding:10px 0 30px 0;
  clear:both;
  border-top:1px solid #999;
  margin:4px 0 0 0;
}

#mainContent .referenceTableWrapper{
  border-right:2px solid #8C8880;
  border-left:2px solid #8C8880;
  border-bottom:2px solid #8C8880;
  margin-right:1px;
}

#mainContent .referenceTableWrapper div{
  border-right:1px solid #8C8880;
}
#mainContent .referenceTableWrapper div div{
  border-right:none;
}



/*===========================================================================================
    Infoblock
===========================================================================================*/

.infoBlock{
   clear:both;
   background-color: #EFEEF0;
   border:1px solid #D6D1C5;
   margin:0 0 2px 0;
   -position:relative;
}

.infoBlock .leftContent{
   float:right;
   padding:10px 0 10px 10px;
   width:306px;
   -width:302px;
   -padding:10px 0 10px 4px;
   overflow:hidden;
}


*html .infoBlock .leftContent table td{
   padding:2px;
}

*html .infoBlock .leftContent table td p{
   padding:0px;
   margin:0px;
}



.infoBlock .rightBox{
   float:right;
   margin:0 0 0 15px;
   -margin:0 0 0 10px;
}

div#mainContent div.infoBlock div.rightBox img{
   margin:0px !important;
}




/*===========================================================================================
    Allgemein
===========================================================================================*/


div#mainContent table td p{
   margin:0px !important;
   padding:0px !important;
}




/*===========================================================================================
    Türgriffe / Türdrücker
===========================================================================================*/


div#mainContent #productContent .smallImageCatalogWrapper{
  padding:0;
}

div#mainContent #productContent .smallImageCatalogWrapper table{
   margin:10px 0 30px 0;
   background-color:#fff;
}

div#mainContent #productContent .smallImageCatalogWrapper table th{
   background-color:#8C8880;
   color:#FFF;
   font-weight:bold;
   padding:2px 6px;
}


div#mainContent #productContent .smallImageCatalogWrapper table th p{
   margin:0px;
  padding:0px;
}


div#mainContent #productContent .smallImageCatalogWrapper table td{
  padding:10px 6px 10px 6px;
  white-space:nowrap;
}

div#mainContent #productContent .smallImageCatalogWrapper table td a{
  border:none;
  background:none;
  margin:0px;
  padding:0px;
}

div#mainContent #productContent .smallImageCatalogWrapper table td img{
  border:none;    
  margin:0px;
  padding:0px;
}