/*
Hack 			Wirkt in diesen Browsern 			Selektiertes Element 	Validität
* html 			Nur IE bis Version 6 				html 					Valides CSS
*+html 			Nur IE, nur Version 7 				html 					Valides CSS
*+html, * html 	Nur IE, alle Versionen 				html 					Valides CSS
html>body 		Moderne Browser, IE nur Version 7 	body 					Valides CSS
html>/**//*body Moderne Browser ohne IE 7 			body 					Valides CSS (zweiten slash & star direkt vor body weglassen
*/

/* general tag styles*/
* {
	border:0 none;
	margin:0;
	padding:0;
}
html {
	min-height: 100%;
 	height: auto;
}
body {
	color:#626262;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100.1%;
	font-style:normal;
	font-variant:normal;
	text-align:center;
	background-image: url(../images/bg_body_1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
img {
	border:0;
}
form {
	margin: 0;
	color:#626262;
}
label {
	clear: both;
	float: left;
	padding-top: 3px;
	width: 160px;
	margin: 0 0 6px 0;
	float: left;
}
input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#626262;
	border:1px solid #626262;
}
select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#626262;
	border:1px solid #626262;
}
option {
	padding: 3px 3px 0 3px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#626262;
	border:1px solid #626262;
}
a, a:visited {
	text-decoration: none;
	color: #E23840;
}
a:hover {
	color:#626262;
}
a.greylink, a.greylink:visited {
	color:#626262;
}
a.greylink:hover {
	color: #000000;
}
a.intro, a.intro:visited {
	color: #E23840;
	font-weight:bold;
}
a.intro:hover, a.readmore:hover {
	color:#626262;
}
a.readmore, a.readmore:visited {
	color: #E23840;
	font-weight:bold;
	background-image:url(../images/but_readmore.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}
p, td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#626262;
	margin:0 10px 15px 10px;
}
p.colorA {
	color: #E23840;
}
p.colorB {
	color:#FFFFFF;
}
p.colorC {
	color:#B1CDDF;
}
p.colorD {
	color:#C2D97C;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	letter-spacing:1px;
	color:#626262;
	margin:0 10px 20px 10px;
	line-height:25px;
}
h1.colorA {
	color: #E23840;
}
h1.colorB {
	color:#FFFFFF;
}
h1.colorC {
	color:#B1CDDF;
}
h1.colorD {
	color:#C2D97C;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	color:#626262;
	margin: 0 10px 10px 10px;
}
h2.colorA {
	color: #E23840;
}
h2.colorB {
	color:#FFFFFF;
}
h2.colorC {
	color:#B1CDDF;
}
h2.colorD {
	color:#C2D97C;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#626262;
	margin:0 10px 10px 10px;
}
h3.colorA {
	color: #E23840;
}
h3.colorB {
	color:#FFFFFF;
}
h3.colorC {
	color:#B1CDDF;
}
h3.colorD {
	color:#C2D97C;
}
ul {
	margin:0 10px 15px 13px;
}
li {
	margin:0 10px 2px 10px;
	line-height:16px;
}

/* containers */
#page {
	margin:0 auto;
	text-align:left;
	width:850px;
}
#content {
	position:relative;
	margin:0 0 30px 0;
	width:850px;
	margin-top:70px;
	padding-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#header {
	width:850px;
	height:85px;
}
#headerleft {
	float:left;
}
#headerright {
	background-image:url(../images/header_bild_6.jpg);
	width:630px;
	height:85px;
	float:left;
}
#headertitle {
	position:relative;
	top:20px;
	left:0px;
	width: 623px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:37px;
	letter-spacing:1px;
	display:none;
	text-align:right;
	padding-right:7px;
}
#subheader {
	width:850px;
	height:35px;
}
#main {
	background-color:#FFFFFF;
	background-image: url(../images/bg_content_main_2.gif);
	background-repeat:repeat-x;
	min-height:500px;
}
* html #main {
	height:500px;
}
#left {
	position:relative;
	float:left;
	width:200px;
	min-height:500px;
	margin:0 10px 0 10px;
	text-align: center;
	background-color:#FFFFFF;
}
* html #left {
	height:500px;
	width:180px;
	margin:0 10px 0 5px;
}
#middle {
	position:relative;
	float:left;
	width:390px;
	height:500px;
	margin:0;
	padding:0;
}
#right {
	position:relative;
	float:left;
	height:500px;
	width:220px;
	margin:0 10px 0 10px;
	padding-top:8px;
	background-color: #FFFFFF;
}
* html #right {
	margin-right:0;
}
#container {
	position:relative;
	float:left;
	width:620px;
	min-height:500px;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
}
* html #container {
	height:500px;
}
#address {
	clear:both;
	position:absolute;
	width:200px;
	text-align:left;
	left: 0px;
	bottom:20px;
}
#langsel_d {
	position:absolute;
	top:0;
	left:812px;
	width:16px;
	height:17px;
}
#langsel_f {
	position:absolute;
	top:0;
	left:828px;
	width:16px;
	height:17px;
}
#footer {
	clear:both;
	width:835px;
	padding:60px 10px 5px 5px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	line-height:16px;
	color:#626262;
}

/* navigation */
#mainnav {
	position:relative;
	top:60px;
	/*left: 252px;*/
	left:0;
	width:auto;
	padding:2px;
	margin:0;
}
* html #mainnav {
	margin-top:60px;
}
#mainnav.start {
	top:17px;
}
* html #mainnav.start {
	margin-top:18px;
}
#mainnav a:link, #mainnav a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #626262;
	font-size:12px;
	letter-spacing:1px;
	/*font-weight:bold;*/
}
#mainnav a:hover {
	/*color:#626262;*/
	color:#FFFFFF;
}
#mainnav .navon {
	float:right;
	height:17px;
	padding:3px 5px 3px 5px;
	background-color:#E9E9E9;
	/*background-color:#FFFFFF;*/
}
#mainnav .navon a:link, #mainnav .navon a:visited, #mainnav .navon a:hover {
	color: #626262;
}
#mainnav .navoff {
	float:right;
	height:17px;
	padding:3px 5px 3px 5px;
}
#subnavmain_1 {
	background-color:#B1CDDF;
	margin-bottom:5px;
}
#subnavmain_2 {
	background-color:#C2D97C;
	margin-bottom:5px;
}
#subnavmain_3 {
	background-color:#FACE79;
	margin-bottom:5px;
}
#subnavmain_4 {
	background-color:#E23840;
}
#subnavmain_5 {
	background-color:#C6C7C9;
	background-image:url(../images/cart_order.gif);
	background-repeat:no-repeat;
	background-position:left;
	border-left: solid #C6C7C9 5px;
	padding-left:25px;
	width:165px;
}
.subnavmain {
	width:190px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	text-align:left;
	padding:5px;
}
.subnavmain a:link, .subnavmain a:visited {
	color:#FFFFFF;
	height:16px;
}
.subnavmain a:hover {
	color:#626262;
}
.subnav_brand_1_on {
	width:75px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 5px;
	padding:5px 0 3px 0;
	border-bottom:#B1CDDF 1px dotted;
	float:left;
	white-space:nowrap;
}
* html .subnav_brand_1_on {
	margin:0 0 0 3px;
	height:16px;
}
.subnav_brand_2_on {
	width:75px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 5px;
	padding:5px 0 3px 0;
	border-bottom:#C2D97C 1px dotted;
	float:left;
	white-space:nowrap;
}
* html .subnav_brand_2_on {
	margin:0 0 0 3px;
	height:16px;
}
.subnav_brand_3_on {
	width:75px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 5px;
	padding:5px 0 3px 0;
	border-bottom:#FACE79 1px dotted;
	float:left;
	white-space:nowrap;
}
* html .subnav_brand_3_on {
	margin:0 0 0 3px;
	height:16px;
}
.subnav_brand_4_on {
	width:190px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 5px;
	padding:5px 0 3px 0;
	border-bottom:#E23840 1px dotted;
	float:left;
	white-space:nowrap;
}
* html .subnav_brand_4_on {
	margin:0 0 0 3px;
	height:16px;
}
.subnav_brand_5_on {
	width:190px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 5px;
	padding:5px 0 3px 0;
	border-bottom:#C6C7C9 1px dotted;
	float:left;
	white-space:nowrap;
}
* html .subnav_brand_5_on {
	margin:0 0 0 3px;
	height:16px;
}
.subnav_brand_1_off, .subnav_brand_2_off, .subnav_brand_3_off, .subnav_brand_4_off, .subnav_brand_5_off {
	clear:both;
	width:190px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	margin:0 5px 0 5px;
	padding:5px 0 3px 0;
}
* html .subnav_brand_1_off, * html .subnav_brand_2_off, * html .subnav_brand_3_off, * html .subnav_brand_4_off, * html .subnav_brand_5_off {
	height:16px;
}
.subnav_class_1_on {
	width:115px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	margin:0 5px 0 0;
	padding:5px 0 3px 0;
	border-bottom:#B1CDDF 1px dotted;
	float:left;
	white-space:nowrap;
}
* html .subnav_class_1_on {
	margin:0 -16px 0 0;
	height:16px;
}
.subnav_class_2_on {
	width:115px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	margin:0 5px 0 0;
	padding:5px 0 3px 0;
	border-bottom:#C2D97C 1px dotted;
	float:left;
}
* html .subnav_class_2_on {
	margin:0 -16px 0 0;
	height:16px;
}
.subnav_class_3_on {
	width:115px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	margin:0 5px 0 0;
	padding:5px 0 3px 0;
	border-bottom:#FACE79 1px dotted;
	float:left;
}
* html .subnav_class_3_on {
	margin:0 -16px 0 0;
	height:16px;
}
.subnav_class_4_on {
	width:115px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	margin:0 5px 0 0;
	padding:5px 0 3px 0;
	border-bottom:#E23840 1px dotted;
	float:left;
}
* html .subnav_class_4_on {
	margin:0 -16px 0 0;
	height:16px;
}
.subnav_class_1_off, .subnav_class_2_off, .subnav_class_3_off,.subnav_class_4_off {
	clear:both;
	width:115px;
	min-height:16px;
	text-align:left;
	font-size:12px;
	margin:0 5px 0 5px;
	padding:5px 0 3px 75px;
}
* html .subnav_class_1_off, * html .subnav_class_2_off, * html .subnav_class_3_off, * html .subnav_class_4_off {
	height:16px;
}
.subnav_class_1_off {
	border-bottom:#B1CDDF 1px dotted;
}
.subnav_class_2_off {
	border-bottom:#C2D97C 1px dotted;
}
.subnav_class_3_off {
	border-bottom:#FACE79 1px dotted;
}
.subnav_class_4_off {
	border-bottom:#E23840 1px dotted;
}
a.subnav_prod_1_off:link, a.subnav_prod_1_off:visited, 
a.subnav_prod_2_off:link, a.subnav_prod_2_off:visited, 
a.subnav_prod_3_off:link, a.subnav_prod_3_off:visited, 
a.subnav_prod_4_off:link, a.subnav_prod_4_off:visited,
a.subnav_prod_5_off:link, a.subnav_prod_5_off:visited {
	color:#626262;
}
a.subnav_prod_1_on:link, a.subnav_prod_1_on:visited {
	color:#B1CDDF;
	font-weight:bold;
}
a.subnav_prod_1_on:hover {
	color:#B1CDDF;
}
a.subnav_prod_1_off:hover {
	color:#B1CDDF;
}
a.subnav_prod_2_on:link, a.subnav_prod_2_on:visited {
	color:#C2D97C;
	font-weight:bold;
}
a.subnav_prod_2_on:hover {
	color:#C2D97C;
}
a.subnav_prod_2_off:hover {
	color:#C2D97C;
}
a.subnav_prod_3_on:link, a.subnav_prod_3_on:visited {
	color:#FACE79;
	font-weight:bold;
}
a.subnav_prod_3_on:hover {
	color:#FACE79;
}
a.subnav_prod_3_off:hover {
	color:#FACE79;
}
a.subnav_prod_4_on:link, a.subnav_prod_4_on:visited {
	color:#E23840;
	font-weight:bold;
}
a.subnav_prod_4_on:hover {
	color:#E23840;
}
a.subnav_prod_4_off:hover {
	color:#E23840;
}
a.subnav_prod_5_on:link, a.subnav_prod_5_on:visited {
	color:#C6C7C9;
	font-weight:bold;
}
a.subnav_prod_5_on:hover {
	color:#C6C7C9;
}
a.subnav_prod_5_off:hover {
	color:#C6C7C9;
}
.subnav_item_on {
	width:190px;
	height:15px;
	text-align:left;
	font-size:12px;
	margin:0 5px 0 5px;
	padding:5px 0 3px 0;
	border-bottom:#626262 1px dotted;
}
.subnav_item_off {
	width:190px;
	height:15px;
	text-align:left;
	font-size:12px;
	margin:0 5px 0 5px;
	padding:5px 0 3px 0;
}
a.subnav_item_1_on:link, a.subnav_item_1_on:visited {
	color:#626262;
	font-weight:bold;
}
a.subnav_item_1_on:hover {
	color:#626262;
}
a.subnav_item_1_off:link, a.subnav_item_1_off:visited {
	color:#626262;
}
a.subnav_item_1_off:hover {
	color: #E23840;
}

/* page specific containers & styles */
#illuhome_1_frame {
	width:390px;
	height:340px;
}
#illuhome_2_frame {
	width:390px;
	margin-top:10px;
	height:149px;
}
#illuhome_1 {
	width:390px;
	height:340px;
}
#illuhome_2 {
	width:390px;
	margin-top:10px;
	height:149px;
}
#container_illu {
	width:620px;
	padding:0;
}
#container_marken {
	width:620px;
	padding-top:8px;
	margin-bottom:5px;
}
#container_kontakt {
	background-image:url(../images/bg_content_kontakt.jpg);
	background-repeat:repeat-x;
	width:620px;
	min-height:320px;
	padding-top:8px;
}
* html #container_kontakt {
	height:320px;
}
#container_unternehmen {
	/*
	background-image:url(../images/bg_content_unternehmen.jpg);
	background-repeat:repeat-x;
	*/
	width:620px;
	min-height:320px;
	padding-top:8px;
}
* html #container_unternehmen {
	height:320px;
}
#container_news {
	background-image:url(../images/bg_content_news.jpg);
	background-repeat:repeat-x;
	width:620px;
	min-height:320px;
	padding-top:8px;
}
* html #container_news {
	height:320px;
}
#container_links {
	background-image:url(../images/bg_content_links.jpg);
	background-repeat:repeat-x;
	width:620px;
	min-height:320px;
	padding-top:8px;
}
* html #container_links {
	height:320px;
}
#container_shop {
	background-image:url(../images/bg_shop.jpg);
	background-repeat:repeat-x;
	width:620px;
	min-height:320px;
	padding-top:8px;
}
* html #container_shop {
	height:320px;
}
#container_final {
	background-image:url(../images/bg_final.jpg);
	background-repeat:repeat-x;
	width:620px;
	min-height:320px;
	padding-top:8px;
}
* html #container_final {
	height:320px;
}
#container_produkte {
	background-image:url(../images/prodbg/bg_allgemein.jpg);
	background-repeat:repeat-x;
	width:620px;
	min-height:320px;
	margin-top:15px;
	padding-top:8px;
}
* html #container_produkte {
	height:320px;
}
#container_mitarbeiter {
	background-image:url(../images/bg_content_mitarbeiter.jpg);
	background-repeat:repeat-x;
	min-height:320px;
	width:620px;
	margin-top:15px;
	padding-top:8px;
}
* html #container_mitarbeiter {
	height:320px;
}
#container_bottom {
	width:620px;
	min-height:145px;
	padding-top:10px;
}
* html #container_bottom {
	height:145px;
}
#container_bottom img.prodlogo, #container_bottom iframe, #container_unternehmen iframe {
	margin:0 0 10px 10px;
	float: left;
}
#rubriktitel {
	width:200px;
	padding:10px 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#626262;
}
#prodlead {
	margin-bottom:35px;
}
#prodlead p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#626262;
	margin:0 10px 12px 10px;
}
.proddet {
	clear:both;
	width:600px;
	margin:0 0 30px 10px;
	min-height: 150px;
}
* html .proddet {
	height: 150px;
}
.proddet .prodimg {
	width:150px;
	height: 150px;
	float:left;
	text-align:center;
	background-color: #FFFFFF;
}
.proddesc {
	width:440px;
	margin-left:10px;
	float:left;
	min-height: 150px;
}
* html .proddesc {
	height: 150px;
}
#news_bild {
	float:left;
	min-height:150px;
	width: 160px;
	margin-left: 10px;
}
* html #news_bild {
	margin-left: 5px;
	height: 150px;
}
#news_text {
	float:left;
	margin-left:10px;
	width:440px;
}
* html #news_text {
	width:430px;
}
.mitarbeiter_row {
	width:33%;
	float:left;
	margin-top:10px;
}
.references_img {
	clear:both;
	float:left;
	width:220px;
	margin:0 20px 20px 10px;
}
.references_txt {
	float:left;
	padding:0 0 20px 0;
}

/* form styles */
form br {
	clear: both;
}
form.contact {
	margin:0 10px 0 10px;
}
.inputlong {
	width: 350px;
	height: 17px;
	margin: 0 0 22px 0;
	padding: 2px 3px 0 3px;
	float: left;
}
.inputmiddle{
	width: 282px;
	height: 17px;
	margin: 0 0 22px 0;
	padding: 2px 3px 0 3px;
	float: left;
}
.inputshort {
	width: 50px;
	height: 17px;
	margin: 0 10px 22px 0;
	padding: 2px 3px 0 3px;
	float: left;
}
.inputselect {
	width: 150px;
	height: 22px;
	margin: 0 0 22px 0;
	float: left;
}
.inputcheck {
	width: 20px;
	margin: 0 0 22px 0;
	float: left;
	border: none;
}
.inputradio {
	width: 20px;
	margin: 0 0 22px 0;
	float: left;
	border: none;
}
* html .inputcheck {
	margin-top: -3px;
}
*+html .inputcheck {
	margin-top: -3px;
}
* html .inputradio {
	margin-top: -3px;
}
*+html .inputradio {
	margin-top: -3px;
}
.inputchecktxt {
	width: 300px;
	margin: 0 2px 13px 5px;
}
.inputradiotext {
	margin: 0 10px 0 5px;
	float:left;
}
.inputtext {
	width: 350px;
	height: 100px;
	padding: 2px 3px 0 3px;
	margin: 0 0 22px 0;
	float: left;
}
.inputfile {
	width: 430px;
	height: 17px;
	margin: 0 36px 22px 0;
	padding: 2px 3px 0 3px;
	float: left;
}
.buttonform {
	padding: 0 10px 0 10px;
	float: left;
}

/* other styles */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearboth {
	clear:both;
	height:20px;
}
.clear {
	clear:both;
}