@import url(forms.css);

/* ========== Style Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:140%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

a {
	outline:none;
}
table.productDetails .col1 {
	width: 120px;
	vertical-align: top;
}

.disabled-content {
	display:none;
}

/*
Shop
*/
table {
	width: 100%;
}
table.shoppingCart td {
	padding-bottom: 15px;
}
table.shoppingCart h2 {
	margin-bottom: 0px !important;
}
table.shoppingCart input {
	float: left;
	width: 50px;
	text-align: right;
}

table.shoppingCart .col1 {
	width: 40%;
}

table.shoppingCart .col2 {
	padding-left: 20px;
	width: 20%;
}

table.shoppingCart .col3 {
	padding-left: 20px;
	text-align: right;
	width: 15%;
}
table.shoppingCart .sumBlock {
	width: 100%;
}
div.hr,
div.hrBig {
  height: 1px;
  border-bottom: 1px #ADBFC6 solid;
  margin: 4px 0 4px 0;
}
div.hrBig {
  height: 2px;
}

table.shoppingCart td,
table.shoppingCart th {
	vertical-align: bottom;
}

table.shoppingCart .sumBlock td {
	padding: 0px;
}
table.shoppingCart .sumCol2 {
	text-align: right;
}
p.toCash {
	text-align: right;
}
#nav #navCart {
	background-color: #EEE;
	width: 139px;
	float: none;
	position: absolute; top: 160px; right: 0px;
	padding: 0; border: 0; margin: 0;
}

#navCart h3 {
	background-color:#ACBFCA;
	margin-bottom:5px;
	padding:4px 7px 5px;
	text-align:center;
	text-transform:uppercase;
}

#navCart p {
	padding: 10px;
}
.cartButton {
	text-align: center;
	padding-bottom: 10px;
}

#cashPoint td {
	vertical-align: middle;
	border-bottom: 1px #fff solid !important;
}

#cashPoint td input,
#cashPoint td select {
	width: 100%;
}

#cashPoint td select {
	margin: 0;
}

.cashPointButton {
	padding-top: 20px;
	text-align: right;
}
.cashPointButton {
	position: relative;
	height: 30px;
}
.qtyBox {
	float: left;
	position: relative;
	width: 35px;
}

.qtyBox input {
	float: left;
}

.qtyBox input.arrowUp,
.qtyBox input.arrowDown {
	cursor: pointer;
	height: 9px;
	width: 12px;
	border: none;
	background: transparent no-repeat center;
	padding: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 15px;
}

.qtyBox div {
	position: relative;
	float: left;;
}

.qtyBox input.arrowUp {
	background-image: url(../pix/shop_menge_plus.gif);
	top: -1px;
}
.qtyBox input.arrowDown {
	background-image: url(../pix/shop_menge_minus.gif);
	top: 8px;
}
.qtyBox p {
	float: right;
}

input.remove {
	float: left;
}


#btnBox {
	right: 0;
	top: 10;
}

form #shippingAddr {
	padding-top: 14px;
}

ol.searchList { /*.searchList*/
	position: relative;
}

.listCounter {
	position: absolute;
	left: 0;
}

ol.searchList li { /*.searchList*/
	padding-left: 25px !important;
	background: none !important;
}

/* ========== Accessibility Features */

.acc { position: absolute; top: -9999em; left: -9999em; }

/* ========== Structural Features */

hr { display: none; }

/* ========== Page Basics and Partitions*/

body {
	background-color: #fff;
	font: 68.75% Arial,Helvetica,sans-serif;
	color: #344b57;
}
#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background: #c3d4dc url(../pix/container_bg.jpg) no-repeat 0 22px;
}
#subcontainer {
	overflow: hidden;
	background: transparent url(../pix/content_line.gif) repeat-y 160px 0;
	border-bottom: 1px solid #6C8291;
}
#copyright {
	padding: 5px;
	text-align: right;
	overflow: hidden;
	height: 30px;
	color: #6C8291;
	background: #fff;
}
#sidebar {
	float: left;
	width: 160px; margin-right: 1px;
}

a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}
strong {
	font-weight: bold;
}

/* ========== Header */

#header {
	position: relative;
	height: 174px;
	background: transparent url(../pix/content_line.gif) repeat-y 160px 0;
}
#header h1 {
	position: absolute;
	top: 22px;
	left: 0;
	z-index: 200;
}
#header h1 a {
	display: block;
	overflow: hidden;
	width: 302px;
	height: 0;
	padding-top: 130px;
	background: transparent url(../pix/header_logo_screen.png) no-repeat;
}

#visual {
	position: absolute;
	top: 22px;
	left: 0;
	width: 1000px;
	height: 130px;
	overflow: hidden;
}
#visual img {
	display: block; float: right;
}

/* ========== Meta Navigation */

#metanav {
	position: absolute; top: 0; left: 0;
	width: 1000px; height: 18px; padding-top: 4px;
	background: #fff;
}
#metanav ul {
	float: right;
	margin-right: 9px;
}
#metanav li {
	position: relative;
	float: left;
	margin-left: 22px;
}
#metanav a {
	text-transform: uppercase;
	color: #344b57;
}

/* Suchbox */

#metasearchbox,
#langbox {
	position: absolute; top: 15px; left: 0; z-index: 1000;
	padding: 7px; border: 1px solid #fff;
	background-color: #778d9c;
	z-index: 203;
}
#metasearchbox form {
	width: 167px;
}
#metasearchbox input {
	float: left;
	width: 100px; padding: 1px; border: 1px solid #acbfca; border-top-color: #344b57; border-left-color: #344b57; margin-right: 3px;
	background-color: #FFF;
	font: 100% Arial,Helvetica,sans-serif;
}
#metasearchbox button {
	float: left;
	width: 60px; padding: 0; border: 1px solid #acbfca; border-bottom-color: #344b57; border-right-color: #344b57;
	background-color: #f07c00;
	font: 100% Arial,Helvetica,sans-serif;
}

/* ========== Main Navigation */

#nav {
	position: absolute;
	top: 152px;
	left: 160px;
	background: transparent url(../pix/nav_bg.jpg) repeat-y right top;
}
#nav li {
	position: relative;
	float: left;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#nav a {
	display: block;
	width: 139px;
	height: 18px;
	padding-top: 3px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	color: #344b57;
}
#nav a.active {
	background-color: #778d9c;
	padding: 3px 0 0;
	color: #fff;
}
#nav li ul {
	position: absolute;
	top: 22px;
	left: -1px;
}
#nav li li {
	float: none;
}
#nav li li a {
	height: auto;
	width: 133px;
	padding: 2px 3px;
	font-weight: normal;
	text-transform: none;
	text-align: left;
	background-color: #acbfca;
}
#nav li ul ul {
	position: absolute;
	top: 0;
	left: 139px;
}
#nav li.openleft ul ul, #nav li li.openleft ul {
	left: -141px;
}
#nav .dropout {
	position: absolute;
	top: 0;
	left: 139px;
	width: 133px;
	padding: 2px 3px;
	border-left: 1px solid #fff;
	background-color: #acbfca;
}
#nav li.openleft .dropout {
	left: -141px;
}
#nav .dropout a {
	display: inline;
	padding: 0;
	background: none;
}
#nav .dropout ul {
	position: static; overflow: hidden;
}
#nav .dropout li {
	float: left;
	width: 63px; border: 0; margin-bottom: 2px;
}
#nav .dropout p {
	margin-bottom: 3px;
}
#nav li a:hover {
	background-color: #f8fafb;
	color: #344b57;
	text-decoration: none;
}
#nav li ul, #nav li:hover li ul, #nav li:hover li:hover li ul,
#nav li .dropout, #nav li:hover li .dropout, #nav li:hover li:hover li .dropout,
body.jsenabled #nav li ul, body.jsenabled #nav li.hover li ul, body.jsenabled #nav li.hover li.hover li ul,
body.jsenabled #nav li .dropout, body.jsenabled #nav li.hover li .dropout, body.jsenabled #nav li.hover li.hover li .dropout {
	display: none;
	z-index: 500;
}
body.jsenabled #nav li:hover ul {
	display: none;
}
#nav li:hover ul, #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul,
#nav li:hover .dropout, #nav li:hover li:hover .dropout, #nav li:hover li:hover li:hover .dropout,
body.jsenabled #nav li.hover ul, body.jsenabled #nav li.hover li.hover ul, body.jsenabled #nav li.hover li.hover li.hover ul,
body.jsenabled #nav li.hover .dropout, body.jsenabled #nav li.hover li.hover .dropout, body.jsenabled #nav li.hover li.hover li.hover .dropout {
	display: block;
}

/* ========== Section Navigation */

#sectionnav {
	font-size: 0.909em;
}
#sectionnav li a {
	display: block;
	height: 17px; padding: 4px 0 0 10px; border-bottom: 1px solid #fff;
	background-color: #7f94a3;
	color: #fff;
}
#sectionnav li li a {
	padding-left: 23px;
	background-color: #acbfca;
}
#sectionnav li li li a {
	padding-left: 41px;
}
#sectionnav li a.open {
	padding-top: 4px; padding-bottom: 1px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
}
#sectionnav li li a.open {
	padding-top: 4px; padding-bottom: 1px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #344b57;
}
#sectionnav li a.active {
	padding-top: 4px; padding-bottom: 1px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #344b57;
}
#sectionnav li a:hover {
	background-color: #f8fafb;
	color: #344b57;
	text-decoration: none;
}

/* ========== Subnav */

#subnav {
	font-size: 0.909em;
}
#subnav li a {
	display: block;
	padding: 4px 0 4px 24px;
	background: #ec8516 url(../pix/content_arrow_white.gif) no-repeat 12px 0.6em;
	color: #fff;
}

/* ========== Content Columns */

#content {
	float: left;
	width: 776px; padding: 7px 30px 0 30px;
	overflow: visible;
}
#sidecol {
	float: left;
	width: 140px; margin-top: 7px;
}
.box {
	overflow: hidden;
	margin-bottom: 10px;
}
.colleft {
	float: left;
	width: 250px; margin: 0 30px 10px 0;
}
.colleftmiddle {
	float: left;
	width: 359px; margin: 0 30px 10px 0;
}
.colright {
	float: left;
	width: 250px; margin: 0 0 10px 0;
}
.colrightmiddle {
	float: left;
	width: 359px; margin: 0 0 10px 0;
}
.colfull {
	margin: 0 0 10px 0;
}
.sidecol {
	float: left;
	width: 140px; margin: 200px 0 0 280px;
	background-color: #EEE;
}
#videoContent {
	width: 250px;
	margin-bottom:16px;
}


/* ========== Content special: Vertriebsbutton */

#navsales {
	margin: 0 0 20px 30px;
}
#navsales a {
	display: block; overflow: hidden;
	width: 80px; height: 80; border: 0; margin: 0;
}

/* ========== Content Formatting */
#content h2 {
	margin-bottom: 14px;
	font-weight: bold;
	color: #f07c00;
}
#content h3 {
	margin-bottom: 14px;
	font-weight: bold;
}
.listmaincol h3.description {
	margin-top: 16px;
}
#content p, #content ul {
	margin-bottom: 14px;
}
#content table p {
	margin: 0;
}
#content li {
	padding-left: 10px;
	background: url(../pix/content_bullet.gif) no-repeat 1px 0.364em;
}
#subnav li {
	padding-left: 0;
	background: none;
}
#content li.arrow {
	padding: 0;
	background: none;
}
table.traderAddress {
	margin-top: 26px;
}
#content li.arrow a,
#content a.arrow {
	padding-left: 12px;
	background: url(../pix/content_arrow_dblue.gif) no-repeat 1px 0.272em;
}
.downloadLink img {
	vertical-align: middle;
}
#content a {
	font-weight: bold;
	color: #f07c00;
}
.getFlash {
	padding: 10px;
}
.getFlash a {
	color: #f07c00 !important;
}
#siteMap a {
	font-weight: normal;
}
#beltdrum td.col1 {
	vertical-align: top;
	width: 120px;
}

/* ========== Breadcrumbs */

#breadcrumbs {
	margin-bottom: 15px;
	font-size: 0.909em;
	color: #7f94a3;
}
#breadcrumbs ul {
	overflow: hidden;
}
#breadcrumbs li {
	float: left;
	padding-left: 17px;
	background: transparent url(../pix/breadcrumbs_arrow.gif) no-repeat 8px 0.4em;
}
#breadcrumbs li.first {
	padding: 0;
	background: none;
}
#breadcrumbs a {
	color: #7f94a3;
}

/* ========== Special: Charts */

#content ul.orange a.arrow,
table#productLines.orange a.arrow {
	color: #fff;
	background-image: url(../pix/content_arrow_white.gif);
}
table#productLines.orange li a {
	color: #fff;
}
table#productLines {
	width: auto !important;
}
table#productLines.orange {
	margin-bottom: 40px;
	color: #fff;
}
table#productLines.orange a {
	color: #fff;
}
table#productLines td {
	vertical-align: top;
}
table#productLines td img {
	display: block
}
table#productLines.orange td {
	background: #ec8516 url(../pix/content_line.gif) repeat-y 0px 0px;
}
table#productLines.orange td.first {
	background-image: none;
}
table#productLines td {
	padding: 0 9px 0;
	width: 142px !important;
}
table#productLines td.image {
	padding: 0 0 0 1px;
	background: none;
}
table#productLines .newLine td.image {
	padding: 20px 0 0 0;
}
table#productLines td p,
table#productLines td a {
	font-size:0.909em;
	margin-bottom: 14px;
	display: block;
}
table#productLines td h3 {
	margin-top: 14px;
}

/* ========== Sidebarimg */

#sidebarimg {
	margin-top: 66px;
}

/* ========== Special: Sidecolright */

#sidecol {
	font-size: 0.909em;
}
#sidecol h3 {
	padding: 4px 7px 5px 7px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background-color: #acbfca;
}
.sidecolrightcontent {
	padding: 5px 7px 5px;
	background: #F0F6F7;
}
#sidecol ul {
	margin: 0;
}
#sidecol li {
	padding-left: 12px; margin-bottom: 3px;
	background: url(../pix/content_arrow_dblue.gif) no-repeat 1px 0.272em;
	width: 90px;
}
#sidecol a {
	color: #344b57;
}
#sidecol .scText {
	padding: 10px;
}
#cartInfo .scText {
	padding-bottom: 0;
}
#cartInfo a.arrow {
	padding-left: 12px; margin-bottom: 3px;
	background: url(../pix/content_arrow_dblue.gif) no-repeat 1px 0.272em;
}

/* ========== Listen */

.listitem {
	overflow: hidden;
	margin-top: 6px; padding-top: 16px; border-top: 1px solid #acbfca;
}
.listsmallcolleft {
	float: left;
	width: 125px; margin-right: 30px;
}
.listsmallcolright {
	float: right;
	width: 250px; margin-left: 30px;
}
.listmaincol {
	overflow: hidden;
}

p.date {
	margin-bottom: 0 !important;
	/*font-style: italic !important;*/
	font-weight: normal !important;
}
.pagingBoxTop {
	border-bottom: 1px solid #ACBFCA;
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 5px;
}
.pagingShop {
	text-align: right;
}
.pagingBoxBottom {
	border-top: 1px solid #ACBFCA;
	margin-top: 20px;
	overflow: hidden;
	padding-top: 5px;
}

#siteMap li {
	padding-left: 136px;
	background-image: none;
}
#siteMap .listitem {
	border-top:1px solid #ACBFCA;
	margin: 0;
	padding-top: 2px;
}
#siteMap li.treeRoot {
	padding-left: 0px !important;
	padding-bottom: 20px;
}

/* ========== VISUALS */
#homevisual {
	display: block;
	float:left;
	overflow: visible;
}
#contentvisual {
	position:relative;
	left: -30px;
	top: -20px;
}
#homevisual #keyvisual {
	margin-left: -191px;
}

/* Lightwindow */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 201;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 202;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
.slideShow a {
	display: none;
}
.slideShow a.galleryTrigger {
	display: inline;
}

.image-thumb {
	display: block;
	position: relative;
}
.soldout-de,
.soldout-en {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	width: 63px;
	height: 63px;
	background: url('../pix/flag_sold_de.gif') 0 0 no-repeat;
}

.soldout-en {
	background: url('../pix/flag_sold_en.gif') 0 0 no-repeat;
}
