html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong { font-weight: 700; }
em { font-style: italic; }
i { font-style: italic; }

/* html & body */
html { font-size: 11px; }
body {
	font-size: 11px;
	line-height: 16px;
	background: #F0F0F0 url(/img/body_bg.png) repeat-x;
	font-family: Verdana,Arial,sans-serif;
	color: #000000;
	overflow-y: scroll;
}
a.uncolored { color: #000000; }
a {
	color: #D5A611;
	text-decoration: none;
}
a:hover,
a.uncolored:hover { text-decoration: underline; color: #D5A611; }
.offscreen,
.label_offscreen label {
	position: fixed;
	left: -2000px;
	top: -20000px;
}
.hr { clear: both; }
.hr hr { display: none; }
.hr-style { clear: both; height: 1px; font-size: 1px; background: #d6d6d6; margin: 15px 0px; }
.hr-style hr { display: none; }

/* text elements */
h1, h2, h3, h4, h5, h6 {
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	margin-bottom: 10px;
	font-weight: bold;
}
p { margin-bottom: 10px; }
h1 { color: #D5A611; margin-bottom: 15px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h4, h5, h6 { font-size: 11px; }
.default-margin { margin-bottom: 10px; }
.big-margin-top { margin-top: 30px; }

/* page construct */
#page {
	width: 904px;
	margin: 0 auto;
	position: relative;
	padding: 0px 15px;
	background: url(/img/page_bg_shadows.png) no-repeat left top;
}
#header {
	height: 157px;
	background: url(/img/header_bg.jpg) no-repeat left top;
}
#content {
	padding: 20px 0px;
	background: #ffffff;
	border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
}
#content .wrapper { background: url(/img/content_bg.png) repeat-y 184px 0px; }
#footer {
	padding-top: 5px;
	height: 12px;
	padding-bottom: 15px;
}
#footer .left { float: left; }
#footer .right { float: right; }

/* content */
#content #left {
	float: left;
	width: 145px;
	padding: 0px 20px;
}
#content #main {
	padding: 0px 20px;
	position: relative;
	overflow: hidden;
}

/* menu */
#content #left > ul > li {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
	color: #959595;
}
#content #left > ul > li:last-child { margin-bottom: 0px; }
#content #left > ul > li > ul > li { font-size: 12px; }
#content #left > ul > li > ul > li > a {
	display: block;
	padding-left: 20px;
	color: #000000;
	font-weight: normal;
	background: url(/img/dot_small.png) no-repeat left 6px;
}
#content #left > ul > li > ul > li.active a { color: #D5A611; font-weight: bold; }
#content #left > ul > li span {
	display: block;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
#content #left ul li ul li.cart {
	padding-top: 3px;
	margin-top: 4px;
	border-top: 1px dashed #d6d6d6;
}

/* inputs */
form { margin-bottom: 15px; }
div.input, div.g-recaptcha { margin-bottom: 10px; }
.input label {
	display: block;
	float: left;
	width: 180px;
	text-align: left;
	line-height: 24px;
}
.input input,
.input textarea,
.input select {
	position: relative;
	width: 280px;
	border: 1px solid #d6d6d6;
	height: 22px;
	line-height: 22px;
	padding: 0px 2px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
}
.input textarea { height: 120px; width: 380px; }
.span-output span {
	height: 20px;
	padding: 2px 2px;
	line-height: 18px;
	display: block;
}
.input select { width: 286px; height: 24px; padding: 2px 2px; }
.input input:active,
.input input:focus,
.input select:active,
.input select:focus,
.input textarea:focus,
.input textarea:active { border-color:#D5A611;}
.error input,
.error select,
.error textarea { border-color: #f62c2c !important; }
.input .error-message {
	padding-left: 180px;
	color: #f62c2c;
}
.input input.quantity { width: 35px; text-align: center; }
div.actions { height: 24px; }
div.actions .right { float: right; }
div.actions .submit { float: left; margin-right: 10px; }
div.actions .right .submit { margin-left: 10px; margin-right: 0px; }
div.actions .in-form{ margin-left: 180px;}
div.actions a.submit { display: block; line-height: 24px; }

.checkbox input {
	display: block;
	float: left;
	width: auto;
	line-height: 22px;
	z-index: 2000;
}
.checkbox label {
	position: relative;
	width: 640px;
	float: none;
	line-height: 16px;
	padding-top: 5px;
	padding-left: 25px;
}
.checkbox .error-message { padding-left: 25px; }

dl { margin-bottom: 10px; }
dl dd {
	float: left;
	width: 120px;
	clear: both;
}
dl dt {
	position: relative;
	padding-left: 120px;
}

/* statusbar */
.statusbar {
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 1px solid #d6d6d6;
}
.statusbar td {
	width: 33%;
	height: 32px;
	/*background: url(/img/step.png) no-repeat right top;
	padding: 0px 16px;*/
	padding: 5px 16px 10px;
	border-right: 1px solid #d6d6d6;
	text-align: center;
}
.steps-4 td { width: 25%; padding-left: 5px; padding-right: 5px; }
.steps-5 td { width: 20%; padding-left: 5px; padding-right: 5px; }
.statusbar td.step-first { padding-left: 0px; }
.statusbar td.step-last { padding-right: 0px; background-image: url(); border-right: 0px; }
.statusbar td a { color: #000000; }
.statusbar td .num {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(/img/circle_grey.png) no-repeat 0px 0px;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
	font-weight: 700;
}
.statusbar td .txt {
	display: inline-block;
	padding-left: 10px;
	line-height: 32px;
	font-weight: 400;
}
.statusbar td.active .num,
.statusbar td.completed .num { background-image: url(/img/circle_orange.png); color: #ffffff; }
.statusbar td.active a { color: #D5A611; }

/* flash */
.flash-message {
	padding: 10px;
	color: #000000;
	line-height: 16px;
	border: 1px solid #FF0000;
	background-color: #ffb7b7;
	margin-bottom: 15px;
}
.flash-success {
	border: 1px solid #A7F8A5;
	background-color: #b7ffbc;
	color: #666666;
}
.flash-warning {
	border: 1px solid #F6B72C;
	background-color: #FFE9B7;
	color: #666666;
}
.flash-message :last-child { margin-bottom: 0px; }

/* header elements */
.newsticker {
	position: absolute;
	right: 26px;
	top: 88px;
	height: 17px;
	overflow: hidden;
	width: 648px;
}
.newsticker p { white-space: nowrap; margin-left: 648px; }
#header h4 {
	position: absolute;
	right: 26px;
	top: 28px;
	height: 47px;
	width: 244px;
}
#header h4 a {
	width: 100%;
	height: 100%;
	text-indent: -80000px;
	overflow: hidden;
	display: block;
}
#header .submenu {
	position: absolute;
	right: 20px;
	top: 120px;
}
#header .submenu li {
	float: left;
	padding: 0px 10px;
	border-left: 1px solid #d6d6d6;
	line-height: 12px;
	color: #959595;
}
#header .submenu li:first-child { border-left: 0px; }
#header .submenu li a {
	color: #959595;
}

/* tables */
table { width: 100%; }
table td .input,
table td h2 { margin-bottom: 0px; }
table td h2 { font-size: 11px; }
table th { text-align: left; font-weight: 700; }
table .category td { padding-top: 10px; }
table td, table th { padding: 2px; vertical-align: top; }
table .price { text-align: right; white-space: nowrap; padding-left: 10px; }

/* warenkorb */
tr.entry td { padding-bottom: 10px; }
td.pieces { text-align: center; }
td.article-image { width: 65px;  }
td.article-image img { width: 65px; border: 1px solid #d6d6d6; padding: 1px; }
td.article-image img.spacer { height: 48px; }
tr.entry-ges td { border-top: 1px solid #d6d6d6; padding-top: 5px; }
tr.list-entry:hover td { background: #f0f0f0; }

/* index */
.index {
	border-bottom: 1px solid #d6d6d6;
	font-size: 14px;
	padding-bottom: 5px;
	line-height: 18px;
	margin-top: 20px;
	margin-bottom: 5px;
}
.index a { float: right; font-size: 11px; margin-top: -1px; }
.category-edit {
	display: block;
	text-align: right;
	font-weight: 700;
}

/* detail */
.switch-list {
	/*position: absolute;*/
	right: 20px;
	top: 0px;
	color: #800000;
	font-weight: bold;
	width: 210px;
	display: block;
	border: 2px solid #800000;
	padding: 2px;
	float: right;
}
.switch-list:hover { color: #800000; }
.detail {
	display: block;
	width: 13px;
	height: 16px;
	padding-left: 10px;
	text-indent: -80000px;
	overflow: hidden;
	background: url(/img/cart.png) no-repeat right 0px;
}
.add-cart {
	padding-right: 24px;
	overflow: hidden;
	background: url(/img/cart.png) no-repeat right -1px;
}
*+html .add-cart { background-position: right -2px; }
@media \0screen {
  .add-cart { background-position: right -2px; }
}
:root .add-cart { background-position: right -2px\9; }
.with-cart-padding { padding-right: 24px; }
.price-update .ajax-loader { margin-left: 20px; display: none; }

/* split content */
.half-content {
	float: left;
	width: 50%;
}
.photos li {
	float: left;
	margin-right: 5px;
	padding-bottom: 15px;
	overflow: hidden;
}
.photos li img { width: 190px; }


/* ajax loader */
.ajax-loader {
	padding-left: 26px;
	line-height: 16px;
	background: url(/img/ajax-loader.gif) no-repeat left top;
}


/* list */
ol {
	list-style-type: decimal;
	margin-left: 20px;
}
ol li { margin-bottom: 20px;}

ol.icons {
	list-style-type: none;
}
ol.icons li {
	margin-bottom: 0px;
	padding-left: 20px;
	background: url(../img/dot_small.png) no-repeat left 5px;
	line-height: 18px;
}

/* login */
.login-option { margin-bottom: 5px; }
.form-radios { margin-bottom: 5px; }
.login-password input { margin-left: 20px; }
.input-radio { display: block; }
.input-radio label { font-weight: 700; }

/* Kontakt*/
div.honeypot {
    display: block;
    line-height:0;
    height: 0;
    overflow: hidden;
}

.terms-needed {
	margin-bottom: 30px;
	overflow-y: scroll;
	height: 370px;
}