@charset "UTF-8";

/*
Author: Patrick Zeh
zeh@saltation.de
*/

* {
 margin: 0;
 padding: 0;
}
html, body {
 height: 100%;
}
body {
 padding: 0;
 margin: 0;
 font: normal normal normal 1em/1em arial, verdana, helvetica, sans-serif;
 color: #000000;
 background: #FFFFFF url('gfx/_bg_body.gif') repeat-x top left;
}

a { color: #7F7F7F; text-decoration: underline;}
a:link { color: #7F7F7F; background-color: transparent; }
a:visited { color: #7F7F7F; background-color: transparent; }
a:hover, a:active { color: #3F3F3F; text-decoration: underline; background-color: transparent; }
a img { border: none; }
a:link img, a:visited img { border-style: none }
a.active { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { 
 text-align: left; margin-bottom: 0.2em;
}
/* 
#28C4CC 
#2872CC
*/
h1, h2, h3 { color: #000000; }
h1 { font: normal 160% arial, helvetica, sans-serif; }
h2 { font: 140% arial, helvetica, sans-serif; }
h3 {
	font: 120% arial, helvetica, sans-serif;
}
h4 { color: #3F3F3F; font: bold 100% arial, helvetica, sans-serif; }
h5 { color: #3F3F3F; font: italic 100% arial, helvetica, sans-serif; }
h6 { color: #3F3F3F; font: small-caps 100% arial, helvetica, sans-serif; }

h1 { font-size: 24px; }
h2 { font-size: 18px; }

hr { border: 1px solid #CFCFCF; background-color: #FFFFFF; height: 1px; line-height: 0; display: block; margin: 0.4em 0 0.4em 0; }

p { margin: 0 0 1em 0; color: #000000; }

p.copyright { font-size: small }
p.copyright small { font-size: small }

button { 
 padding: 0;
 margin: 0;
 border: 0;
 background-color: transparent;
}

input, textarea, select {
 /* Exploder looks better without lineheight... */
 /*font: normal normal normal 1em/1em verdana, arial, helvetica, sans-serif;*/
 font: normal normal normal 1em verdana, arial, helvetica, sans-serif;
 margin-bottom: 0.6125em;
}
input.checkbox {
 border: none;
 background-color: transparent;
}
input.input, textarea.textarea, select.select {
 border: 1px solid #BFBFBF;
}
input.submit {
 text-align: center;
}
input.readonly {
 background-color: #EFEFEF;
}

.hide { display: none }

.center { text-align: center !important; }
.right { text-align: right !important; }

pre { margin-left: 2em }
pre, code { font-family: monospace }

ul, ol, dl {
 margin: 0;
 padding: 0;
 line-height: 140%;
 list-style: square outside none;
}

.clear {
 clear: both;
 font-size: 1px;
 line-height: 1px;
 height: 0;
}
.small {
 font-size: 89% !important;
 font-weight: normal !important;
}
.smallstrong {
 font-size: 89% !important;
 font-weight: bold !important;
}
.bigger {
/* font-size: 110% !important;*/
}
.highlight {
 color: #C4102E;
}
.highlightstrong {
 color: #C4102E;
 font-weight: bold;
}
.author {
 font-size: 89%;
 font-style: italic;
}
.quotes {
 font-style: italic;
}
.grey {
 color: #BEBEBE;
}
.indent {
 margin-left: 2em;
}
.block {
 display: block;
}

@media aural {  
  h1, h2, h3 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code } 
}

#container {
/* width: 960px;*/
width: 982px;
 margin: 0 auto;
/* border: 1px solid #FF0000;*/
 font-size: 75%;
}

#header {
 height: 84px;
}

#navmain, #navmeta {
/* width: 138px;*/
 width: 160px;
 height: 472px;
 text-align: right;
 background: transparent url('gfx/bg_navmain.gif') no-repeat right top;
 float: left;
}
#navmeta {
 height: 53px;
 background-image: none;
 position: relative;
 top: -80px;
}
#navmain a, #navmain a:link, #navmain a:visited,
#navmeta a, #navmeta a:link, #navmeta a:visited {
 color: #9C9E9F;
 text-decoration: none;
 display: block;
}
#navmain a:hover, #navmain a:active, #navmain a.act, #navmain a.actifsub,
#navmeta a:hover, #navmeta a:active, #navmeta a.act {
 color: #000000;
}
#navmain ul,
#navmeta ul {
 list-style: none;
}
#navmain ul ul {
 list-style: none;
/* background: transparent url('gfx/bg_navmain_ulul.gif') no-repeat right bottom;*/
/* padding: 0.5em 0 0.5em 0;*/
}
#navmain ul ul ul {
 padding-top: 0;
 margin-bottom: 0.5em;
font-size: 90%;
}
#navmain ul li a,
#navmeta ul li a {
 padding: 0.1em 24px 0.1em 0;
padding-right: 14px;
}
#navmain ul ul li a {
 padding-right: 30px;
padding-right: 30px;
}
#navmain ul ul ul li a {
/* padding-right: 38px;*/
padding-right: 46px;
}
#navmain a:focus, #navmeta a:focus {
 outline: none;
}
#navcontent {
 border-top: 1px solid #FFFFFF;
 height: 391px;
}
#navcontent div {
 text-align: right;
}
#navcontent a, #navcontent span {
 width: 200px;
 display: block;
 padding: 4px 8px 4px 0;
 color: #FFFFFF;
 background-color: #524A3A;
}
#navcontent a:hover, #navcontent a.act, #navcontent span {
background-color: #807B73;
}
#navcontent div {
 padding: 0 !important;
}

#contentcontainer {
 width: 820px;
 height: 470px;
 border: 1px solid #D4D6D6;
 float: left;
}
.col1, .col2, .col3, .col4 , .col5 {
 float: left;
 display: inline;
}

/* content variant 1 */
/* 2 colum leftNright 30/70 text bottom*/
#cnt1 {
 height: 470px;
 position: relative;
}
#cnt1 .col1 {
/* width: 206px;*/
 width: 228px;
}
#cnt1 .col2 {
/* width: 528px;*/
}

#cnt1 .innerbox {
 margin-left: 70px;
 margin-left: 50px;
}
#cnt1 .topbox {
 width: 520px;
 height: 220px;
}
#cnt1 .bottombox {
 margin-right: 16px;
 position: absolute;
 bottom: 57px;
 line-height: 160%;
width: 528px;
}
/* content variant 1 END */

/* content variant 2 */
/* 2 colum leftNright 30/70 */
#cnt2 {
 height: 470px;
}
#cnt2 .col1{
 width: 228px;
}
#cnt2 .col2 {
 width: 528px;
 margin-left: 50px;
}
#cnt1 .col5, #cnt2 .col5 {
 width: 206px;
}
#cnt2 .innerbox {
 margin-left: 10px;
}
/* content variant 2 END */

/* content variant 3 */
/* 1 colum */
#cnt3 {
 height: 470px;
}
#cnt3 .col1{
 width: 808px;
}
/* content variant 3 END */

/* content variant 4 */
/* 2 colum leftNright 70/30 */
#cnt4 {
 height: 470px;
}
#cnt4 .col1{
 width: 528px;
 margin-left: 50px;
}
#cnt4 .col2 {
 width: 228px;
}
#cnt4 .col3, #cnt4 .col4 {
	width: 410px;
}
/* content variant 4 END */

#cnt1, #cnt2, #cnt3, #cnt4 {
 clear: both;
}

#footer {
 width: 616px;
 height: 53px;
 /*margin-top: -1px;*/
 position: relative;
 top: -1px;
 background-color: #524A3A;
/* background-color: #000000;*/
 float: right;
}
#footer h1 {
 margin: 12px 0 0 20px;
 color: #FFFFFF;
}

#logo {
 clear:both;
 text-align: right;
}
#logo img {
 margin-top: 36px;
}

/* temp */
/*
#cnt1, #cnt2_, #cnt3, #cnt4 {
 display: none;
}
*/
.produktheadline {
	margin-left: 20px;
	margin-top: 30px;
}
.tabletext80 {
	margin-right: 80px;
}
.tabletext90 {
	margin-right: 90px;
}
.tabletext100 {
	margin-right: 100px;
}
/* .tabletext80:hover, .tabletext100:hover {
 margin-top: -4px;
} */
.tabelleklein {
	margin-top: 40px;
}
.fett {
	font-weight: bold;
}
#container #contentcontainer #cnt4 #f1_d1 {
/*	margin-right: 0px;
	position: absolute;
*/
}
form#formcontact {
 width: 576px;
width: 584px;
 margin: 30px 0 0 24px;
}
form#formcontact fieldset {
 border: none;
}
form#formcontact label {
 display: block;
}
form#formcontact label.radiolabel {
 display: inline;
}
form#formcontact input, form#formcontact textarea, form#formcontact select {
 width: 96%;
 margin-bottom: 2em;
}
form#formcontact input.radio, form#formcontact input.checkbox {
 width: auto;
 margin-right: 4px;
 vertical-align: top;
}
form#formcontact input.submit {
 width: 70%;
 text-align: left;
 background-color: #524A3A;
 color: #FFFFFF;
 padding: 4px 8px 4px 8px;
 float: right;
 border: none;
}
form#formcontact span.spanradio {
 width: 48%;
 display: block;
 float: left;
}
form#formcontact span.spancheckbox {
 display: block;
}
form#formcontact span.spancheckbox input {
 margin-bottom: 1em;
}
.formcol1, .formcol2 {
 width: 48%;
 display:block;
 margin-right: 1%;
 float: left;
}
.formcol2 {
 margin-right: 0;
 float: right;
} 

#logo {
 position: relative;
 top: -608px;
 background: #FFFFFF url('gfx/logo3.gif') no-repeat right center;
 height: 80px;
}
#logo img {
 margin:0;
}
#navmain ul{
 margin-top: 30px;
}
#navmain ul ul {
 margin-top: 0;
}

.icoawards img {
 display: block;
 margin-bottom: 16px;
}
.contactimgbox {
 height: 140px;
 overflow: hidden;
 /* needed for IE */
 position: relative;
}
.contactimgbox img {
 width: 132px;
 margin: -8px 6px 0 0;
}
.tdcontactimgbox p {
 margin-right: 8px;
}

.box_container {
position: relative; /* important */
width: 228px;
/*height: 470px;*/
 overflow: hidden;
}
.box_image {
 position: absolute;
 z-index: 2;
 margin-left: -20px;
}
.box_container_p {
 position: relative;
 /*top: -16px;*/
 z-index: 4;
 margin-top: -16px;
 margin-bottom: 0;
}
/*
.box_container p {
 width: 228px;
 position: absolute;
 z-index: 4;
}
*/

#mailformformtype_mail.submit {
 cursor: pointer;
}
#mailformformtype_mail.submit:hover {
 background-color: #807B73;
}