/* Page Body */
html {
    height: 100%;
    min-height: 100%;
}
body {
    background: url("img/layout/body_bg.jpg") top left repeat-x;
    font-size: 12px;
    font-family: "Arial", Verdana, Tahoma, arial, sans-serif;
    color:  #555;
    height: 100%;
    padding: 0;
    margin: 0;
}


/* Overall  */
#overall {
    background: #ffffff;
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 0px;
}

#container{
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 0px;
	/*
	background-image: url(/assets/jpeg/bg_container_1px.gif);
	background-repeat: repeat;
	*/
	
}


body>#overall {
    height: auto;
    min-height: 100%;
}


/* Header */
#headSpacer {
    height: 23px;
    padding: 0;
    margin: 0;
}
#header {
    position: relative;    
    height: 195px;
    padding: 0;
    margin: 0;
	background-position: left top;
	background-repeat: no-repeat;
}

/* Logo */
#logo {
    position: absolute;
    top: 25px;
    left: 5px;
}

/* Navigation Top */
#naviTop {
    position: absolute;
    top: 160px;
    left: 5px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#naviTop li {
    float: left;
    background: url("img/layout/navitop_line.jpg") right 4px no-repeat;
    padding: 0 6px 0 3px;
    margin: 0;
}
#naviTop li.last {
    background: none;
    padding: 0 0 0 3px;
}
#naviTop li a {
    color: #999999;
    font-size: 11px;
    text-decoration: none;
}
#naviTop li a:hover {
    color: #c3c4c8;
    text-decoration: underline;
}


/* Content Left */
#cntLeft {
    float: left;
    width: 233px;
    min-height: 500px;
}
* html #cntLeft {
    height: 500px;
}

/* Navigation Left */
#naviLeft {
    background: url("img/layout/navileft_top_bg.jpg") top left no-repeat;
    width: 217px;
    padding: 10px 0 0 0;
    margin: 0;
}
#naviLeft ul {
    background: url("img/layout/navileft_bottom_bg.jpg") bottom left no-repeat;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#naviLeft ul li {
    background: url("img/layout/navileft_break.png") bottom left no-repeat;
    padding: 5px 10px 0 22px;
    margin: 0;
}
#naviLeft ul li.one {
	display: none;
}
#naviLeft ul li a.active {
	font-weight: bold;
	display: block;
	color: #333333;
}
#naviLeft ul li.last, #naviLeft ul li.none {
    background: none;
}
#naviLeft ul li a {
    padding: 0 0 7px 0;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    display: block;
}
#naviLeft ul li a:hover {
    color: #666666;
    text-decoration: none;
}
#naviLeft ul li ul {
    /*background: url("img/layout/navileft_active_bg.jpg") top left repeat-y;
    background: url("img/layout/navileft_active_bg.jpg") -3px center repeat-y;*/
    background: url("img/naviSub_bg.jpg") #FFFDF7 bottom center repeat-x;
    width: 220px;
    padding: 0;
    margin: 0 0 0 -22px;
    border-left: 1px solid #ffde00;
    /*border-top: 1px solid #ffde00;
    border-bottom: 1px solid #ffde00;*/
}
#naviLeft ul li ul li {
    padding: 2px 0 5px 25px;
    border-right: 1px solid #ffde00;
    margin: 0;
}
#naviLeft ul li ul li.one {
    background: url("img/layout/navileft_active_top_bg.jpg") -3px top no-repeat;
    height: 3px;
    padding: 0 0 0 25px;
    display: block;
    margin: 0;
}
#naviLeft ul li ul li.last {
    background: url("img/layout/navileft_active_bottom_bg.jpg") -3px bottom no-repeat;
    padding: 2px 0 4px 25px;
    margin: 0;
}
#naviLeft ul li ul li a {
    color: #828387;
    font-size: 11px;
    text-decoration: none;
	background: none;
	padding: 0;
}
#naviLeft ul li ul li a:hover {
    color: #828387;
    text-decoration: underline;
}
#naviLeft ul li ul li ul,
#naviLeft ul li ul li ul li,
#naviLeft ul li ul li ul li.last {
	background: none;
	border: none;
}
#naviLeft ul li ul li ul li,
#naviLeft ul li ul li ul li.last {
	padding: 0 0 0 35px;
}

/* Payment */
#payment {
    text-align: center;
    padding: 25px 18px 0 0;
    margin: 0;
}


/* Content Main */
#cntMain {
    float: left;
    width: 536px;
    min-height: 500px;
    margin: 0;
    padding: 0 20px 0 0;

}
* html #cntMain {
    height: 500px;
}
#headMenu {
    background: url("img/layout/headMenu_bg.png") top left no-repeat;
    width: 536px;
    height: 42px;
    padding: 0 0 20px 0;
}
#headMenuLeft {
    float: left;
    width: 291px;
    margin: 0;
    padding: 0;
}
#headNavi {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#headNavi li {
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
}
#headNavi li a.first {
    /*background: none;*/
}
#headNavi li a {
    display: block;
    background: url("img/layout/headnavi_pipe.png") right 2px no-repeat;
    height: 28px;
    margin: 0;
    padding: 12px 15px 0 15px;
    color: #fefefe;
    font-size: 14px;
    text-decoration: none;
}
#headNavi li a.last {
    /*background: url("img/layout/headnavi_pipe.png") right 2px  no-repeat;*/
}
#headNavi li a:hover,
#headNavi li a.active {
    display: block;
    background: url("img/layout/headnavi_pipe_hover.png") 0 2px repeat-x;
    height: 29px;
    margin: 0;
    padding: 12px 15px 0 15px;
    color: #f5a402;
}
#headNavi li a:hover.first,
#headNavi li a.active.first {
    background: url("img/layout/headnavi_pipe_hover.png") 0 2px repeat-x;
    margin: 0 -1px 0 1px;
    padding: 12px 15px 0 15px;
}
#headNavi li a:hover.last,
#headNavi li a.active.last {
    background: url("img/layout/headnavi_pipe_hover.png") 0 2px repeat-x;
    margin: 0;
    padding: 12px 15px 0 15px;
}
#headMenuRight {
    float: left;
    width: 203px;
    margin: 0;
    padding: 0 0 0 42px;
}
#headSearch {
    margin: 0;
    padding: 0;
}
#headSearch input {
	float: left;
	width: 142px;
	margin: 9px 12px 0 0;
}
#headSearch .submit input {
    float: left;
    background: url("img/layout/search_submit.png") top left no-repeat;
    width: 28px;
    height: 30px;
    margin: 6px 0 0 0;
    padding: 0;
    border: 0;
    cursor: pointer;
}
#content {
    margin: 0;
    padding: 0;
}
#content h1 {
    color: #f5a202;
    font-size: 14px;
}
#content a {
    color: #f5a202;
    text-decoration: none;
}
#content a:hover {
    color: #f5a202;
    text-decoration: underline;
}
#prodlist {
    /*background: #ccc;*/
    margin: 0;
    padding: 15px 0;
}
.prod {
    float: left;
    width: 132px;
    height: 161px;
    margin: 0 50px 0 0;
    display: block;
    background: none;
    padding: 10px 0 0 0;
    text-decoration: none;
    text-align: right;
}
.prod.last {
	margin: 0;
}
.prod img {
    display: inline;
    height: 80px;
    margin: 0 auto 10px auto;
    padding: 0;
    text-align: center;
}
/*
.prod {
    display: block;
    width: 143px;
    height: 61px;
    margin: 0;
    padding: 9px 0 0 8px;
    color: #b7b7b7;
} */
.prod b {
    background: #ffe58b;
    color: #d55601;
}
.prod .pr1 {
    color: #d55601;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.prod span,
.pr2 {
    text-decoration: none;
    border: none;
    background: none;
}
.prod .prodInner {
	display: block;
	width: 131px;
	height: 60px;
    padding: 5px 10px;
    text-align: left;
}
.prod:hover .prodInner {
	display: block;
	width: 131px;
	height: 60px;
    padding: 5px 10px;
    background: url("img/layout/prod_hover.png") center bottom no-repeat;
    color: #fff;
}
.prod .pr2 {
    color: #d55601;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.prod:hover b {
    background: none;
    color: #fff;
}
.prod:hover .pr1 {
    color: #fff;
}
.prod:hover .pr2 {
    color: #fff;
}
.prod h1.headline {
    font-size: 14px;
}
#footer {
    background: url("img/layout/footer_bg.png") top left no-repeat;
    width: 526px;
    height: 64px;
    margin: 0;
    padding: 20px 0 0 0;
    text-align: center;
    color: #D55601;
}

/* Details */
#details {
	width: 536px;
	padding: 20px 0;
	
}
#details_left {
	float: left;
	width: 150px;
	padding: 0 10px 0 0;
}
#details_right {
	float: left;
	width: 370px;
}
#details_right_full {

}
.moreImages {
	padding: 15px 0;
}
.moreImages a img {
	border: 2px solid #F7A501;
	padding: 2px;
}
#descr {
	padding: 0 0 25px 0;
}
#prod_options {
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;

}
.head_product{
	float: left;
	width: 370px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

}
#price {
	float: right;
	text-align: right;
	width: auto;
	font-size: 11px;
	color: #666666;
}

#price strong {
	color: #333333;
	font-size: 16px;
}

#data {
	padding: 0px;
	float: left;
	width: auto;
}

#total_price{
	font-size: 14px;
	color: #333333;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: right;
}

#total_price input{
	color: #FF0000;
	background-image: none;
	border: none;
	font-size: 14px;
	font-weight: bold;
	text-align: right;

}
#buy {
	padding: 0px;
	float: right;
	margin: 0px;
	text-align: right;
	color: #333333;
}
/* Content Right */
#cntRight {
    float: left;
    width: 183px;
    min-height: 500px;
}
* html #cntRight {
    height: 500px;
}
.loginBox {
    width: 183px;
    height: 157px;
    background: url("img/layout/loginbox_bg.png") top left no-repeat;
    margin: 0 0 19px 0;
    padding: 0 0 0 7px;
}
.loginBox h1 {
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 15px 0 8px 30px;
}

.loginBox input {
	width: 120px;
	margin: 0 0 0 50px;
}
.loginBox input.submit {
    background: url("img/layout/loginbox_submit_bg.png") top left no-repeat;
    width: 76px;
    height: 24px;
    margin: 2px 0 4px 100px;
    padding: 0;
    color: #f5a402;
    font-size: 13px;
    border: 0;
    cursor: pointer;
}
.loginBox a {
    color: #fff;
    font-size: 11px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-decoration: none;
}
.loginBox a:hover {
    margin: 0;
    padding: 0;
    color: #fff;
    text-decoration: underline;
}
.cntInfoBox {
    background: url("img/layout/infobox_bg.png") top left no-repeat;
    width: 190px;
    height: 122px;
    margin: 0 0 13px 0;
    padding: 0;
    color: #828387;
}
.cntInfoBox h1 {
    font-size: 16px;
    color: #828387;
    margin: 0;
    padding: 27px 0 17px 125px;
}
.cntInfoBox p {
    font-size: 12px;
    margin: 0;
    padding: 0 11px 0 10px;
    text-align: right;
}
.cntInfoBox span {
    font-size: 16px;
    margin: 0;
    display: block;
    padding:3px 0 0 0;
    font-weight: bold;
}
.cntCartBox {
    background: url("img/layout/cartbox_bg.png") top left no-repeat;
    width: 175px;
    height: 145px;
    margin: 0 0 10px 0;
    padding: 0 15px 0 0;
    color: #828387;
}
.cntCartBox h1 {
    font-size: 16px;
    color: #828387;
    margin: 0;
    padding: 40px 0 0 96px;
}
.cntCartBox p {
    margin: 0;
    padding: 8px 0 0 0;
    color: #828387;
    font-size: 12px;
    text-align: right;
}
.cntCartBox a.btn {
    display: block;
    background: url("img/layout/cart.png") top left no-repeat;
    width: 181px;
    height: 24px;
    margin: 7px 0 0 4px;
    padding: 5px 0 0 0;
    color: #fff;
    font-size: 12px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}
.cntLetterBox {
    background: url("img/layout/letterbox_bg.png") no-repeat top left;
    width: 175px;
    height: 145px;
    margin: 0 0 28px 0;
    padding: 0 15px 0 0;
    color: #828387;
}
.cntLetterBox h1 {
    font-size: 16px;
    color: #828387;
    margin: 0;
    padding: 40px 0 11px 96px;
}
.cntLetterBox input {
    width: 163px;
    margin: 0 0 0 7px;
}
.cntLetterBox input.submit {
    background: url("img/layout/letterbox_submit_bg.png") top left no-repeat;
    width: 83px;
    height: 24px;
    margin: 7px 0 0 96px;
    padding: 0;
    color: #fff;
    font-size: 13px;
    border: 0;
    cursor: pointer;
    text-align: center;
}
.cntSocialBox {
    background: url("img/layout/socialbox_bg.png") top left no-repeat;
    width: 190px;
    height: 80px;
    margin: 0;
    padding: 0 0 0 11px;
    color: #828387;
}
.cntSocialBox h1 {
    font-size: 16px;
    color: #828387;
    margin: 0;
    padding: 11px 0 18px 2px;
}
.cntSocialBox ul {
    margin: 0;
    padding: 0;
}
.cntSocialBox ul li {
    float: left;
    margin: 0;
    padding: 0 9px 0 0;
    list-style-type: none;
}
.cntSocialBox ul li a {
    margin: 0;
    padding: 0;
}

/* Warenkorb */
#shopping_cart {

}
#shopping_cart img {
	border: 0;
}
/* Custom */
.clear {
    clear: both;
}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}
.width50p {
    width: 263px;
    padding: 27px 0 0 0;
}
.pad {
    width: 234px;
    padding: 27px 27px 0 0;
}

/* Default */
h1 {
    font-size: 18px;
    color: #F5A302;/*#F7A501*/
    font-style: normal;
    padding: 0 0 1.0em 0;
	margin: 0;	
	
}

h2 {
    font-size: 16px;
    color: #F7A501;
    font-style: normal;
    padding: 0 0 1.0em 0;
	margin: 0;	

}

h3 {
    font-size: 14px;
    color: #F7A501;
    font-style: normal;
    padding: 0 0 1.0em 0;
	margin: 0;	

}

h4 {
    font-size: 13px;
    color: #828387;
    font-style: normal;
    padding: 0 0 1.0em 0;
	margin: 0;	

}

h5 {
    font-size: 100%;
    color: #828387;
    font-style: normal;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h6 {
    font-size: 100%;
    color: #828387;
    font-style: normal;
    padding: 0 0 1.0em 0;
	margin: 0;	

}
p {
    margin: 0;
    padding: 0 0 1.5em 0;
    line-height: 16px;
}

a {
    color: #000000;
    text-decoration: underline;
}
a:hover {
    color: #000000;
    text-decoration: none;
}
a img {
	border: 0;
}
input.radio,
label.radio {
	cursor: pointer;
}

img {
    border: 0;
}

/*************************NEW CLASSES 15-07-2010*****************************************************/
.underline{
padding-right: 0px; 
margin-top: 10px; 
padding-left: 0px; 
margin-bottom: 10px; 
padding-bottom: 2px; 
padding-top: 0px; 
border-bottom: 1px solid #F5A302;
}

.tablePrice{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #FFFFFF;
}
.tablePrice td{
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;

}
.bg_dark{
	background-color: #666666;
}
.bg_medium{
	background-color: #F7DEB3;
}
.bg_light{
	background-color: #999999;
}

/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input[type=text], input[type=password] {
	padding:2px;
	background: url("img/layout/input_bg.gif") no-repeat top left;
	color: #333333;
	font-size: 12px;
}

/*******************************************configurator****************************************************/

.conf_table td{
	margin: 0px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	border: 1px solid #FFFFFF;
}

.conf_table tbody{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:  #555;
	padding: 0;
	margin: 0;
	background-color: #FCFCFC;
}

.bg_heading_choice{
	margin: 0px;
	padding: 0px;
	background-image: url(img/configurator/bg_heading_option.jpg);
	background-repeat: repeat-x;
	background-position: left center;

}
.heading_choice{
	float: left;
	padding: 0px 0px 0px 25px;
	height: 24px;
	line-height: 150%;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 13px;
	margin: 0px;
	background-image: url(img/configurator/arrow_3d_down.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}

.notice_info{
	float: left;
	padding: 0px 0px 0px 5px;
	line-height: 150%;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	width: auto;
}

.button_info{
	float: right;
	width: 24px;
	padding: 0px;
	height: 24px;
	margin-right: 5px;
}
.question{
	background-color: #F4F4F4;
	color: #333333;
	font-weight: bold;
}
.cell_color{
	float: left;
	margin-left:8px;
	width: 95px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 50px;
	margin-bottom: 5px;
}

.cell_color img{
	margin-top: 5px;
	border: 1px solid #000000;
}

.label_small_dark{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.td_bgmedium{
	background-color: #F7F7F7;
}

.label_small{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;

}

.tooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
display:none;
position:absolute;
display:none;
border:5px solid black; /*Border around tooltip*/
background:white;
z-index:3000;
}


.tooltip .status{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}

.img_tab td{
	border: none;
}
.co_200{
	margin: 3px;
	padding: 3px;
	float: left;
	width: 220px;
	border: 1px solid #999999;
}

/************************************* start ketchup**********************************************/
.ketchup-error-container {
  display: none;
  position: absolute;
  width: auto;
}

.ketchup-error-container ol {
	font-size: 12px;
	color: #111;
	background: #FFCC00;
	/*background: rgba(255, 0, 0, 0.6);*/
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #FF0000;
/*  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
  list-style: none;
  line-height: 16px;
}

.ketchup-error-container span {
  display: block;
  width: 0; 
  height: 0; 
  border-left: 0 solid transparent; 
  border-right: 15px solid transparent;
  border-top: 10px solid red;
  border-bottom: 0;
  margin-left: 10px;
}


/************************************* end of ketchup**********************************************/
.input_int_preise {
	font-size: 11px;
	color: #000000;
}

.input_int_preise input{
	color: #FF0000;
	background-image: none;
	border: none;
	text-align: right;

}
ul{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
li{
	margin: 0px;
	padding: 0px;
}

.hspacerline{
	height: 2px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;

}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	list-style-type: none;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	background-color: #F0F0F0;
}



.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #CCCCCC;
color: #2d2b2b;
background: white url(img/layout/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #000000;
}

.shadetabs li a.selected{
	position: relative;
	top: 1px;
	color: #000000;
}

.shadetabs li a.selected{
	background-image: url(img/layout/shadeactive.gif);
	border-bottom-color: white;
	color: #333333;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}

.shadetabs li a.selected:hover{
	text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/*---------------------------Boxes information ---------------------------*/
.BoxList{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	list-style-type: none;
}
.BoxList a,.BoxList a:link,.BoxList a:visited{
	background-image: url(img/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #FFFFFF;

}
.BoxListCurrent a,.BoxListCurrent a:link,.BoxListCurrent a:visited,.BoxList a:hover{
	background-image: url(img/icon_arrow_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFBE00;
	text-decoration: none;

}

.spacer{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EECD9E;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 9px;
}

ul.productThumbs {
	padding: 10px 0px 0px 0px;
	margin:0px;
	list-style-image: none;
	list-style-type: none;
}

ul.productThumbs li{
	display:inline;
	padding: 0px 0px 0px 0px;
	margin:0px 5px 0px 0px;
	width:70px;
	overflow:hidden;
	border: 1px solid #000000;
}

/*--------------------------------------------------------------------------------*/
.bidon{
	float: left;
	width: 600px;
	padding: 2px;
	color: #FF0000;
	background-image: url(img/header/header_5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #999999;
}