@charset "utf-8";
body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif, "Arial Black", "Trebuchet MS";
	font-size:12px;
	line-height:18px;
	color:#456;
	background:url(../images/footer_bg.gif);
}
#main, #main2 {
	position:relative;
	padding:0;
	margin:0 auto;
	width:100%;
	height:auto;
}
#main {background:#fff url(../images/bg.gif) center 120px repeat-x;}
#main2 {background:#fff url(../images/bg2.gif) center 120px repeat-x;}

#content {
	position:relative;
	margin:0 auto;
	padding:120px 0 40px 0;
	width:1000px;
	height:auto;
	background:url(../images/top_bg.gif) top left no-repeat;
}
#banner {
	position:relative;
	padding:0 10px 0 10px;
	margin:0 auto 27px auto;
	width:980px;
	height:280px;
	text-align:center;
}
#logo {
	position:absolute;
	top:26px;
	left:70px;
	width:200px;
	height:120px;
	z-index:5;
}
#navi {
	position:absolute;
	top:0;
	right:20px;
	width:700px;
	height:119px;
	padding:0;
	margin:0;
	line-height:24px;
	text-align:right;
	z-index:10;
}
#navi2 {
	position:relative;
	width:970px;
	height:22px;
	padding:0 0 0 30px;
	margin:0 0 20px;
	line-height:22px;
	text-align:left;
}
#footer {
	position:relative;
	padding:30px 115px 50px 85px;
	margin:0 auto;
	width:800px;
	height:auto;
	color:#9ab;
	clear:both;
}

.start {position:relative; width:100%; padding:0; margin:0; display:block; text-align:center;}
.start li {position:relative; padding:10px 8px; margin:0 auto; display:inline-block; vertical-align:top;}
.start li a {position:relative; width:230px; height:300px; padding:0; margin:0; display:block; text-align:left; text-decoration:none;
	background:#fff url(../images/weiter.gif) bottom right no-repeat;
	-webkit-box-shadow: 1px 2px 6px 0px rgba(00, 11, 22, 0.2);
    box-shadow: 1px 2px 6px 0px rgba(00, 11, 22, 0.2);
}
.product {position:relative; width:640px; height:auto; padding:0; margin:0 0 24px 235px; border-bottom:1px solid #ede; clear:both;}

h1, h2, h4 {
	font-family:Georgia, "Times New Roman", Times, serif, "Palatino Linotype";
	font-size:24px; line-height:36px; color:#9ab; font-weight:normal; font-style:italic;
}
h3 {font-size:14px; line-height:18px; color:#f60; margin:18px 0; padding:4px 0 0;}
h1 {margin:20px 0 18px; padding:20px 0 8px 85px;}
h2 {margin:30px 0 18px; padding:0 0 8px 85px;}
h4 {margin:0; padding:0 0 8px 0;}
p {padding:0; margin:0 115px 18px 235px;}
ul, ol {padding:0 135px 10px 275px; margin:0;}
li {padding:0 0 10px 0; margin:0;}

table {width:auto; margin:0 10px 18px 235px; padding:0;}
table td {padding:0 16px 0 0; margin:0; vertical-align:top;}

table.led {}
table.led td {padding:5px; margin:0; vertical-align:top; font-size:10px;}

table.small {width:640px; margin:0 10px 18px 235px; border-collapse:collapse;}
table.small th {font-weight:bold; text-align:center; vertical-align:top; border:1px solid #ede;}
table.small td {padding:5px; margin:0; vertical-align:top; border:1px solid #ede;}

table.big {width:980px; margin:0 10px 18px 10px; border-collapse:collapse;}
table.big th {font-weight:bold; text-align:center; vertical-align:top; border:1px solid #ede;}
table.big td {padding:5px; margin:0; vertical-align:top; border:1px solid #ede; font-size:10px;}

input {width:480px; margin:0 0 18px 0; padding:2px;}
input.button {width:auto; margin:0 0 16px 0;}
textarea {width:480px; height:160px; resize:none; margin:0 0 18px 0;}

iframe {margin:3px 3px 3px 0;}
iframe.video {
	margin:3px 3px 3px 0;
	padding:0;
	float:right;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(00, 11, 22, 0.5);
 box-shadow: 1px 2px 5px 0px rgba(00, 11, 22, 0.5);
}
iframe:hover {
	margin:0;
	padding:2px;
	border:1px solid #544;
}
embed {margin:0 0 10px 0;}

a:link, a:visited {color:#456; text-decoration:underline;}
a:hover, a:active {color:#9ab; text-decoration:underline;}

#navi ul {position:relative; padding:0; margin:0; display:inline; float:right;}
#navi ul li {position:relative; padding:0; margin:0; display:inline; list-style-type:none;}
#navi ul li a {padding:80px 20px 20px 20px; margin:0; width:auto; height:19px; display:block; float:left; text-transform:uppercase;}
#navi ul li a:link, #navi ul li a:visited {color:#9ab; text-decoration:none;}
#navi ul li a:hover, #navi ul li a:active {color:#567; text-decoration:none;}
#navi ul li.active a {color:#567; text-decoration:none; background:url(../images/navi_bg.gif) center -1px no-repeat;}

#navi ul li ul.subp, #navi ul li ul.subt {padding:10px 0; margin:0; float:none; background:rgba(255,255,255,0.9); display:none;}
#navi ul li ul.subp {position:absolute; top:109px; right:187px; z-index:50;}
#navi ul li ul.subt {position:absolute; top:109px; right:78px; z-index:51;}
#navi ul li ul.subp li, #navi ul li ul.subt li {
		padding:0; margin:0; display:block; list-style-type:none; text-align:left; float:none; line-height:14px;}
#navi ul li ul.subp li a, #navi ul li ul.subt li a {
		padding:10px 20px; margin:0; width:100px; height:auto; display:block; float:left; text-transform:none;}
#navi ul li ul.subp li a:link, #navi ul li ul.subp li a:visited,
#navi ul li ul.subt li a:link, #navi ul li ul.subt li a:visited {background:rgba(255,255,255,0); color:#9ab; text-decoration:none;}
#navi ul li ul.subp li a:hover, #navi ul li ul.subp li a:active,
#navi ul li ul.subt li a:hover, #navi ul li ul.subt li a:active,
#navi ul li ul.subp li.active a, #navi ul li ul.subt li.active a {color:#567; text-decoration:none; background:#fff;}
#navi ul li:hover ul.subp, #navi ul li:hover ul.subt {display:inline;}

#navi2 ul {padding:0; margin:0; display:inline; float:left;}
#navi2 ul li {padding:0; margin:0; display:inline; list-style-type:none;}
#navi2 ul li a {padding:0 16px 2px 16px; margin:0; width:auto; height:20px; display:block; float:left;}
#navi2 ul li a:link, #navi2 ul li a:visited {color:#fff; text-decoration:none;}
#navi2 ul li a:hover, #navi2 ul li a:active, #navi2 ul li.active a 
{color:#89a; text-decoration:none; background:url(../images/navi2_bg.gif) top left repeat;}

#footer p {padding:0; margin:0;}
#footer p.sur {padding:0; margin:0; float:right;}
#footer a:link, #footer a:visited {color:#9ab; text-decoration:none;}
#footer a:hover, #footer a:active {color:#9ab; text-decoration:underline;}
#footer p.sur a:link, #footer p.sur a:visited {color:#c6d6e6; text-decoration:none;}
#footer p.sur a:hover, #footer p.sur a:active {color:#c6d6e6; text-decoration:underline;}

.left {float:left;}
.right {float:right;}
.center {text-align:center;}

img.left {padding:0; margin:3px 20px 10px 0;}
img.right {padding:0; margin:3px 10px 10px 20px;}
img.face {padding:0; margin:0;}

.flag {position:absolute; top:22px; left:260px; width:120px; padding:0 marginn:0; display:block; z-index:888;}

.start img, .start a img {padding:0 0 10px 0; margin:0; border:0 none; background:#fff;}
.start img.star {position:absolute; top:-31px; left:80px; border:0 none; background:none; z-ndex:36;}
.start p {padding:8px 16px 8px 16px; margin:0;}
.start h2 {padding:8px 16px 8px 16px; margin:0; font-size:16px; line-height:18px;}

.product img, .product a img {padding:0; margin:0 40px 1px 0; border:0 none; float:left;}
.product p {padding:0; margin:0 0 18px 0;}
.product p.price {padding:0; margin:0; text-align:right; float:right;
	font-family:Georgia, "Times New Roman", Times, serif, "Palatino Linotype"; font-size:18px; color:#9ab;}
.product ul, .product ol {padding:0; margin:0 0 18px 30px;}

.sub {text-align:right; font-style:italic;}
.clear {clear:both; margin:0 0 18px 0;}

.orange {color:#fc3;}
.gelb {color:#ff6;}
.rosa {color:#fcd;}
.lila {color:#cbc;}
.blau {color:#ddf;}
.grau {color:#ede;}

td.orange {background:#fc3; color:#456;}
td.gelb {background:#ff6; color:#456;}
td.rosa {background:#fcd; color:#456;}
td.lila {background:#dbd; color:#456;}
td.blau {background:#ddf; color:#456;}
td.grau {background:#ede; color:#456;}

p.mini {font-size:10px;}
.price1 {font-size:14px; text-decoration:line-through;}
.price2 {color:#f60;}
a.weiter {color:#f60;}

iframe, iframe:hover {padding:0; margin:0; border:0 none; width:100%; height:550px; display:block; box-sizing:border-box;}