/* 
				Name:	Sebastian Klöpper
				Date:	NOV 2007
------------------------------------------------------------------

__________________01. GLOBAL - Headlines, icons, hyperlinks, container and logo

__________________02. HEADER
______________________02.a search
______________________02.b breadcrumb

__________________03. HEADER NAVIGATION
______________________03.a shopnavigation - basket, notepad, myaccount...
______________________03.b main navigation - maincategories

__________________04. CONTENT COLS - left, center and right col
______________________04.a content navigation
___________________________04.a.1 main navigation - maincategories
___________________________04.a.2 sub navigation - subcategories, servicenav

______________________04.b CONTENT PAGES 
___________________________04.b.1 boxes - article boxes, last viewed, supplier, topseller...
___________________________04.b.2 article boxes - 3 cols, 4 cols, icons as new,top....
___________________________04.b.3 article detail page - rating, variants etc.
___________________________04.b.4 article listings

___________________________04.b.5 basket page
___________________________04.b.6 crosselling page
___________________________04.b.7 notepad page

___________________________04.b.8 register steps (checkout - orderprocess)
__________________________________04.b.8.1 forms, input, select etc. 
__________________________________04.b.8.2 login page
__________________________________04.b.8.3 order confirm - sale and my account page

___________________________04.b.9 search

__________________05. FOOTER

------------------------------------------------------------------*/


/* 01. GLOBAL
------------------------------------------------------------------*/
/* Reset */
html, body, div, p, h1, h2, h3, h4, ul, ol, li, span, a, table, td, form, fieldset, img {
    border: 0;
    margin: 0;
    padding: 0;
	list-style: none;
}
body {
	font: 62.5%/140% Arial,Verdana, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	background: #ccc url(../img/body.jpg) left top repeat-x;
	background-attachment: fixed;
}
.fixfloat {height:1px;font-size: 0;line-height: 0;clear: both;}
.hidden {display: none;}

/* Headlines */
h1, h2, h3 {
	font: 13px Arial, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	color: #000; 
}
div.col_center_custom h1,div.order_col1 h1,div.order_col1 h2,div.order_col2 h1,div.order_col2 h2, div.col_center_custom h2, div.col_center_custom h3 {
	font: 13px/14px Arial, tahoma, verdana, sans-serif; 
	color: #412102;
	margin:15px 0px 5px 0;
	font-weight: bold;
}
h1.headline {
	font: 13px/14px Arial, tahoma, verdana, sans-serif; 
	color: #412102;
	margin:0 0 10px 0;
	font-weight: bold;
}
h4 {font: 10px/14px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #333333;font-weight: bold;}
h2.blue {color: #412102; font: 14px/14px Arial, tahoma, verdana, sans-serif;font-weight: bold; }
div.subheadline {
	background-color: #fff;
	border: 1px solid #412102;
	padding: 10px 0 10px 40px;
	color: #000;
	font-weight: bold;
	font: 18px/18px Arial, tahoma, verdana, sans-serif;
	width: 767px;
	width: 674px;
	float: left;
}

/* 1px line horizontal */
.horline { clear: both; height:10px; border-bottom: 1px solid #dfdfdf;}
.horline_white { clear: both; margin: 0 0 15px 0; height:15px; border-bottom: 1px solid #fff;}
.horline2 { clear: both; margin: 0 0 3px 0; height:3px; border-bottom: 1px solid #dedede; }
.horline3 { clear: both; margin: 0 0 3px 0; height:3px; border-bottom: 1px solid #dedede; width:520px;}
.horline4 { clear: both; margin: 0 0 3px 0; height:3px; border-bottom: 1px solid #c1c1c1; }

/* Hyperlinks */
a:link {color:#000; text-decoration:none;outline: none;}
a:visited {color:#000; text-decoration:none;outline: none;}
a:hover {color:#412102; text-decoration:underline;outline: none;}
a:active {color:#000; text-decoration:none;outline: none;}

/* Icons */
a.ico {padding: 0 0 0 25px;}
a.comment {
	background: url(../img/ico_comment.gif) no-repeat 2px 0;
	color: #505050;
	height: 25px;
	width:130px;
	padding: 0 0 0 35px;
	margin: 20px 0 0 0;
	display: block;
	line-height: 12px;
	font-weight: bold;
	font-size: 10px;	
}
a.comment:hover { color:#0574bd; }
a.del {background: url(../img/ico_del.gif) no-repeat;display: block;height: 22px;width:22px;}
a.email {background: url(../img/ico_email.gif) no-repeat;}
a.link {background: url(../img/ico_arrow3.gif) no-repeat 0 2px; font-weight: bold; color: #666; }
a.cat {background: url(../img/ico_arrow6.gif) no-repeat 0 0px; font-weight: bold; color: #666; padding: 0 0 0 20px; height:18px;}
a.killfilter {background: url(../img/ico_arrow7.gif) no-repeat 0 0px; font-weight: bold; color: #666; padding: 0 0 0 20px; height:18px;}



/* Container - logo*/
div#container {
	position: relative;
	font-size: 1.1em;
	line-height: 1.6em;
	width: 974px;
	width: 985px;
	text-align: left;
	margin: 0px auto;
	padding-bottom: 115px;
	padding-bottom: 20px;
	background: url(../img/container_bg.png) left top no-repeat;
	z-index: 2;
}
div#container h1#logo {
	position: absolute;
	left: 0;
	top:10px;
	width: 157px;
	height: 51px;
	margin: 0;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9999px; 
	overflow: hidden; 
}

div#container h1#logo a {
	display: block;
	height: 51px;
}

/* LANGUAGES */
div.languages {position:relative; width:110px; height: 10px; text-align: right; margin-top:6px; margin-left: 62px; float: left; }
.flagde {background: url(../img/de.gif) no-repeat; width:16px; height:11px; display:block; float:left; margin-right:10px; border-style:none;}
.flagen {background: url(../img/gb.gif) no-repeat; width:16px; height:11px; display:block; float:left; margin-right:10px;}
.flagfr {background: url(../img/fr.gif) no-repeat; width:16px; height:11px; display:block; float:left; margin-right:10px;}



/* tagcloud
------------------------------------------------------------------*/
div.tagcloud { font-face: Arial, Geneva, Arial, Helvetica, sans-serif;padding:15px 0 0px 0; margin:0; width: 149px;text-align: justify; line-height: 10px; background-color: #fceec1;}
div.tagcloud_cap { height: 11px; margin-top: 5px;}

div.tagcloud_promotion { padding:15px 15px 0px 0px; margin-top: 15px; text-align: justify; line-height: 18px;border-top:2px solid #faf8e9; }
div.tagcloud_promotion_cap { height: 11px; margin-top: 5px;}

div.tagcloud a {
	margin: 4px;
	padding: 0;
	text-decoration: none;
	white-space: nowrap;
	line-height:10px;
	text-align: center;
}
div.tagcloud_promotion a {
	margin: 4px;
	padding: 0;
	text-decoration: none;
	white-space: nowrap;
	line-height:10px;
	text-align: center;
}
div.tagcloud a:hover, div.tagcloud_promotion a:hover {
	text-decoration: underline;
}
div.tagcloud a.tag0, div.tagcloud_promotion a.tag0 {
	font-size:10px;
	line-height: 10px;
	color: #999;
	text-align: center;
}
div.tagcloud a.tag1, div.tagcloud_promotion a.tag1 {
	font-size:12px;
	line-height: 10px;
	color: #666;
	font-weight: bold;
	text-align: center;
}
div.tagcloud a.tag2, div.tagcloud_promotion a.tag2 {
	font-size:11px;
	line-height: 14px;
	color: #666;
	text-align: center;
}
div.tagcloud a.tag3, div.tagcloud_promotion a.tag3 {
	font-size:16px;
	line-height: 15px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

/* 02 HEADER
------------------------------------------------------------------*/
/* 02.a search
------------------------------------------------------------------*/
div#searchcontainer {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 230px;
	height: 30px;
	background-color:#ffc96b;
	padding-top:5px;
}
#submit_search {
}

form#searchform input#searchfield {
	font-size: 10px;
	padding: 3px 0 0 7px;
	width: 100px;
	color: #666;
	border: 1px solid #412102;
	height: 21px;
	margin: 2px 0px 0 5px;
}
#header_links {color:#999; position: absolute; top:5px; left: 460px; font-size: 11px;}
#header_links a{color:#999;}

/* 02.b breadcrumb
------------------------------------------------------------------*/
div#breadcrumb {
	margin: 0;
	padding: 5px 0 0 1px;
	height: 20px;
	color: #999;
	font-size: 10px;
}
div#breadcrumb a { color:#999; }
div#breadcrumb a.last { color:#412102; font-weight: bold;}


/* 03. HEADER NAVIGATION
------------------------------------------------------------------*/
/* shopnavigation - basket, notepad, myaccount... */
div#shopnav {
	position: absolute;
	top: 30px;
	left: 250px;
	padding: 0;
	width: 450px;
	height: 30px;
	z-index: 1;
	color: #fff;
}
div#shopnav ul {list-style: none;}
div#shopnav ul li {
	float: left;
	width: 95px;
	height: 45px;
	font-weight: bold;
	line-height: 1.4em;
}
div#shopnav ul li a {display: block; color: #666; font-size: 11px;}
div#shopnav ul li.mybasket {
	text-align: right;
	margin: 0 35px 0 0;
	background: url(../img/bt_warenkorb.gif) 0 0 no-repeat;
	width: 102px;
}
.basket_active {
background-color:#ECE3D8;
margin-left: 39px;
margin-bottom: 5px;
padding-bottom: 5px;
color:#447822;
text-align:center;
font-size: 10px;
background: url(../img/basket_active.gif) 0 0 no-repeat;
}


div#shopnav ul li.mybasket a { width: 102px; height: 20px;}
div#shopnav ul li.mypage {
	text-align: right;
	margin: 0 35px 0 0;
	width: 93px;
	background: url(../img/bt_merkzettel.gif) 0 0 no-repeat;
}
div#shopnav ul li.mypage a { width: 100px; height: 40px; }
div#shopnav ul li.myaccount {
	width: 100px;
    text-align: right;
	background: url(../img/bt_meinkonto.gif) 0 0 no-repeat;
}
div#shopnav ul li.myaccount a { width: 100px; height: 40px; }


div#navigation { 
	position: relative; 
	bottom: 0;
	width: 985px;
	height:22px;
	background: url(../img/menu_bg.png) 1px top repeat;
	z-index: 100px;
}
/*div#navigation ul { padding-left: 195px; padding-top: 1px; margin-top: 0; margin-bottom: 0; padding-bottom: 0;}

div#navigation ul li { 
	display:block;
	float: left; 
	padding: 0; 
	background-color:#FFF;
	border-left: 1px solid #fff;
	height:21px;
	padding: 0 0 0 0px; 
}
div#navigation ul li.active { 
	background-color:#FF6600;

}
div#navigation ul li a {
	display: block; 
	height: 14px; 
	color: #412102; 
	font-weight: bold; 
	text-decoration: none; 
	padding: 4px 5px 3px 5px;´´
	font-size: 11px;
	text-transform: uppercase;
}
div#navigation ul li a:hover { 
	color: #412102;
	background-color:#ece3d8;
}

div#navigation ul li a.active { 
	background-color:#ece3d8;
	color: #412102;
}
/* Suckerfish */
#nav, #nav ul {
	padding: 0;
	padding-left: 55px;
	margin: 0;
	padding-top: 1px;
	list-style: none;
}
#nav ul { padding: 0; }

#nav a {
	display: block;
	/*width: 60px;*/
	font-size: 11px;
	text-transform: uppercase;
	height: 13px; 
	color: #412102; 
	font-weight: bold; 
	text-decoration: none; 
	text-align: left;
	padding: 4px 5px 3px 5px;´´


}
#nav a:hover {
	color: #412102;
	background-color:#ece3d8;
}
#nav li {
	float: left;
/*	width: 60px;*/
}
#nav li:hover, #nav li.hover {  
     position: static;  
}
#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	border-left: 1px solid #412102;
	border-right: 1px solid #412102;
	border-bottom: 1px solid #412102;

}
#nav li ul li {
	width: 200px;
}
#nav li ul li a {
	width: 190px;
	text-align: left;
	background-color: #ece3d8;
	border-top: 1px solid #412102;
}
#nav li ul li  a:hover {
	color: #412102;
	background-color:#fff;
}
#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}



/* 04. CONTENT COLS - left, center and right col
------------------------------------------------------------------*/
div#content { margin: 0; }

/* content left
------------------------------------------------------------------*/
div#content #left {
	float: left;
	width: 144px;
	margin: 10px 0px 0 45px;
}
.leftbox login{
	width:144px;
	height:auto;
}
body#hideLeft div#content #left { display:none; }
body#hideLeft div#center {
	width: 777px;
	width: 725px;
}
/* content center
------------------------------------------------------------------*/
div#content #center {
	width: 533px;
	float: left;
	margin-top:10px;
}
body#hideRight div#content #center {
	width: 817px;
	width: 533px;
	width: 717px;
}

body#hideRight div#content #center_start {
	width: 817px;
	padding-bottom: 50px;
	width: 533px;
}
/* content right
------------------------------------------------------------------*/
div#content #right {
	width: 179px;
	float: right;
	margin-right: 69px;
	margin-top: 10px;
}
div#content #right_kats {
	width: 179px;
	float: right;
	margin-right: 69px;
	margin-top: 10px;
}
	div#right object,
	div#right_kats object {
		margin: 0px 0 3px 2px;
		z-index: 90;
	}
	div#superbannercase {
		position:relative;
		width:180px;
	}
	div#superbanner1 {
		float: right;
		position: relative;
		width: 100%;
	}
/* right and center cases
------------------------------------------------------------------*/
div.col_center {
	float:left;
	width:540px;
	height:auto;
}
div.col_center2 {
	float: left;
	width: 777px;
	margin: 0;
}
div.col_center2 {
	float: left;
	width: 660px;
	margin: 0 0 0 54px; 
}
div.col_center_listing {
	float: left;
	width: 730px;
	margin: 0 15px 0 0;
}
div.col_center_container {
	float: left;
	width: 668px;
	margin: 0 0 0 0;

}
div.col_center_custom_order, 
div.col_center_custom {
	float: left;
	width: 647px;
	width: 653px;
	margin: 2px 15px 1px 3px;
	padding: 40px 20px 40px 40px; 
	font-size:11px; 
	color: #666;
	line-height:18px;
	background-color: #fff;
	border: 1px solid #412102;
}
div.col_center_custom_order {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 16px;
	color: #412102;
	width: inherit;
	float: none;
	width: 798px;
}
div.col_center_custom strong { margin: 5px 0 10px 0; }
div.col_right1 {
	float: left;
	width: 180px;

}
div.col_right2 {
	float: right;
	width: 189px;
	margin: 0px 71px 0 0;
}

/* 04.a content navigation
------------------------------------------------------------------*/
/* 04.a.1 main navigation - maincategories
------------------------------------------------------------------*/
/*
ul#mainbuttons { list-style: none; margin: 5px 0 0 10px; width: 127px;}
ul#mainbuttons li { margin: 5px 0 0 0; padding: 0; }
ul#mainbuttons li a { display:block; padding: 0; width: 127px; height: 30px; border-bottom: 1px solid #ccc;}
*/

ul#mainbuttons { padding: 0 1px 0px 1px; margin: 0; }
ul#mainbuttons li { border-bottom: 1px solid #d1d1d1; }
ul#mainbuttons li a { font-size: 11px; font-weight:bold; display: block; padding: 7px 3px 7px 25px; color: #412102; background: #f6f6f6 url(../img/ico_arrow1.gif) no-repeat 5px 10px; }
ul#mainbuttons li a:hover { text-decoration: none; color:#412102; background:#daf0f2 url(../img/ico_arrow_hover.gif) no-repeat 5px 10px; }
ul#mainbuttons li a.active { font-weight: bold; color:#412102; background:#ffefcb url(../img/ico_arrow_active.gif) no-repeat 5px 7px; border-bottom: 1px solid #d1d1d1; }
ul#mainbuttons li a.flag { color:#412102; font-weight: bold; }




/* 04.a.1 sub navigation - subcategories
------------------------------------------------------------------*/
div.box3 ul#submenu { padding: 0 1px 0px 1px; margin: 5px 0 0px 0; }
div.box3 ul#submenu li { border-bottom: 1px solid #d1d1d1; }
div.box3 ul#submenu li a { font-size:11px; display: block; padding: 7px 3px 7px 25px; color: #505050; background:#f6f6f6 url(../img/ico_arrow1.gif) no-repeat 5px 7px; }
div.box3 ul#submenu li a:hover { text-decoration: none; color:#412102; background:#daf0f2 url(../img/ico_arrow_hover.gif) no-repeat 5px 7px; }
div.box3 ul#submenu li a.active { font-weight: bold; color:#412102; background:#ffefcb url(../img/ico_arrow_active.gif) no-repeat 5px 7px; border-bottom: 1px solid #d1d1d1; }
div.box3 ul#submenu li a.flag { color:#412102; font-weight: bold; }

/* 2.level */
div.box3 ul#submenu ul { padding: 0 0 7px 0; background-color: #fff7e4; margin:0;}
div.box3 ul#submenu ul li { border-bottom: none; }
div.box3 ul#submenu ul li a { font-size:11px; font-weight:bold; display: block; padding: 5px 3px 4px 5px; color: #505050; background-color:#FFF7E4; background-image:none; }
div.box3 ul#submenu ul li a:hover { display: block; color:#0574bd; background-image: none; }
div.box3 ul#submenu ul li a.active { background-image: none; background-color: #ffdf97; }

/* 3.level */
div.box3 ul#submenu ul ul { padding: 0 0 7px 0; background-color: #fff; margin:0;border-bottom: 1px solid #d1d1d1; }
div.box3 ul#submenu ul ul li { border-bottom: none; }
div.box3 ul#submenu ul ul li a { display: block; padding: 5px 3px 4px 15px; color: #505050; background: url(../img/ico_arrow2.gif) no-repeat 5px 8px; }
div.box3 ul#submenu ul ul li a.active { background-color: #fff; border-bottom: 1px solid #fff; color:#412102; font-weight: bold; background: url(../img/ico_arrow2_active.gif) no-repeat 5px 8px;  }
div.box3 ul#submenu ul ul li a:hover { display: block; color:#0574bd; background:#eaf7ff url(../img/ico_arrow2.gif) no-repeat 5px 8px; }

/* 4.level */
div.box3 ul#submenu ul ul ul li a { padding: 5px 3px 4px 30px; background: url(../img/ico_arrow2.gif) no-repeat 20px 8px;}
div.box3 ul#submenu ul ul ul li a:hover { background: url(../img/ico_arrow2.gif) no-repeat 20px 8px; } 

/* servicenav
------------------------------------------------------------------*/
div.box3 ul#servicenav, div.leftbox ul#servicenav { padding: 0 1px 0px 15px; margin: 0; }
div.box3 ul#servicenav li {}
div.box3 ul#servicenav li a { display: block; padding: 3px 3px 0px 25px; color: #505050; background: url(../img/ico_arrow1.gif) no-repeat 5px 7px; }
div.box3 ul#servicenav li a:hover { text-decoration: none; color:#ff5600; background:url(../img/ico_arrow_hover.gif) no-repeat 5px 7px; }
div.box3 ul#servicenav li a.active { font-weight: bold; color:#666; background:#ffefcb url(../img/ico_arrow_active.gif) no-repeat 5px 7px; border-bottom: 1px solid #d1d1d1; }


/* 04.b content pages
------------------------------------------------------------------*/
/* 04.b.1 boxes - article boxes, last viewed, supplier...
------------------------------------------------------------------*/
div.box { width: 149px; position: relative; }/*white*/
div.box_middle { padding:0 7px 5px 7px; font-size: 10px; line-height: 12px;}
div.box_middle p { margin: 15px 0 5px 0;}
div.box_middle h4 { margin: 15px 0 5px 0; font-weight: bold;}
div.boxtop { height: 6px; line-height: 0; font-size: 0;}

div.box2 { width: 149px; position: relative; }/*white*/
div.box3 { width: 149px; position: relative; }
div.box4 { width: 189px; position: relative; }/*silver topseller*/
div.box5 { width: 149px; position: relative; }
div.box7 {
	width: 180px;
	position: relative;
}
div.box6 { width: 717px; position: relative; }
div.box5top { height: 6px; line-height: 0; font-size: 0;}

div.box4_middle { text-align: center; padding:0 0px 0x 0px; font-size: 11px; color: #666; background-color:#fff;border:5px solid #412102;}
div.box4_middle h4 { margin: 0 0 7px 0; font-weight: bold; font-size: 11px; line-height: 12px; color: #412102; text-align: center; padding-top:10px;}
div.box4_middle a { font-weight: bold;}
div.box_middle p { margin: 15px 0 5px 0;}
div.box4_middle strong {color:#000;}
div.box4_middle ul li {margin: 10px 0 5px 0;}

div.box h2, div.box2 h2, div.box4 h2 { /*text-indent: -9999px;*/ color:#fff; overflow: hidden; position: relative; margin-bottom: 0; }

div.boxcap1 { height: 6px; line-height: 0; font-size: 0; }
div.box2cap { height: 6px; line-height: 0; font-size: 0; }
div.boxcap2 { height: 6px; line-height: 0; font-size: 0; }
div.boxcap2_blue { height: 6px; line-height: 0; font-size: 0; }
div.boxcap3 { height: 6px; line-height: 0; font-size: 0; }
div.boxcap3_2 { height: 17px; line-height: 0; font-size: 0; }
div.boxcap4 { height: 31px; line-height: 0; font-size: 0; }
div.box5cap { height: 17px; line-height: 0; font-size: 0; }

/* ------- headlines submenu -------- */
div.box3 h2 { font-size:14px; height: 20px; border-bottom:2px solid #ccc; padding-left:10px; padding-top:10px; }


/* ------- headlines boxes -------- */
div#topseller h2 { font-size:14px; color:#412102; padding:10px 0 0 10px; height: 20px; z-index:111; margin: 0;}
div#angeschaut h2 { background-color:#faf8e9; font-size:14px; height: 20px; margin: 0 0 5px 0; padding-left:10px; padding-top:10px; color:#412102;}
div#yourbasket h2 { height: 25px; margin-top: 10px; padding:10px 0 0 10px; color:#fff; background-color:#412102; }
div#kontakt h2 { color: #412102; padding: 5px; height: 15px; margin: 0px 10px 15px 0;}
div#aehnlich h2 { color: #999; border-bottom: 1px solid #dfdfdf; height: 19px; margin: 0 0 0 0; padding-left:10px; padding-top:5px;}
div#hersteller h2 {border-bottom: 2px solid #ccc; height:20px; font-size:14px; color:#000; padding:10px 0 0 10px; height: 20px; z-index:111; }
div#hersteller {  }

div#kontakt {  }

/* ------- margin boxes-------- */
div#angeschaut {background-color:#fff; margin-top:15px; border:5px solid #faf8e9;width:139px;} 

div#yourbasket {margin-bottom:0;}
div#yourbasket strong {font-size:11px;font-weight:bold;}

div.box h3, div.box3 h3 { color:#505050; font-size: 10px; font-weight: normal; line-height:11px; margin: 0; padding: 0; letter-spacing:normal; }
div#angeschaut h3, div#aehnlich h3 { color:#777; font-size: 10px; font-weight: normal; line-height:11px; margin: 0; padding: 0; letter-spacing:normal; }
div#angeschaut a, div#aehnlich a { color:#777; font-size: 10px; line-height:12px;}

div.lastview_rule { width: 134px; padding: 5px 5px 5px 0; border-bottom: 2px solid #faf8e9; margin: 0; }
div.lastview_rule_last { width: 134px; padding: 5px 5px 5px 0; margin: 0; }

div.similar_rule { width: 147px; padding: 18px 0 8px 0; border-bottom: 1px solid #d1d1d1; margin: 0 0 0 1px; text-align: center;}
div.similar_rule_last { width: 147px; padding: 18px 0 8px 0; margin: 0 0 0 1px; text-align: center; }
a.thumb { border: none; float: left; margin: 0 5px 0 0;}

div.similar_rule h1, div.similar_rule_last h1 {
	font: 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	color: #333333; 
	width: 130px;
	margin-left:10px;
	margin-top: 5px;
}

/* topseller box
------------------------------------------------------------------*/
div#topsellertop {
	background: url(../img/hd_topseller2.png) top left no-repeat;
	height: 4px;
	margin-top: 3px;
	position: relative;
	width: 176px;
	margin-left: 2px;
}
div#topseller {
	float: left;
	margin: 0px;
	position:relative;
	overflow:hidden;
	height:450px;
	background: url(../img/topseller_bg.png) top left repeat-y;
}
	h2.topsellerhead {
		width: 180px;
		height: 25px;
		background: url(../img/h2_topseller_box.png) left top no-repeat;
		margin: 0;
		position: absolute;
		width: 100%;
		z-index: 111;
		top: -4px;
	}
		h2.topsellerhead span {
			display: none;
		}
		
		/* topseller box1
------------------------------------------------------------------*/
div#topsellertop1 {
	background: url(../img/hd_topseller3.png) top left no-repeat;
	height: 4px;
	margin-top: 3px;
	position: relative;
	width: 176px;
	margin-left: 2px;
}
div#topseller1 {
	float: left;
	margin: 0px;
	position:relative;
	overflow:hidden;
	height: auto;
	background: url(../img/topseller_bg.png) top left repeat-y;
}
	h2.topsellerhead1 {
		width: 180px;
		height: 25px;
		background: url(../img/h2_topseller_box.png) left top no-repeat;
		margin: 0;
		position: absolute;
		width: 100%;
		z-index: 111;
		top: -4px;
	}
		h2.topsellerhead1 span {
			display: none;
		}
div.toprule { 
	padding: 5px 2px 0px 40px; 
	color: #412102; 
	line-height:12px; 
	font-size: 11px;
	font-weight:bold;
	overflow:hidden; 
	position:absolute; 
	left:0px; 
	top:0px;	
	width:165px; 
	padding:5px 2px 0px 2px; 
	margin-left: 6px;
	
}
div.topruleimg {
	position:absolute;
	left:5px;
	top:100px;
	overflow:hidden;
	width:40px;
	height: 31px;
}

div#topseller div.out {background-color: #ece3d8; border-bottom: 1px solid #f7f7f2;}
div#topseller div.over {background-color: #fff; width:165px;}

div.top1 div.topruleimg {background:transparent url(../img/bg_top1.gif) no-repeat scroll 0px 0px;}
div.top2 div.topruleimg {background:transparent url(../img/bg_top2.gif) no-repeat scroll 3px 0px;}
div.top3 div.topruleimg {background:transparent url(../img/bg_top3.gif) no-repeat scroll 3px 0px;}
div.top4 div.topruleimg {background:transparent url(../img/bg_top4.gif) no-repeat scroll 3px 0px;}
div.top5 div.topruleimg {background:transparent url(../img/bg_top5.gif) no-repeat scroll 3px 0px;}
/*
.over.top1 div.topruleimg {background:transparent url(../img/bg_top1_over.gif) no-repeat scroll 1px bottom;}
.over.top2 div.topruleimg {background:transparent url(../img/bg_top2_over.gif) no-repeat scroll 1px bottom;}
.over.top3 div.topruleimg {background:transparent url(../img/bg_top3_over.gif) no-repeat scroll 1px bottom;}
.over.top4 div.topruleimg {background:transparent url(../img/bg_top4_over.gif) no-repeat scroll 1px bottom;}
.over.top5 div.topruleimg {background:transparent url(../img/bg_top5_over.gif) no-repeat scroll 1px bottom;}*/

div.toprulecontent {float:right; width:105px;}
div.toprule h3 { color:#505050; font-size: 10px; font-weight: bold; line-height:11px; margin: 0; padding: 0; letter-spacing:normal; }

div.toprule div.topimg { height:70px; overflow:hidden; padding:0pt 0pt 15px;}
div.toprule a:hover { text-decoration: none;}
div.toprule a { color:#181818;font-size: 11px; font-weight:bold;}
/*
div.top1 { background: url(../img/bg_toprule_1.gif) no-repeat 1px 0; height: 138px; }
div.top2 { background: url(../img/bg_toprule_2.gif) no-repeat 1px 0; height: 138px; }
div.top3 { background: url(../img/bg_toprule_3.gif) no-repeat 1px 0; height: 138px; }
div.top4 { background: url(../img/bg_toprule_4.gif) no-repeat 1px 0; height: 138px; }
div.top5 { background: url(../img/bg_toprule_5.gif) no-repeat 1px 0; height: 138px; }*/
div.top1 { height: 142px; }
div.top2 { height: 142px; }
div.top3 { height: 142px; }
div.top4 { height: 142px; }
div.top5 { height: 142px; }

/* 04.b.2 article boxes 
------------------------------------------------------------------*/

/* artbox 1 col 
------------------------------------------------------------------*/
div.artbox_1col { position: relative; float: left;  height: 130px; width:652px;}
div.artbox_1col a.artbox_thumb { display: block;  height: 130px; width:150px; padding: 0px 0 0 0; text-align: center; float:left; }
div.artbox_1col h1 { margin: 20px 0 0 165px; font-size: 12px; color: #000; font-weight: bold; line-height:14px; padding: 0 10px 0 15px; text-align: left;}
div.artbox_1col .stat {position: absolute; top: 55px; left: 165px; width: 164px; font-size: 10px; color:#778285; float:left;}
div.artbox_1col .article-price2 s {font-size:0.9em; color:#666;}
div.artbox_1col .article-price2  {position: absolute; top: 80px; right: 30px; font-size:15px; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0; }
div.artbox_1col .article-price2 strong { color:#FF0033;}
div.artbox_1col .article-price strong {color:#000;}
div.artbox_1col .article-price  {position: absolute; top: 90px; right: 30px; font-size:15px; font-weight: normal; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
div.artbox_img { position: relative; float: left;  height: 271px; margin: 9px 1px 0 10px; width: 205px; }
div.artbox_1col .article-description { margin-left:15px; margin-top:5px; float:left; width: 450px; }
div.artbox_1col .ico_tipp { position: absolute; top: 0px; left: 100px; width: 46px; height: 33px; background: url(../img/hotcatch.png) no-repeat 0 0; }
div.artbox_1col .ico_new  { position: absolute; top: 0px; left: 5px; width: 48px; height: 48px; background: url(../img/new.png) no-repeat 0 0; }
div.artbox_1col .ico_system { position:absolute; top:90px; left: 165px; width:100px; height:40px;}

/* artbox 2 col 
------------------------------------------------------------------*/
div.artbox_2col { position: relative; float: left;  height: 180px; width: 315px;}
div.artbox_2col a.artbox_thumb { display: block;  height: 150px; width: 150px; padding: 20px 0 0 0; text-align: center; float:left;}
div.artbox_2col h1 { font-size: 12px; color: #000; font-weight: bold; line-height:14px; padding: 0 10px 0 15px; margin-top: 20px; text-align: left;}
div.artbox_2col .stat {position: absolute; top: 140px; left: 15px; width: 164px; font-size: 10px; color:#778285;}
div.artbox_2col .article-price2 s {font-size:0.9em; color:#666;}
div.artbox_2col .article-price2  {position: absolute; top: 125px; left: 190px; font-size:15px; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
div.artbox_2col .article-price2 strong { color:#FF0033;}
div.artbox_2col .article-price strong {color:#000;}
div.artbox_2col .article-price  {position: absolute; top: 135px; left: 190px; font-size:15px; font-weight: normal; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
div.artbox_2col .article-description { margin-left:15px; margin-top:15px;}
div.artbox_2col .ico_tipp { position: absolute; top: 0px; left: 100px; width: 46px; height: 33px; background: url(../img/ico_tipp.gif) no-repeat 0 0; }


/* artbox 4 col 
------------------------------------------------------------------*/
div.artbox {
	position: relative;
	float: left; 
	height: 255px;
	width: 170px;
	background: url(../img/artbox_bg.png) left top no-repeat;
	margin: 0 5px 5px 0;

}
.savebox {
	position: relative;
	margin-left: 10px;
	width: 68px;
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #FF0033;
}

.leftart{ margin-right: 0px; /* was 4 */ }
.rightart { margin-right: 0; }

div.artbox a.artbox_thumb {
	display: block;  
	height: 160px;
	padding: 0 0 0 0;
	text-align: center;
	width: 152px;
	margin: 0 0 0 8px;
	border: 1px solid #412102;
}
div.artbox h1 {	
	font-size: 12px;
	color: #181818;
	font-weight: bold;
	padding: 0 5px 0 8px;
	margin: 5px 0 10px 0;
	text-align: left;
	height: 25px;
}
div.artbox a { 
	color: #181818;
}
div.artbox a:hover {
	color: #a8c7e2;
}
div.artbox .stat {position: absolute; top: 230px; left: 15px; width: 164px; font-size: 10px; color:#778285;}
div.artbox .article-price2 s {font-size:0.9em; color:#666;}
div.artbox .article-price2  {
	font-size:14px;
	/*color:#778285;*/color:#000;
	width: 100px;
	margin: 2px 0 0 8px;
	text-align: right;
	float: right;
}
div.artbox .article-price2 strong { color:#b50000;}
div.artbox .article-price strong {color:#000;}
div.artbox .article-price  {
	font-size:12px;
	font-weight: normal;
	color:#412102;
	width: 100px;
	margin: 2px 0 0 8px;
}
div.artbox .article-description {
	margin-left: 8px;
	margin-top:5px;
	width: 162px;
}


/* articlebox 4 col
------------------------------------------------------------------*/
div.artbox2 {position: relative; float: left;  height: 315px; margin: 15px 0 15px 0; padding: 0 10px 0 20px; width: 130px;}
div.artbox2 a.artbox_thumb { display: block;  height: 130px; padding: 25px 0 0 0; text-align: center; }
div.artbox2 h1 { font-size: 12px; color: #000; font-weight: bold; line-height:14px; padding: 0 ; text-align: left; margin-bottom:5px;}
div.artbox2 .stat {position: absolute; top: 110px; left: 15px; width: 120px; font-size: 10px; color:#778285; line-height:11px;}
div.artbox2 .article-price2 s {font-size:0.9em; color:#666;}
div.artbox2 .article-price2  {position: absolute; top: 255px; left: 50px; font-size:15px; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
div.artbox2 .article-price2 strong { font-size: 14px; color:#FF0033;}
div.artbox2 .article-price strong {color:#000;}
div.artbox2 .article-price  {font-size: 15px; position: absolute; top: 273px; left: 50px; font-weight: normal; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
div.artbox2 .ico_system {position: absolute; top: 255px; left: 10px;  width: 70px; height:20px; text-align: left; font-size:0; line-height: 0;}


/* articlebox 4 cols - crosselling
------------------------------------------------------------------*/
div.artbox3 { position: relative; float: left; height: 335px; margin: 0 0 0 0; padding: 0 15px 0 15px; width: 150px;}
div.artbox3 a.artbox_thumb { display: block;  height: 150px; padding: 25px 0 0 0; text-align: center; }
div.artbox3 h1 { font-size: 12px; color: #000; font-weight: bold; line-height:12px; padding: 0; text-align: left; margin-bottom:5px;}
div.artbox3 .stat { position: absolute; top: 235px; left: 15px; width: 160px; font-size: 10px; color:#778285; line-height:11px;}
div.artbox3 .article-price2 s { font-size:0.9em; color:#666;}
div.artbox3 .article-price2  { position: absolute; top: 265px; right: 45px; font-size:15px; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
div.artbox3 .article-price2 strong { color:#FF0033;}
div.artbox3 .article-price strong {color:#000;}
div.artbox3 .article-price  { font-size: 15px; position: absolute; top: 280px; right: 45px; font-weight: normal; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
div.artbox3 .ico_system {position: absolute; top: 270px; left: 0px;  width: 70px; height:20px; text-align: left; font-size:0; line-height: 0;}

/* articlebox 3 cols - related articles
------------------------------------------------------------------*/
div.artbox4 { position: relative; float: left; height: 335px; margin: 0 0 0 0; padding: 0 30px 0 10px; width: 130px;}
div.artbox4 a.artbox_thumb { display: block;  height: 150px; padding: 25px 0 0 0; text-align: center; }
div.artbox4 h1 { font-size: 10px; color: #000; font-weight: bold; line-height:12px; padding: 0; text-align: left; margin-bottom:5px;}
div.artbox4 .stat { position: absolute; top: 225px; left: 0px; width: 170px; font-size: 10px; color:#778285; line-height:11px;}
div.artbox4 .article-price2 s { font-size:0.9em; color:#666;}
div.artbox4 .article-price2  { position: absolute; top: 265px; right: 45px; font-size:15px; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
div.artbox4 .article-price2 strong { color:#FF0033;}
div.artbox4 .article-price strong {color:#000;}
div.artbox4 .article-price  { position: absolute; top: 280px; right: 45px; font-size:15px; font-weight: normal; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}

/* articlebox 4 col
------------------------------------------------------------------*/
div.artbox6 {position: relative; float: left;  height: 144px; margin: 0 3px 15px 0; padding: 0; width: 87px; background: url(../img/artbox6_bg.png) left top no-repeat;}
div.artbox6 a.artbox6_thumb { display: block;  width: 75px; height: 70px; padding: 0 0 0 0; text-align: center; margin-left: 7px; }
div.artbox6 h1 { font-size: 10px; color: #412102; font-weight: bold; padding: 0 ; text-align: left; margin: 5px 5px 5px 5px; width: 80px; height: 24px;}
div.artbox6 h1 a { font-size: 10px; color: #412102; font-weight: bold; padding: 0 ; text-align: left; margin-bottom:5px;}
div.artbox6 .article-price2 s {font-size:0.9em; color:#666;}
div.artbox6 .article-price2  {position: absolute; top: 97px; left: 10px; font-size:11px; color:#000; width: 60px; text-align: left; margin: 10px 0 0 0;}
div.artbox6 .article-price2 strong { font-size: 11px; color:#FF0033; margin-top: -3px;}
div.artbox6 .article-price strong {color:#000;}
div.artbox6 .article-price  { font-size: 11px; position: absolute; top: 97px; left: 10px; font-weight: normal; color:#000; width: 60px; text-align: left; margin: 10px 0 0 0;}




div.artbox2 .stat {position: absolute; top: 110px; left: 15px; width: 120px; font-size: 10px; color:#778285; line-height:11px;}
div.artbox2 .article-price2 s {font-size:0.9em; color:#666;}
div.artbox2 .article-price2  {position: absolute; top: 255px; left: 50px; font-size:15px; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
div.artbox2 .article-price2 strong { font-size: 14px; color:#FF0033;}
div.artbox2 .article-price strong {color:#000;}
div.artbox2 .article-price  {font-size: 15px; position: absolute; top: 273px; left: 50px; font-weight: normal; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
div.artbox2 .ico_system {position: absolute; top: 255px; left: 10px;  width: 70px; height:20px; text-align: left; font-size:0; line-height: 0;}

.article-description { font-size: 11px; line-height: 13px; color: #777; }

.grid_left {margin: 0px 0 0 0;}

.grid_middle {margin: 9px 0 0 9px; /*border-left: 1px solid #DEDEDE;*/}
.grid_middle2 {}
.grid_right {margin: 9px 0 0 9px; /*border-left: 1px solid #DEDEDE;*/}
.grid_right2 {margin: 9px 0 0 9px; border-left: 1px solid #DEDEDE;}

.listing_grid_left {}
.listing_grid_middle {}
.listing_grid_middle2 {border-left: 1px solid #dfdfdf;}
.listing_grid_right { border-left: 1px solid #DEDEDE;}

.listing_grid_left2 {}
.listing_grid_left3 {border-right: 1px solid #dfdfdf;}

/* category headlines and text
------------------------------------------------------------------*/
.cat_text {padding: 10px; padding-left:20px; padding-right:20px; margin-bottom: 10px; color:#333; border-top: 1px solid #fff; background-color:#faf8e9;}
.cat_text a{text-decoration: underline; font-weight: bold; }
.cat_text h1{margin-bottom: 10px; font-size:14px; color:#412102; }



/* supplier box
------------------------------------------------------------------*/
div#right div#hersteller ul { margin-left: 10px;}
div#right div#hersteller ul li {
	padding: 4px 0 4px 17px;
	width: 113px;
	height: 35px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #dfdfdf;
}
div#right div#hersteller ul li a { display: block; }
div#right div#hersteller ul li a.without { display: block; width: 95px; height:25px; font-size: 10px; color: #333; padding: 10px 0 0 0; text-align: center; }

a#button_top { display: block; width: 149px; height: 41px; 	height: 40px; text-indent: -9999px; }
a#button_bottom{ border-top: 2px solid #dfdfdf; display: block; width: 149px; height: 41px; text-align:center;	height: 41px; }


/* artbox icons
------------------------------------------------------------------*/
div.ico_new { position: absolute; top: 32px; left: 5px; width: 58px; height: 56px; background: url(../img/new.png) no-repeat 0 0; }
div.ico_tipp { position: absolute; top: 27px; right: 15px; width: 57px; height: 29px; background: url(../img/hotcatch.png) no-repeat 0 0; }
div.ico_esd {
	position: absolute;
	top: 105px;
	left: 75px;
	width: 56px;
	height: 56px;
	background: url(../img/ico_esd.gif) no-repeat 0 0;
}
div.deliverable {position: absolute; top: 220px; left: 70px; font-size:10px;}
.deliverable1 {color: #009900;}
.deliverable2 {color: #009900;}
.deliverable3 {color: #990000;}
.deliverable4 {color: #990000;}


/* 04.b.3 article detail page 
------------------------------------------------------------------*/
div.detail_box {padding: 0; margin-top: 10px; }
div.detail_box_top {  border-bottom: 1px solid #dfdfdf; margin-bottom: 20px; position: relative; height:25px; padding: 0; clear: both;}
div.detail_box_cap { background: url(../img/hor_gradient.gif) 0 0 repeat-x; height:36px; clear: both; }

div.detail_box_top a.article_back {  position: absolute; left: 20px; top: 5px; width: 120px; height: 33px; padding: 2px 0 0 35px; font-weight: bold; color: #412102;}
div.detail_box_top a.article_next {  position: absolute; right: 20px; top: 5px; width: 150px; height: 33px; padding: 2px 35px 0 0; text-align: right; font-weight: bold; color: #412102; }
div.detail_box_top p.article_overview { position: absolute; left: 260px; top: 5px; width: 285px; height: 35px; font-weight: bold; color: #666;}
div.detail_box_top p.article_overview a {color: #412102;}


div.detail_box2 { }
div.detail_box2_top { position:absolute; top:120px; right:12px; margin-bottom: 20px; height:25px; padding: 0; clear: both; font-size:10px;}
div.detail_box2_cap {  height:36px; clear: both; }

div.detail_box2_top a.article_back {  position:absolute; right:165px; margin-right: 10px; float: left; height: 33px; width: 50px; padding: 0px; font-weight: bold; color: #412102;}
div.detail_box2_top a.article_next {  position:absolute; right: 0px; float: left; height: 33px; width: 50px; padding: 0px; font-weight: bold; color: #412102; }
div.detail_box2_top p.article_overview {position:absolute; right:50px; float: left; height: 35px; width:120px; font-weight: bold; color: #666;}
div.detail_box2_top p.article_overview a {color: #412102;}



div.detail_col1 { float: left; width: 330px; text-align: center; position: relative; }
div.detail_col2 { float: left; width: 255px; width: 208px; }
div.detail_col3 { float: left; width: 215px;}

div.mainimg {
	width: 330px;
	height: 377px;
	background: url(../img/detailimg.png) left top no-repeat;q
	position: relative;
}
	div.mainimg h1 { 
		color: #412102;
		padding: 4px 0 0 6px;
		height: 20px;
		font-size: 13px;
		text-align: left;
	}
	#beschreibung {
		position: relative;
		height: 170px;
	}
	.pseudosave {
		position: absolute;
		height: 32px;
		bottom: 0;
		font-size: 20px;
		font-weight: bold;
		color: #FF0033;
		background: url(../img/splat-sup-percsaved.jpg) center top no-repeat;
		width: 100%;
		height: 50px;
		text-align: center;
		padding-top: 15px;
	}
	#beschreibung h2 { 
		color: #412102;
		margin: 0;
		font-size: 13px;
		text-align: left;
	}
a.main_image {
	display: block;
	text-align: center;
}

img.downloadmap { position: absolute; left:585px; top:-10px; }
#article_details {
	color: #999;
	line-height: 13px;
	padding-top: 3px;
	height: 50px;
}
.article_details_price {
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0px 10px 0px;
	color: #000;
}
.article_details_price2 {
	color:#FF0033;
	font-size: 16px;
	margin: 10px 0px 10px 0px;
	line-height:20px;
 }
.article_details_price2 s {
	font-size:16px;
}

/* new Pseudo Price */
.artbox .article_details_price3,
.article_details_price3,
.article_details_price4 {
	color:#FF0033;
	margin: 10px 0px 10px 0px;
	position: relative;
}
.artbox .article_details_price3,
.artbox .article_details_price4 {
	width: 120px;
	float: right;
	position: relative;
	margin-top: 3px;
	
}
.artbox .article_details_price4 {
	margin-right: 8px;
}
	.artbox .price_pseudo,
	.price_pseudo {
		position: absolute;
		width: 80px;
		text-align: right;
		font-size: 32px;
		float: left;
		font-weight: bold;
		margin: 0;
		padding: 0;
		padding-top: 5px;
	}
	.artbox .price_pseudo {
		font-size: 22px;
		width: 63px;
		padding-top: 2px;
	}
	
	.artbox .price_old,
	.price_old {
		color: #412102;
		font-size: 13px;
		width: 50px;
		position: relative;
		font-weight: bold;
		float: left;
		margin: 0;
		padding: 0;
	}
	.artbox .price_old {
		font-size: 11px;
		line-height: 11px;
		width: 22px;
	}
	
	.artbox .price_old strong,
	.price_old strong {
		color:#FF0033;
		font-size: 15px;
		display: block;
		margin: 0;
		padding: 0;
	}
	.artbox .price_old strong {
		font-size: 12px;
		line-height: 12px;
	}

.tax_attention {
line-height: 14px;
font-size: 10px;
color: #999;
margin-bottom:10px;
}
.tax_attention a {
color: #999;
text-decoration: underline;
}

h1.detail_name {
	font-size: 16px;
	line-height: 20px;
	padding:0 35px 0 0;
	margin:0 0 5px 0;
}
/* intobasket box */
div.buy_box {
	width: 188px;
	padding: 10px;
	color: #999;
	height: 95px;
	margin: 0px 0 0 0px;
	font-size: 0.9em;
	background: url(../img/pricebox.png) left top no-repeat;
}
div.buy_box br {
	clear: both;
}
div.buy_box label {
	text-align: left;
	float: left;
	font-weight: bold;
	color: #999;
	width: 51px;
	height: 20px;
	padding: 3px 0 1px 0;
	margin: 0 10px 0 0;
}
div.buy_box p.groupdescription {
line-height: 1.4em;
color: #666;
}
ul#buybox { padding: 5px 1px 20px 1px; margin: 15px 0 0 0; border-top: 1px solid #412102; }
/*ul#buybox li { border-bottom: 1px solid #d1d1d1; }*/
ul#buybox li a { display: block; padding: 1px 3px 7px 25px; color: #333; background: url(../img/ico_arrow1.gif) no-repeat 3px 4px; }
ul#buybox li a:hover { text-decoration: none; color:#412102; background: url(../img/ico_arrow_hover.gif) no-repeat 3px 4px; }
ul#buybox li a.active { font-weight: bold; color:#412102; background: url(../img/ico_arrow_active.gif) no-repeat 3px 7px; border-bottom: 1px solid #d1d1d1; }
ul#buybox li a.flag { color:#412102; font-weight: bold; }

div.thumb_box {
	width: 314px;
	height: 115px;
	background: url(../img/morepics.png) left top no-repeat;
	padding-left: 16px;
}
div.thumb_box a {
	float: left;
/*	height: 57px;
	width:57px;*/
	display: block;
	/*padding:5px;*/
	margin: 5px 2px 0px 0px;
	border: 1px solid #c7c7c7;
	/*background-color: #fff;*/
}
div.thumb_box a:hover {
	border: 1px solid #412102;
	/*background-color: #c1dff3;*/
}

a.thumb_image:hover {border-color:#fff;}

a.thumb_image {
	border: 1px solid #c7c7c7;
	float: left;
	padding: 5px;
	margin: 0 8px 8px 8px;
	background-color: #fff;
}
p.stat {
	font-size: 0.9em;
	color: #666;
	line-height: 1.3em;
	margin: 15px 0 0px 0;
}
p.stat img {
	margin: 5px 0 0 0;
}
div.detail_col3 ul { padding: 0 0; margin: 3px 0 0 0; }
div.detail_col3 ul li {margin:0 0 5px 0; }
div.detail_col3 ul li a { display: block; padding:0; }
div.detail_col3 h3 { color:#505050; font-size: 12px; font-weight: bold; line-height:11px; margin: 0; padding: 0; letter-spacing:normal; }

a.bt_vote {height: 49px; width: 194px; background: url(../img/bt_bewerten.gif) no-repeat; text-indent: -9999em;}
a.bt_remindnotice {height: 31px; width: 194px; background: url(../img/bt_merken.gif) no-repeat; text-indent: -9999em;}

/* detailinfo */
div.detailinfo {
	background: url(../img/produktdescr.png) left top no-repeat;
	padding: 0;
	width: 188px;
	height: 367px;
	padding: 10px;
	padding-top: 0;
}
div.detailinfocap { height: 18px; /*background: url(../img/bg_infoboxcap.gif) no-repeat;*/}
/*detail cols */

div.detailinfo_col1 {

	float: left;
	width: 204px;
	margin: 0 0 0 0;
}
div.detailinfo_col2 {
	padding-top: 7px;
	padding-top: 0;
	float: left;
	width: 720px;
}
/* TABS */
ul#article_info_tabs {padding: 0 0 0 0px; height: 32px; width: 560px; background: url(../img/bg_tabcontainer.gif) left 0 repeat-x; }
ul#article_info_tabs li {float: left; padding: 0; background: none}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
.tabs-nav {
        display: none;
    }
}
.tabs-nav a {
	border:1px solid #dfdfdf; 
	background-color:#f7f7f7;
	display: block;
	padding: 7px 10px 0 10px;
	height: 23px;
	text-decoration: none;
	color: #5a5a5a;

}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-selected a {
	border-top:1px solid #dfdfdf; 
	border-right:1px solid #dfdfdf; 
	border-left:1px solid #dfdfdf;
	background-color:#fff;
	border-bottom: 0;
	padding: 7px 10px 0 10px; 
	height: 24px; 
	font-weight: bold;
	margin: 0 0 -1px 0;
	color: #000;
}
#beschreibung, #datenblatt, #zubehoer, #bewertungen {
	padding: 5px 11px 10px 0px;
	color: #777;
	font-size: 12px;
}
d
#zubehoer {padding: 25px 50px 10px 0px;}

#tabContainercap { height: 36px; }

#tabContainer h2 {font-size:12px; margin: 15px 0 15px 0; color: #412102;}
#tabContainer table td { padding: 5px; }

#article_productinformation h2 {font-size:12px;	font-weight:bold}
#beschreibung h1 {font-size:12px}
#beschreibung #unser_kommentar {
	border-top: 1px solid #dfdfdf;
	background: #F7F7F7;
	margin: 25px -25px -25px 0px;
	padding: 10px 25px 25px 40px;
}
div.rezension1 { margin: 0 0 25px 0; padding: 15px 0px 5px 15px; }
div.rezension2 { margin: 0 0 25px 0; padding: 15px 0px 5px 15px;}
.rezension h3 {display:inline; font-weight:bold; font-size:12px}
.rezension .rezension_autor {padding:0.5em 0 1em 0}

.detail_text {

font-size:10px; 
color:#666; 
line-height: 16px;
padding: 0 20px 0 0;
}
#beschreibung  ul, .cat_text  ul { list-style: none; line-height: 1.3em; margin: 15px 0 15px 0; }
#beschreibung  ul li, .cat_text  ul li { background: url(../img/bullet_orange.gif) left 0 no-repeat; padding-left: 25px; margin-bottom: 0.5em; color: #797979;}
div.detail_text ul {}
div.detail_text ul li{}
div.detail_text ol { padding:20px;}


/* 04.b.4 article listings
------------------------------------------------------------------*/

div.listing_box {
	padding: 0;
	margin: 0 0 1px 0;
}
div.listing_box_top { 
	height:40px; 
	padding: 0px 20px 0 20px; 
	clear: both; 
}
div.listing_box_cap {
	height:36px;
	padding: 10px 13px 0 13px;
	clear: both;
}

div.listing_box3 { padding: 0px 0 0 0; margin: 15px 0 0 0; }
div.listing_box3  h2{ font-size: 18px; font-weight: normal; border-bottom: 1px solid #dfdfdf; padding: 0px 0 0 40px; margin: 0px 0 0 0; }

div.listing_box2 {padding-top:0px;}
div.listing_box2 a, div.listing_box2 a img { margin: 0 -1px 0 0; }


div.article-options { font-size: 10px; color: #666; }
div.article-options span { font-weight: bold; padding-top: 5px; }
div.article-options img { margin: 0px 5px 0 5px; }
div.article-options a.perpage { font-weight: bold; color:#412102;}
div.article-options a.navi {font-size:11px;  color: #333; margin: 3px 4px 0 0; font-weight: bold; text-align: center; width:15px; height:19px; padding-top: 2px;}
div.article-options span.on  {font-size: 11px; font-weight: bold; text-align: center; width:15px; margin-right: 4px; height:19px; color:#412102;}

div.article-options form#frmsort {float:right; padding-top: 4px;}
div.article-options form#frmsort select {width:125px; z-index: 99999;}
div.article-options form#frmsort label {padding-right:0px;margin-right: 5px; font-weight: bold; color: #666;}

div#supplierfilter { height:35px; padding: 0 0 15px 220px; background: url(../img/bg_supplierinfo.gif) no-repeat 0 0;}
div#supplierfilter img { float: left; margin: 0 30px 0 0; } 
div#supplierfilter  a.bt_allsupplier {
	float: left;
	display:block;
	background-color:#eaf1f7;
	border:1px solid #412102;
	color:#412102;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	padding:5px 7px;
}
div#banner_center {
	margin: 0 0 0px 0;
}


/* 04.b.5 basket page
------------------------------------------------------------------*/
table.basket-middle {margin:0; }
table.basket-middle th {
	padding:3px;
	border-bottom: 1px solid #dfdfdf;
	color: #412102;
}
table.basket-middle th.artikel {border-left:none; color: #412102;padding-left: 20px; text-align: left;}
table.basket-middle th.anzahl  {width:90px; }
table.basket-middle th.sum  {color: #412102; font-weight: bold; border-bottom: 1px solid #412102; text-align: right; padding-right: 3px;}
table.basket-middle td.sum  { background-color: #ECE3D8; color: #666; font-weight: bold;}
table.basket-middle td.sum2  { color: #000; font-weight: bold; text-align: right;}
table.basket-middle td.mainsum  { background-color: #ECE3D8 ; color: #666; font-weight: bold;}
table.basket-middle td {padding: 5px; border-bottom: 1px solid #dfdfdf; color: #666;}
table.basket-middle td.noline {color: #666; }
table.basket-middle td.priceright { text-align: right; width: 70px; padding-right: 7px; }

table.basket-middle td.center {text-align:center}
a.arrow-right {background:url(../img/default/icon_go.gif) left center no-repeat; padding-left:17px}
.tobasket { 
	border:1px solid #b6b6b6;
	background:#f7f7f7 url(../img/default/product_buy.gif) left no-repeat; 
	margin-left:10px;
	padding-left:5px;
}
td.sum {background:#ECE3D8; width:90px; text-align: right;}
.to-checkout {
	border:1px solid #ff6600;
	background:#ff9c5a;
	color:#fff;
	padding:3px;
	font-weight:bold;
	float:right;
	margin-right:30px;
	display:block;
	width:90px;
	text-align:center;
}

h2#bestellnummer {
	margin-top: 5em;
	font-size: 100%;
}
form#form_bestellnummer {
	margin-top: 20px;
} 
input.ordernum {
	float: left;
	border: 1px solid #333;
	padding: 2px 2px 2px 3px;
	color: #000;
	font-size: 1.1em;
	height: 16px;
	margin: 17px 10px 0 20px;
	background-color: #fff;
}

form#form_bestellnummer select {
	height: 17px;
	padding-top: 1px;
}
.imgwkorb {
	margin: 0;
	background-color: #fff;
}
a.thumb_image:hover {border-color:#fff;}

a.thumb_image {
	border: 1px solid #c7c7c7;
	float: left;
	padding: 5px;
	margin: 0 8px 8px 8px;
	background-color: #fff;
}
.bt_continue2 {
	width: 136px;
	height: 31px;
	text-indent: -9999px; 
	background: url(../img/bt_weitershoppen.gif) no-repeat 0 0;
}
.bt_toorder {
	width: 189px;
	height: 40px;
	text-indent: -9999px; 
	background: url(../img/bt_zurkasse.gif) no-repeat 0 0;
}


/* 04.b.6 crosselling page
------------------------------------------------------------------*/
div.cross_box { padding: 0; margin: 0 0 15px 0px; }
div.cross_box_top1 {background: url(../img/hor_gradient.gif) 0 0 repeat-x; height:20px; padding: 15px 20px 0 20px; clear: both; margin-bottom: 20px;}
div.cross_box_top2 {
	background-color: #fff;
	border: 1px solid #412102;
	border-top: 0;
	position: relative;
	padding: 20px;
	margin: 0px  0 10px 0;
}

div.cross_box_cap {height:5px; padding: 0px 20px 0 20px; clear: both; }

div.bg_cross {
	background-color: #fff;
	border: 1px solid #412102;
	position: relative;
	padding: 40px 20px 10px 130px;
	margin: 0px;
	height: 100px;
}
div.bg_cross h1 {color:#412102; font-size: 16px; line-height: 22px; margin-bottom: 20px;}
a.bt_continue:link, a.bt_continue:active, a.bt_continue:visited {
	position: absolute;
	top: 100px;
	left: 20px;
	width: 100px;
	height: 20px;
	background-color:#ece3d8;
	border:1px solid #412102;
	color:#412102;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	padding: 5px 0 1px 0px;
	text-align:center;
}
a.bt_gobasket:link, a.bt_gobasket:active, a.bt_gobasket:visited {
	position: absolute;
	top: 100px;
	left: 360px;
	width: 130px;
	height: 20px;
	background-color:#ece3d8;
	border:1px solid #412102;
	color:#412102;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	padding: 5px 0 1px 0px;
	text-align:center;
}
a.bt_toorder2:link, a.bt_toorder2:active, a.bt_toorder2:visited {
	position: absolute;
	top: 100px;
	left: 520px;
	width: 80px;
	height: 20px;
	border:1px solid #412102;
	color:#412102;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	padding: 5px 0px 1px 0px;
	text-align:center;
	background-color: #f5f0ea;
}
a.bt_toorder3:link, a.bt_toorder3:active, a.bt_toorder3:visited {
	position: absolute;
	width: 187px;
	height: 20px;
	border:1px solid #412102;
	color:#412102;
	cursor:pointer;
	font-size:11px;
	margin:0;
	font-weight:bold;
	padding: 5px 0px 1px 0px;
	text-align: center;
	background-color: #f5f0ea;
}
a.bt_toorder4:link, a.bt_toorder4:active, a.bt_toorder4:visited {

	width: 117px;
	height: 20px;
	border:1px solid #412102;
	color:#412102;
	cursor:pointer;
	font-size:11px;
	margin:0;
	font-weight:bold;
	padding: 5px 0px 1px 0px;
	text-align: center;
	background-color: #f5f0ea;
}
.bt_absenden {
	width: 197px;
	height: 30px;

	border:1px solid #412102;
	color:#932d00;
	cursor:pointer;
	font-size:11px;
	margin:0;
	font-weight:bold;
	padding: 0px 20px 1px 10px;
	text-align:left;
	background:#ffe0aa url(../img/ico_arrow6.gif) 175px 8px no-repeat;
float:right;
}



/* 04.b.7 notepad page
------------------------------------------------------------------*/
div.bg_note {
	position: relative;
	padding: 30px 20px 0 280px;
	margin: 10px 0 5px 0;
	width: 558px;
	height: 125px;
	color: #d87906;
	border: 1px solid #412102;
	background-color:#f6f6f6;
}
div.bg_note h1 { position: absolute; left: 60px; top:40px; width: 150px; height: 40px;color: #412102; font-size: 16px; line-height: 22px;}
div.bg_note p { position: absolute; left: 220px; top:40px; width: 500px; height: 80px; color: #666;}


/* 04.b.8 register steps (checkout - orderprocess)
------------------------------------------------------------------*/
/* 04.b.8.1 forms, input, select etc.
------------------------------------------------------------------*/
/*Buttons*/
.bt_back {
	width: 118px;
	height: 34px;
	text-indent: -9999px; 
	background: url(../img/bt_back.gif) no-repeat 0 0;
}

.advantage {
	padding: 10px 10px 0 0;
	color: #666;
}
.advantage h2 {font-size:14px; color:#000; border-bottom: 1px solid #dfdfdf; padding: 80px 0 5px 0; margin-bottom:15px;}
.advantage ul {
	margin: 20px 0 20px 0;
}
.advantage ul li {
	padding: 0 0 10px 25px;
	background:url(../img/default/ico_check.gif) left 0 no-repeat; 
}
form br {clear: both;}
form {margin:0;	padding:0;}
div.form_box,
div.form_box2 {
	border: 1px solid #412102;
	background-color:#fff;
}
div.form_box2 {
	position: relative;
	width: 100%;
}
div.form_box_small { position: relative; border: 1px dashed #dfdfdf; background-color: #f6f6f6;}
div.form_box_cap { height:13px;}
div.form_box_cap_small { height:13px;}
fieldset {
	margin: 10px 0 5px 0;
	color: #555;
}
legend {
	margin:0 0 1px 0;
	padding:0;
	font-weight: bold;
}
label {
	display:block;
	width: 120px;
	float:left;
	height:35px;
	color: #333;
	text-align: right;
	margin: 0 10px 0 30px;
}
div.login_col2 label {
	display:block;
	width:130px;
	float:left;
	height:35px;
	color: #333;
	text-align: right;
	margin: 0 10px 0 0;
}
fieldset p {
	padding: 10px;
	display: block;
	height:20px;
}
fieldset div.line {
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #fff;
}
fieldset p.none {
	padding: 10px;
	border-bottom: none;
}
fieldset p.description {
	
	padding: 0px 20px 10px 220px;

	font-size: 10px;
	line-height: 1.4em;
	color: #333;
}

fieldset p.checkdescription {
	padding: 0px 20px 10px 243px;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #333;
}
fieldset p.buttons, fieldset div.buttons {position:relative;margin: 10px 0 20px 0;}

fieldset p.check {
	padding: 7px 20px 5px 220px;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #333;
}

/* the payment points */
fieldset p.uos {
	padding: 7px 30px 5px 200px;
	border-bottom: 1px solid #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666;
	background: #ECE3D8 url(../img/kk-logos.gif) 35px center no-repeat;
}
fieldset p.paypal {
	padding: 7px 30px 5px 30px;
	border-bottom: 1px solid #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666;
	background-color: #fff;
}
fieldset div.paypoint {
	border-bottom: 1px solid #fff;
	padding: 5px 40px 5px 20px;
}
fieldset div.paypoint input {
	float: left;
	margin: 3px 0 0 0;
}
fieldset div.paypoint {
	clear: both;
}
fieldset label.paylabel {
	float: left;
	font-weight: bold;
	width: 400px;
	margin: 0 0 0 5px;
	color: #333;
	font-size: 11px;
	text-align: left;
	height: 20px;
}
fieldset p.paydescr {
	padding: 0 0 5px 17px;
	margin-bottom: 10px;
}

.error {border:3px solid #cf1c1c; background:#fceded; padding:7px 7px 7px 45px; margin:2em 0; color: #cf1c1c;}


#content fieldset input {
	padding: 2px 2px 2px 3px;
	font-size: 11px

}
fieldset input:hover { border: 1px solid #ece3d8; }

select {
	padding: 1px 0 1px 5px;
	font-size: 11px;
	border: 1px solid #333;
	background-color: #fff;
	width:175px;
}
select:hover { border: 1px solid #94f340; }
.chkbox { float: left; margin: 0 10px 0 0; border: none; }
label.chklabel {
	text-align: left;
	float: none;
	height:15px;
}
.small { padding: 0px 20px 0 10px; height: 10px;}
input.radio {
	border: none;

	margin: 0 5px 0 0;
	padding: 0;
	height: auto;
}
span.enabled {
	color: #75c01d;
	margin: 0 0 0 20px;
	font-weight: bold;
	background: url(../img/default/ico_check.gif) 0px center no-repeat;
	padding: 2px 0 2px 25px;
}
select.slc_detail {
	margin: 10px 0 0 0;
}
select.normal {
	width: 290px;
	height: 20px;
}
select.suche {
	width: 150px;
	height: 18px;
}
select.details {
	width: 90px;
}
select.year {
	width: 90px;
}
select.month {
	margin: 0 10px 0 0;
	width: 90px;
}
textarea {
	border: 1px solid #333;
	color: #000;
	width: 295px;
}
textarea .normal {width: 290px;	background-color: #fff;	border: 1px solid #333; }
input.normal {
	width: 290px;
	height: 21px;
	margin: 0 10px 0 0;
	background-color: #fff;	
	border: 1px solid #333;
}
div.login_col2 input.normal {
	width: 140px;
	height: 16px;
	margin: 0;
}
input.suche {
	margin: 0 10px 0 0;
	width: 150px;
	height: 14px;
}
input.plz {
	width:40px;
	height: 16px;
	background-color: #fff;	
	border: 1px solid #333;
}
input.ort {
	width:231px;
	height: 16px;
	margin: 0 0 0 10px;
	background-color: #fff;	
	border: 1px solid #333;
}
input.strasse {
	width:225px;
	height: 16px;
	background-color: #fff;	
	border: 1px solid #333;
}
input.nr {
	width:46px;
	height: 16px;
	margin: 0 0 0 10px;
	background-color: #fff;	
	border: 1px solid #333;
}
input.instyle_error {
	border: 1px solid #cf1c1c;
	background-color: #fceded;
}
select.instyle_error {
	border: 1px solid #cf1c1c;
	background-color: #fceded;
}
textarea.instyle_error {
	border: 1px solid #cf1c1c;
	background-color: #fceded;
}

.loginform .submitbutton, .registerform .submitbutton  { 
	background: #f2f2f2;
	margin-top: 0.5em;
	border: 1px solid #b6b6b6;
	font-size: 85%;
	font-weight: bold;
	color: #ff6600;
	letter-spacing: 1px;
	padding: 3px;	
}
.register_right {
	font-size: 85%;
}
.order_now {
	background-color: #d7ecb9;
	padding: 10px;
	color: #666;
}
.button {
background-color:#ece3d8;
border:1px solid #412102;
color:#412102;
cursor:pointer;
font-size:11px;
font-weight:bold;
height:30px;
padding:5px 7px;
}
a.button:active, a.button:link, a.button:visited { color:#412102;}

.button_senden {
background-color:#ece3d8;
border:1px solid #412102;
color:#412102;
cursor:pointer;
font-size:11px;
font-weight:bold;
height:30px;
width:100px;
margin-top:7px;
padding:5px 7px;
float: right;
}
a.button_senden:active, a.button_senden:link, a.button_senden:visited { color:#412102;}

.button_register {
background-color:#ece3d8;
border:1px solid #412102;
color:#412102;
cursor:pointer;
font-size:11px;
font-weight:bold;
height:18px;
width:75px;
margin-top:15px;
padding:5px 7px;
float: right;
position:relative;
top:50px;
}
a.button_register:active, a.button_register:link, a.button_register:visited { color:#412102;}


/*login_middle*/
div.box_login label { width: 120px; font-size: 10px; height: 15px; }
div.box_login input { width: 150px; font-size: 11px; }
p.password { padding: 0px 20px 0px 10px; font-size: 10px; color: #666; }
p.password a { color: #333; text-decoration:underline; }
.bt_login {
	position: absolute;
	top: 185px;
	left: 230px;
	width: 91px;
	height: 30px;
}
.bt_forgot {
	position: absolute;
	top: 195px;
	left: 30px;
	width: 131px;
	height: 16px;
}
.allright {
	font-weight: bold;
	color: #412102;
	padding: 30px 20px 10px 60px;
	margin: 0 0 15px 0;
	height: 116px;
	background-color: #f6f6f6;
	border: 1px solid #412102;
}
.allright2 {
	font-weight: bold;
	color: #412102;
	padding: 30px 20px 10px 60px;
	margin: 0 0 15px 0;
	height: 116px;
}

.bt_print {
background-color:#ece3d8;
border:1px solid #412102;
color:#412102;
cursor:pointer;
font-size:1.1em;
font-weight:bold;
height: 32px;
width: 92px;
padding:5px 7px;
margin-top:20px;
}

.allright h2 {
	font-size: 14px;
	color: #412102;
	margin: 0 0 10px 0;
}


/* 04.b.8.2 login page
------------------------------------------------------------------*/
div.box_register {
	position: relative;
	float: left;
	margin: 0 15px 0 0;
	padding: 10px 30px 30px 30px;
	width: 360px;
	height: 160px;
	background-color:#fff;
	color:#333;
	border: 1px solid #412102;
}

div.box_register h2 {margin-bottom: 20px; font-size:14px; color:#412102;}
div.box_login {
	position: relative;
	float: right;
	margin: 0;
	padding: 0px 25px 15px 25px;
	width: 360px;
	height: 185px;
	background-color: #fff;
	border: 1px solid #412102;
}
div.box_login h2 { margin-top:10px; margin-bottom:4px;}

.bt_newcustomer {
	position: absolute;
	top: 205px;
	left: 232px;
	width: 139px;
	height: 40px;
	text-indent: -9999px; 
	background: url(../img/bt_neukunde.gif) no-repeat 0 0;
}


/* 04.b.8.3 order confirm - sale and my account page
------------------------------------------------------------------*/
div.orderdata_box { 
	margin: 0 0 15px 0;
	padding: 10px 0 0 15px;
	width: 643px;
	height: 225px;
	border: 1px solid #412102;
	background-color:#fff;
}
.overview_col1 {
	position: relative;
	float: left;
	width: 175px;
	height: 200px;
	margin: 0 20px 20px 20px;
	border-right: 1px solid #dfdfdf;
	
}
.overview_col2 {
	position: relative;
	float: left;
	width: 175px;
	height: 200px;
	margin: 0 20px 20px 20px;
	border-right: 1px solid #dfdfdf;
}
.overview_col3 {
	position: relative;
	float: left;
	width: 175px;
	line-height:14px;
	height: 200px;
	margin: 0 0 20px 20px;
	font-weight: bold;
}
.overview_col1 fieldset, .overview_col2 fieldset, .overview_col3 fieldset {
	height: 160px;
}
.overview_col1 h2, .overview_col2 h2 {margin: 0 0 15px 0;}
.overview_col3 h2 {margin: 0 0 25px 0;}
.overview_col3 strong { font-size: 10px; line-height:12px; color: #ff9600;}
.overview_col1 fieldset p, .overview_col2 fieldset p, .overview_col3 fieldset p {
	height: 140px;
}
.bt_changebasket {
	width: 141px;
	height: 34px;
}
.bt_change {
	position: absolute; 
	right:25px; 
	top: 180px;
	width: 92px;
	height: 20px;
	color: #000;
	background-color:#ece3d8;
	border: 1px solid #412102;
	text-align: center;
	font-weight:bold;
	padding-top:6px;
}
a.bt_change:active, a.bt_change:link, a.bt_change:visited { color:#412102;}



div.agb_accept { background-color:#ece3d8; height:30px;padding:20px 0 10px 25px;color: #5ea132;font-weight:bold;}
div.agb_accept label.chklabel { color: #000;font-weight:bold; width:450px;}

/* order summary
------------------------------------------------------------------*/
div.order_col1 {
	float: left;
	width: 476px;
	margin: 0 30px 0 0;
}
div.order_col2 {
	float: left;
	width: 250px;
	font-size: 10px;
	line-height:14px;
	color: #666;
}
div.order_col2 h1 { margin: 10px 0 7px 0;}
.text_small_bold {font-weight: bold; color:#0a5cb1;}


/* my account
------------------------------------------------------------------*/
div.adminheadline {height: 35px; padding: 20px 0 0 20px; color: #000; border-bottom: 1px solid #dfdfdf; font: 18px Arial, tahoma, verdana, sans-serif; }

div.adminbox { background-color:#fff; width: 187px; position: relative; padding:10px 0 0 0; margin-top:15px; border: 1px solid #412102;}
div.adminbox_cap { background-color: #fff;  line-height: 0; font-size: 0; height:13px; }
div.adminbox h2 {color: #412102; font: 12px Arial, tahoma, verdana, sans-serif; font-weight:bold; padding: 0 10px 0 20px;}  
div.adminbox ul#submenu { padding: 0 1px 0px 1px;margin: 15px 0 0 0; }
div.adminbox ul#submenu li { border-bottom: 1px solid #dfdfdf; }
div.adminbox ul#submenu li a { display: block; padding: 7px 3px 7px 25px; color: #412102; background: url(../img/ico_arrow6.gif) no-repeat 5px 7px; }
div.adminbox ul#submenu li a:hover { text-decoration: none; color:#412102; background:#ECE3D8 url(../img/ico_arrow_hover.gif) no-repeat 5px 7px; }
div.adminbox ul#submenu li a.active { font-weight: bold; color:#412102; background:#ECE3D8 url(../img/ico_arrow_active.gif) no-repeat 5px 7px; border-bottom: 1px solid #d1d1d1; }
div.adminbox ul#submenu li a.flag { color:#412102; font-weight: bold; }
div.adminbox h3 { color:#505050; font-size: 10px; font-weight: normal; line-height:11px; margin: 0; padding: 0; letter-spacing:normal; }


/* 04.b.9 search
------------------------------------------------------------------*/
div.searchheadline {height: 35px; padding: 5px 0 0 20px; color: #412102; font-weight: bold; border-bottom: 1px solid #dfdfdf; 
font: 18px Arial, tahoma, verdana, sans-serif; width: 797px; float: left; }
div.category_filter {width: 817px; float: left; padding: 5px 0 0 0; background-color:#fcf0cd; margin: 1px 0 0 0;}
div.category_filtercap {height:13px; line-height:0; font-size:0;}

div.category_filter h2 { color: #d87906; font-size: 11px; line-height: 22px; margin: 5px 0 10px 20px; }
div.category_filter ul { width: 160px; float: left; margin: 0 0 0 20px;}
div.category_filter ul a { font-size: 10px;}
div.cat_crumb {padding: 0 0 0 20px; color:#666;}
div.cat_crumb p {padding: 10px 0 0 0; color:#666;}
div.cat_crumb strong {color:#d87906;}

div.searchbox { background-color:#f7f7f2; width: 149px; position: relative; padding:17px 0 0 0; margin-bottom:15px;}
div.searchbox_cap { background-color:#f7f7f2;  line-height: 0; font-size: 0; height:17px; }
div.searchbox h2 {color: #412102; font: 12px Arial, tahoma, verdana, sans-serif; font-weight:bold; padding: 0 10px 0 20px;}  
div.searchbox ul#submenu { padding: 0 1px 0px 1px;margin: 15px 0 0 0; }
div.searchbox ul#submenu li { border-bottom: 1px solid #fff; }
div.searchbox ul#submenu li a { display: block; padding: 7px 3px 7px 25px; color: #505050; background: url(../img/ico_arrow6.gif) no-repeat 5px 7px; }
div.searchbox ul#submenu li a:hover { text-decoration: none; color:#0574bd; background:#eaf7ff url(../img/ico_arrow_hover.gif) no-repeat 5px 7px; }
div.searchbox ul#submenu li a.active { font-weight: bold; color:#666; background:#ffefcb url(../img/ico_arrow_active.gif) no-repeat 5px 7px; border-bottom: 1px solid #d1d1d1; }
div.searchbox ul#submenu li a.killfilter { background: url(../img/ico_arrow7.gif) no-repeat 5px 7px; }
div.searchbox ul#submenu li a.flag { color:#412102; font-weight: bold; }
div.searchbox h3 { color:#505050; font-size: 10px; font-weight: normal; line-height:11px; margin: 0; padding: 0; letter-spacing:normal; }
div.searchbox h3.active {padding: 0 5px 5px 17px;margin:0 0 5px 0; color:#000; font-weight: bold;} 

form#frmsup select {width:136px; margin:10px 0 0 5px;}


/* 05. FOOTER
------------------------------------------------------------------*/
div#footer {
	clear: both;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	position: relative;
	height:120px;
	margin-top: 10px;
}
div#footer a {color:#ffffff; text-decoration:underline; }
div#footer_center {
	position: relative;
	padding: 5px;
	width: 981px;
	text-align: left;
	margin: 0 auto;
	height:100px;
}
div.shopware {position: absolute; left: 770px; top:55px; width:180px; height:30px; padding:6px 20px 0 0; text-align: right; background: url(../img/shopware.gif) right 0 no-repeat;}
div#footer_center ul#about, div#footer_center ul#service, div#footer_center ul#help { 
float: left;
width: 150px;
margin: 15px 25px 0 20px;
padding:0; }
div#footer_center ul#about li, div#footer_center ul#service li, div#footer_center ul#help li { margin: 5px 0 5px 0; padding:0;}
div#footer_center ul#about li a, div#footer_center ul#service li a, div#footer_center ul#help li a { color:#666;}



/* 21. 
------------------------------------------------------------------*/
div.contact_box { border: 1px solid #412102; background-color:#fff; }
div.contact_box_cap { height:13px;}

/* PRESSE SEITE
------------------------------------------------------------------*/
div.box_1col_description {
	float: left;
	width:180px;
	margin: 5px 10px 0 0px;

}
div.box_1col_picture {
	float:left;
	width: 100px;
	text-align: center;
}
#article-images {
	width: 200px;
	float: left;
	margin: 0 20px 10px 0;
}

/* Promotions
------------------------------------------------------------------*/
.promotion {margin: 0 0 15px 15px; float: left; }




/* SITEMAP STYLE
------------------------------------------------------------------*/
.sitemap { float:left; margin-right:5px; margin-top:5px; width:190px;}
.sitemap2 { float:left; margin:5px 0pt 0pt; width:191px;}

ul#categories_s { margin-bottom:20px;}
ul#categories_s li { border-bottom:1px solid #fff; }
ul#categories_s a { background:#E6E6E6; display:block; padding:5px 5px 5px 20px; text-decoration:none;}
ul#categories_s a:hover { font-weight:bold; }
ul#categories_s a.active { background-color:#412102; color:#FFFFFF; }
ul#categories_s ul { border-bottom:1px solid #fff; }
ul#categories_s ul li { border-bottom:medium none;}
ul#categories_s ul a { background-color:#ece3d8; font-size:11px; padding:2px 2px 2px 30px; }
ul#categories_s ul a:hover {}
ul#categories_s ul a.active { background-color:#ece3d8; color:#000; }
ul#categories_s ul ul { border:medium none; }
ul#categories_s ul ul li { border-bottom:medium none;}
ul#categories_s ul ul a { background:#FFEFCB; padding:2px 2px 2px 35px; }
ul#categories_s ul ul a:hover {}
ul#categories_s ul ul a.active { background:#FFFBD8; color:#000000; font-weight:normal; }
ul#categories_s ul ul ul { border:medium none;}
ul#categories_s ul ul ul li { border-bottom:medium none; }
ul#categories_s ul ul ul a { background:#FFF7E4; padding:2px 2px 2px 55px; }
ul#categories_s ul ul ul a:hover {}
ul#categories_s ul ul ul a.active { background:#FFEFCB; color:#000; padding:2px 2px 2px 35px;}


fieldset p.united_transfer {
	padding: 7px 30px 5px 250px;
	border-bottom: 1px solid #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666;
	background: #ECE3D8 url(../img/ut_logo.gif) 35px center no-repeat;
}
fieldset p.ut_direkt_vk {
	padding: 7px 30px 5px 250px;
	border-bottom: 1px solid #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666;
	background: #ECE3D8 url(../img/utd_vk.gif) 35px center no-repeat;
}
fieldset p.ut_direkt_ls {
	padding: 7px 30px 5px 250px;
	border-bottom: 1px solid #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666;
	background: #ECE3D8 url(../img/utd_ls.gif) 35px center no-repeat;
}
fieldset p.ut_direkt_gp {
	padding: 7px 30px 5px 250px;
	border-bottom: 1px solid #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666;
	background: #ECE3D8 url(../img/utd_gp.gif) 35px center no-repeat;
}
fieldset p.ut_direkt_kk {
	padding: 7px 30px 5px 250px;
	border-bottom: 1px solid #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666;
	background: #ECE3D8 url(../img/utd_kk.gif) 35px center no-repeat;
}

/* new Divs */
div#header {
	position: relative;
	height: 214px;
	width: 985px;
	padding-bottom:0px;
	margin: 0 auto;
	z-index: 1000;
	clear:both;
}
div#headswf {
	position: relative;
	width: 952px;
	height: 225px;
	margin-left: 26px;
	background: url(../img/head.png) left top no-repeat;
}
div#header object { margin-left: 15px; margin-bottom: 0; }

/* Startseitenbanner */
div.banner_large {
	width: 269px;
	height: 244px;
	position: relative;
	background: url(../img/banner_large.png) left top no-repeat;
}
	div.banner_large img {
		margin-top: 6px;
		margin-left: 3px;
	}

/* left Box */
div.leftbox { 
	position: relative;
	width: 144px;
	background: url(../img/leftbox_bg.png) left top repeat-y;
}
div.leftboxcap,
div.topseller_cap { 
	position: relative;
	width: 144px;
	height: 4px;
	background: url(../img/leftbox_cap.png) left bottom no-repeat;
	margin-bottom: 2px;
}
div.topseller_cap {
	background: url(../img/topseller_cap.png) 1px bottom no-repeat;
	width: 180px;
	margin-top: -1px;
}

div.leftbox ul#servicenav {
	margin: 0;
	padding: 2px 0 0 5px;
	width: 134px;
}
div.leftbox ul#servicenav li {
	display: block;
	margin-bottom: 1px;
	
}
div.leftbox ul#servicenav li a {
	background-color: #fff;
	padding: 2px;
	display: block;
	border: 1px solid #412102;
	color:#000000;
}
div.leftbox ul#servicenav li a:hover {
	background-color: #eaf1f7;
	color: #412102;
	text-decoration: none;
}
.suchbox { 
	height: 24px;
}
.servicebox { 
/*	height: 51px;*/
}
.wkorbbox { 
/*	height: 50px;*/
	width: 144px;
}
.login {
/*	height: 151px;*/
}
.newsletterbox {
	height: 117px;
}

	.newsletterbox fieldset {
		margin: 2px;
	}
	.newsletterbox div.user_logged_in {
		padding: 2px 2px 2px 6px;
	}
	
	
	div.user_logged_in {
		padding: 10px;
	}
	.newsletterbox div.user_logged_in {
		padding-top: 1px;
	}
	.login form#loginpanel {
		padding: 2px 2px 2px 5px;
	}
	.login form#loginpanel fieldset {
		margin-top: 0;
	}
	form#letterForm {
		margin-top: 3px;
	}
	.newsletterbox form#letterForm label,
	.login form#loginpanel label {
		text-align: left;
		height: inherit;
		width: inherit;
		margin-left: 0;
	}
	.newsletterbox form#letterForm input.normal,
	.login form#loginpanel input.normal {
		width: 117px;
		margin: 0;
		margin-bottom: 2px;
	}
	.newsletterbox form#letterForm input.button,
	.login form#loginpanel input.button {
		height: 26px;
		padding: 3px 4px;
	}
	.login form#loginpanel p.password {
		padding: 0;
	}

p.warenkorb {
	background: url(../img/warenkorb_bg.gif) 8px 5px no-repeat;
	text-align: right;
	padding: 8px;
}

.leftbox fieldset p.description {
	padding: 0;
	font-size: 10px;
	line-height: 1.4em;
	color: #333;
}


/* HDs */

h2.hd_paiement {
	background: url(../img/hd_paiement.png) left top no-repeat;
	width: 144px;
	height: 23px;
}

h2.hd_service1 {
	background: url(../img/hd_service1.png) left top no-repeat;
	width: 144px;
	height: 23px;
}
h2.hd_service {
	background: url(../img/hd_service.png) left top no-repeat;
	width: 144px;
	height: 23px;
}
h2.hd_suche {
	background: url(../img/hd_suche.png) left top no-repeat;
	width: 144px;
	height: 23px;
}
h2.hd_wkorb {
	background: url(../img/hd_wkorb.png) left top no-repeat;
	width: 144px;
	height: 23px;
}
h2.hd_login {
	background: url(../img/hd_login.png) left top no-repeat;
	width: 144px;
	height: 23px;
}
h2.hd_newsletter {
	background: url(../img/hd_newsletter.png) left top no-repeat;
	width: 144px;
	height: 23px;
}
span.aural {
	display: none;
}

div#toplogo {
	position: absolute;
	width: 277px;
	height: 277px;
	background: url(../img/logo_topleft.png) left top no-repeat;
	left: 50%;
	margin-left: 340px;
	top: -35px;
	z-index:1;
	overflow: hidden;
	display: none;
}
div#stepgrafik {
	position: relative;
	width: 858px;
	height: 76px;
	background-color: #fff;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid #412102;
}

h5.support_head {
	background-color: #412102;
	font-size: 11px;
	color: #fff;
	padding: 3px;
	width: 455px;
	margin-bottom: 2px;
}
div.support_body {
	width: 453px;
	padding: 3px;
	border: 1px solid #ECE3D8;
	margin-bottom: 5px;
}
div.order_summary {
	width: 570px;
	margin-left: 55px;
	border: 1px solid #412102;
	background-color: #fff;
	padding: 40px;
}


div.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}
html {overflow-x:hidden;}

#left-container{
	width:540px;
	height:auto;
	float:left;
	padding-left:10px;
}
#right-container{
	width:180px;
	height:auto;
	float:right;
	padding-right:60px;
}
#center-container{
	width:730px;
	height:auto;
	float:left;
	padding-left:10px;
}
.artbox leftart1{
	width:180px;
	height:auto;
	float:left;
}
.artbox leftart2{
	width:180px;
	height:auto;
	float:left;
}
.artbox leftart3{
	width:180px;
	height:auto;
	float:left;
}
.artbox leftart4{
	width:180px;
	height:auto;
	float:right;
}
#listing_box{
	width:730px;
	height:auto;
	padding-top:10px;
}