
/* CSS Document */
/* Allgemeine Angaben */

body.main * {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 100.01%;
}

* a{
	color: #818181;
	text-decoration: none;
}
img {
	border: none;
}

div#background {
	height: 100%;
	width: 100%;
}
#navi{
	display:none;
}

div#metaNav {
	display: none;
}

div#top {
	width: 16cm;
	height: 80px;
}

div#right {
	width: 16cm;
}

div#title {
	float: left;
	background: none;

}
div#title img.Screen {
 display: none;
}
div#title img.Print {
 display: block;
}

div#logo {
 text-align: right;
}
div#logo a.screen {
 display: none;
}
div#logo img.screen {
 display: none;
}
div#logo img.print {
 display: block;
 margin-left: 1.2cm;
}

div#farbBalken {
	width: 16cm;
	height:1px;
	margin-bottom: 1cm;
background:transparent none!important;
}
div#farbBalken img{
	height: 1px;
	width: 100%;
}

br.clearLeft {
	clear:left;
	height:2cm;
	width: 16cm;
	display: block;
}
br.clearRight {
	clear:right;
	height:2cm;
	width: 16cm;
	display: block;
}
br.clearBoth {
}
.borderThinInvisible,
.borderThinVisible {
border: 1px solid White;
}
div.ContentBreit {
	width: 16cm;
	display: block;
}

div.ContentLinks {
	width: 10cm !important;
	float:left;
	z-index: 34;
	display: block;
	position: relative;
}

div.ContentBreit table {
	width: 100%;
2}
div.ContentBreit table th,
div.ContentBreit table td {
	vertical-align: top;
}
div.ContentRechts {
	width: 5.5cm;
	float:right;
	padding-bottom: 0.5cm;
	position: relative;
	z-index: 34;
	display: block;
}

div#footer {
	display: none;
}

h1 {
	margin: 0 0 3cm 0;
}


/* Allgemeine Angaben ENDE */


/* Group Breit */

.flash_film {
	display: none;

}

div.bildOhneTextBreit img{
	margin-bottom: 20px;
}
div.fliesstextBreit p{
clear: both;
display: block;
	margin: 0 0 10px 0 ;
	line-height: 1.6em;
}

div.headline3 {
	padding: 0;
	margin: 10px 0 10px 0;
}

div.imgFloatLeft {
	clear: both;
	margin: 0 0 1em 0;
}

div.imgboxleft {
	float: left;
	margin: 0 10px 10px 0;
}

div.imgFloatLeft p {
	line-height: 1.6em;
}
div.imgboxleftText {
	float: left;
	background: #E5E5E5;
	margin: 0 10px 10px 0;
}

div.imgboxleftText span{
	display: block;
	padding: 5px;
	width: 10px;
	text-align: left;
}

div.abstand {
	clear: both;
	display: block;
	margin: 20px 0 0 0;
}

div.schnellwechselkupplung ,
div.bildFloatLeftMitRahmen ,
div.bildUntenTextObenMitRahmen  {
	margin: 10px;
}
div.bildFloatLeftMitRahmen2 p,
div.bildFloatLeftMitRahmen1 p,
div.bildFloatLeftMitRahmen p{
	padding: 0px;
	width: 310px;
	display: block;
}
div.bildFloatLeftMitRahmen2 p {
	height: 80px;
}
div.bildUntenTextObenMitRahmen img{
	position: relative;
	margin-top: 10px;
}
div.bildFloatLeftMitRahmen2 img,
div.bildFloatLeftMitRahmen1 img,
div.bildFloatLeftMitRahmen img{
	position: relative;
	float: right;
	margin-left: 10px;
}
div.zahlMitBild{
	padding: 10px 0 10px 0;
}

div.zahlMitBild table td.zahlMitBildTableCell1{
	width: 18px;
	vertical-align: middle;
}
div.zahlMitBild table td img{
	margin-left:20px;
}
div.zahlMitBild div.zahl {
	width: 18px;
	height: 18px;
	text-align: center;
	padding-top: 2px;
}
table.altTable {
	width: 100%;
}
table.altTable2Spalten td{
width: 50%;
}

div.TableZwei{
	font-weight: bold;
}
div.TableZwei p{
	padding: 10px 0 10px 5px;
}
div.TableEinsMitUeberschrift{
  margin: 20px 0px 0px 0;
  font-size: 0.7em;
}
div.TableEinsMitUeberschrift p{
  padding: 10px 0 0px 5px;
  font-weight: bold;
}
div.TableEinsMitUeberschrift p.subline{
font-weight: normal;
padding: 0px 0px 10px 5px;
}
table.table1 {
	padding: 0px;
	margin: 0px;
	border-width:0px;
}


div.tableFarbigMitText {
	position: relative;
	top: 10px;
	float: none;
	clear: both;
	width: 16cm;
	z-index: 123;
	display: block;
	padding-bottom: 0.5cm !important;
}

div.tableFarbigMitText div.tableFarbig{
	width: 10cm;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	float: left;
}



div.tableFarbigMitText div.textRechtsVonTable{
	width: 5.5cm;
	font-size: 0.75em;
	padding: 0 0 0 0px;
	margin: 0;
	line-height: 1.6em;
	float: right;
	display: block;
}

div.tableFarbig2 table thead tr th, div.tableFarbig table tbody tr td{
	padding: .2em .4em .2em .4em;
}
div.tableFarbig,
div.TableZwei{
	margin: 0px 0px 0px 0;
}
div.tableFarbig table {
	margin: 0 0 0 0;
	border-collapse: collapse;
	text-align: center;
}
div.tableFarbig table thead tr th {
	font-weight: normal;
}
div.tableFarbig table td{
text-align: left;
}

div.tableFarbig table thead tr th, div.tableFarbig table tbody tr td,
div.tableFarbig2 table thead tr th, div.tableFarbig2 table tbody tr td{
	padding: .2em .4em .2em .4em;
}
div.tableFarbigMitText div.tableFarbig table tr td,
div.tableFarbigMitText div.tableFarbig table tr th{
	text-align: left;
	line-height: 1.6em;
	margin: .2em .4em .2em .4em;
}

div.tableFarbig2 table {
  margin: 20px 0px 0px 0;
	border-collapse: collapse;
	text-align: center;
}
/*  Tablespacer  */
div.tableZwei table.table1 td.tablespacer {
width: 20px;
height: 100%;
}
div.spacer {
width: 0px;
height: 100%;
margin: 24px 8px 0 8px;
padding: 0px;

}
/*  Tablespacer ENDE */
div.tableFarbig2 table thead tr th {
	font-weight: normal;
	vertical-align: top;
}


div.ContentBreit h2{
margin-top: 15px;
}



/* Group Breit ENDE*/
/* Group Links */
/* Textblock Grau */
div.textblockGrau{
	width: 10cm ;
	background: #E5E5E5;
	margin-bottom: 8px;
	float: left;
}

div.textblockGrau h2 {
	margin-top: 0px;
	display: block;
	color: #818181;
	background: url('/wLayout/design/img/h2_textblock_grau_print.gif');
	background-repeat: repeat-x;
	height: 26px;
	font-weight: bold;
	padding: 6px 20px 0px 5px;
	text-align: left;
}
div.textblockGrau img {
	float: left;
	padding: 7px 20px 7px 20px;
}
div.textblockGrau a {
/*	margin: 7px 15px 0px 20px;
	padding: 0 0 7px 20px; */
	width: 6cm;
}
div.textblockGrau div{
position: relative;
left:-20px;
}
/* Textblock Grau ENDE */

div.fliesstextLinks p{
	margin: 0 0 10px 0 ;
	line-height: 1.6em;
}

div.fliesstextLinksFarbig{
	line-height: 1.6em;
}
div.fliesstextLinksFarbig ul{
	padding: 0 0 0 30px;
	line-height: 1.6em;
}
div#produkte {
clear: left;
width: 10cm;
}
div.fliesstextLinksFarbigProdukte{
	padding-bottom: 10px;
	margin-bottom: 10px;
}
div.fliesstextLinksFarbigProdukte p{
	line-height: 1.6em;
}
div.fliesstextLinksFarbigProdukte ul{
	padding: 0 0 0 30px;
	line-height: 1.6em;
}



div.navInline {
	padding: 20px 0 20px 0;
}

div.toolsgroup {
	width: 10cm;
	padding-bottom: 1px;
}
div.tool {
	padding-bottom: 10px;
}
div.toolsgrouplink {
	padding: 6px 0 0 0;
	height: 24px;
}
div.toolsgroup div.toolsgrouplink {
	background: url('/wLayout/design/img/links_nav_pfeil_rechts.gif');
	background-repeat: no-repeat;
}

div.toolsgroupOpen div.toolsgrouplink {
	background: url('/wLayout/design/img/links_nav_pfeil_runter2.gif');
	background-repeat: no-repeat;
}
div.toolsgroup div.toolsgroupElements {
	display: none;
}

div.toolsgroupOpen div.toolsgroupElements {
	position: relative;
	left: 26px;
	display: block;
}

div.toolsgroupOpen div.toolsgroupElementslink {
	height: 25px;
	background: url('/wLayout/design/img/links_nav_pfeil_rechts_klei.gif');
	background-repeat: no-repeat;
}

div.toolsgroupOpen h2,
div.toolsgroup h2{
	font-weight: bold;
	color: #818181;
	margin: 10px 0 10px 0;
}


div.toolsgrouplink a{
	padding: 0 0 0 36px;
	font-weight: bold;
	color: #818181;
}
div.toolsgroupOpen div.toolsgroupElementslink{
	padding-top: 4px;
}
div.toolsgroupOpen div.toolsgroupElementslink a{
	margin: 0 0 0 36px;
	font-weight: bold;
	color: #818181;
}

div.toolsgroupOpen div.toolsgrouplink a:hover,
div.toolsgroup div.toolsgrouplink a:hover{
	color: #ffffff;
	text-decoration: underline;
}
div.toolsgroupOpen div.toolsgroupElements dl dd a:hover{
	text-decoration: underline;
}

div.toolsgroupOpen div.toolsgroupElements dl{
	padding: 6px 0 6px 36px;
	font-weight: normal;
	color: #818181;
}

div.toolsgroupOpen div.toolsgroupElements dl{
	clear: left
}

div.toolsgroupOpen div.toolsgroupElements dl dt{
	display: block;
	width: 130px !important;
	float: left;
padding-left: 3px;
}
div.toolsgroupOpen div.toolsgroupElements dl dd{
	display: inline;
  float: left;
padding-right: 3px;
}

div.tool dl dt.adapter, div.tool dl dd.adapter{
background-color: E6E6E6;
}

div.toolsgroupOpen{
	padding-bottom: 30px;
}


div.textMitDownloads {
	width: 16cm;
	clear: both;
}

div.textMitDownloads div.text{
	width: 10cm !important;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 0.8em;
	line-height: 1.6em;
	float: left;
}
div.textMitDownloads div.text img{
	float: left;
	margin: 5px 10px 0 0;
}

div.textMitDownloads div.downloadsRechts{
	width: 200px !important;
	font-size: 0.75em;
	padding: 0;
	margin: 0;
	line-height: 1.6em;
	float: right;


}
/* Group Downloads */

span.pdflink {
clear: both;
background: url(/imagepool/icon_pdf.gif);
background-repeat: no-repeat;
background-position: 0 0;
padding: 1px 0 1px 0;
margin: .3em 0 .2em 0;
display: block;
}
a.pdflink {
background-image: url(/imagepool/icon_pdf.gif);
background-repeat: no-repeat;
background-position: 0 -1px;
margin: 0 0 0.5em 0;
display: block;
padding: 0 0 0 2.2em;
line-height: 1.2em;
}

span.wordlink {
clear: both;
background: url(/imagepool/icon_word.gif);
background-repeat: no-repeat;
background-position: 0 0;
padding: 1px 0 1px 0;
margin: .3em 0 .2em 0;
display: block;
}
a.wordlink {
background-image: url(/imagepool/icon_word.gif);
background-repeat: no-repeat;
background-position: 0 -1px;
margin: 0 0 0.5em 0;
display: block;
padding: 0 0 0 2.2em;
line-height: 1.2em;
}


span.powerpointlink {
clear: both;
background: url(/imagepool/icon_ppt.gif);
background-repeat: no-repeat;
background-position: 0 0;
padding: 1px 0 1px 0;
margin: .3em 0 .2em 0;
display: block;
}

a.powerpointlink {
background-image: url(/imagepool/icon_ppt.gif);
background-repeat: no-repeat;
background-position: 0 -1px;
margin: 0 0 0.5em 0;
display: block;
padding: 0 0 0 2.2em;
line-height: 1.2em;
}

span.excellink {
clear: both;
background: url(/imagepool/icon_xls.gif);
background-repeat: no-repeat;
background-position: 0 0;
padding: 1px 0 1px 0;
margin: .3em 0 .2em 0;
display: block;
}

a.excellink {
background-image: url(/imagepool/icon_xls.gif);
background-repeat: no-repeat;
background-position: 0 -1px;
margin: 0 0 0.5em 0;
display: block;
padding: 0 0 0 2.2em;
line-height: 1.2em;
}
span.jpglink {
clear: both;
background: url(/imagepool/icon_jpg.gif);
background-repeat: no-repeat;
background-position: 0 0;
padding: 1px 0 1px 0;
margin: .3em 0 .2em 0;
display: block;
}
a.jpglink {
background-image: url(/imagepool/icon_jpg.gif);
background-repeat: no-repeat;
background-position: 0 -1px;
margin: 0 0 0.5em 0;
display: block;
padding: 0 0 0 2.2em;
line-height: 1.2em;
}



span.ziplink {
clear: both;
background: url(/imagepool/icon_zip.gif);
background-repeat: no-repeat;
background-position: 0 0;
padding: 1px 0 1px 0;
margin: .3em 0 .2em 0;
display: block;
}

a.ziplink {
background-image: url(/imagepool/icon_zip.gif);
background-repeat: no-repeat;
background-position: 0 -1px;
margin: 0 0 0.5em 0;
display: block;
padding: 0 0 0 2.2em;
line-height: 1.2em;
}


span.videolink {
clear: both;
background: url(/imagepool/film.png);
background-repeat: no-repeat;
background-position: 0 0;
padding: 1px 0 1px 0;
margin: .3em 0 .2em 0;
display: block;
}
a.videolink {
background-image: url(/imagepool/film.png);
background-repeat: no-repeat;
background-position: 0 -1px;
margin: 0 0 0.5em 0;
display: block;
padding: 0 0 0 2.2em;
line-height: 1.2em;
}

span.videolink2 {
clear: both;
background: url(/imagepool/film_save.png);
background-repeat: no-repeat;
background-position: 0 0;
padding: 1px 0 1px 0;
margin: .3em 0 .2em 0;
display: block;
}
a.videolink2 {
background-image: url(/imagepool/film_save.png);
background-repeat: no-repeat;
background-position: 0 -1px;
margin: 0 0 0.5em 0;
display: block;
padding: 0 0 0 2.2em;
line-height: 1.2em;
}

span.intern {
clear: both;
padding: 1px 0 1px 0;
margin: .3em 0 .2em 0;
display: block;
}
a.intern {
margin: 0 0 0.5em 0;
display: block;
padding: 0 0 0 0em;
line-height: 1.2em;
}


/* Group Downloads ENDE */

h2 {
	font-size: 1em;
	margin-bottom: 4px;
	clear: both;
}
/* Group Links ENDE*/
/* Group Rechts */
/* Liste Rechts */
div.listeRechts {
	position: relative;
	float: right;
	width: 5.5cm;
	margin: 0 0 10px 0 ;
	padding-top: 0px;
}

div.listeRechts h2{
	background: url('/wLayout/design/img/pfeil_nachunten.gif');
	background-repeat: no-repeat;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #666666;
	text-align:right;
	padding: 3px 20px 3px 0;
	margin: 0px 0 10px 0;
}


div.listeRechtsImg img{
	display: none;
	left: 0px;
	border: 1px solid #000;
	vertical-align: middle;
}

div.fliesstextRechts p{
	margin: 0 0 10px 0 ;
}

div.rechtsImgSchmal div.bildLinks{
	left: 0;
	float: left;
	padding: 10px 10px 0 0;
}

div.rechtsImgSchmal div.bildRechts{
	right: 0;
	padding: 10px 0 0 0;
}

div.rechtsImgBreit img{
	padding: 10px 0 0 0;
}

div.rechtsImgBreit div img{
	padding: 0px;
	margin: 0px;
	clear: both;
	float: none;
}

div.textMitDownloads{
	margin-bottom: 15px;
	clear:both;
}

div.textMitDownloads div.rechtsImgBreit img{
	border: 1px solid #818181;
	margin: 0px 0 0px 0;
	padding: 0 0 0 0;
}

div.textMitDownloads div.rechtsImgBreit div img{
	padding: 0px;
}

div.downloadsRechts div.fliesstextRechts p{
	font-size: 1em;
	line-height: 1.6em;
}

div.links a{
	display: none;
}

div.links a:hover{
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}

/* Group Rechts ENDE*/

/* FONT-SIZE */

div#metaNav, div#footer a, div.TableZwei, div.tableFarbig2 table thead, div.tableFarbig2 table tbody, div.tableFarbig table thead, div.listeRechts p, div.tableFarbig table tbody, div.bildFloatLeftMitRahmen p,div.schnellwechselkupplung p, div.bildFloatLeftMitRahmen1 p, div.bildUntenTextObenMitRahmen p, div.fliesstextRechts p, div.fliesstextKommentar p {
	font-size: 0.7em;
}

div.textblockGrau p, div.links a, div.fliesstextLinks p, div.listeRechts dd, div.toolsgroupOpen div.toolsgroupElements dl, div.imgFloatLeft {
	font-size: 0.75em;
}
div.fliesstextBreit { font-size:0.8em; }
div.zahlMitBild div.zahl, div.headline3 h3, div.fliesstextLinksFarbig, div.fusstext p, div.fliesstextLinksFarbigProdukte, div.toolsgroupOpen h3, div.toolsgroup h3, div.ContentBreit span.pdflink, div.ContentBreit span.wordlink, div.ContentBreit span.powerpointlink, div.ContentBreit span.excellink, div.ContentBreit span.jpglink, div.ContentBreit span.ziplink, div.ContentBreit span.videolink, div.ContentBreit span.videolink2, div.ContentBreit span.intern, div.fliesstextGrau p, div.ContentBreit div.textMitDownloads span.pdflink, div.ContentBreit div.textMitDownloads span.wordlink, div.ContentBreit div.textMitDownloads span.powerpointlink, div.ContentBreit div.textMitDownloads span.excellink, div.ContentBreit div.textMitDownloads span.jpglink, div.ContentBreit div.textMitDownloads span.ziplink, div.ContentBreit div.textMitDownloads span.videolink, div.ContentBreit div.textMitDownloads span.videolink2, div.ContentBreit div.textMitDownloads span.intern{
	font-size: 0.8em;
}

div.imgboxleftText span{
	font-size: .9em !important;
}

div.textblockGrau h2, div.listeRechts h2, div.toolsgroupOpen h2, div.toolsgroup h2, div.toolsgroupOpen div.toolsgrouplink a, div.toolsgroup div.toolsgrouplink a, div.toolsgroupOpen div.toolsgroupElementslink a{
	font-size:1em;
}

h1 {
	font-size: 1.30em;
}

/* FONT-SIZE ENDE*/

/* SIFR */
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-flash {
	visibility: hidden !important;
	margin: 0;
}
.sIFR-hasFlash h1 {
	font-size: 1.5em;
	margin-bottom: 0.5cm;
}

/* SIFR ENDE*/

.borderThinInvisible,
.borderThinVisible {
border: 1px solid White;
}

div.bildZubehoer {
 padding: 40px 0 0 0;
}


div.kontakt{
  font-size: 0.8em;
  line-height: 1.6em;
}
div#suchformtable td.wLayoutCol2{
  vertical-align: top;
}
div#suchformtable td.wLayoutCol2 label {
	position: relative;
	top: -15px;
  display: block;
  margin-left: 25px;
  line-height: 1.2em;
}
div#suchformtable td.wLayoutCol2 label.wLayoutInlineLabel {
	position: relative;
	top: -2px;
  display: inline;
  margin-left: 0px;
  margin-right: 10px;
  line-height: 1.2em;
}
div#suchformtable td{
  font-size: 0.8em;
  line-height: 1.6em;
  height: 20px;
}
div#suchformtable textarea{
  width: 280px;
  height: 100px;
}
div#suchformtable div.checkbox label{
  margin-left: 10px;
}
div#suchformtable div.checkbox label{
  margin-left: 10px;
}
div#suchformtable input#anrede,
div#suchformtable input#anrede1,
div#suchformtable input#anrede2 {
	width: 20px;

}
div#suchformtable input#artikel {
width: 255px;
margin-left: 25px;
}
input.kontaktschmal{
  width: 70px;
}
input.kontakt{
  width: 280px;
}
input.kontakttel{
  width: 280px;
}

input#wunschtermin {
position:relative;
top:-20px;
left:23px;
}
div.Messetermine {
	width: 10cm !important;
}
div.Messetermine p { font-size:0.75em; line-height: 1.6em;}
div.Messetermine tr th{
  text-align: left;
  
}
div.Messetermine tr td{
  
}
div.Messetermine tr td.col1{
  width: 120px;
}

div.MessetermineShort tr.tr1 td{
	line-height: 1em;
	padding-top: 7px;
}
div.MessetermineShort tr.tr2 td{
	line-height: 1em;
	font-weight: bold;
}
div.MessetermineShort tr td{
  font-size: 0.75em;
}
div.MessetermineShort {
color: black;
	line-height: 1em;
	padding-top: 7px;
	font-size: 0.75em;
}

/* Popup */

div.tablelinks{
	display: none;
}


body.bodypopup,
div.bodypopup div.links,
div.bodypopup div.fliesstextRechts{
	background: #FFF;
}
table.popuptableprodukts{
 	width: 100%;
	height: 99%;
	margin-top: 0px;
	border-collapse: collapse;
}

table.popuptableprodukts tr th.col3,
table.popuptableprodukts tr td.col3{
	width: 1px;
}

table.popuptableprodukts tr td.col1{
	width: 5cm;
}

table.popuptableprodukts th.col2,
table.popuptableprodukts td.col2{
	text-align:center;
}

table.popuptableprodukts td.col1,
table.popuptableprodukts td.col2{
	font-size: 0.7em;
}
table.popuptableprodukts tr td{
	border-bottom: 1px solid black;
}

/* Popup ENDE*/


/* Produktübersicht */
form#comparison{
clear: both;
display: block;
width: 10cm;
}

div.product{
	padding-top: 20px;
}

div.productcheck input{
display: none;
}

div.productattrib table{
	width: 100%;
}
div.productattrib td.col1 {
	width: 7.5cm;
}
div.productattrib td.col2 {
	width: 2.5cm;
}
div.productattrib td{
	font-size: 0.7em;

}
div.productcheck label{
	font-weight: bold;
}




div#videosMain {
	margin: 20px 0 20px -20px;
}

div.videos {
	width: 10cm;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	display: block;
}
div.videoImg img{
	width: 150px;
	float:right;
}
div.videoText {
	width: 150px;
	float:left;
}
div.videoText h3{
	font-size: 0.9em;
}
div.videoText p{
	font-size: 0.8em;
}
div.videoText span.videolink2,
div.videoText span.videolink {
	display: none;
}

div.imgRightText p{
	font-size: 1em;
}
img.imgDetails {
	/*width: 8cm;*/
	max-width: 16cm;
	height: auto;
}
div.contentRechts {
width: 5.5cm !important;
}
.map24_list {
	width: 5cm;
}
div.beratersuche {
display: none;
}
table.beraterTable {
	font-size: 1em;
}
.nurscreen {
	display: none;
}
div.ContentRechts h2.top{
	margin-top: 0px;
}
.tableImpressum td#col1 {
	width: 2cm;
}
span.ausgabezusatz p{
	margin: 5px 0 0 20px;
	font-size: 0.7em;
	line-height: 1.4em;
}

div.MessetermineShort { font-size:.75em; }