/*. general settings .*/

body, p, h1, h2, h3, h4, h5, form{
  margin:0;
  padding:0;
  color: #444;
}

body{
  font: 11px arial, sans-serif;
  background: transparent url(bg.png) repeat-y fixed 0px 0px;      
}

a img{ border: none; } 
a:active, a:focus { outline: 0 }

h1, h2, h3{
  padding: 0px 0px 10px 0px; /* top, left, bottom, right */
}

h1{
  font-size: 20px;
}

h2{
  font-size: 16px;
}

a{
  text-decoration: none;
   color: #315aac;
}

a:hover{
 text-decoration: underline;  
}

.cf{
  clear:both;
}

.spW{
  clear: both;
  width: 780px;
  font-size: 1px;
  overflow: hidden;
  background-color: #fff;
} 

.px1{
  height: 1px;
  background-color: #fff;
}

.px2{
  height: 2px;
}

#sp1{
  height: 13px;
  background: red;
}


#headphoto{
  overflow: hidden;
  background-color: #fff;
  font-size: 1px;
  padding-bottom: 1px;
}

/*. tubes .*/

#head .tube{
}

#leftCol .tube{
  margin: 9px 0px 5px 0px;
}

#rightCol .tube{
  margin: 11px 0px 5px 25px;
}

#contentCol .tube{
 margin: 15px 0px 0px 15px;
}

#footer .tube{
  padding: 5px 0px 5px 5px;
}

/******************/
/*  navigations   */
/******************/

.nav ul{
  margin: 0;
  padding: 0;
  list-style-type: none;  
}

/*. left col .*/

#leftCol .nav{
  overflow: hidden;
}

#leftCol .nav ul{

}

#leftCol .nav ul li a{
  text-decoration: none;
  font-size: 12px;
  background: url(navbar.png) no-repeat left top;
  display: block;
  width: 134px;
  color: #000;
  margin-left: 1px;
  padding: 3px 0px 3px 8px;
}

/* level 2 */

#leftCol .nav ul ul li a{
  padding: 3px 0px 3px 22px;
  width: 120px;  
}

#leftCol .nav .active{
  font-weight: bold;
  background-color: #fff;
}


/* level 3 */

#leftCol .nav ul ul ul li a{
  padding: 3px 0px 3px 34px;
  width: 108px;  
}

/* level 4 */

#leftCol .nav ul ul ul ul li a{
  padding: 3px 0px 3px 46px;
  width: 96px;  
}



.navbar{
  height: 1px;
  width: 142px;
  margin-bottom: 30px;
  background: url(navbar.png) no-repeat left top;
}


#leftCol .nav a:hover{
  background-color: #fff;
}

/*. footer .*/

#footer img{
  float: right;
}

#footer .nav{
  float: left;
  font-size: 11px;
}

#footer .nav li{
  display: inline;
}

#footer .nav a{
  text-decoration: none;
  padding: 0px 4px;
  color: #444;
}

#footer .nav a:hover{
 text-decoration: underline;
}


/***************/
/*. forms      */
/***************/

input, textarea {
  background-color: #fff;
  border: 1px solid #999;
  color: #444;
  padding: 2px 4px 2px 4px;
}


/***************/
/*. components */
/***************/

/*. footer .*/

#footer p{
  float: left;
}

/*. right col .*/

#contentCol p{
  padding: 0px 0px 5px 0px;
}

#contentCol .title{
  margin-bottom: 4px;

}

#contentCol .subtitle{
  margin-bottom: 2px;
  
}

/*. admin panel .*/


#adminPanel{ 
  background: #ebb;
  height: 30px;
  padding: 5px;
  border: 2px red solid;
}

#adminPanel a:hover{
  color: #00f;
}

#adminPanelShow{
  position: absolute;
  font-weight: bold;  
  left: 810px;
  top: 10px;
}

/*. no script .*/

#noscript{
  background: #ff0;
}

#noscript p{
  font-weight: bold;
  color: #950000;
  padding: 3px 0px 3px 5px;
  font-size: 14px;
}

/* featureIcons */

.featureIcons{
  height: 176px;
  overflow: hidden;
}

.featureIcons img{
  padding: 0px;
  float: left;
  margin: 0px 2px 0px 0px;
}

/*. countrySelect */

#countrySelect{
 /* padding-top: 15px; */ 
 /* float: right;*/
 /* margin-left: 620px; */ 
 /* left: 372px; */
 /* position: relative; */
 width: 170px;
 right: 0px;
 top: 15px;
 float: right;
 position: absolute;
}

#countrySelect p{
  font-size: 9px;
  height: 17px;
  /* width: 420px;*/
  text-align: right;
}

#countrySelect select{
  font-size: 10px; 
  width: 155px;
  position: relativ;
  float: right;
}

.submitBtn{
  margin: 3px 0px 0px 4px;
  /* float: left; */ 
  border: none !important; 
  width: auto !important;
}


#search{
  /* padding-top: 27px; */
  float: right;
  position: relative;
  right: 170px;
  top: 15px;
  width: 150px;
}

#search p{
  /* float: left;*/
  /* margin-right: 3px; */
  text-align: right;
  float: right;
  margin-right: 5px;
}


#search input{
  font-size: 10px;
  border: 1px #444444 solid;
  /* float: left;*/ 
  padding: 0px; 
  /* margin-right: 3px; */   
  width: 70px;
  float: right;
}

#search .searchHolder {
  margin-top: 18px;
}

#flags{
  float: right;
  margin: 4px 10px 0px 0px;  
}

#flags img{
  margin-left: 5px;
  float: right;  
}


/* download */


.fhtDown img{
  float: left;  
}



.fhtDown{
  margin: 5px 0px 15px 0px;
}

.fhtDown p{
  height: 14px;
  overflow: hidden;
}

.fhtDown p a{
  text-decoration: none;
  color: #000;
  font-weight: bold;
  
}

.fhtDown p a:hover{
  color: red;
}

/* three col extension */

td.firstCol img{
/*  width: 140px;
  height: 71px; */
}

td.firstCol{
  width: 160px;
}

td.thirdCol{
  width: 100px;
}

td.thirdCol{

}

.threeColContent{

}

.threeColContent ul{
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
}

.threeColContent td{
   vertical-align: top;
}

td.thirdCol{

}

td.thirdCol a{
 background: url(pfeil.jpg) no-repeat right top;
 padding-right: 15px;
 text-decoration: none;
 width: 80px;
 display: block;
}

td.thirdCol a:hover{
 text-decoration: underline;  
}

#logoImage {
  float:left;
  padding:12px 0 0 7px;
}
/**************************/
/*  products              */
/**************************/


.productDetail,
.productImages{

 width: 420px;

}

.productImages{
 height: 150px;
} 
 
.productImages img{
  margin: 0px 0px;
  display: left;
}

.newBtn{
  width: 52px;
  height: 52px;
  position: absolute;
  right: 18px;
  top: 0px;
  background: url(new.png) no-repeat left top;
}

.productImages .first{
  position: relative;
  float: left;
}

.productImages .second{
  position: relative;
  float: left;
  margin-top: 60px;
}

.productDetail h1,
.productDetail h2{
  font-family: arial;
  font-size: 15px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

.productDetail h2{
  font-size: 19px;
  font-weight: bold;  
}


.additional{
  margin-top: 10px;
}

.additional ul{
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
}

.additional .info{
  float: right;
  width: 330px;
  padding-bottom: 15px;
}

.infoLeft{
  float: left;
  width: 330px;
  padding-bottom: 15px;
}

.infoLeft ul {
  margin: 0;
  padding: 0;
  list-style-type: none;  
}

.infoLeft ul li {
  background: transparent url(bullet_point.jpg) no-repeat scroll 0px 5px;
  padding-left: 17px;
}

.consumption{ 
  width: 80px; 
  float: left; 
  padding-bottom: 10px;  
}

.additional .heating{
  background: url(icon_heating.gif) no-repeat left top;
  height: 18px;  
  padding-left: 20px;
}

.additional .cooling{
  background: url(icon_cooling.gif) no-repeat left top;
  height: 18px;
  padding-left: 20px;

}

.additional br{
  display: none;
}

.additional p{
  margin: 0px;
  padding: 0px;
  display: inline;
}

.additional .specification div img{
  display: inline;
}

.additional h1{ 
  display: inline;
  font-size: 18px;
  font-weight: bold;
}


/* tt_address */

.vcard{
  width: 290px;
  float: left;
  margin: 5px 10px 5px 0px;
}

.vcard p{
  margin: 0px !important;
  padding: 0px !important;
}

.vcard a{
  text-decoration: none;
}

.org .photo{
  display: inline;
}

/* sitemap */

.csc-sitemap{
  margin-top: 10px;
}

.csc-sitemap ul{
  margin: 0;
  padding: 0;
  list-style-type: none;   
}

.csc-sitemap a{
  text-decoration: none;
  color: #333;
}

.csc-sitemap a:hover{
  text-decoration: underline;
}

.csc-sitemap ul li a{
  padding: 3px 0px 3px 0px; 
  font-size: 14px;
  font-weight: bold;
}

.csc-sitemap ul ul li a{
  padding: 3px 0px 3px 20px; 
  font-size: 14px;
  font-weight: normal;    
}

.csc-sitemap ul ul ul li a{
  padding: 3px 0px 3px 40px; 
  font-size: 12px;  
}

.csc-sitemap ul ul ul ul li a{
  padding: 3px 0px 3px 60px; 
}

/**************************/
/*  main navigation       */
/**************************/



/*. left col .*/

#mainNav{
  height: 21px;
  overflow: hidden;
  width: 780px;
  background: #f00;
}


#mainNav .nav{
  padding: 0px 0px 20px 0px;
}

#mainNav .nav ul{
  
}

#mainNav .nav ul li{
  display: inline;
}

#mainNav .nav li a{
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  float: left;
  padding: 3px 5px 0px 5px;
  display: block;  
  height: 21px;
  border-left: 1px #ff5252 solid;
  border-right: 1px #bd0000 solid;      
}

#mainNav .nav li.active a,
#mainNav .nav li.active a:hover{
  background: #283951;
  border-left: 1px #385071 solid;
  border-right: 1px #1e2a3c solid;
}

#mainNav .nav li a:hover{
  background: #b30000;
  border-left: 1px #cb5252 solid;
  border-right: 1px #850000 solid;
}

#leftEdge{
  float: left;
  height: 21px;
  width: 1px;
  background: #ff5252;
  font-size: 1px;
}

/*.tables.*/


.relatedProductHolder{

}

.relatedProducts{
  padding-bottom: 10px;
}

.relatedProducts img{
  border: 1px #aaa solid;
  margin-top: 5px;;
  margin-left: 5px;

}

.relatedProductHolder {
  position: relative;
  float: left;
  margin-left: 1px;

}

.relatedProductImage {
}

.relatedProductTitle {
  position: absolute;
  bottom: 7px;
  left: 5px;
  overflow: hidden;
  font-size: 10px;
  padding: 0px 5px;
  color: #666;
}

#rightCol .tx-ttproducts-pi1{
  margin-left: 13px;
}


#productTable{
  margin-top: 15px;
}

#productTable .contenttable{
 width: 420px !important;
 table-layout: auto;
}

#productTable .contenttable p{
  margin: 0px;
  padding: 0px;
  margin: 0px 5px;
}

#productTable .contenttable td{
  border-bottom: 1px solid #000;
  height: 19px !important;
 /* width: auto !important; */
  padding-top:2px !important;
}

#productTable .contenttable th{
  background-color: #ececec;
  font-weight: bold;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: left;
  height: 19px !important;
  /* width: auto !important; */  
  padding-top:2px !important;

}


.contenttable{
  border-collapse: collapse;
  border: none;
  margin: 7px 0px;
}

.contenttable td,
.contenttable th{
  vertical-align: center;
}

.contenttable .tr{
  background-color: #fff;
  height: 19px !important;
 /* width: auto !important;  */
}

.productDetail .contenttable p{
  margin: 0px;
  padding: 0px;
}

.productDetail .contenttable td,
.productDetail .contenttable th{
  vertical-align: top;
}

#productTable p.bodytext br{
  display: none;
}
/**************************/
/*  overbox               */
/**************************/

.toolTipHeader{
  font-weight: bold;
  width: 220px;
  border: 1px solid #000;
  border-bottom: none;
  padding: 10px 10px 0px 10px;
  background: #eee;
}

.toolTipBody{
  width: 220px;
  border: 1px solid #000;
  border-top: none;
  padding: 7px 10px 10px 10px;
  background: #eee;
}

.toolTipBody p{
  padding-bottom: 7px;
}

/**************************/
/*  boxes                 */
/**************************/

.csc-textpic-image{
  margin: 0px !important;
}

.grayborder{
  border: 1px #aaa solid;
  margin-top: 20px;

}

.grayborder .csc-header{
  position: absolute;
  top: -10px;
  left: 10px;
}

.grayline .csc-header{
  position: absolute;
  top: -23px;
  left: 0px;
}

.grayline{
  padding-top: 5px;
}

.specification .grayline{
  font-size: 1px;
}

.grayline div.csc-textpic-imagewrap{
  padding: 12px 0px 10px 0px;
}

.graybox, .grayline,
.newsbox, .faqbox{
  overflow: visible;
  position: relative;
  width: 99,9%;  
}

.width75{
  width: 70%;

}

.rightColFloat{
  float: right;
  width: 160px;
}

.width300{
  width: 302px;
  float: left;
  margin-right: 5px;  
}

.width300 p{
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;  
}

.width300 .text{
  overflow: hidden;
  height: 96px;
  padding: 12px 3px 0px 13px !important;
}

.newsbox, faqbox{

}

.grayline{
  border-top: 1px #aaa solid;
  margin-top: 35px;
}

.csc-textpic-text{
  margin: 0px;
  padding: 0px;
}

.graybox .text{
 padding: 12px 13px 13px 13px;
}

.newsbox .text{
 padding: 20px 8px 8px 13px;
}

.newsbox p.bodytext{
  padding-bottom: 5px;
}

.grayline .text{
 padding: 10px 10px 10px 0px;
}

.graybox{

}


.graybox .imageHeadlines img,
.newsbox .imageHeadlines img{
  padding: 0px 5px 0px 5px;
}

.bg1{
  background: url(bg/boxbg1.png) repeat-x;
  background-position: left bottom;
  /* float: right; */
}

.bg2{
  background: #e0e0e0 url(bg/boxbg2.png) repeat-x left top;
}

.imageHeadlines{
  background: #fff;
}

.standard .imageHeadlines{
  padding: 15px 0px;
}

/* fixings for home */

.homeRight{
  width: 225px !important;
  float: right;
  margin-top: 20px !important;
}

.homeCenter{
  width: 386px !important;

}

.homeCenterText{
  margin: 0px 16px !important;
}

.cleargif{
  width: 50px;
  clear: both;
  overflow: hidden;
  font-size: 1px;
}

.tx-fgnewimage-pi1{
  float: right;
}

#rightCol .tx-fgextraproductsfeplugin-pi1 img{
  margin: 10px 0px;
}

#rightCol .tx-fgextraproductsfeplugin-pi1 img.withNEWImage{
  margin-top: 37px;
}

.relatedProductsHeadline {
  border: none !important;
}

.tx-fgextraproductsfeplugin-pi1 div.stoererExtraProduct {
  position: absolute;
  z-index: 1;
  left: 67px;
  top: 292px;
} 

/* Energy Label */

.EnergyLabel {
  position: relative;
  width: 70px;
  padding-top: 10px;
}

.energyLabelImage {
  float: left;
  width: 34px;
  height: 28px;
}

.chooseCountry{
  padding-left: 8px;
}

.chooseCountry select{
  width: 125px;
}

/* indexed search */

.tx-indexedsearch-redMarkup{
  color: #000 !important;
}

.tx-indexedsearch-searchbox form table{
  display: none;
}

.browsebox{
  padding: 0px;
  
}

.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr {
font-style: normal !important;
}

.tx-indexedsearch-title{
  text-transform: uppercase;
  padding-bottom: 10px;
  font-size: 14px;
}

.tx-indexedsearch-percent{
  font-size: 14px;
  padding-bottom: 10px;  
}

.tx-indexedsearch-title a{
  text-decoration: none;
  padding-right: 14px;
  background: url(pfeil_rot_rechts.gif) no-repeat right 3px;
}

.browsebox a{
  text-decoration: none;
}

.tx-indexedsearch-browsebox{
  padding-bottom: 20px;
}

#leftCol .tx-macinasearchbox-pi1 .submitBtn{
  float: left;
  margin: 0px 0px 0px 5px!important;
}

#leftCol .tx-macinasearchbox-pi1 .searchtext{
  float: left;
  height: 15px;
}

.searchFromHeadline{
  padding-bottom: 2px;
}

.searchFromHeadline,
#leftCol .searchResult{
  padding-left: 8px;
}

#leftCol .searchResult .searchtext{
  width: 80px;
}

.searchResultSplit td{
  border-bottom: 1px solid #DCDCDC;
  height: 20px;
}

.tx-indexedsearch-res table{
  width: 75%;
  padding-bottom: 20px;
}


/* news */


.hrgray{
 background: #AAAAAA;
 height: 1px;
 width: 100%;
 overflow: hidden;
 font-size: 1px;
 margin-bottom: 12px;
}

h3{
  font-size: 13px;
}

.news-list-morelink{
text-align: right;
}

.news-list-date,
.news-single-timedata{
  padding-bottom: 3px;
  display: block;
}

.news-list-item{
  padding-bottom: 20px;
  padding-top: 10px;
}

.news-list-item h3,
.news-single-item h3{
  padding: 0px;
}

.news-list-item h3 a,
.news-latest-item h3 a{
  text-decoration: none;
  color: #444;
}

.news-latest-item h3{
	font-size: 11px;
}

.news-list-item .imgwrap img,
.news-single-img img{
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 2px;
}  

/* Product layout 2 */

.layout2 .productDetail, .productImages {
  width: 100%;
}

.layout2 .tx-fgnewimage-pi1 {
  float: left;
}


.layout2 #productTable .contenttable{
  width: 606px !important;
}


.layout2 #productTable{
  margin-top: 0px;
}


div.layout2 div.tx-fgnewimage-pi1 img{
    padding-bottom: 30px;

}

div.text ul {
  padding: 0 0 0 12px;  
}


/* Eyecatcher  */

div.eyecatcher {
  position: absolute;
  left: 490px;
  top: 227px;
}

div.addIcon {
  position: relative;
  margin-top: 40px;
}

/* Floating class for fg_lightbox */

.float {
  float: left;
  margin-top: 17px;  
}