/* Removing margin/padding */
*{margin: 0;  padding: 0;}

html, body{font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; font-size: 13px; color: #a1a1a1; border: none; text-align: center;}
table, tr, td, tbody{font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; font-size: 13px; color: #666666;}
h1{color: #027381; text-decoration: none; font-size: 30px;}
h2{color: #027381; text-decoration: none; font-size: 20px; line-height: 19px;}
#content h2{line-height: 30px;}
.box-content h2{line-height: 22px;}
h3{color: #027381; text-decoration: none; font-size: 16px;}
h4{color: #027381; text-decoration: none; font-size: 14px;}
h5{color: #666666; text-decoration: none; font-size: 16px;}

ul, li{ list-style:none;}
img{border: none;}

a, a:hover, a:active{
  color: #009ab1; text-decoration: none; font-size: 14px;
}

.clearfix:after {  content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }   
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */

/* class for float  */
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { clear:both; font-size:0px; line-height:0px; height:0px;  }
.green{color: #009ab1; font-weight: bold;}
.red{color: #ff0000;}

.italic{ font-style: italic;}

#main-wrapper{ width:1247px; margin:0 auto; display:block; text-align: left; position: relative;}

input[type=text] select{
  border: 1px solid #a1a1a1;
  background:url(../img/input-text-bg.jpg) center top repeat-x;  
  font-size: 10px; 
  color: #a1a1a1;    
}

.bestellung{
color: #003366; background: #FF9966; 
}
.bestellungHL{
 color: #fff;
 font-size: 13px; 
 font-weight: bold; 
 background: #003366;
 padding-left: 5px;
}

/**************rounded-corner-box*************************/
.box-top-left{
  background:url(../img/box-top-left.jpg) left top no-repeat; 
  padding-left: 20px;
}

.box-top{
  background:url(../img/box-top-right.jpg) right top no-repeat; 
  padding-right: 20px;
  padding-top: 20px;  
}

.box-left{
  background:url(../img/box-bot-left.jpg) left bottom no-repeat; 
  padding-left: 20px; 
}

.box-content{
  background:url(../img/box-bot-right.jpg) right bottom no-repeat;
  padding-right: 20px;
  padding-bottom: 20px;
  
}


/******meta-navigation*******/

#meta-nav{
  float: right;
  margin: 10px 0 0 0;
  height: 17px;
}

#meta-nav ul{
  float: left;
  font-size: 12px;
  margin-top: 3px;
}

#meta-nav ul li{
  margin-right: 17px;
}

#meta-nav ul li a{
  color: #747477;
  text-decoration: none;	
}

#main-search{
  float: left;
  width: 275px;
  float: left;
  margin-top: -1px;
}

#main-search-input{
    height: 21px;
    width: 125px;
}

#main-search #main-search-button{
  background:url(../img/main-search-button-bg.jpg) center top no-repeat;  
  border: 0;
  cursor: pointer;
  width: 12px;
  height: 12px;
  float: left;
  margin: 3px 15px 0 5px;
}

#meta-nav ul li{
  float: left;
}



#header{
  width: 1247px;
  height: 133px;
  background:url(../img/main-nav-bg.jpg) center top no-repeat;
}

#logo{
    display:block;
    float: left;
    height: 86px;
    margin-left: 17px;
    margin-top: 7px;
    text-indent: -10000px;
    width: 320px;
}

/******main-navigation*******/
#main-nav{
	clear:both;
}

#main-nav ul{
  float: right;
  margin-right: 5px;
  margin-top: 30px;
}

#main-nav ul li{
  float: left;
  height: 48px;
  width: 125px;
  background:url(../img/main-nav-bg-left.png) left top no-repeat;    
  margin-right: 0px;
  text-align: center;
}

#main-nav ul li.active{
  background:url(../img/main-nav-bg-left-first-active.jpg) left top no-repeat; 
}

#main-nav ul li a{
  color: #fff;
  font-size: 14px;
  padding-top: 13px;  
  text-decoration: none;
  display: block;
  height: 48px;
  background:url(../img/main-nav-bg-right.jpg) right top no-repeat; 
}

#main-nav ul li.active a{
  background:url(../img/main-nav-bg-right-active.jpg) right top no-repeat; 
}

#main-nav ul li#main-nav-first{
  background:url(../img/main-nav-bg-left-first.jpg) left top no-repeat;  
  padding-left: 10px;
}

#main-nav ul li#main-nav-first.active{
  background:url(../img/main-nav-bg-left-first-active.jpg) left top no-repeat;  
}


#main-nav ul li#main-nav-last a{
  background:url(../img/main-nav-bg-right-last.jpg) right top no-repeat;  
}

#main-nav ul li#main-nav-last.active a{
  background:url(../img/main-nav-bg-right-last-active.jpg) right top no-repeat;  
}

/************index-content***********/
#content{
  margin-top: 30px;
  margin-left: 5px;
}

.content-table{
  font-size: 13px;

}

.content-table td
{

}

.table-left{
  /*width: 200px;*/
}

.table-content{
  padding: 0px 20px 0px 20px;	
  /*width: 828px;*/
}

.table-right{
  /*width: 200px;*/
}

#index-pic-main{
  margin-right: 10px;
}

#index-box-news{
  width: 200px;
  margin-top: 2px;
}

#index-box-news .box-content{
  padding-bottom: 30px;
}
.index-news-content-box{
  margin-top: 10px;
}

#index-box-addr{
  width: 220px;
  clear: both;
  height: 164px;
  margin: 15px 0 0 0;
}

#index-box-descr{
  height: 164px;
  width: 1000px;
  margin: 15px 0 0 10px;
}
#index-box-descr .box-content p{ width: 460px; text-align: justify;}


.address-box{
    bottom: 10px;
    height: 164px;
    left: 219px;
    /*position: absolute;*/
    width: 184px;
    left: 10px;
    font-size: 12px;  
    margin-top: 30px;  
}

#address-box-products{
  /*margin-top: 150px;*/
}

#address-box-product-details{
  margin-top: 90px;
}

/************Einkauf***********/
#einkauf tr td{
	align: right;
}


#einkauf ul li a{
	display: block;
	height: 56px;
	width: 190px;
	text-align: center;
	vertical-align: middle;
	align: right;
    background:url(../img/ButtonEinkauf.jpg) left top no-repeat; 
    color: #fff;
	font-weight: bold;
    padding-top: 5px;
    line-height: 56px;
    font-size: 14px;
}

/************zubehör***********/
#zubehoer ul li a{
	display: block;
	height: 56px;
	width: 190px;
	text-align: center;
	vertical-align: middle;
	align: right;
    background:url(../img/Buttonzubehoer.jpg) left top no-repeat; 
    color: #fff;
	font-weight: bold;
    padding-top: 5px;
    line-height: 56px;
    font-size: 14px;
}

/************navigation left***********/
#nav-left{}

#nav-left ul{

}

#nav-left ul li a{
	display:block;
	height: 31px;
	width: 183px;
	vertical-align: middle;
  background:url(../img/left-nav-inactive.png) left top no-repeat; 
  color: #666;
  padding-left: 10px;
  line-height: 29px;
  font-size: 14px;
}

#nav-left ul li{
  height: 31px;
  width: 183px;
}

#nav-left ul li.left-nav-first-level-active{
  height: 43px;
}

#nav-left ul li.nav-left-second-level{
  height: auto;
}

#nav-left ul li.nav-left-fourth-level{
  height: auto !important;
}


#nav-left ul li.left-nav-inactive-last a{
  color: #fff;
  height: 43px;
  line-height: 41px;  	
  background:url(../img/left-nav-inactive-last.png) left top no-repeat;
 /*background:url(../img/ButtonEinkauf150.jpg) left top no-repeat;*/
}

#nav-left ul li.left-nav-first-level-active a{
  color: #fff;
  height: 43px;
  line-height: 41px;	
  background:url(../img/left-nav-first-level-active.png) left top no-repeat; 
}

#nav-left ul li.nav-left-second-level a{
  height: auto;
}

#nav-left ul li.nav-left-second-level ul li{
    height: 28px;
    width: 183px;
}

#nav-left ul li.nav-left-second-level li a{
    height: 28px;
    vertical-align: middle;
    width: 183px;
}

#nav-left ul li ul{
  margin-left: 0;
}

#nav-left ul li ul li.left-nav-second-level-active{
  height: 31px;  
}

#nav-left ul li ul li.left-nav-second-level-active a{
	color: #fff;
  background:url(../img/left-nav-second-level-active.jpg) left top no-repeat; 
  height: 31px;  
}

#nav-left ul li ul li.left-nav-third-level-active a{ 
  color: #0071B9;
  background:url(../img/left-nav-third-level-active.jpg) left top no-repeat;   
}

#nav-left ul li ul li.left-nav-third-level-inactive a{
	  color: #666666;
  background:url(../img/left-nav-third-level-active.jpg) left top no-repeat; 
}

#nav-left ul li ul li.left-nav-third-level-active a{
    color: #0071B9;
  background:url(../img/left-nav-third-level-active.jpg) left top no-repeat; 
}

#nav-left ul li ul li.left-nav-third-level-inactive-last a{
  height: 28px;	
	color: #666666;
  background:url(../img/left-nav-last-level-active.jpg) left top no-repeat; 
}

#nav-left ul li ul li.left-nav-third-level-active-last a{
  height: 28px; 
  color: #0071B9;
  background:url(../img/left-nav-last-level-active.jpg) left top no-repeat; 
}

#nav-left li.left-nav-fourth-level-inactive a{
  color: #A1A1A1;
  padding-left: 20px;
}

#nav-left li.left-nav-fourth-level-active a{
  color: #0071B9;
  padding-left: 20px;
}

#nav-left li.left-nav-fourth-level-last{
  height: 37px !important;
}

#nav-left li.left-nav-fourth-level-last a{
  background:url(../img/left-nav-fourth-level-last.png) left top no-repeat; 
    color: #CCCCCC;
    height: 43px !important;
    line-height: 41px;  
}

/**********content-overview*****************/
#content-overview{
  float: left;
width: 800px;
  margin-left: 17px;*/
}

#content-overview a{
	display: block;
  padding-right: 10px;
  padding-bottom: 30px;
  float: left;
}

#content-overview h2{
  color: #245f8b; 
  line-height: 36px;
}

#product-detail{
  margin-top: 40px;
}

#product-desc{
  margin-left: 50px;
  width: 555px;
}

#product-reference{
  margin-top: 50px;
  width: 250px;
}

#product-reference p{
  margin-top: 10px;
}

#product-reference h4{
	line-height: 20px;
}

#product-additional{
  margin-top: 45px;
}

#product-additional div{
  margin-right: 70px;
}

#product-additional div img{
  margin-bottom: 5px;
}

/*****unternehmen****/
#unternehmen-box{
  /*width: 932px;*/
}

/*****gesundheit****/
#gesundheit-box{
    margin-left: 15px;
    width: 827px;
}