/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   -----------------------------------------------------------------------------------------
   
   XTC5 Template & Stylesheets
   -----------------------------------------------------------------------------------------
   (c) 2007 Ing. Michael Frst
       bluegate communications
	   http://www.bluegate.at
   ---------------------------------------------------------------------------------------*/

/* THE BIG GUYS */
* {margin:0;padding:0;list-style-type:none; }

html { height: 100%;  }
body { 
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:11px; 
margin:0; 
padding:0; 
width: 100%;

text-align: left;
color: #000;
margin: 0 auto;
width:1000px; 
position: relative;  
height: 100%;
}

.col, .row { float: left; position: relative; display: inline; width: 100%; }

#wrap {	 float: left; background: url(img/bg/wrapper.gif) -4px 0 repeat-y; width:976px; padding: 0 12px; margin: 0; position: relative; min-height: 100%;   }

* html #wrap { height: 100%; }

#topNav { position: absolute; top: 85px; right: 20px; width: auto; z-index: 2; float: left; }
#topNav li { float: left; clear: none; background: none; line-height: 17px; padding: 0 10px; border-right: 1px solid #1563B6;    }
#topNav a { display: block; border-bottom: none; background: none; float: left; color: #fff; line-height: normal;  }
#topNav a:hover { border-bottom: 1px dotted #fff;  }
#topNav li.last { border:none;  }

#toolButtons {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 25px;
}

#toolButtons li, #toolButtons a {
	padding: 0; 
	margin: 0;
	display: block;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 25px;
	position: relative;
	width: 97px;
	outline: none;
}

#toolButtons a { text-indent: -1000em; overflow: hidden; border-bottom: none; }

#toolButtons a:hover {
	background-position: -200px 0; 
}

#loginLink, #loginLink a { background-image: url(img/buttons/login.gif); }
#accountLink, #accountLink a { background-image: url(img/buttons/account.gif); }

#toolButtons li#loginLink { margin-right: 1px;  }
#toolButtons li#accountLink { margin-right: 1px;  }

#toolButtons li#registerLink, #toolButtons li#registerLink a { 
	background-image: url(img/buttons/registrieren.gif);
	width: 96px;
}

#toolButtons li#logoutLink, #toolButtons li#logoutLink a { 
	background-image: url(img/buttons/logout.gif);
	width: 96px;
}


/* HEADINGS */
h1, h2.boxheader {
	font-size: 11px;
	color: #fff;
	float: left; 
	display: inline;
	position: relative;
	margin: 0 -25px 20px -24px;
	width: 538px;
	padding: 11px 24px;
	height: 13px;
	background: url(img/bg/glanz_orange.gif) repeat-x 0 0;
}
h1.original {color:#000000;font-weight:bold;font-size:22px;margin:20px 0px 15px 0px;padding:0px;width:auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:#000000;}
h2 { font-weight: bold; color:#ED6D1E; font-size: 11px; line-height: 17px; float: left; margin: 0 0 0 0; width: 100%; }

/* LINKS GLOBAL */
a { text-decoration:none !important;cursor:pointer; color: #ED6D1E; border-bottom: 1px dotted #ED6D1E;} 
a:hover,a:active {border-bottom:none;}
a img {border:none;}

u { text-decoration:none; }

.buttonContainer a { border: none; }
p.buttonContainer { width: auto; }


/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input, textarea, select {
	font-family:Verdana,Arial,Helvetica,sans-serif;  
	font-size:11px;
	background: #fff;
	padding: 2px;
	border: 1px inset #fff; 
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 2px;
}

/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input[type=text], input[type=password] {}

input.imageButton, #content .row input.imageButton { border: none; background: none; padding: 0; width: auto; }

/* PARAGRAPH GLOBAL */
p,li {margin:0 0 10px 0; line-height: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; float: left; position: relative;}
ul,li { float: left; }

/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#4E4E4F; float: left;}
div.hrlightgrey {padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#999999; float: left;}
div.hrproductpreview, div.hr_dotted {padding-top:1px; height:0; overflow:hidden; margin:12px 0px 12px 0px; display:inline; height:0px; line-height:0px; display:block; background:url(img/bg/hr_dotted.gif) repeat-x 0 0; float: left; width: 100%;}



ul.infoNav { float: left; width: 100%; background:url(img/bg/hr_dotted.gif) repeat-x bottom left; padding: 0 0 7px 0; margin-bottom: 25px; }
.infoNav li { border: none; padding-right: 20px; margin: 0; }
.infoNav a { border: none; color: #000; background: url(img/bg/icon_tabs.gif) no-repeat 2px 3px; padding-left: 12px; outline: none; }
.infoNav a:hover, .infoNav .selected a { color: #EC6D1E; }
.infoNav .selected a { font-weight: bold; background-position: -299px 3px; outline: none; }

/* TABLE GLOBAL */
td {padding:2px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header {background: #DAE2ED url(img/bg/header.gif) no-repeat top left; border-bottom: 1px solid #fff; position: relative; float: left; width: 100%;}
#header	#logo {float:left}
#logo a, #logo_kerona a { display: block; float: left; width: 192px; height: 169px; overflow: hidden; text-indent:-1000em; border: none;}
#logo_kerona a { width: 110px; height: 35px; margin-top: 30px; float: right; }
#logo_kerona { position: absolute; right: 25px; top: 0; }
#header #search {width: 180px; float:right; color:#003E7E; padding:0; clear: none; position: relative; padding-right: 20px; padding-top: 140px; }
#header #search a, #header #search td {color:#003E7E; font-size:11px;}
#header #keywords input { width:100px; }
#header td {padding-top:1px; padding-right:4px;}

/* BREADCRUMB PATH AS LIST */
#breadcrumb { color:#333; position: relative; padding-top: 144px; margin-left: 27px; width: 330px; float: left; display: inline;  }
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {text-decoration:none; font-weight:normal; cursor:pointer;color:#003E7E; margin:0; padding:0; border-bottom: none;}
#breadcrumb a:hover { border-bottom: 1px dotted #003E7E; }

/* TOPMENU AS LIST */
#topmenuwrap {background: url(img/bg_topmenu.gif) repeat-x;}
#topmenu {float:left; padding:0; margin:0; list-style-type:none; height:36px; font-size:13px; background: url(img/bg_topmenu.gif) repeat-x;}
#topmenu li {height:36px; float:left; padding: 0px 25px 0px 25px; margin:0; background: url("img/bg_topmenu_breakline.gif") no-repeat; background-position:right;}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {line-height:36px; vertical-align:middle; text-decoration:none; font-weight:bold; cursor:pointer;color:#fff; margin:0; padding:0;}
#topmenu a:hover {color:#DB9501;}

/* LANGUAGE SELECTION IN TOPMENU LIST */
#languages {text-align:right; height:26px; font-size:13px; background: url(img/bg_topmenu.gif) repeat-x; padding: 10px 10px 0px 0px; margin:0;}

/* CONTENT WRAPPER */
#contentwrap {clear:both;width:976px;padding:0;}

/* LEFT COLUMN */
#leftcol {float:left; width:194px; padding:0px 0px 15px 0px;}

/* RIGHT COLUMN */
#rightcol {float:right; width:194px; padding:0 0 15px 0; position: relative;}

/* MAIN CONTENT */
#content {float:left; width:534px; padding:0px 25px 0px 25px; margin-bottom:40px;}
#contentfull {width:890px; padding:0px 30px 0px 30px; margin-bottom:15px;}

/* CATEGORY MENU */
h2.categoryheader {background-color:#F3A807; background-image:url(img/bg_boxheader.gif);height:28px;font-size:11px; color:#FFFFFF; padding:2px 8px 0px 8px; margin:0; line-height:28px; vertical-align:middle;}
h2.categoryheader a {text-decoration:none; color:#fff}
#leftcol a { outline: none; cursor: hand; }
#leftcol li { cursor: hand; }
#leftcol ul { padding: 6px 0 8px 0; }
#leftcol ul#navLeft { padding: 0 0 1px 0; }
#leftcol li.selected a { background-position: -400px 0; }
#leftcol li li { width:auto; background: none; height: auto; margin: 0; line-height: 15px;  }
#leftcol li li a { width:auto; background: none; height: auto; text-indent: 0; float: left; margin: 0;  }
/* 1st TIER */
#leftcol li li.level1 { }
#leftcol li li.level1 a { color:#003E7E; padding:2px 12px 3px 20px; width: 162px; background-color: #DAE2ED; }
#leftcol li li.level1 a:hover { color: #fff; background-color: #EC6D1E; }
#leftcol li li.selected a { color: #fff; background-color: #EC6D1E; }
/* 2nd TIER */
#leftcol li li.level1 ul { background-color: #fff; padding: 3px 0; margin-bottom: 2px; overflow: hidden; width: 193px; }
#leftcol li li.level2 { }
#leftcol li li.level2 a {color:#8BA3C3; padding:2px 12px 2px 35px; width: 146px; background-color: #fff; }
#leftcol li li.level2 a:hover { color: #EC6D1E; background-color: #fff; }
#leftcol li li li.selected a { color: #EC6D1E; font-weight: bold; background-color: #fff; }


/* 3rd TIER */
ul#categorymenu li.level3 {list-style-type:none; background-color:#EEA003; padding:4px 0px 4px 40px; border: solid #fff; border-width:1px 0px 0px 0px;}
ul#categorymenu li.level3 a {font-size: 11px; text-decoration:none; color:#FFFFFF; font-weight:bold;}

li.level0, li.level0 a, p.mainButton, p.mainButton a, a.mainButton { float: left; display: inline; width: 194px; background-position: 0 0; background-repeat:no-repeat; margin: 0; }
li.level0, p.mainButton { margin-bottom: 1px; }
li.level0 a, p.mainButton a, a.mainButton span { overflow: hidden; text-indent: -1000em; border-bottom: none; height: 35px;   }
/* li.level0 a:hover, p.mainButton a:hover { background-position: -200px 0; } */

#produkte, #produkte a { background-image:url(img/buttons/produkte.gif); }
#faq, #faq a { background-image:url(img/buttons/faq.gif); }
#wasistnano, #wasistnano a { background-image:url(img/buttons/wasistnano.gif); }
#sicherheit, #sicherheit a { background-image:url(img/buttons/sicherheit.gif); }
#links, #links a { background-image:url(img/buttons/links.gif); }
#kontakt, #kontakt a { background-image:url(img/buttons/kontakt.gif); }
#haendlerwerden, #haendlerwerden span { background-image:url(img/buttons/haendlerwerden.gif); }
#sisonderaktion, #sisonderaktion span { background-image:url(img/buttons/sisonderaktion.gif); }
#sisonderaktion2, #sisonderaktion2 span { background-image:url(img/buttons/angebotsichern.gif); }
#sisonderaktion3, #sisonderaktion3 span { background-image:url(img/buttons/geschenksichern.gif); }
#sisonderaktion4, #sisonderaktion4 span { background-image:url(img/buttons/neue_produkte.gif); }
#trustedshops, #trustedshops span { background-image:url(img/buttons/sichereinkaufen.gif); }
#pflegetipps, #pflegetipps a { background-image:url(img/buttons/pflegetipps.gif); }
#zurkasse, #zurkasse a { background-image:url(img/buttons/zurkasse.gif); }

* html #haendlerwerden { width: 193px; overflow: hidden; }


#contactBox {
	width: 194px;
	height: 195px;
	text-indent: -1000em;
	overflow: hidden;
	background:url(img/contactBox.gif) no-repeat 0 0;
	float: left;
	display: inline;
}

#box_b2b a {
	float: left;
	background: url(img/haendler.jpg) no-repeat 0 0;
	padding-top: 161px;
	border: none;
}

#box_specialoffer, #box_b2b, #box_specialoffer2,  #box_specialoffer3, #box_specialoffer4, #box_trusted_shops {
	float: left;
	padding-bottom: 1px;
	width: 194px;
}

#box_specialoffer p, #box_b2b p, #box_specialoffer2 p,  #box_specialoffer3 p, #box_specialoffer4 p,   #box_trusted_shops p {
	padding-bottom: 0;
	margin-bottom: 0;
}

#box_specialoffer a, #box_specialoffer2 a,  #box_specialoffer3 a, #box_specialoffer4 a {
	float: left;
	width: 194px;
	background: url(img/special_seitenleiste.jpg) no-repeat 0 0;
	padding-top: 161px;
	border: none;
	}
	
#box_trusted_shops a {
	border: none;
}
	
#box_specialoffer2 a {
	background: url(img/banner.jpg) no-repeat 0 0;
}

#box_specialoffer3 a {
	background: url(img/euro08banner.jpg) no-repeat 0 0;
}

#box_specialoffer4 a {
	background: url(img/bg/neue_produkte.jpg) no-repeat 0 0;
}
	
a.mainButton span { float: left; display: inline; width: 194px; height: 35px; overflow: hidden; text-indent:-1000em; }


/* BOXES GLOBAL DEFINITION */
h2.boxheader { padding-left:12px; padding-right: 12px; width: 170px; float: left; margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: -1px; }
h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {text-decoration:none; color:#ffffff}
.boxbody { padding:14px 12px; float: left; margin-bottom: 1px; width: 162px;  }
.boxbody td, .boxbody a { color: #003E7E; }
.boxbody a { border-color: #003E7E; }
.boxbody h3, .boxbody h3 a {font-size:11px}
.boxbody h3.center, .boxbody h3.center a {font-size:11px; text-align:center}
.boxbody p.center {color:#000000; font-size:11px; text-align:center; margin:6px 0px 6px 0px}
.boxbody .productOldPrice {font-size:11px; color:#FF0000}
.boxbody div.hr {margin-top:5px; margin-bottom:5px}
.boxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;}
.boxbody a {font-size:11px;}
.boxbody .productboximage {border: solid 1px #999999;}
.boxbody ul.contentlist {margin-left:5px; margin-right:0; padding:0;}
.boxbody ul.contentlist li {margin-left:0px; padding:0; list-style-type:none}

/* CART BOX */
h2.boxheader_cart { background:url(img/buttons/warenkorb.gif) no-repeat -400px 0; padding: 0; margin: -1px 0 0 0; width: 194px; height: 35px; overflow: hidden;  }
h2.boxheader_cart a { text-indent: -1000em; overflow: hidden; width: 194px; height: 35px; padding: 0; background:url(img/buttons/warenkorb.gif) no-repeat -400px 0; float: left; margin: 0 0 0 0; border: none;}
.boxbody_cart { padding: 6px 14px 0 14px; width: 166px;  }
.boxbody_cart p, .boxbody_cart td, .boxbody_cart a { font-size: 10px; color: #003E7E; }
.boxbody_cart p { float: left; }
.boxbody_cart td { padding: 2px 5px 2px 0; }
p#zurkasse { margin: 10px -14px 0 -14px; float: left; }

.cartcontent_small {
	float: left;
	background-color: #FAFBFD;
	margin: 5px -11px 5px -13px;
	padding: 8px 13px; 
	width: 166px; 
	display: inline;
}

.boxbody_cart .shippingNotice { line-height: normal; margin-bottom: 0; }

#box_login { float: left; position: relative; line-height: normal; padding-top: 5px; }
#box_login form { float: left; margin: 0; padding-bottom: 0; }
#box_login input { float: left; margin-top: 5px;   }
#box_login input.imageButton { margin-left: 5px; margin-top: 2px; }
#box_login label { padding-left: 2px; float: left; padding-top: 10px; clear: left; color: #003E7E; }
#box_login p.lostPassword { padding-top: 10px; padding-bottom: 5px; float: left; margin: 0;  width: 100%;margin-right: -3px;  }
#box_login .row { margin: 0;  }



table { float: left; }

/* PRODUCT PREVIEW */
.productPreview {padding:0; margin:0 15px 0 0; width:410px; }
.productPreviewContent {vertical-align:top; width: 270px;  }
.productPreviewContent p { width: 260px;  }
.productPreviewContent a { border: none; }
.productPreviewContent h2 {padding: 0; margin:0px 0px 10px 0px; float: left; width: 100%;  }
.productPreviewContent h2 a {font-size:11px; font-weight:bold;}
.productPreviewImage a { border: none; }
.productPreviewImage {vertical-align:top; padding:3px 15px 0px 0px; width: 125px;}
.productPreviewImage img {}
.productPreviewContent .price{font-size:16px; font-weight:bold; padding:0; margin:0; font-weight: bold;}
.productPreviewContent .taxandshippinginfo {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0; }
.productPreviewContent .vpe {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .shippingtime {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .stockimage {margin:0; padding:0;}
.productPreviewContent .stockimagetext {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
.productPreviewContent .productOldPrice {font-size:12px; font-weight:bold; color:#ff0000;}
.productPreviewContent .taxandshippinginfo a {font-size:11px; font-weight:normal; color:#999999;}

.priceCol { float: left; width: 108px; display: inline; }
.priceCol .price { background: url(img/bg/preisschild.png) no-repeat 0 0; float: left; width: 78px; padding: 30px 20px 30px 10px;  text-align: center; font-size: 16px; line-height: 15px; color: #fff; height: 30px; font-weight: bold; margin-top: 10px; display: inline;  }

.b2b_product_listing .priceCol .price { background-image: url(img/bg/preisschild_2.png); margin-right: -10px; padding-bottom: 40px; padding-left: 15px; }

.priceCol .taxandshippinginfo, .priceCol .whole_price, .priceCol .customer_price { font-size: 10px; color: #999; text-align: center; float: left; width: 103px; line-height: 14px; } 
.priceCol .whole_price { color: #ED6D1E; }
.priceCol .price span { font-size: 10px; }

p.buttonRow { float: left; padding-top: 10px; margin: 0; width: 100%; }
.buttonRow img { float: left; margin-right: 10px; }
.buttonRow .button_buy_now img { margin-right: 0; }

/* PRODUCT INFO / PRODUCT DETAILS */
#productinfowrap {display:table; width:100%; float: left;}
#productinfoimages { float:left; width:200px; margin:0px 10px 10px 0px; position: relative; }
#productinfoimages .productimage {  position: relative; margin-bottom: -60px; }
#productinfoimages a, #productinfoimages img { border: none; }
#productinfoimages .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfopricewithimages {float:right; width:320px}
#productinfopricewithimages img {cursor:pointer}
#productinfopricewithoutimages {width:100%}
#productinfopricewithoutimages img {cursor:pointer}
#productinfoprice {padding:5px}
#productinfoprice .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfoprice .productprice {margin:0; padding:0; font-size:14px; font-weight:bold;}
#productinfoprice .productOldPrice {color:#FF0000;margin:0; padding:0; font-size:12px; font-weight:bold;}
#productinfoprice .taxandshippinginfo {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .taxandshippinginfo a {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .shippingtime {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .stockimage {margin:0; padding:0;}
#productinfoprice .stockimagetext {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
p.productinfoproductadded {font-size:11px;}
.productoptions {background-color:#FFF2CC; padding:6px; border-style:solid; border-width:1px 0px 0px 0px; border-color:#DA9401}
.addtobasket { text-align:right; }

#productinfowrap .priceCol { width: 200px;  position: relative; }
#productinfowrap .priceCol p.price { margin-left: 35px; background-image:url(img/bg/preisschild_gross.png); width: 88px; font-size: 23px; padding: 40px 30px 50px 20px; line-height: 20px; color: #fff;  }
.b2b_product #productinfowrap .priceCol p.price { margin-left: 0; background:url(img/bg/preisschild_gross_2.png) 0 0 no-repeat; width: 121px; font-size: 23px; padding: 70px 30px 85px 40px; line-height: 20px; color: #fff; margin-top: -30px; }
#productinfowrap .taxandshippinginfo, #productinfowrap .shippingtime, #productinfowrap .priceCol p, #productinfowrap .whole_price  { width: 200px; font-size: 11px; color: #999; margin: 0; text-align: center; line-height: 16px; }
#productinfowrap p.whole_price { color: #ED6D1E;  }
#productinfoimages .taxandshippinginfo a { border-bottom: 1px dotted #ED6D1E; }
#productinfowrap .taxandshippinginfo a:hover { border-bottom-width: 0; }
.b2b_product #productinfowrap .buttonRow { margin-right: -30px; }
#productinfowrap .buttonRow { padding-top: 20px; float: left; }
#productinfowrap .buttonRow input { float: left; margin-top: 5px; margin-right: 5px; width: 20px;  }
#productinfowrap .buttonRow input.imageButton { margin-top: 0; margin-right: 0; width: auto;  }

.productInfoRight { float: left; width: 300px; }
.productInfoRight li, #c_produktinfo li, #c_produktanwendung li, #c_pflegeinfo li, #c_testberichte li, .content_static li   { width: 520px; margin: 0; padding-left: 10px; background: url(img/bg/bullet_orange.gif) no-repeat 0 8px; float: left;  }
#c_produktinfo li { width: 300px; }
.productInfoRight ul { padding-bottom: 10px; }

#einsatzbereich { float: left; width: 100%; }
#einsatzbereich h2 { width: 100%; margin-bottom: 10px; }
#einsatzbereich img { margin-right: 5px; margin-bottom: 5px; }

#productinfowrap h2 { margin-bottom: 10px; margin-top: 0; }

#content_faq .answer ul { padding-bottom: 10px;  }


/* POPUPS PRODUCTINFO */
body.popupproductinfo {padding:15px;background:none; background-color:#fff}

/* POPUP print_order.html */
body.popupprintorder {font-family:Verdana,Arial,Sans-serif; font-size:13px; padding:15px;background:none; background-color:#fff}
body.popupprintorder .products tr.header td {font-weight:bold; background-color:#EDEDED;}
body.popupprintorder .products .total {text-align:right}
body.popupprintorder .products .quantity {vertical-align:top}
body.popupprintorder .productname {vertical-align:top}
body.popupprintorder .model {vertical-align:top}
body.popupprintorder .singleprice {vertical-align:top}
body.popupprintorder .totalprice {vertical-align:top}

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {padding: 0 0 20px 0; float:left; margin: 0 0 20px 0; width: 100%; background:url(img/bg/hr_dotted.gif) repeat-x bottom left; }
div.highlightbox ul {padding:0; display:block; margin-bottom: -10px; width: 520px;  }
div.highlightbox li { width: 90%; padding-left: 10px; background: url(img/bg/bullet_orange.gif) no-repeat 0 8px; float: left;  }
div.highlightbox h1 {color:#BE8100; padding:0px 0px 10px 0px; margin:0; border:none; font-size:16px}
div.highlightbox div.hr {height:1px; line-height:1px; margin:0; padding:0; display:block; border-bottom: solid 1px #E9D28F;}


/* PAYMENT TYPE SELECTION */
div.paymentblock {border: 1px dotted #F6B68E; margin-bottom:10px; float: left; padding: 12px 12px 10px 12px; width: 510px;}
div.paymentblock .header_paymentblock { font-weight:bold; line-height: 17px;}

div.paymentblock p { float: none; }



/* SHIPPING TYPE SELECTION */
table.shippingblock {background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#E9D28F; margin-bottom:15px;}
table.shippingblock tr td.header {background-color:#DA9401; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;}
table.shippingblock tr td {vertical-align:top;}
table.shippingblock tr td.description {width:100%; vertical-align:top; padding-left:6px;}
table.shippingblock tr td.radiobutton {vertical-align:top; white-space:nowrap; padding:4px;}
table.shippingblock tr td.radiobutton input {margin:0; padding:0;}
table.shippingblock tr td.price {vertical-align:top; white-space:nowrap}

/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {vertical-align:top}
table.accounthistoryinfoorderdetails tr.header td {font-weight:bold}

/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body {width:130px;}

/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox {padding: 5px; background-color:#FFF2CC; border: solid #E9D28F 1px; margin-bottom:8px;}
table.downloadbox tr td.icon{padding-right: 15px;}
table.downloadbox tr td.downloadlink{width:100%;}

/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice {font-size:11px; text-align:left; margin-top:5px;}
table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left}

/* ORDER DETAILS */
table.orderdetails {font-size:11px; margin-bottom: 20px; }
table.orderdetails tr.headerrow, table.orderdetails tr.subtotalrow, table.orderdetails  { background:url(img/bg/hr_dotted.gif) repeat-x bottom left; }
table.orderdetails tr.subtotalrow { background-position: top left; }
table.orderdetails tr td {padding:10px 6px 7px 6px; line-height: 17px; vertical-align:top }
table.orderdetails tr.headerrow td { font-weight:bold; color: #333;   }
table.orderdetails tr.headerrow td.left {text-align:left}
table.orderdetails tr.headerrow td.center {text-align:center}
table.orderdetails tr.headerrow td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {background-color:#FFFFFF;vertical-align:top}
table.orderdetails tr.contentrow1 td.quantity {text-align:left;}
table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; }
table.orderdetails tr.contentrow1 td.productname {text-align:left}

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {background-color:#FDF4EF;}
table.orderdetails tr.contentrow2 td.quantity {text-align:left}
table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; }
table.orderdetails tr.contentrow2 td.productname {text-align:left}

/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {text-align:center; white-space:nowrap}

/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {margin-top:3px;}
table.orderdetails tr td.productname table.productattributes tr td {padding:0px;}
table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;}
table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;}

/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {text-align:right; padding-bottom:15px;}

/* PRODUCT NAVIGATOR */
div.productnavigator {background-color:#EDEDED; padding:8px; border:#999999 1px solid}

/* REVIEW LIST */
table.reviewlist {background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#DA9401;}
table.reviewlist tr td {padding:4px; white-space:nowrap}
table.reviewlist tr.header td {background-color:#DA9401; color:#FFFFFF; font-weight:bold}
table.reviewlist tr.contentrow1 td {background-color:#FFF2CC;}
table.reviewlist tr.contentrow2 td {background-color:#FFEAAB;}
textarea#review {width:100%}

/* MEDIA LIST */
table.medialist {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401;}
table.medialist tr td {padding:6px; white-space:nowrap; vertical-align:top}
table.medialist tr.contentrow1 td {background-color:#FFF2CC;}
table.medialist tr.contentrow2 td {background-color:#FFEAAB;}

/* SITEMAP */
.sitemapwrap {}
.sitemapwrap .sitemapleft {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401; display:table; float:left; width:235px; margin-bottom:15px;}
.sitemapwrap .sitemapright {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401; display:table; float:right; width:235px; margin-bottom:15px;}
.sitemapheader {padding:3px; background-color:#DA9401; color:#FFFFFF; font-weight:bold}
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {color:#FFFFFF; text-decoration:none}
.sitemapcontent {padding:6px}
.sitemapcontent li {list-style-type:none}

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea { width: 95%; }

/* ORDER DETAILS ON CHECKOUT SITE */
table.checkoutconfirmationorderdetails {padding:0; margin:0px 0px 10px 0px; border:none}
table.checkoutconfirmationorderdetails tr td.productname {width:100%; font-weight:bold;}
table.checkoutconfirmationorderdetails tr td.shippingtime {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal; white-space:nowrap}
table.checkoutconfirmationorderdetails tr td.productattributes {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal;}
table.checkoutconfirmationorderdetails tr td.productprice {white-space:nowrap; text-align:right}

table.checkoutconfirmationorderdetailstotal {padding:0; margin:10px 0px 0px 0px; border:none}
table.checkoutconfirmationorderdetailstotal tr td.name {width:100%;text-align:right}
table.checkoutconfirmationorderdetailstotal tr td.value {white-space:nowrap; text-align:right}

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea { width: 95%; }

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation { margin-right: -10px;}
ul#checkoutnavigation li {list-style-type:none; float:left; width:108px; margin-right:10px; border: solid 1px; padding:4px 8px; color: #ED6D1E;}
ul#checkoutnavigation li.active {background-color: #FADCC9; border: 1px solid #FADCC9;}
ul#checkoutnavigation li.active .number {font-size:11px; font-weight:normal;}
ul#checkoutnavigation li.active .title {font-size:11px; font-weight:bold}
ul#checkoutnavigation li.active .description {font-size:11px}

ul#checkoutnavigation li.inactive {color:#AAA; background-color: #eaeaea; border: 1px dotted #CCC;}
ul#checkoutnavigation li.inactive .number {font-size:11px; font-weight:normal;}
ul#checkoutnavigation li.inactive .title {font-size:11px; font-weight:bold}
ul#checkoutnavigation li.inactive .description {font-size:11px}

/* ERROR MESSAGES */
#content p.errormessage { padding:10px 15px; background-color:#FFD6D6; width: 93%; margin-bottom: 15px; }

/* SUCCESS MESSAGE */
.messageStackSuccess {padding:4px; background-color:#66FF66}

/* FOOTER */
.footer, .copyright { clear: none; font-size:10px; color:#aaa; padding: 15px 5px 20px 218px; width: auto; margin: 0; float: left; position: relative; line-height: 17px; }
.footer { clear: both;  }
.copyright { float: left; width: auto; padding-right: 0; padding-left: 0; }
.footer a {color:#666666; text-decoration:none; }
.footer a.toTop { padding-left: 16px; background: url(img/to_top.gif) no-repeat 0 2px; border: none; padding-bottom: 10px; }
.footer a.toTop:hover { color: #ED6D1E; }

* html .footer, * html .copyright { padding-top: 50px; }
*+ html .footer, *+ html .copyright { padding-top: 50px; }


/* XTC COPYRIGHT */

/* XTC ParseTime */
.parseTime {margin: 0 auto; width:970px; background-color:#FFFFFF; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px;}

.content_static h2, .content_static p { margin-bottom: 10px; float: left; width: 100%; }
font { font-size: 1em; }

#intro { margin-left: -24px; margin-bottom: 0; float: left; position: relative; background: url(img/hg_city.jpg) no-repeat 0 0; /* background-image: url(img/bg/intro_winter.jpg); */ }
* html #intro { margin-bottom: -20px;  }
*+ html #intro { margin-bottom: -20px;  }

.presentation_b2b { float: left; position: relative; width: 100%; margin-left: -24px; margin-top: 25px; height: 1000px; background:url(img/bg/haendlerwerden.jpg) no-repeat top left; }
* html .presentation_b2b { float: none;}
.presentation_b2b div { position: absolute; }
.presentation_b2b div.white h2, .presentation_b2b div.white p { color: #fff; }

img.promo_img { position: relative; margin: -19px -24px 30px -24px;  }

h2.black { color: #333; margin-bottom: 10px; }

#content .row label, #content .row span { float: left; padding: 5px 20px 0 0; width: 120px; line-height: 17px; }
#content .row span { width: 120px; padding-right: 0; display: block; padding-left: 5px; }
#content .row img { float: left; margin: 3px 0; }
#content .row input, #content .row select, #content .row textarea, #content .paymentblock .row p { float: left; margin: 3px 0; width: 260px; display: inline; }
#content .row table input, #content .row table span { float: none; width: auto; display: inline; margin-left: 10px;  }
#content .row table input { border: none; margin: 0; }

#content .row input.hidden { display: none; }

#content .row span.radiobutton { width: 15px; padding-left: 0; margin-top: 2px; }
#content .shippingrow span.description { width: 370px; }
#content .shippingrow span.price { width: 100px; text-align: right; }

#content .row .radiobutton input, #content .radiobutton input { width: auto; margin-bottom: 0; border: none; margin: 0; margin-right: 5px; display: block;  }

* html #content .row span.radiobutton input, * html #content .radiobutton input { margin-top: -2px; }
*+ html #content .row span.radiobutton input, *+ html #content .radiobutton input { margin-top: -2px; }


#create_account .highlightbox { padding-bottom: 20px; }

#content .paymentblock .row p { width: 320px; padding-top: 2px; }

.content_static ul { padding-bottom: 10px; }
#content p, #content h2 { float: left; width: 100%; }
#content h2 { margin-bottom: 10px; padding-bottom: 0; }
#content h2.black { }

.content_static a { border: none; }

p.backButton, p.continueButton { margin-top: 10px; }

td.messageStackWarning { line-height: 17px; }

#content h3 { float: left; margin: 0; color: #222; font-size: 11px;line-height: 17px; }

.hidden { display: none; }
html { background: #fff url(img/bg/page3.jpg) fixed top center; }

.longdescr { line-height: 17px; }

input.form_button { background: #ED6D1E; border: 1px outset #ED6D1E; padding-left: 10px; padding-right: 10px; color: #fff; font-weight: bold; cursor: hand; cursor: pointer; width: 270px; text-align: center; }

input.hidden { display: none; }
