/* 
	Zuletzt bearbeitet:		Bernhard Wanger
	Datum:					08.06.2007
------------------------------------------------------------------

__________________01. GLOBAL
__________________02. HEADER
__________________03. MAIN NAVIGATION
__________________04. CONTENT
__________________0.4.1. CONTENT LEFT
__________________0.4.2. CONTENT CENTER
__________________0.4.3. CONTENT RIGHT
__________________05. FOOTER
__________________06. article_details_middle.tpl
__________________07. article_details_right.tpl
__________________08. article_listing.tpl and article_box_bigger.tpl
__________________09. article_left_last.tpl
__________________10. category_right_charts.tpl
__________________11. category_right_supplier.tpl
__________________12. basket_middle.tpl
__________________13. service_middle.php
__________________14. login_middle.tpl und Register
__________________15. Forms
__________________16. account_ordersummary.tpl 
__________________17. basket_crossselling_middle und basket_crossselling_right.php

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


/* 01. GLOBAL
------------------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
	color: black;
	margin: 0;
	background-color: #f0e7d7;
	text-align:center:

}
* html body {
	font-size: x-small; /* für IE5/Win */
	f\ont-size: small;  /* für andere IE-Versionen */
}		
a img {border:0}
* {margin:0; padding:0}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}

div#container {
	position: relative;
	width: 950px;
	text-align: left;
	margin: 0 0 0 0px;
	
}
div#maincontainer {
	position: relative;
	margin: 0 auto; 
	padding: 0; 
	margin-top:10px;
	
	width: 961px; 
	background: url(../img/store/bg_container.gif) repeat-y;
}
body#hideLeft div#maincontainer {
	position: relative;
	margin: 0 auto; 
	padding: 0; 
	margin-top:10px;
	
	width: 961px; 
	background: url(../img/store/bg_container2.gif) repeat-y;
}
.container_header {
	width: 961px;
	height:20px;
	background: url(../img/store/bg_container_header.gif) no-repeat;	

}
.prozent {
position: absolute;
right:10px;
top:88px;
width:40px;
height:40px;
display: block;
z-index:6;
background: url(../img/store/prozent.gif) no-repeat;
}
.container_footer {
	width: 961px;
	height:80px;
	padding: 25px 0 10px 0;
	background: #f0e7d7 url(../img/store/bg_container_footer.gif) no-repeat;	

}
body#hideLeft .container_footer {
	width: 961px;
	height:80px;
	padding: 25px 0 10px 0;
	background: #f0e7d7 url(../img/store/bg_container_footer2.gif) no-repeat;	

}
h1, h2, h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #333333;
	margin: 2em 0 1em 0;
	font-size: 1.5em;
	letter-spacing: 1px;
}
h2 {font-size:115%}
h3 {font-size:105%; margin:1em 0 0.5em 0}

p {
	margin: 0;
	padding: 0;
}
ul {list-style:none}
a.icon_button {
	border: 1px solid #ccc;
	background: #f2f2f2;
	font-weight: bold;
	text-align: center;
	display: block;
	height: 20px;
	color: #fb6600;
	width: 80px;
	margin-top: 5px;
}
.fixfloat {
clear: both;
line-height:0;
height:0;
font-size:0;
}
#banner_center {
	margin: 0 0 25px 0;
}
/* Hyperlinks
------------------------------------------------------------------*/

a:link {color:#ff6600; text-decoration:none}
a:visited {color:#ff6600; text-decoration:none}
a:hover {color:#ff6600; text-decoration:underline}
a:active {color:#ff6600; text-decoration:underline}


/*  BOXES
------------------------------------------------------------------*/

.box1_top {
	padding: 5px 0 0 20px;
	font-weight: bold;
	color: #fff;
	width: 159px;
	height:23px;
	background: url(../img/store/bg_box1_top.gif) no-repeat;
	text-align: left;
}
.box1_top2 {
	padding: 5px 0 0 10px;
	font-weight: bold;
	color: #fff;
	width: 169px;
	height:23px;
	background: url(../img/store/bg_box1_top2.gif) no-repeat;
	text-align: left;
}
.box1_body {
	width: 164px;
	background: url(../img/store/bg_box1_body.gif) repeat-y;
	text-align: left;
}
.box1_body a {color:#ff6600; }
.box1_body2 {
	text-align: center;
	width: 163px;
	background: url(../img/store/bg_box1_body2.gif) repeat-y;
}
.box1_bottom {
	width: 179px;
	margin: 0 0 20px 0;
	height:21px;
	background: url(../img/store/bg_box1_bottom.gif) no-repeat;
}
.box1_bottom2 {
	width: 179px;
	height:21px;
	margin: 0 0 20px 0;
	background: url(../img/store/bg_box1_bottom2.gif) no-repeat;
}
.bg_arrow {
	color: #8c8a87;
	line-height: 15px;
	padding: 0 0 0 35px;
	background: url(../img/store/ico_bullet.gif) 3px 5px no-repeat;
	margin: 5px 0 10px 0;
}
.bg_arrow strong {
	color: #000;
}
.bg_arrow a {
	font-weight: bold;
	color: #ff6600;
}
.box1_body2 a {
	font-size: 10px;
	color: #666666;
	line-height: 14px;
}
div.line {
	height:10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
}

/*  Icons
------------------------------------------------------------------*/
.ico {
	padding: 3px 0 0 35px;
}
a.topage {
	background: url(../img/store/ico_topage.gif) 8px 5px no-repeat;
	display: block;
	color: #000;
	font-size: 10px;
	margin: 0 00 0;
}
a.del {
	background: url(../img/store/ico_del.gif) no-repeat;
	display: block;
	height: 16px;
}

/*  articleBOXES
------------------------------------------------------------------*/
.article_box_1 {
	float: left;
	position: relative;
	width: 265px;
	margin: 0 0 10px 5px;
	height: 125px;
	background: url(../img/store/bg_article_box1.gif) 0 -5px no-repeat;
}
.article_box_1 h1 a {
	color: #787878;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:normal;
}
.article_box_1 h1 {
	position: absolute;
	top: 37px;
	left: 0px;
	font-size: 10px;
	font-weight: normal;
}
.article_image {
	width: 230px;
	text-align: center;
}

.article_details {
	position: absolute;
	top: 85px;
	left: 135px;
	width:100px;
	line-height:1.4em;
	text-align:center;
	font-size: 10px;
}
.article_details2 {
	position: absolute;
	top: 76px;
	left: 135px;
	width:100px;
	line-height:1.4em;
	text-align:center;
	font-size: 10px;
}
#article_details {
	margin: 0 0 5px 10px;
}



.article_box_2 {
	float: left;
	position: relative;
	text-align: center;
	width: 120px;
	margin: 0 0 20px 10px;
	height: 150px;
	
	background: url(../img/store/bg_price.gif) 10px 108px no-repeat;
}
.article_box_2 .article_image {
	width: 105px;
	text-align: center;
}
.article_box_2 .article_details {
	position: absolute;
	top: 120px;
	left: 15px;
	width: 90px;
	line-height:1.4em;
	text-align:center;
	font-size: 10px;
}
.article_box_2 .article_details2 {
	position: absolute;
	top: 110px;
	left: 15px;
	width: 90px;
	line-height: 1.4em;
	text-align: center;
	font-size: 10px;
}



.article_box_3 {
	float: left;
	position: relative;
	text-align: center;
	width: 173px;
	margin: 0 2px 20px 8px;
	height: 214px;
	background: url(../img/store/bg_box_3col.gif) no-repeat;
}
article_box_3_img {
	float: left;
	width: 175px;
	height: 214px;
	margin: 0;
	padding: 0;
	background-color:#CCCCCC;
}
.article_box_3 .article_image {
	padding-top: 20px;
	width: 165px;
	text-align: center;
}
.article_box_3 .article_name a {
	color: #787878;
	position: absolute;
	top: 150px;
	left: 7px;
	line-height: 12px;
	font-size: 10px;
	width:145px;
	text-align: left;
	font-weight: bold;
	letter-spacing:normal;
}
.article_box_3 .article_name h1 {
	letter-spacing:normal;
}
.article_box_3 .article_details {
	position: absolute;
	top: 189px;
	left: 67px;
	width: 110px;
	
	line-height:1.4em;
	text-align:center;
	font-size: 10px;
}
.article_box_3 .article_details2 {
	position: absolute;
	top: 179px;
	left: 67px;
	width: 110px;
	line-height: 1.4em;
	text-align: center;
	font-size: 10px;
	
}



.article_box_4 {
	float: left;
	position: relative;
	text-align: center;
	width: 170px;
	margin: 0 0 30px 13px;
	height: 155px;
	background: url(../img/store/bg_article_box1.gif) -80px 30px no-repeat;
}
.article_box_4 .article_image {
	width: 170px;

	text-align: center;
}
.name a {
	color: #787878;
	position: absolute;
	top: 82px;
	left: 0px;
	line-height: 14px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}
.article_box_4 .article_details {
	position: absolute;
	top: 120px;
	left: 60px;
	width: 90px;
	line-height:1.4em;
	text-align:center;
}
.article_box_4 .article_details2 {
	position: absolute;
	top: 110px;
	left: 60px;
	width: 90px;
	line-height: 1.4em;
	text-align: center;
}



.cross {
text-align: center;
	width: 509px;
	padding: 20px;
	height: 77px;
	background: url(../img/store/bg_cross.gif) 0 0 no-repeat;
}


/* 02. HEADER
------------------------------------------------------------------*/
#container {padding: 0; margin: 0;}
div#header { position: relative; height: 100px; width: 948px; padding: 10px 0 0 0px; background:#fff url(../img/store/bg_header.jpg) 175px 0 no-repeat; margin: 0 0 0 6px;}
div#header h1 {
	
	background: url(../img/store/logo.gif) no-repeat;
	height: 35px;
	letter-spacing: -999em; /* IR */
	width: 166px;
	margin: 0px 0 0 10px;
	padding: 0;
}
div#header h1 a {display:block; height:35px; width:138px}
div#search_container {
	position: absolute; 
	left:572px;
	top: 52px;
	width:148px;
	height: 22px;
	padding: 6px 0 0 25px;
	background: url(../img/store/bg_search_new.gif) no-repeat;
	z-index: 100;
}
form#searchform {margin:0; z-index: 5;}
form#searchform label {
	color: #999;
	font-size: 90%;
	margin: 0 5px 0 3px;
	display: none;
}
form#searchform input#searchfield {	
	font-size: 80%;
	padding: 3px 2px 2px 2px;
	width: 110px;
	border: 1px solid #333;
	height:11px;
	color: #7f7f7f;
}

div#store_nav {
	position: absolute; 
	right:4px;
	top: 0;
	width:185px;
	height: 65px;
	padding: 5px 0 0 0px;
	background: url(../img/store/bg_storenav.gif) no-repeat;
}
div#store_nav div.store1 {
	width:100px;
	float: left;
	font-size: 10px;
}
div#store_nav div.store1 p {
	font-size: 10px;
	line-height: 14px;
	padding: 5px 0 0 25px;
}
div#store_nav div.store2 {
	width:85px;
	float: left;
}
div#store_nav a.konto {
	float: left;
	font-size: 10px;
	width: 73px;
	height: 16px;
	margin: 0 0 10px 0;
	display: block;
	background: url(../img/store/ico_konto.gif) no-repeat;
}
div#store_nav a.basket {
	float: left;
	font-size: 10px;
	width: 75px;
	margin: 0 0 0 7px;
	height: 16px;
	display: block;
	background: url(../img/store/ico_basket.gif) no-repeat;
}
div#store_nav a.page {
	float: left;
	font-size: 10px;
	width: 76px;
	height: 16px;

	display: block;
	background: url(../img/store/ico_page.gif) no-repeat;
}
/* 03. MAIN NAVIGATION
------------------------------------------------------------------*/

div#navigation { 
	position: absolute; 
	left:6px;
	top: 90px;
	clear: both; 
	padding-bottom: 15px; 
	width: 950px;
	z-index: 1;
}
div#navigation ul { list-style: none; background: url(../img/store/bg_navi.gif) 0 30px repeat-x; height: 40px; width: 942px; padding-left: 6px;}
div#navigation ul li { float: left; margin-right: 3px; padding-left: 5px; background: url(../img/store/bg_nav_li.gif) left no-repeat; }
div#navigation ul li.active  {  background: url(../img/store/bg_nav_li_active.gif) left no-repeat; }

div#navigation ul li a {
	display: block; 
	
	height: 26px; 
	background: url(../img/store/bg_nav_a.gif) right no-repeat; 
	color: #fff; 
	font-weight: bold;
	text-decoration: none; 
	padding: 4px 5px 0 0px; 
	font-size:10px;
	}
div#navigation ul li a:hover {
		color:#e40000;
	}
div#navigation ul li a.active { 
	background: url(../img/store/bg_nav_a_active.gif) right no-repeat; 
}

div.cat_top {
	background: url(../img/store/bg_cat_top.gif) left no-repeat; 
	width: 179px;
	height: 8px;
	margin-top: 23px;
}
div.cat_bottom {
	background: url(../img/store/bg_cat_bottom.gif) left no-repeat; 
	width: 179px;
	height: 8px;
	margin: 0 0 20px 0;
}
div.cat_top_grey {
	background: url(../img/store/bg_cat_top_grey.gif) right no-repeat; 
	width: 185px;
	height: 12px;
	margin: 23px 0 1px 0;
}
div.cat_bottom_grey {
	background: url(../img/store/bg_cat_bottom_grey.gif) right no-repeat; 
	width: 185px;
	height: 12px;
	margin: 0 0 20px 0;
}

/* 04. CONTENT
------------------------------------------------------------------*/

div#content {	margin: 0 0 0 10px;}
div#content .headline {
	color: #808080;
	font-weight: bold;
	font-size: 110%;
	padding: 4px;
	letter-spacing: -1px;
	border-bottom: 1px solid #ccc;
}



/* 04.1. CONTENT LEFT
------------------------------------------------------------------*/

div#content #left {
	width: 181px;
	padding: 0 0 0 4px;
	float: left;
}
body#hideLeft div#content #left {display:none}

/* Categories 1st Level */
ul#categories {list-style:none; color:#ff733c; width: 179px;}
ul#categories li {}
ul#categories li a, ul#categories ul li a  {
	display: block;
	color: #ff6600;
	font-weight:bold;
	font-size: 11px;
	text-decoration: none;
	background: #e0dede url(../img/store/ico_bullet.gif) 5px center no-repeat;
	border-bottom: 1px solid #fff;
	padding: 2px;
	padding-left: 35px;
}
ul#categories li a.sub_active {
	color: #fff;
}
ul#categories ul li a  { font-weight: bold; }
ul#categories li a:hover, ul#categories ul li a:hover {
	background: url(../img/store/ico_bullet.gif) 5px center no-repeat;
	color: #e10030;
	font-weight: bold;
}
ul#categories ul li a:hover {
	background: url(../img/store/ico_bullet.gif) 5px center no-repeat;
	color: #333;
	font-weight: bold;
}
ul#categories li a.active, ul#categories ul li a.active {

	color: #333;
	font-weight: bold;
}

ul#categories li a.active {

}

/* Categories 2nd Level */
ul#categories ul {
	list-style: none;
	padding: 2px 0;
	background: url(../img/store/bg_cat_body.gif) repeat-y;
	/*background-color: #e0dede;*/
}
ul#categories ul li a {
	background: url(../img/store/ico_bullet.gif) 5px center no-repeat;
	border-bottom: none;s
	padding: 0 0 0 15px;
	color:#e10030;
}


/* Categories 3rd Level */
ul#categories ul ul {margin-left:0px; border-bottom:0; background: url(../img/store/ico_bullet.gif) 5000px center no-repeat;}
ul#categories ul ul li .active {font-weight:bold}

/* Categories 4th Level */
ul#categories ul ul ul {margin-left:20px; border-bottom:0}

ul#categories li a.sub_active {
	background: #e10030 url(../img/store/cat_active.gif) 7px center no-repeat;

}




ul#staticsites {list-style:none; color:#ff733c; margin: 0 0 20px 0;}
ul#staticsites li { margin:0; padding: 0;}
ul#staticsites li a {
	display: block;
	font-weight: bold;
	color:#666666;
	font-size: 10px;
	text-decoration: none;
	background: url(../img/store/ico_bullet.gif) 5px center no-repeat;
	padding: 0 2px 0 2px;
	padding-left: 35px;
}
ul#staticsites li a:hover {
	font-weight: bold;
	color: #e10030;
}
/* 04.2. CONTENT CENTER
------------------------------------------------------------------*/

div#content #center {
	width: 550px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 85%; /* statt 11px */
	padding-top: 5px;
}
body#hideLeft div#content #center {width:745px}
div#center .article-options {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f2f2f2;
	font-size: 10px;
	color: #999;
	margin-bottom: 25px; 
	margin-top: 3px;
	padding: 2px;

}
.article-options form#frmsort {float:right}
.article-options form#frmsort select {width:145px}
.article-options form#frmsort label {padding-right:5px}
.art_box {
	width: 180px;
	height: 250px;
	border: 1px solid #f2f2f2;
	line-height: 1.1em;
	color: #999;

	float: left;
	margin: 25px;
	background: #f2f2f2;
	position: relative;
}
.no_margin {margin:0}
.art_box_img { background: white; padding: 10px; text-align: center; }
.art_box_img img { }
.art_box h2.product_name {
	font-weight: bold; 
	margin: 0; 
	padding: 0;
	font-size: 10px;
	color: #ff6600;
}
.art_box .product_information { padding: 5px; line-height: 1.2em; }
.art_box .art_box_details {
	position: absolute; bottom: 0;
	padding: 5px;
	height: 20px;
	width: 170px;
}
.art_box .product_price { float: left; color: #ff6600; font-size: 120%; font-weight: bold; padding-top: 2px; }
.art_box .product_buy {	float: left; margin-left: 35px; }
.art_box .product_details {	float: right; margin-left: 5px; padding-top: 1px;}

div#content #center ul.bullet, div.detail_text ul { list-style: none; line-height: 1.3em; }
div#content #center ul.bullet li, div.detail_text ul li { background: url(../img/new/subcategories_bullet.gif) left 0.5em no-repeat; padding-left: 12px; margin-bottom: 0.5em; }
div.detail_text ul {width: 250px}
div.detail_text ul li{width: 230px}
div.detail_text ol {width: 250px; padding:20px;}



/* 04.3. CONTENT RIGHT
------------------------------------------------------------------*/

div#content #right {
	padding: 10px 0 0 0px;
	width: 185px;
	float: right; 
	text-align:center;
}
.account { background: url(../img/new/go.gif) right center no-repeat; padding-right: 20px; }
div#cart { margin-top: 15px; border-top: 9px solid #ff6600; border-bottom: 1px solid #ccc; }
div#cart_details { background: #fff1df url(../img/new/cart.gif) left bottom no-repeat; color: #000; font-size: 80%; padding-left: 75px; }
div#cart_details .order a { color: #ff6600; background: url(../img/new/categories_bullet.gif) left 0.4em no-repeat; padding-left: 12px; font-weight: bold; }
div#cart_details .order a:hover { text-decoration: underline; }
.right_box h2 {font-size:100%; color:#333;}
.right_box_content {font-size:85%;}
.news{background-color: #f7f7f7;}
.right_box_content a:visited, .right_box_content a:link, .right_box_content a:active {
	color: #999999;
	padding: 10px 10px 10px 20px;
	display: block;
	border-bottom: 1px solid #cccccc;
	background: url(../img/new/categories_bullet.gif) 7px center no-repeat;
}
.right_box_content span {
	margin: 2px 0 0 2px;
	float: right;
	padding: 0px 2px 0px 2px; 
	background-color: #cccccc;
	color: #fff;
}
ul#admin_area {margin-top: 5px;}
ul#admin_area a {background: url(../img/new/categories_bullet.gif) left center no-repeat; padding-left: 15px; font-size: 85% }



/* 05. FOOTER
------------------------------------------------------------------*/

div#footer {
	clear: both;
	color: #787878;
	font-size: 80%;
	padding: 5px;
	letter-spacing: -1px;
	text-align: center;
	position: relative;
	margin-top: 2em;
	margin:0;
}
div#footer p.links a {color:#f48224; text-decoration:underline}
div#footer p.links a:hover {color:#333; text-decoration:underline}
div#footer #extras {position:absolute; right:0}
div#footer #extras a {margin-right:8px}



/* 06. article_details_middle.tpl
------------------------------------------------------------------*/
#article-details #article-images {
	/*text-align: center;
	
	padding:10px 0 0 0;*/
	float: left;


}
#article-details #article-images img {
	
}
#article-details #article-images .thumb {
	float: left;
	margin-right: 10px;
}
#article-details #article-information {
	width: 180px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f7f7f7;
	margin: 5px 0 0 0;
	padding: 5px 10px 5px 10px;
	display: block;
}
#article-details .link_infoblatt {
	background: url(../img/new/icon_print.gif) left 5px no-repeat;
	padding: 5px 0 5px 20px;
}
#article-details .link_weiterempfehlen {
	background: url(../img/new/go.gif) left 0.3em no-repeat;
	padding-left: 26px;
	margin: 20px 0 0 0;
}
#article-details .detail_infobox_price {font-size: 120%; padding-top: 0.5em;}



/* 07. article_details_right.tpl
------------------------------------------------------------------*/
.buy-now {
	border: 3px solid #f2f2f2;
	border: 3px solid #ff6600;
	background: #f7f7f7;
	margin-top: 2em;
	padding: 10px 5px 15px 5px;
}
.buy-now h2 {margin:0 0 15px 0; font-size:100%}
.buy-now label {
	width: auto;
	margin: auto;
	height: auto; 
	float: left;
	font-size: 85%;
	padding: 0;
}
.buy-now .tobasket {
	margin: 10px 0 0 0; 
	float: none; 
	border: 1px solid #ff6600; 
	background: #fff url(../img/product_buy.gif) 0.2em 0.2em no-repeat; 
	width: 167px;
}
.buy-now select#cQUANTITY {margin:0 0 5px 5px; width:70px}
.buy-now select#cADD {
	margin-left: 47px;
	width: 120px;
	padding: 0;
	text-align: center;
}
.article-details-right {font-size:80%}
.tobasket { 
	background: #f2f2f2 url(../img/product_buy.gif) 0.2em 0.2em no-repeat; 
	margin-top: 0.5em;
	border: 1px solid #ff6600;
	width: 180px;
	padding: 1px;
	color: #ff6600;
	margin-left: 0;	
	height: 23px;
}



/* 08. article_listing.tpl and article_box_bigger.tpl
------------------------------------------------------------------*/

.article-listing {
	padding-bottom: 2em;
	border-bottom: 3px solid #f7f7f7;
}
.article-listing .article-description {
	position: absolute;
	top: 110px;
	right: 100px;
	width:115px;
	line-height:1.4em;

}
.article-listing .article_details .tocart, .article-listing .article_details .information  {	
	display: block;
	height: 20px;
	width: 20px;
	text-indent: -999em; outline: none;
	float: left;
	margin-left: 10px;
}
.article_details, #article_details {

	
}

span.marker {
	float: left;
	margin-right: 10px;
	color:#f20000;
	font-weight: bold;
}
.article_details p {}
.article-listing .article_details .tocart { background: url(../img/new/product_buy.gif) left 0em no-repeat; margin-top: 5px;}
.article-listing .article_details .information {background: url(../img/new/product_information.gif) left 0.1em no-repeat; margin-top: 5px;}
h1 {font-size:100%}
.article-price {font-size:130%; color:#333; padding-bottom:5px}
.statt { font-size: 10px; padding: 0; margin: 0; color:#666666;}
.deliverable1 {
	background: url(../img/store/ico_deliverable1.gif) left 6px no-repeat;
	padding-left: 25px;
	padding-bottom: 2px;
}
.deliverable2 {
	background: url(../img/store/ico_deliverable2.gif) left 6px no-repeat;
	padding-left: 25px;
	padding-bottom: 2px;
}
.deliverable3 {
	background: url(../img/store/ico_deliverable3.gif) left 6px no-repeat;
	padding-left: 25px;
	padding-bottom: 2px;
}

.article_details2 .article-price strong {
	color:#FF0033;
}

/* 09. article_left_last.tpl
------------------------------------------------------------------*/
.article-last {
	border:1px solid #f2f2f2;
	width:180px;
	margin-bottom:2em;
	font-size:85%
}
.article-last-details {background: #f7f7f7;padding: 10px;}
.article-last-img {text-align:center; padding-top:5px;}
 
 
 
/* 10. category_right_charts.tpl
------------------------------------------------------------------*/
.top-article {font-size:85%; padding:7px}
.colored {background: #f2f2f2}
.top-article dt {float:left}
.top-article dd {margin-left:30px}



/* 11. category_right_supplier.tpl
------------------------------------------------------------------*/
ul.hersteller {font-size:85%; border:1px solid #f5f5f5; padding:10px; list-style:none}
ul.hersteller li {margin-bottom: 0.5em}



/* 12. basket_middle.tpl
------------------------------------------------------------------*/
#basket {}
table.basket-middle {border:1px solid #cccccc; margin: 1em 0}
table.basket-middle th {
	background:#f7f7f7;
	padding:3px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
table.basket-middle th.artikel {border-left:none}
table.basket-middle th.anzahl  {width:90px;}
table.basket-middle th.sum  {color: #fff; background-color: #ff6600;}
table.basket-middle td {padding: 5px; border-bottom: 1px solid #cccccc;}
table.basket-middle td.center {text-align:center}
a.arrow-right {background:url(../img/icon_go.gif) left center no-repeat; padding-left:17px}
.tobasket { 
	border:1px solid #ccc;
	background:#f7f7f7 url(../img/product_buy.gif) left no-repeat; 
	margin-left:10px;
	padding-left:5px;
}
td.sum {background:#fff6f0; 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;
}



/* 13. service_middle.php
------------------------------------------------------------------*/
.serviceform {background:url(../img/email.gif) left 0.1em no-repeat; padding-left:20px}
.top {background:url(../img/top.gif) 2px 0.3em no-repeat; padding-left:20px}



/* 14. login_middle.tpl und Register
------------------------------------------------------------------*/
.loginform {margin-top:2.5em; }
.c2_box2 h2 {margin-top:0}
#login-middle h1 {font-size:110%}
#login-middle h2 {font-size:100%; margin-top:1.5em}
#login-middle .button-arrow {background:url(../img/icon_go.gif) left center no-repeat; padding-left:15px}
#steps-container {margin-top:2em}
#steps-container .step {
	float:left;
	height:100px;
	width:110px;
	border:1px solid #ccc;
	background:#f7f7f7;
	color:#515151;
	font-size:85%;
	margin-right:12px;
}
#steps-container .active {background:#fff; color:#ff6600;}
#steps-container .step-number {float:left;font-size:150%;font-weight:bold;padding:5px 0 0 3px}
#steps-container .step-text {margin-left:25px;font-weight:bold;padding:5px 0 0 0;}
#steps-container #step4 {margin-right:0;}
.error {border:1px solid #cf1c1c; background:#f7d8d8; padding:7px; margin:2em 0;}
.registerform {margin-top:2em;}



/* 15. Forms
------------------------------------------------------------------*/
form br {clear: left}
form {margin:0;	padding:0}
fieldset {
	border: 1px solid #DFDFDF;
	padding:0 20px 20px 20px;
	margin: 0 10px 10px 10px;
}
legend {
	margin:0 0 20px 0;
	padding:0;
	font-weight: bold;
}
label {
	display:block;
	width:200px;
	float:left;
	height:35px;
	
	color: #494949;
}
select {
	float:left;
	
	padding: 2px 0 0 5px;
	
	font-size: 11px;
	border: 1px solid #919294;
	background-color: #fff;
}
select.slc_detail {
	margin: 10px 0 0 0;
}
select.normal {
	width: 190px;
	height: 18px;
}
select.suche {
	width: 150px;
	height: 18px;
}
select.details {
	width: 90px;
}
select.year {
	width: 90px;
}
select.month {
	margin: 0 10px 0 0;
	width: 90px;
}
input {font-size: 12px;}
input.normal {
	width: 190px;
	height: 16px;
	margin: 0 10px 0 0;
}
input.suche {
	margin: 0 10px 0 0;
	width: 150px;
	height: 14px;
}
input.plz {
	width:40px;
}
input.ort {
	width:131px;
	margin: 0 0 0 10px;
}
input.strasse {
	width:125px;
}
input.nr {
	width:46px;
	margin: 0 0 0 10px;
}
input.instyle_error {
	border: 1px solid #cf1c1c;
	background-color: #f7d8d8;
}

.submitbutton { 
	background: #d7ecb9;
	margin-top: 0.5em;
	border: 1px solid #75c01d;
	font-size: 85%;
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;
	padding: 3px;	
}
.register_right {
	font-size: 85%;
}
.datenschutz { background: url(../img/go.gif) left center no-repeat; padding-left: 15px; } 



/* 16. account_ordersummary.tpl 
------------------------------------------------------------------*/
ul.offers {
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	list-style: none; 
}
ul.offers li {
	margin: 0 0 5px 0;
	background: none;
	padding: 0;
}
ul.offers li a, ul.offers li a:visited, ul.offers li a:active {
	display: block;
	padding: 5px 10px 5px 20px;
	height: 75px;
	text-decoration: none;
	color: #555555;
}

ul.offers li a:hover {
	background-color: #feece0;
} 
ul.offers li div.orderoverview {
	background: #f2f2f2;
}
ul.offers li div.orderoverview_active {
	background: #fff;
}
ul.offers li div.orderoverview {

}
ul.offers li span.col1 {
	float: left;
	padding: 7px 0 0 0;
	width: 280px;	
}

ul.offers li span.col2 {
	float: left;
	padding: 17px 0 0 0;
}
ul.offers li span.col2 strong {
	color: #000;
}
/*
ul.offers li span.col3 {
	float: right;
	padding: 17px 0 0 0;
	font-weight: bold;
}*/
div.comment {
	margin:0;
	border: 1px solid #ffd270;
	padding: 10px;
	font-weight: bold;
	color: #000;
	background-color: #fff99e;

}



/* 17. basket_crossselling_middle und basket_crossselling_right.php
------------------------------------------------------------------*/
#crossselling .checkout, #crossselling .basket-edit {
	background: #f2f2f2;
	margin-top: 1em;
	border: 1px solid #ccc;
	font-size: 80%;
	font-weight: bold;
	color: #ff6600;
	letter-spacing: 1px;
	padding: 3px;
	display: block;
}
#crossselling .basket-edit {}


#buy_form label {
	color: #000;
}
#buy_form .menge {
	width:65px;
	margin: 0;
	padding: 0;
	float: left;
}
.variant {
	float: left;
	width:70px;
	font-size: 10px;
	padding: 0 0 0 3px;
}

.buy_box {
	float:left;
	width: 185px;
	margin: 20px 0 0 20px;
	padding:0;
}
.buy_box_top1 {
	width: 155px;

	color: #000;
	margin: 0;
	padding: 40px 10px 0 20px;
	background: url(../img/store/bg_kaufen_box1.gif) no-repeat;
	background-color: #ffa842;
}
.buy_box_top2 {
	width: 155px;

	color: #000;
	margin: 0;
	padding: 40px 10px 0 20px;
	background: url(../img/store/bg_kaufen_box3.gif) no-repeat;
	background-color: #ffa842;
}
.buy_box_bottom {
	margin: 0;
	padding: 0;
	width: 185px;
	height: 14px;
	background: url(../img/store/bg_kaufen_box2.gif) no-repeat;
}
.buy_box_top1 label, .buy_box_top2 label {
	width: 55px;
	height:23px;
	float: left;
	margin: 0 5px 0 0;
	
	text-align: right;
	color: #000;

}
.buy_box_top1 strong, .buy_box_top2 strong {
	color: #000;
}
.buy_box_top1 .article_details_price, .buy_box_top2 .article_details_price{
	font-size: 12px;
	color: #000;
}

div.top_320 {
display: block;
height: 11px;
font-size:14px;
line-height: 0;
background: url(../img/store/320_top.gif) no-repeat;
padding: 0;
margin: 0;

}
div.bottom_320 {
display: block;
height: 11px;
font-size:0;
line-height: 0;
background: url(../img/store/320_bottom.gif) no-repeat;
padding: 0;
margin: 0;

}
div.body_320 {
padding: 40px 0 40px 0;
font-size:0;
display: block;
line-height: 0;
background: url(../img/store/320_body.gif) repeat-y;
margin: 0;

text-align: center;

}

div.top_550 {
display: block;
height: 12px;
font-size:14px;
line-height: 0;
background: url(../img/store/bg_top_550.gif) no-repeat;
padding: 0;
margin: 0;

}
div.bottom_550 {
display: block;
height: 12px;
font-size:0;
line-height: 0;
background: url(../img/store/bg_bottom_550.gif) no-repeat;
padding: 0;
margin: 0;

}
div.body_550 {
padding: 5px 0 5px 0;
font-size:0;
display: block;
line-height: 0;
background: url(../img/store/bg_body_550.gif) repeat-y;
margin: 0;

text-align: center;

}
.bt_small {
margin-top: -10px;

}