.produkte{
    width:100%; 
    height:100%; 
    background-color:#FFFFFF;
}

.produkte .produkteStartpage .top
{
   height:227px; 
   background-color:#b9e7dd;
}

.produkte .produkteStartpage .middle
{
  height:28px; 
  background-color:#014DA5;
}

.produkte .produkteStartpage .bottom
{
  height:233px; 
  background-color:#FFFFFF;
}

.produkte .produkteStartpage .Container
{
    margin-top:-468px; 
    margin-left:0px;
    
}
.produkte .produkteStartpage .Container .tuerentab
{
    vertical-align:top;
}
.produkte .produkteStartpage .Container .tuerentab .tuerentabcon
{
    width:210px; 
    height:286px;
    position:relative;
}

.produkte .produkteStartpage .Container .tuerentab .tuerentabcon .tuer
{
    position:absolute; 
    left:104px; 
    top:57px;
}

.produkte .produkteStartpage .Container .tuerentab .tuerentabcon .tuerkreis
{
    position:absolute; 
    left:51px; 
    top:20px;

}

.produkte .produkteStartpage .Container .tuerentab .tuerentabcon .tuertext
{
    position:absolute; 
    left:0px; 
    top:214px; 
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold; 
    width:97px;
    text-align:right;   
}

.produkte .produkteStartpage .Container .tuerentab .tuerentabcon .tuerpad
{
    position:absolute; 
    right:0px; 
    top:207px; 
    width:5px;
    height:28px;
    background-color:#FFFFFF;
}



/* Erset durch neue Sytles */
.produkte .produkteStartpage .Container .tuerentab .tuerentabimg
{
    text-align:right;
}

.produkte .produkteStartpage .Container .tuerentab .tuerentabtext
{
    margin-top:-74px; 
    color:#FFFFFF; 
    font-weight:bold; 
    width:87px; 
    text-align:right;
}

.produkte .produkteStartpage .Container .paddleft
{
    width:50px;
}

.produkte .produkteStartpage .Container .legende
{
  text-align:right;
  vertical-align:top;
}

.produkte .produkteStartpage .Container .legende .secondtext
{
  margin-top:10px;
  padding-left:10px;
  padding-bottom:2px;
}

.produkte .produkteOverview .top
{
   height:156px; 
   background-color:#b9e7dd;
}


.produkte .produkteOverview .bottom
{
  height:332px; 
  background-color:#FFFFFF;
}

.produkte .produkteOverview .Container
{
    margin-top:-478px; 
    margin-left:50px;
    
}

.produkte .produkteOverview .Container .firstrowtop
{
    vertical-align:middle;
    text-align:right;
    height:60px;
}

.produkte .produkteOverview .Container .firstrowtop img, .produkte .produkteOverview .Container .firstrowmiddle img, .produkte .produkteOverview .Container .firstrowbottom img, .cepallink img
{
    vertical-align:top; 
    margin-left:5px; 
    margin-top:0px;
}

.produkte .produkteOverview .Container .firstrowmiddle
{
    vertical-align:middle;
    text-align:right;
    height:155px;
}

.produkte .thirdrow .catecory
{
  font-weight:bold; 
  white-space:nowrap;
  padding-top:50px;
}

.produkte .produkteOverview .Container .firstrowbottom
{
    vertical-align:middle;
    text-align:right;
}

.produkte .produkteOverview .Container .thirdrowbottom
{
    vertical-align:top;
}

.produkte .thirdrowbottom .catecory
{
  font-weight:bold; 
  padding-right:10px;
  vertical-align:middle;
  
}

.produkte .thirdrowbottom .catecory div
{
  width:100px;
  padding-bottom:3px
}


.produkte .produkteOverview .Container .thirdrowbottom .textcontainer
{
  padding-left:15px; 
  
  
}

.produkte .produkteOverview .Container .thirdrowbottom .textcontainer div
{
     width:85px;
     padding-right:15px; 
}

.produkte .produkteOverview .Container .thirdrowbottom .ankercontainer
{
  position:absolute;
  margin-top:-225px;
  margin-left:285px; 
  line-height:2px; 
  font-size:2px; 
}

.produkte .produkteOverview .Container .thirdrowbottom .textcontainer
{
  padding-left:15px;
  vertical-align:top;
  
}

.produkte .produkteOverview .Container .thirdrowbottom .textcontainer .title
{
  font-weight:bold;   
}

.produkte .produkteOverview .Container .firstrowtop div, .produkte .produkteOverview .Container .firstrowmiddle div, .produkte .produkteOverview .Container .firstrowbottom div
{
    white-space:nowrap;
}

.produkte .produkteOverview .Container .secondrow
{
    width:50px;
}

.produkte .produkteOverview .Container .thirdrow
{
   vertical-align:top; 
}

.produkte .produkteOverview .Container .thirdrow td
{
    padding-right:15px; 
    vertical-align:top;
}

.produkte .produkteOverview .Container .thirdrow div
{
  padding-top:2px;
  white-space:nowrap; 
}

/* Bilder Oberflächen */

.produkte .Ahornimg
{
	background-image:url(Img/Produkte/Ahorn.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .AhornMassivimg
{
	background-image:url(Img/Produkte/Ahornmassiv.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .Bucheimg
{
	background-image:url(Img/Produkte/Buche.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .BucheMassivimg
{
	background-image:url(Img/Produkte/Buchemassiv.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .EicheHellimg
{
	background-image:url(Img/Produkte/Eiche.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .EscheNaturimg
{
	background-image:url(Img/Produkte/Esche.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .EscheWeissimg
{
	background-image:url(Img/Produkte/Escheweiss.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .EicheMassivimg
{
	background-image:url(Img/Produkte/Eichemassiv.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .LimbaimgHell
{
	background-image:url(Img/Produkte/LimbaimgHell.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .LimbaimgStreich
{
	background-image:url(Img/Produkte/LimbaimgStreich.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .Macore
{
	background-image:url(Img/Produkte/Macore.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .Nussbaum
{
	background-image:url(Img/Produkte/nussbaum.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .Mahagoni
{
	background-image:url(Img/Produkte/Mahagoni.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .WeisseicheNatur
{
	background-image:url(Img/Produkte/WeiseicheNatur.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .WeisseicheTrend
{
	background-image:url(Img/Produkte/WeiseicheTrend.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .HafaGrund
{
	background-image:url(Img/Produkte/HafaGrund.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .DekorEscheWeiss
{
	background-image:url(Img/Produkte/DekorEscheWeiss.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .DekorAhornExklusiv
{
	background-image:url(Img/Produkte/DekorAhornExklusiv.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .DekorBucheExklusiv
{
	background-image:url(Img/Produkte/DekorBucheExklusiv.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .DekorEicheHell
{
	background-image:url(Img/Produkte/DekorEicheHell.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .Weisslack
{
	background-image:url(Img/Produkte/Weisslack.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalAhornEx
{
	background-image:url(Img/Produkte/cepalAhornEx.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalBucheEx
{
	background-image:url(Img/Produkte/cepalBucheEx.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalEscheweiss
{
	background-image:url(Img/Produkte/CepalEscheweiss.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .Cepalweiss
{
	background-image:url(Img/Produkte/Cepalweiss.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalKirschPrem
{
	background-image:url(Img/Produkte/CepalKirschPrem.jpg);
	background-position:left;
	width:48px;
	height:20px;
}


.produkte .cepalAhornPrem
{
	background-image:url(Img/Produkte/CepalAhornPrem.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalweissPrem
{
	background-image:url(Img/Produkte/CepalweissPrem.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalgrauPrem
{
	background-image:url(Img/Produkte/CepalgrauPrem.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalEichePrem
{
	background-image:url(Img/Produkte/CepalEichePrem.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalAhornGold
{
	background-image:url(Img/Produkte/CepalAhornGold.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalWildbirke
{
	background-image:url(Img/Produkte/CepalWildbirke.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalWenge
{
	background-image:url(Img/Produkte/CepalWenge.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .CepalErle
{
	background-image:url(Img/Produkte/CepalErle.jpg);
	background-position:left;
	width:48px;
	height:20px;
}
.produkte .Resopal
{
	background-image:url(Img/Produkte/Resopal.jpg);
	background-position:left;
	width:48px;
	height:20px;
}

.produkte .Prodreieck 
{
   background-image:url(Img/Produkte/prodreieck.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:11px;
	height:8px; 
}

/* Funktionstueren */
.funkdoor
{
    position:absolute;top:17px;left:8px;
}

.funkdoor .imagebox
{
    float:left; 
    padding-top:29px;
}

.funkdoor .textbox
{
    float:left; 
    margin-left:15px;
    margin-top:15px;
}

.funkdoor .textbox .header
{
 font-weight:bold; 
 font-size:11px; 
 color:#014da5;
 width:230px;
}

.funkdoor .textbox .lengbox
{
    background-color:#014da5; 
    width:18px; 
    height:19px; 
    color:#b9e7dd; 
    font-size:12pt;   
    text-align:center; 
    padding-top:2px; 
    font-family:Courier New;
    margin-top:17px;
}

.funkdoor .textbox .context
{
    padding-top:17px;
    vertical-align:top;
    padding-left:8px;
    width:250px;   
}

.funkdoor .textbox .context span
{
    font-weight:bold;
}

/* Gläser */
.glasoverwiev 
{
    position:absolute;
    top:30px;
}

.glasoverwiev .glascon
{
    height:200px; 
    width:85px; 
    float:left; 
    padding-bottom:20px;
}

.glasoverwiev .glascon .glastext
{
    font-weight:bold;
    padding-top:2px;
}

.glasoverwiev .glassep
{
  height:200px; 
  width:15px; 
  float:left;
  padding-bottom:20px;  
}

/*Gesamtübersicht*/
.progesamtpad
{
    width:6px; 
    height:488px;
    background-color:#004cac;
}

.progesamt
{
 position:absolute; 
 top:6px;
 left:0px;   
}

.progesamt h1
{
 margin-left:10px;   
}

.progesamt .tabsepfrow, .progesamt .tabsepsrow
{
    background-color:#cecece; 
    width:3px;    
}

.progesamt .tabsepsrow
{
  height:470px;  
} 

.progesamt table
{
  margin-top:7px;
}

.progesamt table td
{
  vertical-align:top;
}

.progesamt .tablecat,.progesamt .tablecatfivecol,.progesamt .tablecatthirdcol 
{
    vertical-align:middle;
    text-align:center;
    width:190px;
    height:18px; 
    background-color:#bcbdc0;
}

.progesamt .tablecatthirdcol
{
    width:285px;
}

.progesamt .tablecatfivecol
{
    width:475px;
}

.progesamt .tablecat span, .progesamt .tablecatthirdcol span,.progesamt .tablecatfivecol span
{
    font-weight:bold;
}

.progesamt .tabtwocol
{
    width:190px;  
}

.progesamt .tabthirdcol
{
     width:285px;  
}

.progesamt .tabfivecol
{
    width:475px; 
}

.progesamt .tabtwocol .col,.progesamt .tabthirdcol .col ,.progesamt .tabfivecol .col
{
    width:95px; 
    float:left;
}

.progesamt .tabtwocol .col .colcon, .progesamt .tabthirdcol .col .colcon,.progesamt .tabfivecol .col .colcon
{
 width:47px; 
 height:111px; 
 margin-top:26px; 
 margin-left:24px; 
 margin-right:24px;   
}

.progesamt .tabtwocol .col .colcon .coltext, .progesamt .tabthirdcol .col .colcon .coltext,.progesamt .tabfivecol .col .colcon .coltext
{
    text-align:center;
}