/*******************************************
WARENKORB
*******************************************/
/*
PAGES
- 

*/


/**********************
BULLET LIST SUPPORT
**********************/	

ul.wk_support li{
	
	background:url(../IMG/Icon/punkt_grau_16.gif) top left no-repeat;
	padding:0px 0px 0px 22px;
	margin:0px 0px 15px 0px;
	
	}



/**********************
WARENKORB SMALL - oben rechts
**********************/	

#wk_small{
	
	overflow:hidden;
	
	width:179px;
	border-left:1px solid #000;
	height:112px;
	
	}

#wk_small .wk_top{
	
	height:82px;
	position:relative;
	
	padding-left:45px;
	
	}

#wk_small .wk_top .wk_bullet{
	
	position:absolute;
	top:7px;
	left:15px;
	
	width:16px;
	height:16px;
	background:url(../IMG/Icon/pfeil_sw_rechts_16.gif) top left no-repeat;
	
	}

#wk_small .wk_top .wk_label{
	
	padding-top:8px;
	
	}


#wk_small .wk_bottom{
	
	height:30px;
	position:relative;
	
	padding-left:45px;
	
	}
	
#wk_small .wk_bottom .wk_bullet{
	
	position:absolute;
	top:7px;
	left:15px;
	
	width:16px;
	height:16px;
	background:url(../IMG/warenkorb_nobg.png) top left no-repeat;
	
	}

#wk_small .wk_bottom .wk_label{
	
	padding-top:8px;
	
	}
	
#wk_small .wk_bottom #wk_counter{
	
	font-weight:normal;
	color:#fff;
	
	}
	
	
/**********************
WARENKORB - PRODUCT COUNTER
**********************/		
	
#wk_product_counter table{
	
	padding:0px;
	margin:0px;
	border-collapse: collapse;

	height:1%;
	
	}


#wk_product_counter table td{
	
	padding-right:10px;
	vertical-align:middle;

	}
	
#wk_product_counter table td.count{
	
	padding-top:1px;
	
	}


/*******************************************************************
PROCESS FUNNEL
*******************************************************************/	
.pf_margin{
	
	padding:20px;
	
	}


#wk_process_funnel{
	
	padding-bottom:1px;
	border-bottom:1px solid #000;
	
	margin-bottom:25px;
	
	}
	
#wk_process_funnel table{
	
	table-layout:fixed;
	
	padding:0px;
	margin:0px;
	border-collapse: collapse;

	height:1%;
	width:100%;
	
	}
	
#wk_process_funnel table td{

	height:30px;
	overflow:hidden;
	
	background:#a5acb2 url(../IMG/pf_arrowright_grey.png) top right no-repeat;
	
	white-space:nowrap;
	}

/*Ausrichtung Labels*/
#wk_process_funnel table td p{
	
	margin-left:20px;
	padding-top:7px;
	padding-right:10px;
	
	}



/*NORMAL*/
/*FIRST and MIDDLE*/
#wk_process_funnel td .pf_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#a5acb2 url(../IMG/pf_arrowleft_grey.png) top right no-repeat;
	
	}

#wk_process_funnel td .pf_no_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#a5acb2;
	
	}

/*LAST*/
#wk_process_funnel table td.pf_last{
	
	background:#a5acb2;
	
	}

/*ACTIVE*/
/*FIRST and MIDDLE ACTIVE - YELLOW*/
#wk_process_funnel table td.pf_active{
	
	background:#ffff00 url(../IMG/pf_arrowright_yellow.png) top right no-repeat;
	
	}
	
#wk_process_funnel td.pf_active .pf_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#ffff00 url(../IMG/pf_arrowleft_yellow.png) top right no-repeat;
	
	}

#wk_process_funnel td.pf_active .pf_no_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#ffff00;
	
	}

/*LAST ACTIVE - ORANGE*/	
#wk_process_funnel table td.pf_active_last{
	
	background:#e15415;
	
	}

#wk_process_funnel td.pf_active_last .pf_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#e15415 url(../IMG/pf_arrowleft_orange.png) top right no-repeat;
	
	}

#wk_process_funnel td.pf_active_last .pf_no_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#e15415;
	
	}

#wk_process_funnel table td.pf_active_last p{
	
	color:#fff;
	
	}


/*******************************************************************
1. PRODUKTKONFIGURATION
*******************************************************************/		

.wk_prodconfig{
	
	
	
	}

.wk_top_info{
	
	padding:10px;
	margin-bottom:30px;
	
	}

.wk_top_info .wk_left{
	
	float:left;
	/*width:175px;*/
	
	}
	
.wk_top_info .wk_right{
	margin-left:25px;
	float:left;
	width:430px;
	
	}
	
.wk_top_info .wk_right .wk_checkmark_big{

	float:left;
	width:64px;
	height:64px;
	margin-right: 25px;
	background:url(../IMG/Icon/hacken_orange_64.gif) top left no-repeat;
	
	}
		
.wk_prodconfig .wk_top_info #wk_confirm_service .wk_checkbox{
	
	float:left;
	width:23px;
	overflow:hidden;
	
	}

* html .wk_prodconfig .wk_top_info #wk_confirm_service .wk_checkbox{
	
	width:21px;

	}

.wk_prodconfig .wk_top_info #wk_confirm_service .wk_text{
	
	padding-top:1px;
	margin-left:23px;
	
	}
	
* html .wk_prodconfig .wk_top_info #wk_confirm_service .wk_text{
	
	margin-left:21px;
	height:1%;
	
	}
	
	
	

.wk_bottom .wk_back{
	
	float:left;
		
	}
	
.wk_bottom .wk_for{

	float:right;
	
	}
	
/*******************************************************************
2. PRODUKTINFORMATION
*******************************************************************/


.wk_prodinfo{
	
	
	
	}
	
.wk_prodinfo .wk_container{
	
	float:left;
	width:225px;
	
	padding-left:25px;
	padding-top:1px;
	
	}

	
.wk_prodinfo .wk_cont_prod{
	
	background:url(../IMG/Icon/hacken_gelb_16.gif) top left no-repeat;
	
	}
	
.wk_prodinfo .wk_cont_service{
	
	background:url(../IMG/Icon/plus_gelb_16.gif) top left no-repeat;
	
	}

/*******************************************************************
3. IN DEN WARENKORB
*******************************************************************/	
.wk_in_den_warenk{
	
	position:relative;
	
	}
	
	

.wk_in_den_warenk .wk_top_info{
	
	margin-bottom:20px;
	
	}
	
.wk_in_den_warenk .wk_top_info .wk_right{
	
	/*width:430px;*/
	
	padding-top:30px;
	/*margin-left:280px;*/
	
	}

.wk_in_den_warenk .wk_carrousel_heading{
	
	overflow:hidden;
	margin-bottom:5px;
	
	}

.wk_in_den_warenk .wk_carrousel_heading p{

	padding:3px;
	
	
	}


/*******************************************************************
RIGHT SIDEBAR
*******************************************************************/

.rs_bar{
	
	background:url(../IMG/sidebar_bg.gif) top left repeat-y;
	
	}
	
.rs_bar .wk_container{
	
	padding:10px;
	margin-bottom:5px;
	
	}

.rs_bar .wk_container h4{
	
	padding-bottom:15px;
	
	}


.rs_bar .wk_recently_added{

	background:#fbe6dc;
	border:1px solid #e15415;
	/*border-top:none; mit border sieht besser aus JWE */
	
	}

.rs_bar .wk_recently_added .wk_price{
	
	text-align:right;
	float:right;
	width:50px;
	
	}

.rs_bar .wk_recently_added .wk_info{
	
	margin-right:50px;
	
	}
	
.rs_bar .wk_recently_added input{
	
	float:right;
	
	}
	
	
	
	
.rs_bar div.wk_support{
	
	border:1px solid #b3babf;
	
	}




/*******************************************************************
4. WARENKORB und zur KASSE
*******************************************************************/		

#wk_warenkorb_big{
	
	padding:30px;
	
	}


/*
Tabellarische Artikelliste
*/	
#wk_warenkorb_big table.list{
	
	table-layout:fixed;
	width:100%;
	
	padding:0px;
	margin:0px;
	border-collapse: collapse;

	height:1%;
	
	border:1px solid #e15415;
	
	
	
	}

/*Kopfzeile*/
#wk_warenkorb_big table.list th{
	
	vertical-align:middle;
	height:30px;
	padding-right:10px;
	
	text-align:right;
	
	}

/*Formatierungen Zellen in Kopfzeile*/

/*Col1 - Artikel*/
#wk_warenkorb_big table.list th.wk_articles{
	
	text-align:left;
	padding-left:10px;
	
	}

/*Col2 - Anzahl*/
#wk_warenkorb_big table.list th.wk_counter{
	
	padding-right:37px;
	
	}

/*Col3 - Einzelpreis*/
#wk_warenkorb_big table.list th.wk_price2{
	
	padding-right:10px;
	
	}
	
/*Col4 - Gesamtpreis*/
#wk_warenkorb_big table.list td.wk_price2, #wk_warenkorb_big table.list td.wk_price1{
	
	padding-top:25px;
	text-align:right;
	
	}



/*Zellen*/	
#wk_warenkorb_big table.list td{
	
	padding:15px 10px;
	border-bottom:1px solid #a5acb2;
	vertical-align:top;
	
	}

/*Letzte Zeile ohne Trennstrich*/
#wk_warenkorb_big table.list tr.wk_last_row td{
	
	border-bottom:none;
	
	}


/*******************
ZELLE ARTIKEL
*******************/
#wk_warenkorb_big .wk_article_container{}


/*Progressive Disclosure Triangle - Default geschlossen*/
#wk_warenkorb_big .wk_article_container .wk_pd_triangle{
	
	float:left;
	width:16px;
	height:16px;
	
	margin-top:10px;
	background:url(../IMG/Icon/pfeil_gelb_rechts_16.gif) top left no-repeat;
	
	/*cursor:pointer;*/
	
	}

/*Progressive Disclosure - OPEN*/
#wk_warenkorb_big .wk_article_container .wk_pd_open{background:url(../IMG/Icon/pfeil_gelb_unten_16.gif) top left no-repeat;}

/*Progressive Disclosure - CONTAINER - default geschlossen - removeClass für show*/
#wk_warenkorb_big .wk_article_container .wk_ai_hidden{display:none;}


/*Produktabbildung*/
#wk_warenkorb_big .wk_article_container .wk_product_sample_small{
	
	float:left;
	width:88px;
	height:88px;
	text-align:center;
	margin-left:15px;
	margin-right:15px;
	display:inline;
	
	overflow:hidden;
	
	}

/*Produkttext*/
#wk_warenkorb_big .wk_article_container .wk_product_text{
	
	padding-top:10px;
	margin-left:134px;
	
	}

/*ie6 hack - Formatierungen*/
* html #wk_warenkorb_big .wk_article_container .wk_product_text .wk_additional_information{
	
	margin-left:3px;
	
	}


* html #wk_warenkorb_big .wk_article_container .wk_product_text p{
	
	height:1%;
	
	}



/*******************
ZELLE ANZAHL
*******************/
#wk_warenkorb_big .wk_anzahl_container{
	
	margin-top:9px;
	
	}

#wk_warenkorb_big .wk_anzahl_container .wk_icon{
	
	float:right;
	display:inline;
	width:16px;
	height:16px;
	margin-top:1px;
	
	cursor:pointer;
	
	}

/*One Click Action - Snych*/
#wk_warenkorb_big .wk_anzahl_container .wk_synch{
	
	background:url(../IMG/Icon/sync_gelb_16.gif) top left no-repeat;
	margin-left:10px;
	
	}

/*One Click Action - Eingabe Anzahl*/
#wk_warenkorb_big .wk_anzahl_container input{
	
	float:right;
	display:inline;
	margin-left:25px;
	
	}

/*One Click Action - Löschen*/
#wk_warenkorb_big .wk_anzahl_container .wk_delete{
	
	background:url(../IMG/Icon/muelleimer_gelb_16.gif) top left no-repeat;
	margin-left:15px;
	
	}

/*One Click Action - Einstellungen*/
#wk_warenkorb_big .wk_anzahl_container .wk_details{
	
	background:url(../IMG/Icon/einstell_gelb_16.gif) top left no-repeat;
	
	}
	
	
	

/*******************
FOOOTER
*******************/
	
	
#wk_warenkorb_big .wk_footer{
	
	margin-top:2px;
	margin-bottom:25px;
	
	}

#wk_warenkorb_big .wk_footer .wk_hinweis{
	
	padding-top:15px;
	margin-left:25px;
	
	}

/*Preis - Zusammenfassung*/

#wk_warenkorb_big .wk_footer .wk_summary{
	
	float:right;
	width:250px;
	border:1px solid #e15415;
	padding:10px;
	
	}
	

#wk_warenkorb_big .wk_footer .wk_summary table{
	
	table-layout:fixed;
	
	padding:0px;
	margin:0px;
	border-collapse: collapse;

	height:1%;
	width:100%;
	
	}


#wk_warenkorb_big .wk_footer .wk_summary tr.wk_overall_price td{
	
	padding-top:20px;
	
	}

	
#wk_warenkorb_big .wk_footer .wk_summary .wk_price{text-align:right;}

/*******************
Eigenes CSS
*******************/

.wk_top_info .wk_complete{
	
}

.wk_top_info .wk_float{

	float:left;
	margin-right:50px;
}

.wk_bottom .wk_back_neu{
	
	float:left;
	padding-left:300px;
		
	}
	

.wk_bottom .wk_for_neu{

	float:right;
	padding-right:300px;
	
	}
