html { padding: 0; margin: 0; height: 100%; }
body { color: #222; background: #99a; font-family: Arial, Helvetica,sans-serif; font-size: 13px; margin: 0; padding: 0; text-align: center; height: 100%; }
div#Seite { text-align: left; width: 960px; margin: 0 auto; padding: 0; height: auto; min-height: 100.1%; background: #fff url('images/layout/bgd_seite.png') repeat-y; }
* html div#Seite { height: 100%; }

div#Inhalt { float: right; width: 720px; margin: 0; padding: 194px 40px 0 41px; }
div#Leftmenue { float: left; width: 159px; margin: 0; padding: 194px 0 0 0; border-bottom: 1px solid white; }
div#Abschluss { clear: both; width: 960px; height: 20px; margin: 0; padding: 0; }
div#Kopf { position: absolute; top: 0px; height: 153px; width: 960px; margin: 0; padding: 0; border-bottom: 1px solid #7095bb; background: url('images/layout/bgd_kopf.jpg') no-repeat 160px 0px; }
div#Fusszeile { width: 960px; height: 20px; margin: -20px auto 0 auto; padding: 0; text-align: center; line-height: 20px; color: #fff; background: #7095bb; }


/* Definitionen für Unterteilungen innerhalb der Seite */

div.s1 { float: left; width: 15%; padding: 0; margin: 0 0 15px 0; }
div.s2 { float: right; width: 85%; padding: 0; margin: 0 0 15px 0; }
div.s3 { float: left; width: 40%; padding: 0; margin: 0; }
div.s4 { float: right; width: 20%; padding: 0; margin: 0; }
div.zeile { clear: both; width: 720px; margin: 0; padding: 0 0 15px 0; }
div.s5 { float: left; width: 200px; margin: 0; padding: 0 30px 30px 0;}
div.s6 { float: right; width: 480px; margin: 0; padding: 0 0 30px 10px;}


div.infoblock { float: right; width: 130px; height: 130px; border: 1px solid #7095bb; margin: 0 0 15px 15px; padding: 10px; }


div#pinfo { float: right; width: 302px; padding: 0; margin: 0 0 30px 10px; }
div#pzusatz { float: right; width: 280px; padding: 10px; margin: 0; border: 1px solid #999; }

div.strukturblock { margin: 0 0 20px 0; padding: 0; float:left; width: 240px; height: 77px; }
div.strukturtext { font-size: 11px; color: black; font-weight: bold; width: 148px; height: 77px; padding: 0 5px 0 0; margin: 0; float: right;  }
div.strukturtext a { text-decoration: none; color: black; }
div.strukturblock_p { margin: 0 0 25px 0; padding: 0; float: left; width: 360px; }
div.strukturtext_p { font-size: 12px; color: black; font-weight: bold; width: 240px; padding: 0 5px 0 0; margin: 0; float: right; } 
div.strukturtext_k { font-size: 12px; color: black; font-weight: bold; width: 200px; padding: 0 5px 0 0; margin: 0; float: right; }


/* Definitionen für das Aussehen der linken Menüleiste mit zwei Ebenen, Hover-Effekt und Markierung des gewählten Punktes */

div.menue1 { margin: 0; padding: 0; font-size: 12px; }
div.menue1 a { display: block; margin: 0; padding: 5px 0 5px 10px; border-top: 1px solid white; color: #444; text-decoration: none; font-weight: bold; }
div.menue1 a:hover { background: #a1b7d2; color: #fff; }
div.menue1 a.selected { background: #7095bb; color: #fff; }
div.menue1_spc { height: 20px; }

div.menue2 { margin: 0; padding: 0; font-size: 11px; }
div.menue2 a { display: block; margin: 0; padding: 2px 0 2px 20px; color: #444; text-decoration: none; font-weight: bold; }
div.menue2 a:hover { background-color: #a1b7d2; color: #fff; }
div.menue2 a.selected { background-color: #7095bb; color: #fff; }


/* Definitionen für die Darstellung von Bildern */

img { margin: 0px; padding: 0px; border: none; }
img.logo { float:left; margin: 0; padding: 0; border: none; width: 159px; height: 153px; }
img.flagge    { margin: 0; padding: 0; border: 1px solid black; width: 20px; height: 13px; }
img.news { margin: 2px 0 0 0; padding: 0; border: 1px solid #000; }
img.rechts { float: right; margin: 2px 15px 15px 3px; padding: 0; border: 1px solid #000; }
img.rechts_im_text { float: right; margin: 10px 15px 15px 3px; padding: 0; border: 1px solid #000; }
img.rechts_ohne { float: right; margin: 2px 15px 15px 0; padding: 0; border: none;}
img.links { float: left; margin: 2px 15px 15px 0; padding: 0; border: 1px solid #000;}
img.links_ohne { float: left; margin: 2px 15px 15px 0; padding: 0; border: none;}
img.messe { float: left; margin: 0; padding: 0; border: none; width: 200px; }
img.struktur { float: left; margin: 0 10px 5px 0; border: 1px solid black; width: 75px; height: 75px; font-size: 0.6em; }
img.produkt { float: right; margin: 0 0 20px 0; padding: 0; border: 1px solid #000; width: 300px; }
img.produkt_weitere { float: left; margin: 0 10px 1px 0; padding: 0; border: 1px solid #000; }
img.struktur_p { float: left; margin: 0 10px 5px 0; border: 1px solid black; height: 127px;}
img.katalog { float: left; margin: 0 26px 40px 0; border: 1px solid black; height: 127px; width: 127px; }
img.karte1 { float: left; margin: 0 20px 0 0; padding: 0; border: 1px solid #ccc; width:348px; }
img.karte2 { float: left; margin: 0; padding: 0; border: 1px solid #ccc; width:348px; }
img.rechts_news { float: right; margin: 4px 4px 4px 4px; padding: 0; border: 1px solid #000; }
img.links_news { float: left; margin: 4px 4px 4px 0px; padding: 0; border: 1px solid #000; }


/* Definitionen für Schriftelemente */

p { font-size: 13px; margin: 0 0 10px 0; line-height: 19px; }
p.toplinks { font-size: 13px; height: 20px; line-height: 20px; margin: 5px 40px 0px 570px; padding: 0; color: #fff; text-align: left; }
p.toplinks a { color: #fff; text-decoration: none; background-color: transparent; }
p.toplinks a:hover { color: #fff; text-decoration: underline; background-color: transparent; }
p.flagge { margin: 100px 40px 0px 898px; padding: 0; color: #fff; text-align: left; }
p.produktpfad, p.produktpfad a    { font-size: 13px; margin: 5px 0 35px 0; color: #7095bb; text-decoration: none; }
p.copyright { font-size: 11px; line-height: 20px; margin: 0; padding: 0; }
p.fehler { font-size: 12px; color: red; }
p.copyright a { color: white; text-decoration: none; }
p.copyright a:hover { background-color: #7095bb; text-decoration: underline; }
p.treffer { text-align: center; font-size: 11px; margin: 10px 0 30px 0;}
p.artikelinfo { font-size: 13px; margin: 0 0 5px 0; }
p.artikelnummer { font-size: 13px; font-weight: bold; margin: 0 0 25px 0; text-align: center; }
p.zurueck { margin: 20px 0 30px 0; text-align: center; }
p.clear { clear: both; margin: 0; padding: 0; }



h1 { font-size: 18px; margin: 5px 0 25px 0; color: #7095bb; }
h2, h2 a { font-size: 16px; margin: 0 0 10px 0; color: #7095bb; text-decoration: none; }
h2.clear { clear:both; }
h2 a:hover { background-color: #ffb; }
h3, h3 a { font-size: 14px; font-weight: bold; margin: 0 0 7px 0; color: #7095bb; text-decoration: none; }
h3 a:hover { background-color: #ffb; }
h4 { font-size: 12px; margin: 0 0 5px 0; color: #7095bb; }

hr  {clear: both; height: 1px; width: 100%; border: 0; color: #7095bb; background: #7095bb; margin: 0 0 30px 0; }


a { color: #830; }
a:hover { background-color: #ffb; }


ul { list-style-type: square; }
li { margin: 0.5em 0; }


table { border-collapse: collapse; border-style: solid; border-color: #7095bb; }
table.distributor { width: 100%; margin-top: 50px; padding: 0; border-style: none; table-layout: auto; font-size: 12px; }
table.distributor td { border-bottom: 1px solid #7095bb; padding: 10px; vertical-align: top; }
td.spalte2 { font-weight: bold; }
td.spalte3 { font-weight: normal; }
table.links { width: 100%; margin: 50px 0 50px 0; padding: 0; border-style: none; table-layout: auto; }
table.links td { border-bottom: 1px solid #7095bb; padding: 10px; vertical-align: top; text-align: center; }
table.liste   { width: 100%; margin-top: 50px; padding: 0; border-style: none; table-layout: auto; font-size: 12px; }
table.liste thead  { border-bottom: 2px solid #7095bb; padding: 10px; vertical-align: top; font-weight: bold; }
table.liste td { border-bottom: 1px solid #7095bb; padding: 10px; vertical-align: top; }
table.liste td.ueberschrift { padding: 10px; vertical-align: top; background: #dddddd; color: #5065aa;}
td.mittig { text-align: center; vertical-align: middle;  }

table.liste1 { width: 100%; margin-top: 50px; padding: 0; border-style: none; table-layout: auto; font-size: 12px; }
table.liste1 thead { border-bottom: 2px solid #7095bb; padding: 10px; vertical-align: top; font-weight: bold; }
table.liste1 td  { border-bottom: 1px solid #7095bb; padding: 10px; text-align: center; vertical-align: middle; }
table.liste1 td.links { text-align: left; vertical-align: middle;  }



table.formular { border-collapse: collapse; border: none; width: 100%; }
table.formular td { padding:0; margin: 0; height: 24px; font-size: 12px;}
table.formular td input.feld { width:100%; font-size:11px; color: #900; margin:0; padding:2px;}
table.formular td textarea { width:312px; height: 175px; padding: 5px; margin: 1px 0 0 0; font-family: Arial, Helvetica; font-size:11px; color: #900; }

table.haendlersuche { border-collapse: collapse; border: none; width: 95%; }
table.haendlersuche td { padding:0; margin: 0; height: 24px; font-size: 12px;}
table.haendlersuche td input.feld { width:100%; font-size:11px; color: #900;}

table#haendlerliste { border-collapse: collapse; border: none; width: 100%; font-size: 12px;}
table#haendlerliste td { vertical-align: top; padding: 3px 10px 3px 0; border-bottom: 1px solid #ccc; }

/* Definitionen für den FCKEditor im Verwaltungsbereich */

td#xEditingArea {text-align:left; background:white}