/* HTML5 DEFINITIONEN */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* Base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
body, button, input, select, textarea { font-family: sans-serif; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
/* Embedded content */
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
form { margin: 0; }
input { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; line-height: normal;}
input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
a:hover, a:active, a:focus, input:focus { outline: none; }

/* AB HIER LAYOUT */
* { margin: 0; padding: 0; border:none; }
.alert { position:absolute; left:5%; top:0; z-index:10; padding:20px; background:red; color:#fff; }
.js .nojavascript { display:none; }

* { margin: 0; padding: 0; border:0; }
html {height: 100%;}
body { 
	height: 100%;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;line-height:20px;
	color: #292929;
}
a, a:link {color:#000;text-decoration:none;}
a:hover {color:#FA027A;}
a:focus {
 	-moz-outline: none; 
 	outline: none; 
}
*html a:focus {expression(this.hideFocus=true);}
h1, h2 {
	font-size:20px;line-height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:block;
	width:600px;
	border-bottom:1px dotted #000;
	margin-bottom:15px;
}
h1 {font-weight:bold;}
h2 {
	width:250px;
	font-size:14px;margin-bottom:10px;
}
.clear {clear:both;}
.ital {font-style:italic;}
.bol {font-weight:bold;}
#box_design, #box_details, #box_function, #box_news, #box_bilder, #box_art, #box_kontakt, #box_videos, #box_kaufen {
	position:relative;
	margin-left:auto; margin-right:auto;
	width:900px; height:600px;
	background: url(../pix/back/back5.jpg) no-repeat;
}
* html #box_design, #box_details, #box_function, #box_news, #box_bilder, #box_art, #box_kontakt, #box_videos, #box_kaufen {width:950px;}
#box_design {background: url(../pix/back/back2.jpg) no-repeat;}
#box_function {background: url(../pix/back/back7.jpg) no-repeat;}
#box_news {background: url(../pix/back/back9.jpg) no-repeat;}
#box_bilder {background: url(../pix/back/back8.jpg) no-repeat;}
#box_art {background: url(../pix/back/back6.jpg) no-repeat;}
#box_kontakt {background: url(../pix/back/back3.jpg) no-repeat;}
#box_videos {background: url(../pix/back/back1.jpg) no-repeat;}
#box_kaufen {background: url(../pix/back/back4.jpg) no-repeat;}
#top {height:180px;}
#logo {position:absolute;z-index:1;top:50px;}
#navigation {
	position:absolute;z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	top:90px;left:270px;
	line-height:26px; 
	color:#FA027A;
	font-size: 16px;
}
* html #navigation {left:242px;}
#navigation ul, #subnavigation ul {list-style: none;}
#navigation li, #subnavigation li {float: left;margin-left:30px;}
#navigation li a.active_nav {color:#FA027A;}
#linie_1 {
	position:absolute;z-index:2;
	top:115px;left:160px;width:740px;
	border-bottom:1px dotted #000;
}
* html #linie_1 {top:95px;}
*+html #linie_1 {top:95px;}
#subnavigation {
	position:absolute;z-index:1;
	top:120px;left:280px;
	line-height:20px; 
	color:#FA027A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
* html #subnavigation {left:262px;}
#subnavigation li {margin-left:20px;}
#text ul li {margin-left:15px;}
#linie_2 {position:absolute;z-index:2;top:142px;left:300px;width:600px;border-bottom:1px dotted #000;}
* html #linie_2 {top:122px;}
*+html #linie_2 {top:122px;}
#left {float:left;width:250px;}
#main {float:left;width:600px;margin-left:50px;}
.teaser {margin-bottom:25px;}
.teaser a{text-decoradtion:underline;}
#bild {border:1px solid #666;}
#slideshow {position:relative; width:600px; height:250px; border:1px solid #666;}
#text {margin-top:15px;}
#linie_3 {width:900px;border-bottom:1px dotted #000;}
#text ul {margin-top:10px;}
#copy{width:900px;text-align:right;margin-top:5px;font-size:11px;font-family: Arial, Helvetica, sans-serif;}
#text a{color:#000;text-decoration:underline;}
#text a:hover {color:#FA027A;}
#bestellbutton {display:block;width:200px;height:40px;background: url(../pix/bestellen1.gif) no-repeat;}
#bestellbutton:hover {background: url(../pix/bestellen2.gif) no-repeat;}
/* Formular */
#text h3 a{color:#000;text-decoration:none;}
#text a:hover {color:#FA027A;}
.cmxform label {position:relative;float:left;display:block;width:170px;height:20px;margin-bottom:10px;}
.cmxform input, .cmxform select {position:relative;float:left;left:20px;width:250px;height:20px;line-height:20px;border:1px solid #ccc;margin-bottom:10px;}
.cmxform input {padding-left:3px;width:245px;}
.cmxform #submit {left:340px;width:93px;height:24px;border:none;margin-top:10px;}
.cmxform label.error {position:relative;float:left;text-align:left;left:30px;color:red;line-height:15px;}
.red {color:red;}
#zertifikat, #zertifikat2, #news1, #news2 {width:20px;height:20px;line-height:20px;padding-left:0px;}
.line_h {margin-top:10px;margin-bottom:10px;}