/* THE BIG GUYS */
@import url("validationEngine.jquery.css");
@import url("colorbox.css");
@import url("megamenu.css");

* {-webkit-tap-highlight-color:rgba(0,0,0,0);}
ul,li,p {
	margin:0;padding:0;
}
body {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px; margin:0; padding:0;background-color:#f6f6f6;}

/* HEADINGS */
h1 {color:#1c3163;font-weight:bold;font-size:22px;margin:15px 0px 15px 0px;padding:0px 0px 5px;width:auto;border-bottom: 1px solid #CCCCCC; text-shadow: 2px 2px white; }
#content h1 { margin: 5px 0px 15px 0px }
h2 {color:#1c3163; font-weight:bold;font-size:16px;margin:15px 0px 8px 0px;padding:0px; text-shadow: 2px 2px white;}
h2.underline { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }

/* LINKS GLOBAL */
a:link {color:#003366;text-decoration:none}
a:hover {color:#003366;text-decoration: underline; }
a:visited {color:#003366}
a:hover,a:active {color:#003366}
a img {border:0 none;}

/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px;}
textarea {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE}
select {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE}

/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input[type=text], input[type=password] {padding:3px;border-width:1px; border-style:solid; border-color:#dbdbdb;background:url("../img/bg_input.png") 0 0 repeat-x;}

/* PARAGRAPH GLOBAL */
p {margin:8px 0px 8px 0px}

.float_left { float:left;}
.float_right { float:right;}
.clearboth {clear:both; height: 0;}

.box_small_img {margin:0pt 2px 3px 0pt;}

/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#ccc}
div.hrlightgrey {padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#999999}
div.hrproductpreview {padding-top:1px; height:0; overflow:hidden; margin:12px 0px 12px 0px; display:inline; height:0px; line-height:0px; display:block; background-image:url(../img/hr_productpreview.gif)}

/* TABLE GLOBAL */
table td {padding:2px;}

/* WHOLE SITE WRAPPER */
#wrap {margin: 0 auto;width:940px; background:transparent url("../img/bg_wrap.png") 0 0 repeat-y;padding:0 15px 5px;min-height:900px;}

#socialbookmark img {padding: 2px; align:center;}

/* POPUP WINDOWS */
#popupwrap {margin: 0 auto; width:100%; background-color:#fff; padding:0;}
#popupheaderwrap {background: url(../img/bg_topmenu.gif) repeat-x; height:36px;}
#popupmenu {float:left; padding:0; margin:0; list-style-type:none; height:36px; font-size:13px; background: url(../img/bg_topmenu.gif) repeat-x;}
#popupmenu li {height:36px; float:left; padding: 0px 25px 0px 25px; margin:0; background: url("../img/bg_topmenu_breakline.gif") no-repeat; background-position:right;}
#popupmenu a, #popupmenu a:link, #popupmenu a:visited, #popupmenu a:hover, #popupmenu a:active {line-height:36px; vertical-align:middle; text-decoration:none; font-weight:bold; cursor:pointer;color:#fff; margin:0; padding:0;}
#popupmenu a:hover {color:#DB9501;}

a.popuplink {padding-left: 20px;background: url(../img/printer.png) no-repeat center left;}

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header {padding:10px 2px 15px; height: 105px; }
#header	#logo { float:left}
#header_right_content {float:right;}

#sonne, #kuerbis {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 110px;
  margin-left: -405px;
  z-index: 100;
}

ul.menu li a.sommeraktion { color: #f1d410; }
ul.menu li a.herbstaktion { color: #ffaa00; }

/* QUICK SEARCH */
.error404 #quick_search { margin-left: -222px; left: 50%; }
#quick_search {z-index: 999;position:absolute;top:52px;left:50%;margin-left:-200px;width:444px;height:39px;background:url("../img/bg_quicksearch.png") 0 0 no-repeat;}
#quick_search input[type="text"] {font-size:15px;color:#6f6f6f;width: 350px;padding: 10px 20px;border: 0 none;background: transparent;margin:0;}
#quick_search input[type="image"] {position:absolute;top:10px;right:15px;}

/* BREADCRUMB PATH AS LIST */
#breadcrumb {clear:both; color:#C64934; height:32px; background:url(../img/bg_breadcrumb.png) 0 bottom repeat-x;margin-top:3px; margin-bottom:12px;}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {line-height:32px; text-decoration:none; font-weight:normal; cursor:pointer;color:#333333; margin:0; padding:0 0 0 12px;background-repeat: no-repeat;background-image:url(../img/icon-arrow.gif); background-position: left center;}
#breadcrumb a:hover { text-decoration: underline; }
#breadcrumb ul li{display:inline;padding: 0 5px 0 0;margin: 2px 0 0 0;}
#breadcrumb ul{margin:0;padding:0;padding-left: 1em;}

/* TOPMENU AS LIST */
#topmenu {
	margin:0;
	list-style:none;
	float:right;
	margin-bottom: 10px;
	background-color:#eee;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
#topmenu li {float:left; margin:0;}
#topmenu li.last a {-moz-border-radius:0 0 5px 5px;-khtml-border-radius:5px;-webkit-border-radius:0 5px 5px 0;border-radius: 0 5px 5px 0;}
#topmenu li a {color:#555454;text-decoration:none;text-transform:uppercase;padding: 3px 10px;display:block;background:url("../img/topmenu_spacer.png") left center no-repeat;}
#topmenu li.telefon { padding: 3px 10px; font-weight: bold; color: #003366; }

#topmenu li a:hover { background-color: #ddd; }
#topmenu li.anleitung a { font-weight: bold; color: red; }
#topmenu li.anleitung { display: none; }

/* 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;}

/* currency SELECTION IN TOPMENU LIST */
#currencies {float:right; text-align:right; height:26px; font-size:13px; background: url(../img/bg_topmenu.gif) repeat-x; padding: 10px 10px 0px 10px; margin:0;}


/* CONTENT WRAPPER */
#contentwrap {clear:both;width:950px;padding:0; min-height:500px;}

/* LEFT COLUMN */
#leftcol {float:left; width:205px; padding:0 10px 30px 0;}

/* RIGHT COLUMN */
#rightcol {float:right; width:186px; padding:0px 0px 30px 0px;}

/* MAIN CONTENT */
#content {float:left; width:520px; padding:0px 5px 30px 5px; margin-bottom:15px;padding: 3px;}
#contentfull {width:890px; padding:20px 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}
ul#categorymenu .active, ul#categorymenu .active a {
  color:#003366;
   margin: 0;
   padding: 0;
   background-color:#ccc;
   text-shadow:0 0px 2px #fff;
   font-size: 14px;
   font-weight: bold;}
ul#categorymenu li.active:hover { background-color: #ccc; }


ul#categorymenu { list-style-type:none; }
ul#categorymenu li {background:#eee;border-width:1px 1px 1px 1px;border-style:solid;border-color:#fff #999 #999 #fff;}
ul#categorymenu li a{ text-decoration:none; color:#000;font-size:13px;}
ul#categorymenu li:hover { background-color: #ddd; }

ul#categorymenu {background-color:#fff; margin-bottom:15px; border: solid #D5D5D5; border-width:0px 1px 1px 1px;}
/* 1st TIER */ ul#categorymenu li.level1 {padding:4px 0px 4px 18px; font-size: 1.0em; background-image: url(../img/icon-arrow.gif); background-position: 5px center; background-repeat: no-repeat; }
ul#categorymenu li.level1.active { background-image: url(../img/icon-arrow-down.gif); background-position: 5px center; }
/* 2nd TIER */ ul#categorymenu li.level2 {padding:4px 0px 4px 18px; font-size: 0.9em;}
/* 3rd TIER */ ul#categorymenu li.level3 {padding:4px 0px 4px 36px;  font-size: 0.8em;}


/* BOXES GLOBAL DEFINITION */
h2.boxheader.boxheaderfull {background-image:url(../img/bg_boxheaderfull.png);}
h2.boxheader {
	height:32px;
	font-size:14px;
	text-transform:uppercase;
	text-shadow:0 1px 1px #000;
	padding-left:10px;
	color:#FFFFFF;
	margin:0;
	line-height:32px;
	background-color: #0E1C43;

	background: #97add6; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YWRkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTc2YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #97add6 0%, #5a76b4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97add6), color-stop(100%,#5a76b4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #97add6 0%,#5a76b4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #97add6 0%,#5a76b4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #97add6 0%,#5a76b4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #97add6 0%,#5a76b4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97add6', endColorstr='#5a76b4',GradientType=0 ); /* IE6-8 */

	border-radius: 5px 5px 0 0;
}

h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {text-decoration:none; color:#ffffff}
.boxbody {background-color:#f6f6f6; border-style:solid; border-color:#d5d5d5; border-width:0px 1px 1px 1px; padding:5px;-moz-border-radius:0 0 5px 5px;
	-khtml-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius: 0 0 5px 5px;margin-bottom: 15px; overflow:hidden; }
.boxbody h3, .boxbody h3 a {font-size:12px;height: 55px;margin:9px;}
.boxbody h3.center, .boxbody h3.center a {font-size:11px; text-align:center}
.boxbody p {color:#000000; margin:6px 0px 6px 0px}
.boxbody p.center {color:#000000; font-size:11px; text-align:center; margin:6px 0px 6px 0px}
.boxbody td {color:#000000; font-size:11px; 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 .productboximage {border: solid 1px #999999;}

.boxbody h3 {}
.boxbody h3 a {text-decoration:none;}
.boxbody .price {font-weight:700;font-size: 16px;
    font-weight: bold;
    margin: 3px 0;
    padding: 0;
    text-align: right;
}
.boxbody .image {margin-bottom:15px;text-align:center;}
.boxbody .boxproduct {width: 32%;padding: 0 0px;margin: 0 4px 25px 0;position: relative;background-color: #FFFFFF;
    border-color: #D5D5D5;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    float:left;}

/* INFO BOX */
.infoHeader {border-bottom:1px solid #ccc;font-size:15px;margin-bottom:10px;padding-bottom:5px;}
.infoboxbody ul.contentlist {margin-bottom:15px; border: solid #ccc; border-width:0px 1px 1px 1px; }
.infoboxbody ul.contentlist li { list-style-type:none; border: solid #fff; border-width:1px 0px 0px 0px; color:#000;}
.infoboxbody ul.contentlist li a{ text-decoration:none; color:#000;}

/* 1st TIER */ .infoboxbody ul.contentlist li.level1 { background-color:#f6f6f6; padding:4px 0px 4px 6px; font-size: 1.0em; color:#000;}
/* 2nd TIER */ .infoboxbody ul.contentlist li.level2 { background-color:#f6f6f6; padding:4px 0px 4px 24px; font-size: 0.9em; color:#000;}
/* 3rd TIER */ .infoboxbody ul.contentlist li.level3 { background-color:#f6f6f6; padding:4px 0px 4px 40px; font-size: 0.8em; color:#000;}

/* DISCOUNTPRICE */
.discountprice {font-size:11px; color:#FF0000}

/* CART BOX */
h2.boxcartheader {margin:0;text-transform:uppercase;color:#001f65;font-size:13px;font-weight:100;}
h2.boxcartheader a {text-decoration:none; color:#001f65}
.boxcartbody {width:150px;float:right;background:url("../img/icons/icon_cartbox.gif") 0 center no-repeat;padding-left:50px;}
.boxcartbody p {margin:0;color:#606060;}

/* paypal */
a.paypal_checkout {
  display: block;
  float: right;
  margin-top: -40px;
}

/* POPUPS PRODUCTINFO */
body.popupproductinfo {padding:15px;background:none; background-color:#fff}

/* POPUP print_order.html */
body.popupprintorder {font-family:"Trebuchet MS",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: 15px; background-color:#fff; border: solid #ccc 1px; -moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;}
div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px}
div.highlightbox h1 {color:#5575b5; 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 */
table.paymentblock {background-color:#FFF; border-style: solid; border-width:0px 1px 1px 1px; border-color:#5575b5; margin-bottom:15px;}
table.paymentblock tr td.header {background-color:#5575b5; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;}

/* SHIPPING TYPE SELECTION */
table.shippingblock {background-color:#FFF; border-style: solid; border-width:0px 1px 1px 1px; border-color:#5575b5; margin-bottom:15px;}
table.shippingblock tr td.header {background-color:#5575b5; 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}

/* 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.tabledetails {font-size:11px; background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#5575b5;}
table.tabledetails tr td {padding:4px}
table.tabledetails tr.headerrow td {background-color:#69C; color:#FFFFFF; font-weight:bold}
table.tabledetails tr.headerrow td.left {text-align:left}
table.tabledetails tr.headerrow td.center {text-align:center}
table.tabledetails tr.headerrow td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 1 */
table.tabledetails tr.contentrow1 td {background-color:#fff;vertical-align:top}
table.tabledetails tr.contentrow1 td.left {text-align:left}
table.tabledetails tr.contentrow1 td.center {text-align:center}
table.tabledetails tr.contentrow1 td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 2 */
table.tabledetails tr.contentrow2 td {background-color:#f6f6f6;vertical-align:top}
table.tabledetails tr.contentrow2 td.left {text-align:left}
table.tabledetails tr.contentrow2 td.center {text-align:center}
table.tabledetails tr.contentrow2 td.right {text-align:right}

/* ORDER DETAILS SUBTOTAL */
table.tabledetails tr td.subtotal {background-color:#fff; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#ccc;}

.old-price {color:#ff0000; text-decoration:line-through;}

/* REVIEW LIST */
table.reviewlist {font-size:11px; font-weight:normal;background: #F6F6F6;}
table.reviewlist tr td {padding:4px; white-space:normal}
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;}

/* ERROR MESSAGES */

ul.info_error {border:solid 2px #B22020; background-color:#FFD6D6; padding:8px; margin: 15px;}
ul.info_error li {}
ul.info_error li.infoError {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_error.png); background-repeat:no-repeat; background-position:0px 4px}

ul.info_warning {border:solid 2px #C39700; background-color:#FFE89A; padding:8px; margin: 15px; }
ul.info_warning li {}
ul.info_warning li.infoWarning {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_alert.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#FFE89A}

ul.info_success {border:solid 2px #4DAA30; background-color:#BDFFA9; padding:8px; margin: 15px;}
ul.info_success li {}
ul.info_success li.infoSuccess {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_accept.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#BDFFA9}

ul.info_info {border:solid 2px #0EADFF; background-color:#C5EBFF; padding:8px}
ul.info_info li {}
ul.info_info li.infoInfo {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_info.png); background-repeat:no-repeat; background-position:0px 4px; background-color:#C5EBFF}

/* FOOTER */
.footer {clear:both; text-align:center; font-size:11px; color:#666666; background-color:#E2E2E2; padding: 8px; margin-bottom:5px;}
.footer a {color:#666666; text-decoration:underline}

#footer {
	clear: both;
	border: 1px solid #EEE;
	color: #666;
	background-color: #f6f6f6;
	border-radius: 5px;
	margin-bottom: 10px;
}
#footer a { color: #555; text-decoration: underline; }
.shs { float: right; }
.gfs { float: left; }
.copyrights {
	clear:both;
	padding: 5px;
	border-top: 1px solid #eee;
	color: #888;
	font-size: 11px;
}
#footer .copyrights a { color: #888; }
#footer ul li {
	margin-left:20px; padding:0; line-height:20px;
}
#footer .col {
	width: 206px;
	margin: 10px;
	float: left;
	padding-left: 10px;
	border-left: 1px solid #CCC;
}
#footer strong { padding: 0 0 5px; display: block; }
#footer .col.noborder { border: none; margin: 10px 10px 10px 11px }
#footer .col.col1 { padding-left: 0; border-left: none; }

/* xt:Commerce COPYRIGHT */
.copyright {margin: 0 auto; text-align:center; color:#666666; font-size:11px;}
/* xt:Commerce ParseTime */
.parseTime {margin: 0 auto; background-color:#FFFFFF; text-align:center; color:#666666; font-size:11px;}

/* Watchlist */
.watchlist {float:right;}
.watchlistNav {color:#fff;margin:0;padding-right: 15px;padding-top: 4px;background-position: left top;background:url("../img/icons/icon_watchlist.png") 0 center no-repeat;padding-left: 29px;height: 40px;}
.watchlistNav a {color:white}
.watchlistNav ol { margin:5px 0; padding:0 0 0 18px; }
.watchlistNav { color: #eee; }
.watchlistNav li {
	margin: 0;
	width: 260px;
	font-size: 12px;
	background: transparent !important;
	border: none !important;
}

/* ICON FLAGS */
.new_flag_image {position:absolute;top:0;left:0;width:49px;height:51px;}

.quick {float:right;}

.graduated_price-wrap {position:relative;}
.graduated_price-table_head {cursor:pointer;}
.graduated_price-table_head:hover {cursor:pointer;color:#003366;}
.graduated_price-table {position: absolute;top: 0;left: 123px;width: 230px;z-index:3;}

/*** Layout ***/
.inline-video {
	font-size: 12px;
	display: block;
	margin-top: -5px;
	background-color: white;
	border: 1px solid #EEE;
	padding: 1px 5px 0;
	overflow: hidden;
	height: 20px;
	margin-bottom: -1px;
	margin-top: -22px;
}
#content { line-height: 1.6em; }

#content.mit_rahmen {
	width:696px;
	border: 1px solid #D5D5D5;
	background-color: #f6f6f6;
	background-image: url(../img/bg_f0f0f0.png);
	float: left;
	margin-bottom: 15px;
	padding: 10px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}

#content.mit_rahmen h1 { margin-top: 0; }

#tooltip {
	position: absolute;
	color: white;
	padding: 5px 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #003366;
	display: none;
}

/* Cross Selling */
.crossSellWrap{ padding: 10px 20px; position: relative;}
.productSlider { width: 676px; }
.productSlider li {
    width: 190px;
    background-color: #FFFFFF;
    border-color: #D5D5D5;
    border-radius: 5px 5px 5px 5px;
		box-shadow: 3px 3px 6px 0px #CCC;
    border-style: solid;
    border-width: 1px;
	padding: 10px;
    margin: 0 10px 10px 0;
	text-align: center;}
.productSlider h3 { margin-top: 0; min-height: 60px; }
.crossSellWrap .button { position: absolute; top:80px; width:30px; height:50px; border:solid 0; z-index:100; text-indent: -99999px;}
.crossSellWrap .prev{ background: url(../img/prev-horizontal.png); left:0;}
.crossSellWrap .next{ background: url(../img/next-horizontal.png); right:0;}
.crossSellWrap .button:hover{ background-position: -90px;}
.crossSellWrap .button:active{ background-position: -40px;}

.productCrossSell {padding:0; margin:0;}
.productCrossSellContent {vertical-align:top; width:100%}
.productCrossSellContent h2 {padding: 0; margin:0px 0px 5px 0px;}
.productCrossSellContent h2 a {font-size:14px; font-weight:bold;}
.productCrossSellImage {vertical-align:top; padding:3px 15px 0px 0px;}
.productCrossSellImage img {border: solid 1px #999999;}
.productCrossSellContent .price{font-size:16px; font-weight:bold; padding:0; margin:0}

/* Global content elements */
.brutto { font-size: 12px; color: #aaa; display: block }
.tax { font-size: 12px; }

.highlightbox h2.first { margin-top:0; }
table.box, div.box {
  padding: 8px 10px 10px;
  background-color:#eee;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;}

img.icon { display: block;
float: left;
margin: 1px 5px -1px 0;
clear: left; }

.nomargintop { margin-top: 0; }
.nomarginbottom { margin-bottom: 0; }

div.multiple_accounts {
	padding: 10px;
	background-color: #fff9cf;
	border-radius: 5px;
	margin-bottom: 20px;
}

label {
	float: left;
	margin: 5px 10px 5px 0;
	width: 150px;
	clear: left;
}
td label { margin: 0; width: 146px }
fieldset input { margin: 5px 10px 5px 0; }

fieldset {
	margin: 15px 0;
	background-color: #F6F6F6;
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 10px;
}
fieldset.checkboxes label {
  float: none;
}

legend { font-weight: bold; }

span.productOldPrice,
span.save { display: block; clear: left; }
.subtotal div.price { display: inline; }

.header-image {
	border: 1px solid #ddd;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 3px 3px 6px 0px #CCC;
}
.header-image img { display: block }
.header-image span.label {
	display: block;
	position: relative;
	margin-top: -50px;
	background-color: white;
	margin-bottom: 10px;
	float: left;
	padding: 0 5px;
	border-radius: 0 3px 3px 0;
}

table.daten {
	border-width: 1px;
	border-spacing: 0;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	margin-bottom: 15px;
}
table.daten td,
table.daten th {
	padding: 3px 5px;
	font-size: 11px;
	border: 1px solid #CCC;
}
table.daten th {
	font-weight: bold;
	border-bottom: 2px solid #aaa;
	background-color: #eee;
}
tr.border-bottom td { border-bottom: 1px solid #ddd; }

h3.content { font-size: 14px; }
h3.content.underline {
	border-bottom: 1px solid #DDD;
	padding-bottom: 5px;
}
ul.vorteile { padding: 0 !important; }
ul.vorteile li {
	background-image: url(../img/icons/icon-vorteil.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 20px;
	margin: 5px 0;
	list-style-type: none;
}
p.short-desc {
	padding: 3px 5px;
	background-color: #EEE;
	border-radius: 5px;
}

ul.downloads {
	padding: 0;
	border-top: 1px solid #ccc;
	margin-bottom: 15px;
}
ul.downloads li {
	list-style-type: none;
	border: 1px solid #ccc;
	border-top: none;
	padding: 3px 5px;
	overflow: hidden;
}
span.filesize { float: right; }
ul.downloads a { float: left; }
a.pdf {
	padding-left: 20px;
	display: block;
	background-image: url(../img/icons/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}
a.read-more {
	background-image: url(../img/icons/icon-pfeil-blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
a.order {
	padding: 2px 5px;
	background-color: #036;
	color: white;
	border-radius: 5px;
	box-shadow: 0px 0px 2px 1px #999;
	border: 1px solid #DDD;
}
a.order:hover {
	background-color: #5575b0;
}
a.read-more.button:hover {
	border-color: #036;
	background-color: #F6F6F6;
}
.special { margin: 15px 0; }
.special h2 {
	background-color: #036;
	color: white;
	padding: 4px 10px;
	border-radius: 5px 5px 0 0;
	margin: 0;
}
.special .content {
	background-color: #f5f7fb;
	border: 1px solid #DDD;
	padding: 0 10px;
	border-radius: 0 0 5px 5px;
	overflow:hidden;
}
h1 .subline {
	font-size: 12px;
	color: black;
	display: block;
	font-style: italic;
}
div.aktionszeitraum {
	float: right;
	background-color: #5975b4;
	color: white;
	padding: 2px 5px;
	border-radius: 5px;
}
span.aktion { color: red; font-weight: bold; }
h2 span.top-angebot {
	display: block;
	float: left;
	background-color: red;
	color: white;
	font-size: 10px;
	font-weight: bold;
	padding: 0 5px;
	margin-right: 5px;
	border-radius: 2px;
	margin-left: -5px;
}
td.bonus {
	color: white;
	background-color: #036;
	text-align: right;
	border-radius: 5px;
	font-weight: bold;
}
td.bonus a { color: white; text-decoration: underline; }
table.collapse { border-collapse: collapse; }
.line-through { text-decoration: line-through; }
a.button {
	border-radius: 3px;
	background-color: #ddd;
	padding: 0 5px;
	display: block;
}
.actions {
	padding-top: 5px;
	border-top: 1px solid #ccc;
	margin-top: 15px;
}

a.button:hover { color: white; text-decoration: none; background-color: #036; }
h2.new_products { text-shadow: none; }
h2.new_products a.button { font-size: 12px; float: right; margin-top: -2px; }

/*** Content Columns ***/
div.contentImages img,
div.category-image img,
div.product-image img {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px;
	background-color: white;
	box-shadow: 3px 3px 6px 0 #CCC;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.cols.product-image {
  width: 245px;
  margin: 5px 5px 5px 0;
}
div.contentImages { margin-bottom: 20px; }
div.product-image { margin-top: 5px;}
div.product-image p { padding: 0 6px; font-style: italic; }

#content .block {
	float: left;
	margin: 0 5px;
	font-size: 11px;
	line-height: 1.3em;
}
#content .block.border {
	border: 1px solid #DDD;
	padding: 0 4px;
	border-radius: 5px;
	background-color: white;
}
#content .block.nml { margin-left: 0 !important; }
#content .block.nmr { margin-right: 0 !important; }

/* Herbstaktion */
h2.boxheader.herbstaktion {
	background: #e48a34; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0OGEzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhODJhMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e48a34 0%, #a82a1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e48a34), color-stop(100%,#a82a1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e48a34 0%,#a82a1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e48a34 0%,#a82a1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e48a34 0%,#a82a1c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e48a34 0%,#a82a1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e48a34', endColorstr='#a82a1c',GradientType=0 ); /* IE6-8 */
}
.mit_rahmen .boxbody { padding: 5px 10px; }
#content.mit_rahmen .boxbody .block.border { margin: 5px; }

#tabs li {
  float: left;
  margin: 0 0 0 5px !important;
  list-style-type: none;
}

#tabs li a {
  background: #ccc;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 3px 3px 0 0;
  display: block;
  outline: none;
  padding: 4px 6px 3px;
  text-decoration: none;
}

#tabs li.active a {
  background: #EEEEEE;
  border-bottom: none;
  padding: 4px 6px;
}

#tabs_content_container {
  clear: both;
}

.tab_content h2 {
  margin-top: 0;
}

.box.anmerkung textarea { width: 460px; }

body #sthoverbuttons {
	z-index: 399 !important;
	top: 50%;
	margin-top: -100px;
}

#package-remaining,
#shipping-cost-unknown-info {
  background: url("../img/bg_f0f0f0.png");
	border: 1px solid #1c3163;
	color: #1C3163;
	border-radius: 5px 5px 5px 5px;
	float: left;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 5px 10px;
	width: 696px;
	box-shadow: 1px 1px 1px 0px #ccc;
	text-shadow: 1px 1px #fff;
}
#shipping-cost-unknown-info strong { color: red; }
#contentfull #shipping-cost-unknown-info {
  float: none;
  width: auto;
}

#catalog_bonus6_slider.easyslider li { width: 205px; height: 406px; }
#catalog_bonus6_slider.easyslider { overflow: hidden; margin-bottom: 15px; }

.newsletter .image {
	display:block;
	background-color:white;
	text-align:center;
}
.boxbody.newsletter {
  height: 363px;
}

#banner-right {
	position: fixed;
	width: 160px;
	height: 600px;
	top: 15px;
	left: 50%;
	margin-left: 495px;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 1px 0 #ccc;
	border-radius: 5px;
	overflow: hidden;
}

/* Drupal nodes */

.product_recommendation .article.left {
  margin: 0 0 10px;
}
.product_recommendation .article.left.full {
  width: 706px;
}
.product_recommendation .article {
  float: left;
  padding: 5px;
  border: 1px solid #ddd;
  margin: 0 0 10px 10px;
  border-radius: 4px;
  width: 342px;
  min-height: 105px;
}
.product_recommendation .article .products_name {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  display: block;
}
.product_recommendation .article .node-type {
  float: right;
  display: inline-block;
  padding: 2px 5px;
  background-color: #aaa;
  margin: -6px -6px 0 0;
  font-weight: normal;
  color: white;
  border-radius: 0 4px;
  font-size: 11px;
}
.product_recommendation .article .products_image {
  float: left;
  padding-right: 10px;
  background-color: white;
}

.product_recommendation .article .products_image img {
  width: auto;
  height: 100px;
}

.product_recommendation .article a.button {
  display: inline-block;
}