/* Bereiche und bereichsspezifisches CSS */
#border {
	margin:20px 0 20px 0;
	-webkit-box-shadow:10px 10px 10px #aaaaaa;
	-moz-box-shadow:10px 10px 10px #aaaaaa;
	box-shadow: 10px 10px 10px #aaaaaa;
}
#header {
	position:relative;
	height:272px;
	background:#fff;
	overflow:hidden;
}
#headertitle:before {
	position:absolute;
	content:"";
	height:80px;
	width:80px;
	top:5px;
	left:5px;
	background:url(../images/logo.png) no-repeat;
}
#headertitle {
	position:absolute;
	height:90px;
	width:100%;
	top:0;
	background: url(../images/header_top.png) no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#6f6f6f), color-stop(0.33, #212121), color-stop(0.66, #434343));
	background: -webkit-linear-gradient(top, #141414, #212121 33%, #434343 66%, #6f6f6f);
	background: -moz-linear-gradient(top, #141414, #212121 33%, #434343 66%, #6f6f6f);
	background: -o-linear-gradient(top, #141414, #212121 33%, #434343 66%, #6f6f6f);
	background: -ms-linear-gradient(top, #141414, #212121 33%, #434343 66%, #6f6f6f);
	background: linear-gradient(top, #141414, #212121 33%, #434343 66%, #6f6f6f);
}
#headertitle:after {
	position:absolute;
	content:"";
	height:180px;
	width:100%;
	top:92px;
	background:url(../images/header3_img.png) no-repeat;
}
#header h1 {
	color:rgb(256,256,256);
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style:italic;
	font-size:3.9em;
	padding:0 0 0 100px;
	margin:0;
	text-shadow:3px 3px 1px #888;
}
#header h2 {
	color:white;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style:italic;
	font-size:1.6em;
	font-weight:normal;
	padding:0 0 0 100px;
	margin:0;
}
#topbar_alt {
	height:21px;
	padding:7px 10px 0 10px;
	background:url(../images/topbar.png) no-repeat;
	font-weight:bold;
	color:white;
}
#topbar {
	height:21px;
	padding:5px 10px 0 10px;
	font-weight:bold;
	color:white;
	vertical-align:top;
	border-top: solid 2px #FFFFFF;
	/* Legacy browsers */
	background: #223984 url("../images/gradient-bg.png") repeat-y left;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Recent browsers */
	background: -webkit-gradient(linear, left top, right top, from(#008400), to(#223984), color-stop(0.2, #8484fc),	color-stop(0.4, #ef8c20), color-stop(0.6, #4a2f29), color-stop(0.8, #a52929));
	background: -webkit-linear-gradient(left, #008400, #8484fc 20%,	#ef8c20 40%, #4a2f29 60%, #a52929 80%, #223984);
	background: -moz-linear-gradient(left, #008400,	#8484fc 20%, #ef8c20 40%, #4a2f29 60%, #a52929 80%, #223984);
	background: -o-linear-gradient(left, #008400, #8484fc 20%, #ef8c20 40%,	#4a2f29 60%, #a52929 80%, #223984);
	background: -ms-linear-gradient(left, #008400, #8484fc 20%, #ef8c20 40%,	#4a2f29 60%, #a52929 80%, #223984);
	background: linear-gradient(left, #008400, #8484fc 20%,	#ef8c20 40%, #4a2f29 60%, #a52929 80%, #223984);
}
#topbar a {
	color:white;
	font-weight:bold;
	text-decoration:none;
	vertical-align:top;
}
#topbar a:hover {
	color:#dddddd;
}
#topbar img {
	vertical-align:top;
}
#bcount {
	position:relative;
	left:-3px;
	padding:0; margin:0;
	display:inline-block;
	width:10px;
	font-weight:normal;
	font-size:0.8em;
}

#main {
	clear:both;
	overflow:hidden;
	background:url(../images/background.png) repeat-y;
}
#footer {
	text-align:center;
	background:url(../images/colorline2.png) no-repeat;
	padding:10px;
	clear:both;
	font-size: 0.9em;
	border-bottom:1px solid #585858;
}
/* Ende Bereiche und bereichsspezifisches CSS */

/* Spaltendefinitionen */
.col {
	padding:10px 0 10px 1px;
	float:left;
	width:168px;
	overflow:hidden;
	min-height:500px;
}
.col+.col {
	padding:10px 10px 10px 20px;
	width:701px;
}
.col+.pagecol {
	padding:10px 10px 10px 20px;
	float:left;
	width:490px;
	overflow:hidden;
}
.col+.pagecol+.pagecol {
	padding:10px 20px 10px 10px;
	float:right;
	width:180px;
	overflow:hidden;
	text-align:center;
}
.topcol {
	margin:0;
	float:left;
	width:200px;
	overflow:hidden;
}
.topcol+.topcol {
	margin:0;
	float:right;
	width:680px;
	text-align:right;
}
/* Ende Spaltendefinitionen */

/* HTML Tag Definitionen */
body {
	margin:0 auto;
	width:900px;
	background: url(../images/bg_grau.png) repeat;
	color: #585858;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0px;
}
a {
	margin:0; padding:0;
	font-weight:normal;
	color: #008400;
	text-decoration: none;
	font-size: 1em;
}
a:hover{
	color: #008400;
	text-decoration: underline;
}
h1 {	/* Seitenüberschriften */
	margin:0;
	padding:5px 0 20px 0;
	font-size: 1.8em;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style:italic;
}
h2 {	/* Saisonseiten Spaltenüberschriften */
	margin:0;
	padding:10px 0 10px 0;
	font-size: 1em;
}
h3 {	/* Datenbox Überschrift */
	margin: 0; 
	height:25px; 
	font-size: 1em; 
	font-weight: bold; 
	color: #585858; 
	text-align:left; 
	vertical-align:top; 
	display:inline-block;
}
h4 {	/* Echte Überschrift 2. Ebene */
	margin:0;
	padding:0 0 10px 0;
	font-size: 1em;
}
p {
	margin:0;
	padding:0 0 10px 0;
}
ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
li {
	margin:0;
	padding:0;
	color: #444444;
}
ol {
	margin:0 0 0 20px;
	padding:0;
}
ol li {
	color: #585858;
	font-weight:bold;
}

form { 
	margin:0; padding:0; 
}
label {
	display:inline-block;
	width:120px;
	cursor:pointer;
	position:relative;
	padding:2px 0 0 0;
	vertical-align:top;
}
select {
	width:252px;
	margin: 0;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
input, select, textarea { 
	font-family: Arial, sans-serif;
	font-size:0.98em;
	color:#585858; 
	vertical-align:top;
}
textarea {
	margin-top:2px;
}
input[type=text], input[type=email], select, textarea {
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
input[type=text], input[type=email] {
	width: 250px;
	margin: 0;
}
input[type=checkbox] {
	margin-bottom: 0;
}
input[type=radio] {
	margin-bottom: 1px;
}
input[type=image] {
	position:absolute;
	right:20px;
	bottom:10px;
}
input[type=submit] {
	position:absolute;
	right:20px;
	bottom:10px;
	float:right;
	cursor:pointer;
	width:120px;
	height:27px;
	padding-bottom:2px;
	color:#FFF;
	font-size:1.5em;
	letter-spacing:+1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	background:#e46c1c;
	background:-moz-linear-gradient(top, #ec8c4c, #e47c35 25%, #e46c1c 50%, #e46c1c 50%, #e46c1c);
	background:-webkit-gradient(linear, left top, left bottom, from(#ec8c4c),color-stop(0.25, #e47c35), color-stop(0.5, #e46c1c), color-stop(0.5, #e46c1c),to(#e46c1c));
	background:-webkit-linear-gradient(top, #ec8c4c, #e47c35 25%, #e46c1c 50%, #e46c1c 50%, #e46c1c);
	background:-o-linear-gradient(top, #ec8c4c, #e47c35 25%, #e46c1c 50%, #e46c1c 50%, #e46c1c);
	background:-ms-linear-gradient(top, #ec8c4c, #e47c35 25%, #e46c1c 50%, #e46c1c 50%, #e46c1c);
	background: linear-gradient(top, #ec8c4c, #e47c35 25%, #e46c1c 50%, #e46c1c 50%, #e46c1c);
	border:1px solid #e46c1c;
/*	
	background:#404040;
	background: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#181818));
	background: -webkit-linear-gradient(top, #636363, #181818);
	background: -moz-linear-gradient(top, #636363, #181818);
	background: -o-linear-gradient(top, #636363, #181818);
	background: -ms-linear-gradient(top, #636363, #181818);
	background: linear-gradient(top, #636363, #181818);
	border:1px solid rgb(21,21,21);
*/	
}
input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
	-webkit-box-shadow:0 0 20px #777;
	-moz-box-shadow:0 0 20px #777;
	box-shadow:0 0 20px #777;
/*
	-webkit-box-shadow:0 0 15px rgb(216,177,101);
	-moz-box-shadow:0 0 15px rgb(216,177,101);
	box-shadow: 0 0 15px rgb(216,177,101);
*/
}
textarea {
	width:540px;
	height:35px;
}
input:focus, textarea:focus {
	-webkit-box-shadow:0 0 15px #ccc;
	-moz-box-shadow:0 0 15px #ccc;
	box-shadow:0 0 15px #ccc;
}
input:required {
	background:url("../images/asterisk_orange.png") no-repeat 232px 3px;
}
input[type=text]:valid, input[type=email]:valid {
	background:url("../images/tick.png") no-repeat 232px 3px;
}
input:focus:invalid {
	background:url("../images/cancel.png") no-repeat 232px 3px;
}

img { 
	border: 0; 
}
blockquote {
	margin:0;
	padding:0;
}
blockquote p:before {
	content:"\201E";
}
blockquote p:after {
	content:"\201C";
}
fieldset {
	position:relative;
	padding:0 0 5px 10px;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
}
fieldset ul {
	margin:0;
	padding:3px 0 0 0;
	list-style-type:none;
	font-weight:normal;
}
fieldset legend {
	margin:0 0 0 -5px;
	padding:3px 10px;
	color:#FFF;
	font-weight:bold;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	background:#606060;
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#404040));
	background: -webkit-linear-gradient(top, #888888, #404040);
	background: -moz-linear-gradient(top, #888888, #404040);
	background: -o-linear-gradient(top, #888888, #404040);
	background: -ms-linear-gradient(top, #888888, #404040);
	background: linear-gradient(top, #888888, #404040);
	-webkit-box-shadow:3px 3px 2px #e4e4e4;
	-moz-box-shadow:3px 3px 2px #e4e4e4;
	box-shadow: 3px 3px 2px #e4e4e4;
}
/* Ende HTML Tag Definitionen */

/* Definitionen für linke Hauptnavigation */
.leftnav a {
	display: block;
	color: #444444;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
}
.leftnav a:hover {
	color:#008400;
}
.leftnav a.flags {
	display:inline;
}
.leftnav a.order {
	color: rgb(228,108,28);
}
.leftnav a.order:hover {
	color: #008400;
}
.leftnav p {
	padding:0 0 0 10px;
}
.leftnav li {
	font-weight:bold;
	line-height:18px;
}
.leftnav li img {
	padding-top:10px;
}
#active {
	display: block;
	background:rgb(246,246,246);
	background:rgba(255,255,255,.5);
}
#activeorder {
	display: block;
	background:rgb(206,146,106);
	background:rgba(228,108,28,.5);
}
.sub {
	padding-left:20px;
}
.sub a,
.sub #active {
	font-weight:normal;
}
select.navselect {
	width:155px;
	margin:0 0 0 10px;
	background: rgb(196,196,196);
	background: rgba(196,196,196,0.3);
	font-weight:bold;
	color: #444444;
	border: solid 1px rgb(128,128,128);
	margin-top:2px;
	margin-bottom:2px;
}
/* Ende Definitionen für linke Hauptnavigation */

/* Definitionen für rechte Spalte auf Videoseiten */
.pagebar a {
	color:#444444;
	text-decoration:none;
}
.pagebar a:hover {
	color:#008400;
}
.pagebar p {
	padding: 0;
}
.pagebar li {
	line-height:18px;
}
.pagebar .sidenav {
	width:160px;
	font-size: 1em;
	margin-top:30px;
	padding:10px;
	text-align:left;
	border:1px solid #cccccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	-webkit-box-shadow:5px 5px 10px #e4e4e4;
	-moz-box-shadow:5px 5px 10px #e4e4e4;
	box-shadow: 5px 5px 10px #e4e4e4;
	background:url(../images/2012.png) center no-repeat;
	background-color: rgb(220,220,220);
}
/* Ende Definitionen für rechte Spalte auf Videoseiten */

/* Definitionen für Bestellseite */
.order li {
	margin:0 0 3px 0;
}
.order span {
	display:inline-block;
	width:120px;
	vertical-align:top;
	padding:2px 0 0 0;
}
.rlvs label {
	width:155px;
}
.orderinfos label {
	width:auto;
	margin-right:10px;
}
.packages {
	background: #eee;
	margin:5px 0px -5px -10px;
	padding:2px 0 2px 10px;
	-webkit-border-radius-bottomleft:5px;
	-moz-border-radius-bottomleft:5px;
	border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright:5px;
	-moz-border-radius-bottomright:5px;
	border-radius-bottomright: 5px;
}
.check {
	float:left;
	margin:0 0 0 113px;
	padding:0;
	width:540px;
	background: transparent url(../images/check.png) 0 0 no-repeat;
}
.check label{
	display:inline-block;
	position:relative;
	width:auto;
	padding:0 0 0 45px;
	line-height:23px;
}
.check label input {
	border:none;
	left:7px;
	top:2px;	
	position:absolute;
	width:13px;
	height:13px;
}
.shopcart_order { 
	position:absolute;
	padding-top:12px;
	right:40px;
	text-align:center; 
}
.shopcart_order img { cursor:pointer; }
.shopcart_order a:hover { text-decoration:underline; }
.total {
	font-weight:bold;
	font-size:1.1em;
	margin-top:10px;
}
.mwst {
	display:inline;
	font-size:0.9em;
}
#porto {
	display:inline;
	width:500px;
	font-size:0.9em;
	margin:0 0 0 5px;
	padding:0;
	vertical-align:middle;
}
/* Ende Definitionen für Bestellseite */

/* Definitionen der Schattenboxen */
.box, .inlinebox {
	position:relative;
	width:170px;
	font-size: 1em;
	border:1px solid #cccccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	-webkit-box-shadow:5px 5px 10px #e4e4e4;
	-moz-box-shadow:5px 5px 10px #e4e4e4;
	box-shadow: 5px 5px 10px #e4e4e4;
	background:url(../images/boxback.png) repeat-x;
	background-color: white;
	margin-bottom: 10px;
	padding: 0 5px;
	text-align:left; 
}
.inlinebox {
	float:left;
	width:120px;
	margin-right:7px;
}
.box690 div.box:hover, div.inlinebox:hover { /* Boxen sind Links */
	border:1px solid #008400;
	cursor:pointer;
}
.offer .box690 div.box:hover { /* Angebotsseite ohne Links */
	border:1px solid #cccccc;
	cursor:auto;
}
.box690 .box {	/* Videobeschreibung */
	width:680px;
}
.box690 td {	
	padding-right:10px;
	vertical-align:top;
}
.box690 td+td+td {
	text-align:center;
}
.box500 .box {	/* Paypal */
	width:500px;
	padding: 5px;
}
.box400 .box {	/* Versand */
	width:400px;
	padding: 5px;
}
/* Ende Definitionen der Schattenboxen */

/* Definitionen für Datenboxen */
.box table, .inlinebox table {
	width:100%;
}
.inlinebox td {
	padding:0;
}
.box h3 { width:130px; padding: 5px 3px; }
.inlinebox h3 { width:90px; padding: 5px 0; }
.box img, .inlinebox img {
	margin: 5px 0 5px 0;
}
.box h3+img {
	position:absolute;
	right:10px;
}
.inlinebox h3+img {
	position:absolute;
	right:5px;
}
.key {
	text-align:left;
	border-right: solid 1px #CCCCCC;
	line-height: 15px;
	padding:0 0 0 5px;
}
.value {
	text-align:right;
	padding:0 5px 0 0;
}
/* Ende Definitionen für Datenboxen */

/* Allgemeine Klassen */
ul.disk {
	padding:10px 10px 10px 30px;
	list-style-type:disc;
}
.disk li {
	color: #585858;
	font-weight:normal;
	line-height:16px;
}

.thumb {
	width: 150px;
	height: 100px;
	-webkit-box-shadow:3px 3px 2px #aaaaaa;
	-moz-box-shadow:3px 3px 2px #aaaaaa;
	box-shadow: 3px 3px 2px #aaaaaa;
}
.thumbprofil {
	width: 150px;
	height: 46px;
	-webkit-box-shadow:3px 3px 2px #aaaaaa;
	-moz-box-shadow:3px 3px 2px #aaaaaa;
	box-shadow: 3px 3px 2px #aaaaaa;
}
.thumb:hover {
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	transform: scale(1.025);
}
.thumbprofil:hover {
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	transform: scale(1.025);
}
.free {
	color:#990000;
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	top:20px;
	padding-bottom:10px;
	text-align:right;
	height:50px;
}
.price, .priceen {
	position:absolute;
	color:#990000;
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	right:0px;
	top:75px;
	bottom:20px;
	text-align:right;
}
.price:after {
	position:absolute;
	top:20px;
	right:10px;
	width:200px;
	font-size:10px; color:#585858;
	font-weight:normal;
	text-align:right;
	content:"inkl. MwSt. zzgl. Versandkosten";
}
.priceen:after {
	position:absolute;
	top:20px;
	right:10px;
	width:200px;
	font-size:10px; color:#585858;
	font-weight:normal;
	text-align:right;
	content:"incl. VAT plus shipping";
}
.aside, .asideen {
	position:relative;
	float:right;
	width:110px;
	height:50px;
	color:#990000;
	font-size:1.5em;
	text-align:right;
}
.aside:after {
	position:absolute;
	bottom:0px;
	right:0px;
	padding-bottom:15px;
	font-size:10px; color:#585858;
	text-align:right;
	content:"inkl. MwSt. zzgl. Versandkosten";
}
.asideen:after {
	position:absolute;
	bottom:0px;
	right:0px;
	padding-bottom:15px;
	font-size:10px; color:#585858;
	text-align:right;
	content:"incl. VAT plus shipping";
}
s {	
	position:absolute;
	right:0px;
	top:22px;
	font-size:0.6em; 
}

.soon {
	font-weight:normal;
	font-size:0.9em;
	font-style:italic;
	color:#FF0000;
}
.off {
	color:#990000;
	font-size:1.3em;
	font-weight:bold;
	vertical-align:top;
	padding-left: 5px;
}
.transparentoff {
	position:absolute;
	top:30px;
	left:0px;
	width:130px;
	text-align:center;
	color:#990000;
	color:rgba(255, 0, 0, 0.6);
	font-size:3.5em;
	font-weight:bold;
}

.features { text-align:left; margin-top: 0px; }
.shopcart { margin-top: 15px; }
.shopcart img { cursor:pointer; }
.shopcart_offer { text-align:center; vertical-align:top; margin: 0 10px 0px 10px; }
.shopcart_offer img { cursor:pointer; }
.shopcart_offer a:hover { text-decoration:underline; }
img.sc:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.redbold { color: #990000; font-weight:bold; }

.gallery td { padding-right: 8px; padding-bottom: 8px; }
.hint { font-size:0.9em; color:#888888; }
.anmerkung { font-size:1em; font-style:italic; }

.shipping {
	padding: 5px 10px 5px 0px;
	text-align:center;
}
/* Ende Allgemeine Klassen */

/* Zweispaltiges Layout für Kundenmeinungen */
#colcontainer {
	width:690px;
	margin:0 auto;
}
.columns {
	margin:0 auto;
	-moz-column-count:2;
	-moz-column-gap:40px;
	-moz-column-rule:1px solid #ccc;
	-webkit-column-count:2;
	-webkit-column-gap:40px;
	-webkit-column-rule:1px solid #ccc;
	column-count:2;
	column-gap:40px;
	column-rule:1px solid #ccc;
}
/* Ende Zweispaltiges Layout für Kundenmeinungen */

/* Sonne im Header */
.flash {
	position:absolute;
	top:82px;
	left:-10px;
	opacity:0;
	height:20px;
	width:20px;
	background-color:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:0 0 4px 2px white;
	-moz-box-shadow:0 0 4px 2px white;
	box-shadow: 0 0 50px 40px white;
	-webkit-animation-name:shine;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease;
	-moz-animation-name:shine;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:1;
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes shine {
	0% { -webkit-transform: scale(0.01); opacity:1; }
	50% { -webkit-transform: scale(1.0); opacity:1; }
	100% { -webkit-transform: scale(0.01); opacity:1; }
}
@-moz-keyframes shine {
	0% { -moz-transform: scale(0.1); opacity:1; }
	50% { -moz-transform: scale(2.5); opacity:1; }
	100% { -moz-transform: scale(0.1); opacity:1; }
}
/* Ende Sonne im Header */

/* Impressum vcard */
.mirror {
	float:left;
	-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.60, transparent), to(#fff));
}
.vcard {
	text-align: left;
	margin:-10px 0 0 95px;
}
.vcard h2 {
	margin:10px 0 0 0;
	padding:0;
}
.vcard p {
	margin:10px 0 0 0;
}
.vcard address  {
	font-style: normal;
}
.vcard span.org, .vcard span.street-address, .vcard .email, .vcard .url {
	display: block;
}
/* Ende Impressum vcard */