body { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-image:url("img/bg3.gif"); background-repeat: repeat-y; }
#container { margin:-2px 0 0 0; padding:0; background-color:#FFF; color: #444; overflow:hidden; height:auto; width:975px; background-image:url("img/bg_links2.gif"); background-repeat: repeat-y; background-position:-8px 0; }

/* Logo & BG */
/*#logo { width:100%; background-image:url("img/bg.jpg"); background-position: 567px 0; background-repeat: no-repeat; z-index:2; }*/
#logo { width:100%; background-image:url("img/bg2.jpg"); background-position: 146px 0; background-repeat: no-repeat; z-index:2; }
img.logo { border:0; }

/* MainNavi */
#mNavi { width:987px; height:32px; background-image:url("img/bg_navi.gif"); background-repeat: repeat-x; z-index:5; }
#mNavi ul { margin:0; padding:0; height:100%; list-style-type: none; background-image:url("img/bg_navi_rechts3.gif"); background-repeat: no-repeat; background-position: top right; z-index:6; }
#mNavi ul li { display: inline; }
#mNavi li a:link, #mNavi li a:visited { display: block; position: absolute; top: 80px; overflow: hidden; font-size: 1px; line-height: 1px; height: 0; padding: 20px 0 0 0; }
* html #mNavi li a:link, * html #mNavi li a:visited { padding: 19px 0 0 0; overflow: hidden; top:0; }
#mNavi li.mNavi1 a { background-image:url("img/btn_home.gif"); background-repeat:no-repeat; width:59px; left:0; }
#mNavi li.mNavi2 a { background-image:url("img/btn_produkte.gif"); background-repeat:no-repeat; width:82px; left:59px; }
#mNavi li.mNavi3 a { background-image:url("img/btn_einsatzmoeglichkeiten.gif"); background-repeat:no-repeat; width:158px; left:141px; }
#mNavi li.mNavi4 a { background-image:url("img/btn_funktionsweise.gif"); background-repeat:no-repeat; width:120px; left:299px; }
#mNavi li.mNavi5 a { background-image:url("img/btn_demo.gif"); background-repeat:no-repeat; width:55px; left:419px; }
#mNavi li.mNavi6 a { background-image:url("img/btn_kundenlogin.gif"); background-repeat:no-repeat; width:109px; left:474px; }
#mNavi li.mNavi7 a { background-image:url("img/btn_service_support.gif"); background-repeat:no-repeat; width:136px; left:583px; }
#mNavi li.mNavi8 a { background-image:url("img/btn_ueber_uns.gif"); background-repeat:no-repeat; width:78px; left:719px; }
#mNavi li a:hover, #mNav li a:active { background-position: 0 -20px; }
#mNavi li.mNUp a { background-position: 0 -20px; }
#mNavi li span { visibility: hidden; }

/* SubNavi */
#sNavi { float:left; background-color:#DDBF57; color:#444; width:195px; height:auto; background-image:url("img/bg_subNavi.gif"); background-repeat: no-repeat; background-position: bottom left; z-index:4; }
#sNavi ul { list-style-type: none; margin:0; padding:0; height:auto; border-top: 0 solid #E8D48E; }
#sNavi li { border-top: 1px dotted #7F6819; padding: 4px 0 4px 15px; }
#sNavi li.first { border-top:0; }
#sNavi li.single { height:10px; border:0; }
* html #sNavi li.single { padding:2px 0; }
#sNavi li.sNUp a { color:#F9F1D5; margin-left:4px; background-color:#DDBF57; }
* html #sNavi li.sNUp a:link, #sNavi li.sNUp a:visited { color:#F9F1D5; }
#sNavi li.last { padding-bottom:6px; }
#sNavi a:link { color:#7F6819; background-color:#DDBF57; font-weight:bold; text-decoration:none; }
#sNavi a:visited { color:#7F6819; background-color:#DDBF57; font-weight:bold; text-decoration:none; }
#sNavi a:hover, #sNavi a:active, #sNavi li.sNUp a:hover, #sNavi li.sNUp a:active { color:#69540E; background-color:#DDBF57; text-decoration:underline; }

/* Content */
#content { margin-left:215px; margin-bottom:60px; /*padding-right:30px;*/ width:497px; color: #444; background-color:#FFF; }
* html #content { margin-left:20px; margin-top:16px; width:500px; float:left; padding-bottom:60px; clear:right; border:1px solid green; }
#content a:link, .box a:link { color:#7F6819; background-color:transparent; }
#content a:visited, .box a:visited { color:#BB9922; background-color:transparent; }
#content a:hover, #content a:active, .box a:hover, .box a:active { color:#DDBF57; background-color:transparent; }
#content ul li, #content ol li { line-height:15px; padding: 2px 0; }
* html #content ul { margin-top:11px; }
* html #content ol { margin-top:11px; }
h1 { font-size:23px; color:#000; background-color:transparent; }
/*h2 { font-size:18px; font-weight:normal; color:#000; }*/
h2 { margin-top:18px; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#242424; background-color:transparent; border-bottom:1px dotted #242424; /*color:#7F6819; border-bottom:1px dotted #7F6819;*/ padding-bottom:2px; }
* html h2 { margin-bottom:0; }
/* h3 { font-size:13px; font-weight:bold; color:#000; background-color:transparent; }*/
h3 { font-size:13px; font-weight:bold; color:#000; margin-bottom:-10px; }
* html h3 { padding-bottom:0; margin-bottom:-17px; }
p { line-height: 15px; }
* html p { margin-top:11px; margin-bottom:0; padding-top:0; padding-bottom:1px; }
blockquote { margin-left: 15px; }
div.erase { clear:left; height:0; }
/*img { border:0; }*/
img.right { float:right; margin: 4px 0 10px 10px; }
div.right { float:right; margin: 0 0 10px 10px; padding-bottom:2px; border-bottom:1px dotted #444; font-size:11px; }
img.left { float:left; margin: 4px 10px 10px 0; }
div.left { float:left; margin: 0 10px 10px 0; padding-bottom:2px; border-bottom:1px dotted #444; font-size:11px; }
img.mini { float:right; margin: 1px; }
img.steps { margin-top:4px; border:0; }
img.pfeil { margin: 5px 0 -2px 170px; }
table { table-layout:auto; width:100%; background-color:#BB9922; color:#000; margin:4px 0 10px 0; padding:0; }
* html table { margin-top: 15px; }
caption { text-align:left; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: #242424; border-bottom:1px dotted #242424; margin: 5px 0 0 0; }
th, td { padding:4px 6px; font-size:12px; }
td.liob, td.liun, td.reob, td.reun { background-repeat:no-repeat; padding:0; margin:0; height:7px; overflow:hidden; width:8px; }
td.liob { background-image: url("img/liob.gif"); background-position: top left; }
td.reob { background-image: url("img/reob.gif"); background-position: top right; }
td.liun { background-image: url("img/liun.gif"); background-position: bottom left; height:13px; }
td.reun { background-image: url("img/reun.gif"); background-position: bottom right; height:13px; }
th { text-align:left; padding-top:0; padding-bottom:6px; /*border-bottom: 1px solid #7F6819;*/ }
tr.coloured1 td { background-color:#DDBF57; /*border-bottom: 1px solid #7F6819;*/ }
tr.coloured2 td { background-color:#EED683; /*border-bottom: 1px solid #7F6819;*/ }
td.preis, th.preis { text-align: right; }
td.preis { width:60px; }

/* tabelle produkt index */
img.product_hdl { margin: 0 0 -4px -2px; border:0; }
table.products { width:240px; float:left; margin-bottom:13px; }
table.products ul { padding-left:17px; }
td.infos { text-align:right; }
#content td.infos a { font-size:11px; font-weight:bold; }
#content td.infos a:link, #content td.infos a:visited { color:#BB9922; background-color:#EED683; text-decoration:none; }
#content td.infos a:hover, #content td.infos a:active { color:#7F6819; background-color:#EED683; text-decoration:underline; }


div.geteilt { width:50%; float:left; }
* html div.geteilt { width:45%;}
div.geteilt img { margin:10px 0 20px 0; border:0; }
.hide { display:none; }

/* Kontakt */
form { padding:10px 0; }
form br { clear: left; }
label { float: left; width: 175px; padding:4px; margin: 0 5px 4px 0; background-color:#EED683; }
* html label { padding: 5px 4px 5px 4px; }
label.duty { font-weight:bold; background-color:#DDBF57; }
textarea { width:258px; height:100px; }
input { width:258px; }
* html input { width:254px; }
input.medium { width:200px; }
input.small { width:50px; }
input.radio { width:auto; }
input.btn_submit, input.btn_reset { width:auto; margin-top:10px; }
input.btn_submit { margin-left:188px; }
* html input.btn_submit { margin-left:183px; }


/* InfoBox */
/*#rightCol { border:1px solid pink; width:250px; float:right; clear:right; margin-left:0; padding:0; height:auto; }
.box, .produkt_box { width:206px; float:right; margin: 35px 30px 25px 0; background-image:url("img/bg_box.jpg"); background-repeat: repeat-y; background-position: top left;}
* html .box { margin-top:25px; margin-right:15px; }
.produkt_box { background-image:none; margin-top:0; margin-bottom:0; }
* html .produkt_box {  margin:25px 15px 0 0; }
.box ul { list-style-type: none; margin:0; padding:0; }
.box ul li.boxheader { height:7px; background-image:url("img/bg_box_oben.gif"); background-repeat: no-repeat; background-position: top left; border:0; }
* html .box ul li.boxheader { margin-bottom:-7px; }
.box ul li.boxhdl { font-size:16px; font-weight:bold; padding:0 5px 4px 5px; margin:0; background-color:transparent; }
.box ul li.boxfooter { height:7px; background-image:url("img/bg_box_unten.gif"); background-repeat: no-repeat; background-position: bottom left; border:0; }
* html .box ul li.boxfooter { margin-top:-7px; }
.box ul li { padding:0 5px; border-width:0 1px; border-style: solid; border-color: #DFE5E7; }
.box ul li.spacer { height:35px; border:0; background-color:#FFF; }*/
/* Jetzt Bestellen */
/*.produkt_box ul { list-style-type:none; margin:0; padding:0; }
.produkt_box ul li#bestellen { background-color:#FF00FF !important; padding:0; font-size:10px; background-image:none; }
.produkt_box ul li.bestellen_hdl, .produkt_box ul li.bestellen_preis { padding:0; border:0; background-color:#FFF; margin:0; }
.produkt_box ul li#bestellen div.bestellen { width:50%; float:left; background-color:#DDBF57; }
.produkt_box ul li.bestellen_preis { clear:left; }*/

/* rechte SPalte */
#rightCol { /*border:1px solid pink;*/ float:right; clear:right; margin:35px 30px 0 0; padding:0 0 50px 0; } 
* html #rightCol { margin-right:15px; }
#rightCol ul { width:206px; list-style-type:none; margin:0; padding:0; }
div.box { margin-top:35px; }
#rightCol div.box ul { background-image:url("img/bg_box.jpg"); background-repeat: repeat-y; background-position: top left; }
/*.box ul li.boxheader { height:7px; background-image:url("img/bg_box_oben.gif"); background-repeat: no-repeat; background-position: top left; border:0; }*/
/* * html .box ul li.boxheader { margin-bottom:-7px; }*/
.box ul li { padding:0 5px; border-width:0 1px; border-style: solid; border-color: #DFE5E7; }
.box ul li.boxheader { padding:0; height:7px; margin-top:-7px; background-image:url("img/bg_box_oben.gif"); background-repeat: no-repeat; background-position: bottom left; border:0; }
.box ul li.boxhdl { font-size:16px; font-weight:bold; padding:0 5px 4px 5px; margin:0; background-color:transparent; }
.box ul li.boxfooter { height:7px; background-image:url("img/bg_box_unten.gif"); background-repeat: no-repeat; background-position: bottom left; border:0; }
.box ul li.spacer { height:35px; border:0; background-color:#FFF; }
/* ProduktBox */
li.bestellen_hdl img { margin:0 0 -2px 0; padding:0; border:0; }
li#bestellen { background-color:#DDBF57; padding:3px; height:100px; }
div.bestellen { width:50%; float:left; font-size:11px; background-color:#DDBF57; }
div.bestellen a { color:#69540E; }
div.bestellen a:hover, div.bestellen a:active { color:#000; }