/* layout */

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 900px;
	margin: 0 auto -27px;
	padding: 0 15px;
}
#main {
	float: right;
	width: 640px;
	margin-top: 25px;
}
header {
	float: left;
	width: 220px;
}
#logo {
	height: 87px;
	margin-top: 25px;
	margin-left: -1px;
}
#selection {
	width: 220px;
}
div.trenner {
	float: left;
	width: 9px;
	margin-top: 7px;
	height: 18px;
	border-right: 1px solid #bbb;
}
#links {
	clear: both;
	margin-top: 17px;
}
#title {
	float: left;
	width: 420px;
	height: 87px;
	margin-left: -1px;
}
#title img {
	width: auto;
	height: 32px;
}
#shopping {
	float: right;
	text-align: right;
}
.scroller {
	min-height: 64px;
	margin-top: 0px;
	margin-bottom: -15px;
}
.scroller img {
	width: 486px;
	height: auto;
	margin-bottom: 30px;
}
#slider { height: 0; max-height: 480px; overflow: hidden; margin-bottom: 0; }
#slider.small { height: auto; }
#slider img { width: 100%; height: auto; }
#slider img+img {margin-top: 15px; }
#slider, #slider div { background-repeat: no-repeat; }
#slider-control a {
	padding: 0 3px;
	margin-left: 2px;
	color: #222;
	background: #fff;
}
#slider-control a.active {
	color: #fff;
	background:#999;
}
footer {
	clear: both;
	width: 640px;
	height: 27px;
	margin: 0 auto;
	padding: 0 15px 0 275px;
}

/* styles */

::-moz-selection { background: #999; color: #fff; }
::selection { background: #999; color: #fff; }
html, body { height: 100%; }
body { font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Verdana, sans-serif; }
input[type="text"], select, textarea {
	float: left;
	width: 100px;
	padding: 0;
	margin-top: 6px;
	border-right: #d6d6d6 solid 1px;
	border-top: #9f9f9f solid 1px;
	border-bottom: #d6d6d6 solid 1px;
	border-left: #9f9f9f solid 1px;
	font: 13px Arial, Helvetica, "Lucida Grande", Verdana, sans-serif;
}
input[type="text"] {
	width: 190px;
	margin: 0px;
	padding: 1px;
}
option { padding: 0 2px; }
a, a:visited { color: #222; text-decoration: none; }
a:hover { color: #222; text-decoration: underline; }
a.buy, a.download {
	color: #fff;
	background-color: #d82020;
	padding: 0 5px 0 15px;
	text-decoration: none !important;
}
a.back, a.details {
	padding: 0 5px;
}
a.back:hover, a.details:hover {
	color: #fff;
	background-color: #d82020;
	text-decoration: none;
}
a.active { background: #999; color: #fff; }
a.underline { text-decoration: underline; }
.red { color: #d82020; }
.strike { color: #d82020; text-decoration: line-through; }

table.font {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
table.font td {
	cursor: default;
	border-right: 1px solid #bbb;
	padding: 0 8px;
}
table.font td.col1 {
	width: 20%;
	padding-left: 0;
}
table.font td.col1 a {
	text-decoration: none;
}
table.font td.col1 a:hover {
	text-decoration: underline;
}
table.font td.col1.wide {
	width: 64%;
	padding-left: 0;
}
table.font td.col2 {
	width: 44%;
}
table.font td.col3 {
	width: 19%;
}
table.font td.col4 {
	padding-right: 0;
	border-right: 0;
	text-align: right;
}
table.font td a { text-decoration: underline; }
hr+table.font { margin-top: 15px; }
h3 { font-size: 11px; font-weight: bold; margin-top: 0; }
p { margin: 0 0 1em; cursor: default; }
p:first-child { margin: 0 0 0; }
hr { margin: 1.2em 0; border-top-color: #bbb; }
hr.wide { margin: 30px 0; }
article.about img { margin-top: 15px; }
div.fontviewer+hr {  margin: 0em 0 1.2em 0; }
.clear { clear: both; }

/* warenkorb */

input[type="checkbox"] {
	width: auto;
	height: auto;
}
table.warenkorb {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.warenkorb th, table.warenkorb td {
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}
table.warenkorb th {
	color: #fff;
	background-color: #999;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
table.warenkorb td {
	color: #000;
	background-color: #d9d9d9;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
table.warenkorb tr.total td {
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	font-weight: bold;
}
table.warenkorb tr td.last, .warenkorb tr th.last {
	border-right: 0px solid #fff;
	text-align: right;
	width: 133px;
}
table.warenkorb tr td.quantity {
	text-align: right;
	width: 70px;
}
table.warenkorb tr td.quantity select {
	margin-top: 0;
	font-size: 11px;
	width: 100%;
}
table.warenkorb td.price {
	width: 90px;
}
table.warenkorb tr td.recalculate {
	padding-left: 0;
}
table.warenkorb tr td.recalculate input {
	padding: 1px 4px;
}
table.warenkorb a.remove {
	color: #777;
	float: right;
	text-decoration: underline;
	margin-right: 2px;
}
table.warenkorb a.remove:hover {
	color: #111;
}
div.creditcards {
	float: right;
}
table.formular {
	margin-bottom: 5px;
	white-space: nowrap;
}
.formular td {
	padding: 0 0 4px 0;
}
input[type="submit"] {
	width: auto;
	height: auto;
	font: 13px Arial, Helvetica, "Lucida Grande", Verdana, sans-serif;
	margin-top: 0;
	padding: 2px 6px;
}
#shopping span.empty, p.empty {
	color: #999;
	cursor: default;
}
input.placeholder {
	color: #999;
}
#error, .error {
	color: #c00;
}
input[type='text'].error {
	background: #fff7f8;
	border-left: #a65555 solid 1px;
	border-right: #eca2a2 solid 1px;
	border-top: #a65555 solid 1px;
	border-bottom: #eca2a2 solid 1px;
}
input[type='text'].error.placeholder {
	color: #cf6e6e;
}

/* home 2015/v2 */

.featured {
	display: table;
	clear: both;
}
.featured .left, .featured .right {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.featured .left {
	padding-right: 20px;
	border-right: 1px solid #bbb;
}
.featured .right {
	padding-left: 20px;
}
.featured table.font td.col1 {
	width: 28%;
	white-space: nowrap;
}
.featured table.font td.col3 {
	width: 49%;
}

#logo-flash, #logo-flash object {
	cursor: pointer;
}
#logo-flash img {
	width: 220px;
	height: auto;
}