/*//////////////////////////////////////////////
//// GENERIC ELEMENT FORMATTING
//////////////////////////////////////////////*/
body{
	background: #CDCDCD;
	color:#4E4E4E;
	margin: 10px;
}
body,td,div,p{
	font-family: Verdana, sans-Serif; 
	font-size: 11px;
	font-weight: normal;
}
th{
	font-family: Verdana, sans-Serif; 
	font-size: 11px;
}
tfoot td{color: #A6A6A6}
img{border:0}
img.nopic{border:none}
/*img.thumb{}*/
a{color: #4B6887}
hr{
	width: 100%;
	height: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.site{
	width: 980px;
}
/*//////////////////////////////////////////////
//// PANES
//////////////////////////////////////////////*/
#pane-parent{
	width: 100%;
}
#pane-left{
	width: 187px;
	background: url('images/pane_links_hg.gif');
	padding-top: 0px;
}
#pane-body{
    width: 100%;
	padding-top: 0px;
}
#pane-right{
	width: 230px;
	padding-top: 0px;
	background: url('images/pane_rechts_hg.jpg');
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
}

/*//////////////////////////////////////////////
//// BREADCRUMB NAVIGATION
//////////////////////////////////////////////*/
#breadcrumb{
	padding-bottom: 3px;
	border-bottom: 1px solid #A6A6A6;
	font-weight: bold;
	}
#breadcrumb a{text-decoration:none; font-weight:normal}
#breadcrumb a:hover{text-decoration: underline;}
#breadcrumb span{font-weight: normal}

/*//////////////////////////////////////////////
//// TEXT FORMATTING
//////////////////////////////////////////////*/
.t-em{text-transform:uppercase}

/* Text Colors */
.tc-main{color:#000000}
.tc-maindark{color:#CCD8E6}
.tc-alt{color:#000000}
.tc-altdark{color:#CCD8E6}

/*//////////////////////////////////////////////
//// GENERIC LIST FORMATTING
//////////////////////////////////////////////*/
.list{table-layout:auto; width:100%}
.list-intro{padding:3px;padding-bottom:5px;text-align:center}
.list-footer{padding:3px;padding-bottom:5px;text-align:center}
.list-group{
	text-align:right; 
	background:#E2E2E2;
}
.list-item{}
.list-item-alt{background:#E2E2E2}
.list-item-border{border: 1px solid #436487}
.list-item-list-info{}
.list-item-partslist{
	background:#E2E2E2;
}
.list-item-partslist-header{
	font-weight:bold;padding:2px;
}
.list-item-partslist-item{
	padding:2px;
}
.list-item-hsep{
	background-image: url(images/hsep_default.gif);
	background-repeat:repeat-y;
	margin: 0 6px 0 6px;
	line-height: 1px;
	width: 3px;
	height: 100%;
	border: 0;
	padding: 0;
}
.list-item-vsep{
	background-image: url(images/vsep_default.gif) ;
	background-repeat:repeat-x;
	margin: 6px 0 6px 0;
	line-height: 1px;
	width: 100%;
	height: 3px;
}

/*//////////////////////////////////////////////
//// ATTRIBUTELIST FORMATTING
//////////////////////////////////////////////*/
/* [inherited from global.css] */

/*///////////////////////////////////////////////////
//// BANNER AREA (including level1-level3 navigation)
///////////////////////////////////////////////////*/
#topnav{
	position: relative; 
	width: 100%;
	height: 150px; 
	background: url('images/logo.jpg') left top no-repeat;
}

#topnav #clogo{
	position: absolute;
	left: 20px;
	top: 20px;
}

/*///////////////////////////////////////////////////
//// LEVEL 1 NAVIGATION
///////////////////////////////////////////////////*/
#nav-level1{
	text-align: right; 
	color: #FFFFFF;
	margin: 0px 5px 0px 0px; 
}
#nav-level1 a{
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	}
#nav-level1 a:hover{text-decoration: underline}
#nav-level1 span{padding:0px 8px 0px 8px}

/*///////////////////////////////////////////////////
//// LEVEL 2 AND LEVEL 3 NAVIGATION
///////////////////////////////////////////////////*/
#nav-top{
	width: 960px;
	position: relative;
	left: 10px;
	top: 103px;
	height: 35px;
	background: url('images/header_bg_3rd_level.gif') left 26px repeat-x; 
	border-bottom: 1px solid #E2E2E2;
}
#nav-level2{
	position: relative;
	background: url('images/level2_hg.gif');
	padding-left: 0px; 
}
#nav-level3{
	position: relative;
	margin-left: 0px;
	top: 5px;
	height: 20px;
	border-left: 1px solid #436487; 
	}
#nav-level3 a{
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 6px 0px 6px; 
	border-left:1px solid #E2E2E2; 
	border-right:1px solid #436487;
}
#nav-level3 a:hover{color: #E2E2E2}
#nav-level3 a.selected{
	height: 22px;
	color: #CCD8E6;
	border-left: none;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	background: #436487;
}
#nav-level3 span{
	display: block;
	float: left;
	width: 2px;
	height: 20px;
	border-left: 1px solid #EAEAEA;
	overflow: hidden;
}

/*////////////////////////////////////////////////////////////
//// FUNCTIONBAR FORMATTING (HOSTS QUICKSEARCH AND MINIBASKET
////////////////////////////////////////////////////////////*/
#functionbar{
     width: 960px;
	 height: 33px;
	 background: url('images/funkbar1.gif') repeat-x; 
}
#functionbar_akt{
     width: 960px;
	 height: 4px;
	 background: #F7941D; 
}

/*//////////////////////////////////////////////
//// MINIBASKET FORMATTING
//////////////////////////////////////////////*/
#minibasket{color: #000000; padding: 3px 5px 3px 10px}
#minibasket a{color: #000000}
#minibasket a:hover{color: #436487}

.minibasket-header{
	font-weight: bold;
	padding-left: 22px;
	background: url('images/ic_basket.gif') left center no-repeat;
}
.minibasket-value{font-weight: bold}
/*
.minibasket{}
.minibasket-caption{}
.minibasket-footer{}
*/

/*//////////////////////////////////////////////
//// SEARCHBAR FORMATTING
//////////////////////////////////////////////*/

#quicksearch{color: #000000; padding: 3px 10px 3px 5px}
#quicksearch form{display: inline}
#quicksearch input{vertical-align: middle; margin-right: 0px; width: 157px;}
#quicksearch a{color: #000000}
#quicksearch a:hover{color: #436487}

input.quicksearch-term{border: 1px solid #436487; padding: 1px}

/*///////////////////////////////////////////////////
//// SUBNAVIGATION (LEFTHAND)
///////////////////////////////////////////////////*/
#subnav{
	width: 187px;
	border-top: 1px solid #F7941D;
	border-right: 1px solid #F7941D;
	border-left: 1px solid #F7941D;
}
#subnav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#subnav li{
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#subnav li a, #subnav li a.expanded{
	display: block;
	text-decoration: none;
	padding: 3px 2px 3px 16px;
	/*position: relative;
	width: 100%;*/
	color: #1A3F68;
	border-bottom: 1px solid #F7941D;
	overflow: hidden;
}
#subnav li a:hover{background: #E2E2E2}
#subnav li a.expanded{
	font-weight: bold;
	text-transform: uppercase;
	background: url('images/bullet_navitem_exp.gif') 172px center no-repeat #E8CBA7;
	padding: 3px 15px 3px 3px;
}
#subnav li a.selected{
	font-weight: bold;
	background: url ('image:bullet_default@') 3px center no-repeat #E2E2E2;
}

/*
#subnav li a.haschildren{
	background: url ('images/bullet_default.gif') 155px center no-repeat;
}
#subnav li a.haschildren:hover{
	background: url ('images/bullet_default.gif') 155px center no-repeat #E2E2E2;
}
*/
#subnav li a.expanded:hover{background: url('images/bullet_navitem_exp.gif') 172px center no-repeat #E8CBA7; color:#436487}
#subnav li a.selected:hover{background: ('url images/bullet_default.gif') 3px center no-repeat #E8CBA7}

.container{
	border: 1px solid #A7ABB0;
	border-bottom: 0px;
}
.container-header{	background-color: #A7ABB0;	padding-bottom: 3px;}
.container-header a{
	text-decoration: none;
	padding: 3px 3px 3px 3px;
	color: #ffffff;
	font-weight: bold;
}
.container-row{
	width: 187px;
	height: 22px;
	border-top: 1px solid #FAF9F8;
	border-bottom: 1px solid #CACAC9;
	background-color: #EDEDED;
	padding: 0px;
}

.container-selected{
	background: #FAF9F8;
	font-weight: bold;
}

.container-row img{
	margin-left: 3px;
	margin-right: 3px;
}
.container-row a{
	text-decoration: none;
	height: 22px;
	padding: 2px;
	color: #4B6887;
	font-family: Tahoma;
    font-size: 8pt;
	font-weight: bold;
	display: block;
}
.container-row a:hover{	text-decoration: underline; background: #FAF9F8;}

/*//////////////////////////////////////////////
//// FOOTERBAR FORMATTING
//////////////////////////////////////////////*/
#footer{
	width: 980px;
	height: 125px;
	padding: 0px 0px;
	text-align: center;
	background: url('images/fuss_980_v5.jpg');
}
#footer *.t-weak{color:#A1B2C3}
#nav-footer a{
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	}
#nav-footer a:hover{text-decoration: underline}
#nav-footer span{padding:0px 8px 0px 8px; color: #CCD8E6}

.copyinfo{
	font-family: Tahoma;
	text-align: center;
	font-size: 11px;
    font-weight: bold;
    color: #EBEBEB;
    vertical-align: top;
}

/*//////////////////////////////////////////////
//// PAGINATOR
//////////////////////////////////////////////*/
#paginator{padding-top:5px; padding-bottom:5px}
#paginator a.pi, #paginator span{
	display: block;
	text-decoration: none;
	font-weight: bold;
	width: 24px;
	height: 24px;
	padding-top: 4px;
	padding-bottom: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 2px;
	float: left;
	background:url('images/button_paginator.gif') no-repeat
}
#paginator a.pi{background:url('images/button_paginator.gif') no-repeat}
#paginator a.pi:hover{background:url('images/button_paginator_pushed.gif') no-repeat}
#paginator span.pi-active{background:url('images/button_paginator_pushed.gif') no-repeat}
#paginator span.pi-ellipsis{background:url('images/button_paginator.gif') no-repeat}
#paginator a.pi-first, #paginator span.pi-first{}
#paginator a.pi-last, #paginator span.pi-last{margin-right: 0px}
#paginator img.pi-img-prev {display:inline; float:left}
#paginator img.pi-img-next{display:inline}

/*//////////////////////////////////////////////
//// CONTAINER FORMATTING
//////////////////////////////////////////////*/
.cnt-def{
	border: 1px solid #A7ABB0;
	width: 100%;	
}
.cnt-def_detail{
	border: 1px solid #A7ABB0;
	width: 99%;	
}
.cnt-def_norm{
	width: 100%;	
}
.cnt-def-header_detail{
	background: url('images/bg_cnt_def_header.gif') left top repeat-x #D0D1D3;
	color: #436487;
	font-weight: bold;
	border-bottom: 1px solid #A7ABB0;
	padding: 4px 4px 4px 10px;
}
.cnt-def-header_norm{
	background: url('images/bg_cnt_def_header.gif') left top repeat-x #D0D1D3;
	color: #436487;
	font-weight: bold;
	border: 1px solid #A7ABB0;
	padding: 4px 4px 4px 10px;
}
.cnt-def-header{
	background: #436487 url('images/bg_cnt_hilite_header.gif') repeat-x;
	color: #FFFFFF;
	border-bottom: 1px solid #436487;
	padding: 4px 4px 4px 4px;
	font-size : 11px;
	font-weight : bold;
}
.cnt-alt{
	border: 1px solid #F7941D;
	width: 100%;
}
.cnt-alt-kusnez{
	border: 1px solid #F7941D;
	width: 222px;
	margin-left : 8px;
}
.cnt-alt-header{
	background: url('images/bg_cnt_alt_header.gif') left top repeat-x #E8CBA7;
	color: #436487;
	font-weight: bold;
	border-bottom: 1px solid #F7941D;
	padding: 3px;	
}
.cnt-alt-body{
	/*
	color: #4E4E4E;
	font-weight: normal;
	padding: 0px;	
	*/
}
.cnt-simple{width: 100%;}
.cnt-simple-header{
	background: #FFFFFF;
	color: #4E4E4E;
	font-weight: bold;
	border-bottom: 1px solid #A7ABB0;
	padding: 3px;	
}
.cnt-hilite{
	border: 1px solid #436487;
	width: 100%;	
}
.cnt-hilite-header{
	text-align: center;
	background: #436487 url('images/bg_cnt_hilite_header.gif') repeat-x;
	color: #CCD8E6;
	border-bottom: 1px solid #436487;
	padding: 3px;	
}
.cnt-hilite-kusnez{
	width: 222px;
	margin-left : 8px;	
}
.cnt-hilite-header-kusnez{
	background: #436487 url('images/bg_cnt_hilite_header.gif') repeat-x;
	color: #FFFFFF;
	border-bottom: 1px solid #436487;
	padding: 4px 4px 4px 4px;
	font-size : 11px;
	font-weight : bold;
}
.cnt-body{padding: 0px}

/*////////////////////////////////////////////////
//// BASKET FORMATTING
////////////////////////////////////////////////*/
#basket{border-collapse:collapse; border-bottom: 1px solid #E2E2E2}

#basket thead th{
	background: #F7941D; 
	color: #000000; 
	border-bottom: 1px solid #436487
	}

#basket tbody td{border-bottom: 1px solid #E2E2E2}

#basket tfoot td{color:#000000; background:#F6F6F6}
#basket tfoot td.basket-summary{font-weight: bold}

table.basket-buttons{margin: 10px 0px 10px 0px}
#cnt-def table.basket-buttons td, #cnt-alt table.basket-buttons td, #cnt-hilite table.basket-buttons td{padding: 0px 5px 0px 5px}

#product_price{
	font-size: 16pt;
	color: #F7941D;
}
.t-price-list{
	font-size: 16px;
	color: #F7941D;
}

/*////////////////////////////////////////////////
//// kusnez FORMATTING
////////////////////////////////////////////////*/
P{
    margin-top: 0px;
    margin-bottom: 7px;
    }
.page-title{
    font-size : 11pt;
    font-family: Tahoma;
}
.aktuell{
	color: #E2E2E2;
	text-align: left;
	padding-left: 10px;
	font-size : 9px;
	font-weight : bold;
	width : 190px;
}
A.FOOTERNAV:hover{
    color: #F7941D;
    }
A.FOOTERNAV:active{
    color: #F7941D;
    }
A.FOOTERNAV{
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: underline;
    color: #EBEBEB;
    }
a.faq:link, a.faq:visited{
	font-family: Tahoma;
	color: #B4B4B4;
	text-decoration: underline;
	font-size : 8pt;
}
a.faq:active, a.faq:hover{
	color: #F7941D;
}
#catlink{
	font-size : 0px;
	width : 190px;
}
.listorange{
	list-style-image : url(images/punkt_orange8.gif);
	margin-left : 16px;
	list-style-position : outside;
	padding-bottom : 5px;
}
.listorangeweis{
	list-style-image : url(images/punkt-pi_orange8.gif);
}
.listlangtext{
	list-style-image : url(images/punkt-pi_orange8.gif);
	padding-bottom : 5px;
	list-style-position : outside;
	margin-left : 16px;
}
#pluspunkte{
	background-color : #DEE7F5;
	width : 150px;
	border-top : 1px solid #4B6887;
	border-left : 1px solid #4B6887;
	border-right : 1px solid #4B6887;
	float : left;
	margin-top : 0px;
	margin-bottom : 10px;
	margin-right : 10px;
}
.pluspunkttitel{
	padding : 3px;
	border-bottom : 1px solid #4B6887;
	margin : 0px;
	font-weight : bold;
	color : #4B6887;
}
.listpluspunkt{
	list-style-image : url(images/pluspunkt.gif);
	list-style-position : inside;
	padding : 3px;
	border-bottom : 1px solid #4B6887;
}
.ohnelistpluspunkt{
	list-style-position : inside;
	padding : 3px;
	border-bottom : 1px solid #4B6887;
	list-style-image : url(images/pluspunkt_leer.gif);
}
#komfortstufe{
	margin-top : 0px;
	text-align : justify;
}
.komfortstufetitel{
	border-bottom : 1px solid #FFFFFF;
	margin : 0px;
	font-weight : bold;
	color : #4B6887;
	padding-left : 0px;
	padding-top : 3px;
	padding-bottom : 3px;
}
.partnerbild{
	float : left;
	width : 110px;
}
.partnertext{
	font-size : 8pt;
	text-align : justify;
	width : 100%;
}
a.partner:link, a.partner:visited{
	font-family: Tahoma;
	color: #648CB4;
	text-decoration: underline;
	font-size : 8pt;
}
a.partner:active, a.partner:hover{
	color: #646464;
}
a.kusnez:link, a.kusnez:visited{
	color: #646464;
	font-size : 8pt;
	text-decoration : underline;
	font-weight : lighter;
}
a.kusnez:active, a.kusnez:hover{
	color: #000000;
}
#bicobilder{
	width : 180px;
	float : left;
	margin-right : 20px;
}
.listbicozahl{
	list-style-position : inside;
	margin-left : 0px;
	list-style-type : decimal;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-bottom : 3px;
}
.listbicobuch{
	margin-left : 0px;
	list-style-type : upper-alpha;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-bottom : 3px;
	list-style-position : inside;
}
.listbicoorange{
	padding-bottom : 3px;
	list-style-position : inside;
	list-style-type : disc;
}
.microclean{
	padding : 3px;
	border : 1px solid #4B6887;
	font-size : 8pt;
}
.bicohaerte{
	margin-bottom : 0px;
	margin-top : 5px;
}
.softub-grau {
	font-size: 11px;
	color: #003366;
	background-color: #EDECE9;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	border: 1px solid #999999;

}
.softub-weiss {
	font-size: 11px;
	color: #003366;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	border: 1px solid #999999;
}
a.kontakt:link, a.kontakt:visited{
	font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #E18326;
}
a.kontakt:active, a.kontakt:hover{
	text-decoration: underline;
}
#softubbilder{
	float : left;
	margin-right : 20px;
}

.preishintergrund {
width:230px;
padding: 2px;
text-align:right;
white-space:nowrap
/*
background: #E2E2E2;
border: 1px solid #F7941D
*/
}
.gratis {
color: #F7941D; 
font-weight:bold; 
font-size: 8pt}

#product_original_price {
font-size: 8pt;
font-family: Verdana, sans-Serif; 
color: #436487;
font-weight:bold
}
.alterpreisprefix{
font-size: 8pt;
color: #436487
}

.neuerpreisprefix{
font-size: 10pt;
color: #F7941D
}

.versandkosten, .versandkosten a {
font-size: 8pt;
color: #A7ABB0
}

.tab-bg {background: url(images/tab_bg.gif) left top repeat-x}
.tabbody {border: 1px solid #A7ABB0; border-top: 0px; padding: 5px}