@media screen, projection {
*{
	padding: 0;
	margin: 0;
}
html, body {
	font: 100.1% Arial, Helvetica, sans-serif;
}
.sbh {
	position: absolute;
	left: -999em;
	width: 1px;
	overflow: hidden;
}
body {
font-size: 0.9em;
line-height: 1.2em;
position: absolute;
height: 100%;
width: 100%;
background-color: #333;
}
.wrapper {
	width: 100%;
	min-width:66em;
	overflow: visible;
	zoom: 1;
}
.header {
	background-color: #fff;
	padding-bottom:  .5%;
	zoom: 1;
	position:relative;
}
.header img {
	margin: -5% 6px 0 0;
	padding: 108px 0 0 .5%;
	width: 17%;
	height: auto;
	float: left;
}
.header ul {
	list-style: none;
	width: 68%;
	padding: 2px 6px 2px 12px;
	background-color: #333;
	overflow: auto;
}
.header li{
	float: left;
	padding: 2px;
zoom: 1;
	position:relative;
}
.header li a,
.header li strong {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 60px 10px 5px 5px;
	background-color: #333;

}
.header li em {
	font-style: normal;
}
.header li a:hover, 
.header li.active a, 
.header li.active strong,
.header li a:focus, 
.header li a:active {
	background-color: #888;
}
.impressum {
	position:absolute;
	right:4%;
	bottom:10px;
}
.impressum a{
	color:#000;
	text-decoration: none;
}
#marea {
	margin: 6px 0 0 0;
	padding: 0;
	width: 52%;
	float: left;
	background-color: #fff;
	min-height: 600px;
}
#mcontent {
	padding: 15px 15px 30px 45px;
	background-color: #fff;
	line-height: 1.3em;
}
.styleA, .styleB  {
	padding-left: 15px !important;
}
/* sidebarb geht weiter unten weiter */
.sidebara, #sidebarb {
	background-color: #fff;
	padding: 0;
	margin: 6px 6px 0 6px;
	width: 17%;
	float: left;
	zoom:1;
}
.sidebara strong {
	padding: 10px;
	display: block;
}
.sidebara ul {
	list-style: none;
	margin-bottom: 20px;
}
.sidebara ul ul {
	margin-bottom: 4px;
}
.sidebara a {
	color: #000;
	text-decoration: none;
	zoom:1;
}
.sidebara li a {
	padding: 3px 0 3px 10px;
	display: block;
	color: #000;
	text-decoration: none;
}
.sidebara li li a {
	padding-left: 20px;
}
.sidebara li.active li a,
.sidebara li.active li strong {
	background-color: #fff;
	color: #000;
	font-weight: normal;
}
.sidebara li li.active a,
.sidebara li li.active strong,
.sidebara li.active a,
.sidebara li.active strong,
.sidebara ul li a:hover,
.sidebara ul li a:focus,
.sidebara ul li a:active {
	background-color: #333;
	color: #fff;
	font-weight: bold;
}
.sidebara small {
	display: block;
	margin: 5px 5px 5px 10px;	
}
.sidebara form {
	margin: 10px 5px;
}
.sidebara form select {
	width: 70%;
	min-width: 9em;
}
.sidebara form label {
	display: block;
	padding: 2px 5px;
}
a.lang {
	display: block;
	padding: 0;
	margin: 15% 0 5% 5%;
	height: 1.24em;
}
/* sidebarb siehe auch products */
#sidebarb strong {
	border-bottom: 6px solid #333;
	padding: 10px 0 0 10px;
}
#up, #down{
background: #eaeaea url(../design-images/pfeile.png) no-repeat 0 -54px;
height:18px;
width: 19px;
display:block;
}
#down{
	margin: 10px auto 0;
}
#up{
	background-position: 0 -18px;
	margin: 15px auto 1.3em auto;
}
a#up:hover,a#up:active,a#up:focus{
	background-position: -18px -18px;
}
a#down:hover,a#down:active,a#down:focus{
	background-position: -18px -54px;
}
/*#caro {
	padding-bottom: 40px;
}*/
#caroin {
	overflow: hidden;
}
#sidebarb #caroin ul#details {
margin:0;
}
#sidebarb ul#details {
list-style: none;
margin:3.5em 0 0 0;
}
#sidebarb #details img {
margin: 0 0 15px 15%;
width: 70%;
height: auto;
}
.teaser2 {
	border-bottom: 6px solid #333;
	zoom:1;
}
.sidebara .teaser2 {
	border-top: 6px solid #333;
}
.teaser2 img{
margin: 15px 0 15px 6%;
width: 88%;
height: auto;
}
.teaser2 h2{
margin: 0 5% .5em 6%;
}
.teaser2 p{
font-size: .85em;
margin: 0 5% 1em 6%;
}
.teaser2 a{
color:#000;
text-decoration: none;
}
.teaser2 em{
margin-top:.3em;
font-style: normal;
font-size:1.15em;
display:block;
text-align: right;
}
/* Hauptbereich */
label {
	padding: 0 5% 0 0;
}
select {
	padding: 1px 0 1px 5px;
	min-width: 10em;
	width: 30%;
}
.submit{
background: #eaeaea url(../design-images/pfeile.png) no-repeat 0 0;
border: none;
margin: 0 0 0 5px;
height:18px;
width: 19px;
}
input.submit:hover,input.submit:focus,input.submit:active{
background-position:-18px 0;
}
#mcontent ul.teaser {
	margin: 0 0 1em 0;
	list-style: none;
	position: relative;
	zoom:1;
}
#mcontent .teaser li {
	float: left;
	width: 29%;
	background-color: #eee;
	margin: 0 3% 3% 0;
	zoom:1;
}
#mcontent .teaser li img{
width: 100%;
height:auto;
zoom:1;
}
ul.teaser a {
	text-decoration: none;
	zoom:1;
}
ul.teaser strong {
display: block;
padding: 1.5% 0% 1.5% 4%;
height: 1.3em;
overflow: hidden;
}
ul.teaser em {
display: block;
font-style: normal;
text-align: right;
padding: 8% 4% 1.5% 4%;
}
ul.teaser a:hover em,ul.teaser a:active em,ul.teaser a:focus em {
	text-decoration: underline;
}
h1{
	background: #fff url(../design-images/rot-quadrat.png) no-repeat;
	padding: 0 0 0 30px;
	margin: 0 0 1em -30px;
	font-size: 1.2em;
}
.styleB h1{
	margin: 0 0 1em 0;
}
h2{
	font-size: 1.03em;
	margin-bottom: 1em;
}
h3{
	font-size: 1em;
	margin-bottom: 1em;
}
#mcontent ul {
	margin: 0 0 1em 20px;
}
#mcontent li {
	padding: 1px 0;
}
p {
	margin: 0 0 1em 0;	
	width: 85%;
	max-width: 33em;
}
.styleC{
	float: left;
	width: 55%;
}
.styleC p {
	margin: 0 0 1em 0;	
	width: 100%;
}
img.right{
float: right;
width: 35%;
height: auto;
}
#marea a {
	color: #000;
}
img {
	max-width: 100%;
	height: auto;
}
img.full{
	width: 100%;
	height:auto;
	margin: 0 0  1em 0;
}
a img {
	border: none;
}
.styleB p{
	width: 100%;
	max-width: none;
}

/* Adressen & Formulare */
address{
	font-style: normal;
	margin: 0 0 1em 0;
	overflow: hidden;
	zoom:1;
}
.addressblock2, .addressblock1{
	display: block;
	width: 49.99%;
	float: left;
}
/* �ffnungszeiten */
p.fullsize{
	width: auto;
	max-width: none;
}
.open {
	display: block;
	overflow: hidden;
	zoom:1;
}
.open1, .open2{
	display: block;
	width: 49.99%;
	float: left;
	zoom:1;
}
/* Kontakt */
.contact fieldset{
	border: none;
	margin-bottom: 1em;
}
.contact label{
	display:block;
	padding: 1%;
	width: auto;
}
.contact label input {
	margin-right: 2%;
}
.contact label span {
	display: block;
	float: left;
	width: 10%;
}
.contact .inputtext label {
	width: 95%;
}
.contact .inputtext label span {
		width: 30%;
}
.contact .inputtext label input {
	margin-right: 2%;
	width: 61%;
}
.contact .person label {
	float: left;
	width: 33%;
}
.contact .person label.last {
	margin-left: 4%;
    padding-right: 0;
    width: 50%;
}
.contact .person label strong {
    display: block;
}
.contact .person input {
	width: 100%;
}
.contact fieldset input {
	background-color: #eaeaea;
	border: 1px solid #eaeaea;
	padding: 2px 2%;
}
.contact fieldset input:focus, .contact fieldset input:active {
	background-color: #fff;
}
.contact h3{
	margin-bottom: 0.4em;
}
.contact .error, .contact .error *{
border-color: #c00;
}
.contact fieldset.kd{
	margin-bottom: 0;
}
.contact .picauswahl {
	width: 97.2%;
}
.contact .picauswahl label {
width: 35%;
float: left;
}
.contact .picauswahl label.first {
width: 54%;
margin-right: 3%;
}
.contact .picauswahl label span {
width: auto;
}
.contact .picauswahl input,.contact .picauswahl label select {
width: 25%;	
float: right;
}
.contact .picauswahl label select {
width: 70%;
}
#roombook{
	display:none;
}
#roombook label {
	float: left;
}
#roombook label.s {
	width: 26%;
}
#roombook label.l {
	width: 56%;
}
#roombook label.last {
	padding-left: 5%;
}
#roombook label input {
	width: 96%;
}
p.error,p.success{
	background: url(../design-images/error.png) no-repeat top left;
	padding-left: 30px;
}
p.success{
	background-image: url(../design-images/success.png);
}
.modellcol {
	margin: 0 2% 0 0;
	width: 45%;
	float: left;
}
.contact .modellcol h3{
	background-color: #eaeaea;
	padding: 2px 5px;
	margin: .5em 0 .5em 0;
}
.contact textarea {
	width: 90%;
	background-color: #eaeaea;
	height: 5em;
	border: 3px solid #eaeaea;
	padding: 2px;
}
.contact textarea:focus, .contact textarea:active {
	background-color: #fff;
}
/* Bilder Download */
#mcontent ul.picturedownload {
	list-style: none;
	margin: 1.5em 0;
}
#mcontent ul.picturedownload li {
padding: 0 0 1em 0;
overflow: hidden;
zoom:1;
}
#mcontent ul.picturedownload a {
text-decoration:none;
display: block;
}
#mcontent ul.picturedownload a:hover,#mcontent ul.picturedownload a:focus,#mcontent ul.picturedownload a:active {
text-decoration:underline;
}
#mcontent ul.picturedownload img {
float:left;
margin: 0 9px 0 0;
}
/* Products  und Dealersearch*/
.styleA h1{
	margin-left: 0;
}
.styleA h2{
	font-size: 1.05em;
}
#produkt_navi, #sidebarb strong {
	height: 2em;
	display: block;
}
/* H�he (inkl. Padding etc.) von sidebar = produktnavi */
.type {
	margin-top: 1em;
}
a.pdf {
	background: #fff url(../design-images/pdf.png) no-repeat 0 0;
	display: block;
	padding: 1px 0 0 25px;
	height: 1.8em;
}
#produkt_navi, form.dealerseach {
	border-bottom: 6px solid #333;
	padding: 6px 0 4px 10px;
	background-color: #fff;
}
#produkt_navi label {
	font-weight: bold;
}
#produkt_navi select{
	font-weight: bold;
	padding: 1px 0 1px 5px;
	min-width: 15em;
	width: 50%;
}
#mcontent.styleA ul {
	width: 55%;
}
/* Products Ende */
/* Dealersearch weiter */
form.dealerseach h1{
	margin:15px 15px 1em 15px;
}
form.dealerseach select{
	width:52%;
}
form.dealerseach .p, form.dealerseach p{
	margin-left:45px;
	margin-bottom: 1em;
}
form.dealerseach #plz{
	width: 2.2em;
	margin-left: 5px;
}
form.dealerseach .plz{
	margin-top: 5px;
	display: block;
}
#mcontent ul.haendlerliste, #mcontent ul.team{
	list-style: none;
	margin: 1.5em 0;
}
#mcontent ul.haendlerliste li,#mcontent ul.team li{
margin-bottom: .9em;
overflow: hidden;
zoom:1;
}
#mcontent ul.team .head strong{
	background-color: #fff;
	padding: 9px 9px 0 9px;
	margin-bottom: 0;
}
ul.haendlerliste strong, ul.team strong{
display:block;
background-color: #eaeaea;
padding: 2px 9px;
margin-bottom: .3em;
}
ul.haendlerliste .adr, ul.haendlerliste .extraadrs, ul.team .fn, ul.team .extraadr{
padding-left:9px;
display:block;
float: left;
}
ul.team .fn,ul.haendlerliste .adr{
padding-left:9px;
width: 40%;
}
ul.team .extraadrs{
padding-left:2px;
width: 50%;
}
ul.haendlerliste img {
	margin: 5px 0;
	width: 70%;
}
html > body ul.haendlerliste img {
	width: auto;
	max-width: 70%;
}
/* Typelist und Assemsearch */
.typensuche, .assemsearch {
	margin-bottom: 1em;
}
h2.style{
	background-color: #eaeaea;
	padding: .25em;
}
#mcontent ul.typelistres {
list-style: none;
margin-left: 10px;
}
#mcontent .typelistres li{
float: left;
width:48%;
margin-left: 1%;
}
.typelistres li a {
	display: block;
	background: #fff url(../design-images/pdf.png) no-repeat 0 0;
	padding: 2px 0 2px 25px;
	text-decoration: none;
}
.typelistres li a:hover, .typelistres li a:active, .typelistres li a:focus{
	text-decoration: underline;
}
.controls{
	height: 20px;
	width: 75px;
	margin-top:-2.5em;
	float: right;
}
.controls a {
background: #eaeaea url(../design-images/pfeile.png) no-repeat 0 0;
height:18px;
width: 19px;
display: block;
float:left;
margin: 0 5px 0 0;
}
#Cprev{
background-position: 0 -36px;
}
#Cprev:hover,#Cprev:active,#Cprev:focus{
background-position: -18px -36px;
}
#Cpause{
background-position: 0 -72px;
}
#Cpause:hover,#Cpause:active,#Cpause:focus{
background-position: -18px -72px;
}
#Cnext:hover,#Cnext:active,#Cnext:focus{
background-position: -18px 0;
}
#product_picture {
	margin-bottom: 1em;
}
#mcontent #product_picture ul {
	margin: 0;
	list-style: none;
	width:auto;
}
#mcontent #product_picture li {
	display:none;
}
#mcontent #product_picture #activekoje {
	display:block;
}
#product_picture img{
	width: 100%;
	height: auto;
}
#fmuster{
	background-image: url(../design-images/fumua.png);
	height: 26px;
	padding: 0 0 0 6px;
	margin-bottom: 1em;
}
#fmuster div {
	background-image: url(../design-images/fumuo.png);
	height: 19px;
	padding: 3px 0 4px 0;
}
#mcontent.styleA #fmuster ul {
	list-style: none;
	height: 19px;
	padding: 0;
	width: auto;
	margin: 0;
	background-position: 100% 0;
}
#fmuster li {
	float: left;
	min-width: 10%;
	padding: 0;
	margin: 0;
}
#fmuster li a {
	float: left;
	display:block;
	width: 100%;
	height: 19px;
}
#fmuster .fzahl1 li {
	width: 99.4%;
}
#fmuster .fzahl2 li {
width: 49.4%;
}
#fmuster .fzahl3 li {
width: 33.2%;
}
#fmuster .fzahl4 li {
width: 24.4%;
}
#fmuster .fzahl5 li {
width: 19.4%;
}
#fmuster .fzahl6 li {
width: 16.6%;
}
#fmuster .fzahl7 li {
width: 14.2%;
}
#fmuster .fzahl8 li {
width: 12%;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window a {color: #666;}
#TB_window a:hover, #TB_window a:active,#TB_window a:focus {color: #000;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  min-height:25px;
  padding:7px 30px 10px 25px;
  float:left;
  font-weight: bold;
}
#TB_secondLine {
  font-size: .9em;
  padding: 2px 0;
  color: #666;
  font-weight: normal;
}
#TB_closeWindow{
   min-height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
  background-image: url(../design-images/loadingAnimation.gif);
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
}