/* Definitionen für die Seitendarstellung: */

html { padding: 0; margin: 0; }
body { color: #222; font-family: Arial, Helvetica,sans-serif; font-size: 13px; margin: 0; padding: 0; }
div#Seite { width: 100%; margin: 0; padding: 0; }
div#Inhalt { width: 100%; margin: 30px 0 0 0; padding: 5px; }
div#Leftmenue { display: none; }
div#Abschluss { clear: both; width: 100%; height: 20px; margin: 0; padding: 0; }
div#Kopf { display: none; }
div#Fusszeile { width: 100%; height: 20px; margin: 10px 0 0 0; padding: 0; text-align: center; line-height: 20px; border-top: 1px solid #666; }


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

div.s1 { float: left; width: 15%; padding: 0; margin: 0; }
div.s2 { width: 85%; padding: 0; margin: 0; }
div.s3 { float: left; width: 40%; padding: 0; margin: 0; }
div.s4 { float: right; width: 20%; padding: 0; margin: 0; }
div.zeile { width: 100%; margin-top: 15px; padding: 0 }
div.s5 { float: left; width: 240px; height: 240px; margin: 0; padding: 0;}
div.s6 { height: 240px; margin: 0; padding: 0;}

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 5px 30px 10px; }
div#pzusatz { float: right; width: 280px; padding: 10px; margin: 0; border: 1px solid #999; }

div.strukturblock { float:left; margin: 0 0 20px 0; padding: 0; width: 50%; height: 82px; }
div.strukturtext { font-size: 11px; color: black; font-weight: bold;  height: 82px; padding: 0 5px 0 0; margin: 0;   }
div.strukturtext a { text-decoration: none; color: black; }
div.strukturblock_p { margin: 0 0 25px 0; padding: 0; float: left; width: 50%; }
div.strukturtext_p { font-size: 12px; color: black; font-weight: bold; padding: 0 5px 0 0; margin: 0; } 
div.strukturtext_k { font-size: 12px; color: black; font-weight: bold; padding: 0 5px 0 0; margin: 0; }


/* 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; height: 16px; height: auto !important; line-height: 110%; 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; height: 1.4em; line-height: 1.4em; margin: 0; padding: 0 0 0 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; vertical-align: middle; }
img.news { margin: 30px 0 0 0; padding: 0; border: 1px solid #000; }
img.neuheiten-gerahmt { margin: 5px 0 5px 10px; padding: 0; border: 1px solid #000; }
img.rechts { float: right; margin: 20px 0 5px 10px; padding: 0; border: 1px solid #000; }
img.links { float: left; margin: 20px 10px 5px 0; padding: 0; }
img.messe { float: left; margin: 15px 0 0 0; border: none; width: 200px; }
img.struktur { float: left; margin: 0 10px 5px 0; border: 1px solid black; width: 75px; height: 75px; }
img.produkt { float: right; margin: 0 0 20px 0; padding: 0; border: 1px solid #000; }
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; }


/* Definitionen für Schriftelemente */

p { font-size: 13px; margin: 20px 0; line-height: 1.5em; }
p.toplinks { display: none; }
p.toplinks a { color: #000; text-decoration: none }
p.produktpfad, p.produktpfad a { font-size: 13px; margin: 5px 0 40px 0; color: #7095bb; text-decoration: none; }
p.copyright { font-size: 11px; line-height: 20px; margin: 0; padding: 0; color: black; }
p.fehler { font-size: 12px; color: red; }
p.copyright a { text-decoration: none; color: black; }
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.clear { clear: both; margin: 0; padding: 0; }


h1 { font-size: 18px; margin: 5px 0 30px 0; color: #7095bb; }
h2, h2 a { font-size: 16px; margin: 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: 30px 0 5px 0; color: #7095bb; text-decoration: none; }
h3 a:hover { background-color: #ffb; }
h4 { font-size: 12px; margin: 3px 0 8px 0; color: #7095bb; }


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; }
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;}
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}