/* ######## allgemein ######### */
html body { height: 100% }
/* 62.5% default 16px -> 10px -> 1em wie 10px */
body {
font-size: 62.5%;
padding: 0;
margin: 0;
background-color: #776d65;
text-align: center; /* IE<7 hack */
}
body div { font-family: Verdana, Arial, Helvetica, sans-serif }
div { padding: 0; margin: 0; }
/* ########## divs ########## */
#main { font-size: 1em; margin: 6.7em 0 0 9.5em; border: none; width: 95%; height:90% }
/* Inhaltsbereich innerhalb Table zentriert */
#content-box { position: relative; top:0; left:0; text-align: left; vertical-align:middle; border: none;
font-size: 1em;
width:88em;
height:63em;
line-height: 1.7em;
}
/* Hauptnavi Bereiche */
#hauptnavi-box { position: absolute; top: 0; left: 0; right:0; padding:0; width: 62.2em; font-size: 1em; }
#hauptnavi {
width: 100%;
white-space: nowrap;
font-size: 1.07em;
font-weight: 800;
letter-spacing: 0.1em;
text-align: center;
word-spacing: 0
}
/* Subnavi Optionen */
#subnavi1-box { position: absolute; left: 64.6em; top: 8.4em; }
#subnavi1 {
font-size: 1.07em;
line-height: 1.7em;
}
/* Subnavi2 Zurueck- Musik */
#subnavi2-box { position: absolute; left: 64.6em; top: 35.6em }
#subnavi2 {
font-size: 1.07em;
}
/* SpalteC1-Hg zweispaltig width: 62.4em; height: 34.6em; */
#SpalteC1-Hg { position: absolute; left: 0; font-size: 1em; top: 2.6em; width: 62.4em; height: 34.6em;
color: #ffffff; overflow: hidden
}
/* SpalteC1 zweispaltig */
#SpalteC1-box { position: absolute; left: 0px; height: auto; font-size: 1.0em; top: 2.6em; width: 62.6em; }
/* C1 Formate und paddings */
#C1 {
color: #ffffff;
padding: 5.3em 1.0em 1.0em 6.5em;
font-size: 1.07em;
}
/* SpalteC2-Hg einspaltig 312px war width: 31.2em; height: 34.6em; */
#SpalteC2-Hg { position: absolute; font-size: 1em; left: 31.2em; top: 2.6em; width: 31.2em; height: 34.6em;
color: #ffffff; overflow: hidden
}
/* SpalteC2 re Spalte */
#SpalteC2-box { position: absolute; font-size: 1em; left: 31.2em; top: 2.6em; width: 31.2em; height: auto; }
/* C2 Formate und paddings */
#C2 {
color: #ffffff;
padding: 5.3em 1.0em 1.0em 4.0em;
font-size: 1.07em;
}
/* Info-History unterhalb C1 */
#Info-box { position: absolute; left: 0; top: 39.2em; width: 50em; }
#Infoheader {
color: #ffffff;
font-weight: bold;
letter-spacing: 0.07em;
word-spacing: 0.3em;
font-size: 1.07em;
}
/* Seitennavi 1 2 3 */
#pagenavi-box { position: absolute; left: 0px; top: 39.3em; width: 62.4em; }
#pagenavi {
text-align: right;
font-size: 1.07em;
}
/* Infotext unterhalb C1 */
#Infotext-box { position: absolute; left: 0; top: 40.8em; width: 62.4em; }
#Infotext {
color: white;
font-weight: 400;
letter-spacing: 0.1em;
word-spacing: 0.1em;
font-size: 1.07em;
height: 14.0em;
overflow:auto;
}
/* Logo rechts unten */
#logo-box { position: absolute; left: 64.6em; top: 39.8em; width: 10em }
/* alle divs */
.boxes {
overflow:visible;
border: none
}
.inhalt {
border: none
}
/* verkauf einzelstuecke suche */
#suche_details td {
border: 0px dashed;
margin: 0;
padding: 0 0 1px 0;
height: 2px;
vertical-align:top;
}
/* ########## Link-Klassen ########## */
/* allg. Links */
a:link { text-decoration: none; color: #ffffff }
a:visited { text-decoration: none; color: #ffffff }
a:active { text-decoration: none; color: #ffffff }
a:hover { text-decoration: none; color: #ffffff }
/* Hauptmenue Bereiche */
.link_b { color: #ffffff; }
a.link_b:link { color: #ffffff; }
a.link_b:visited { color: #ffffff; }
a.link_b:active { color: #ffffff; }
a.link_b:hover { color: #000000; }
/* Hauptmenue aktiver Bereich */
.link_b2 { color: #000000; }
a.link_b2:link { color: #000000; }
a.link_b2:visited { color: #000000; }
a.link_b2:active { color: #000000; }
a.link_b2:hover { color: #000000; }
/* UntermenueAbteilungen und Seiten in Spalte3 */
.link_sm { color: #ffffff }
a.link_sm:link { color: #ffffff }
a.link_sm:visited { color: #ffffff }
a.link_sm:active { color: #ffffff }
a.link_sm:hover { color: #000000 }
/* aktives Untermenuemenue Abteilungen und Seiten war sei_menue jetzt link_sm*/
.link_sm2 { color: #ffffff }
a.link_sm2:link { color: #000000 }
a.link_sm2:visited { color: #000000 }
a.link_sm2:active { color: #000000 }
a.link_sm2:hover { color: #000000 }
/* Links schwarz*/
a.link_sw { color: #ffffff; }
a.link_sw:link { color: #ffffff }
a.link_sw:visited { color: #ffffff }
a.link_sw:active { color: #ffffff }
a.link_sw:hover { color: #ffffff }
/* Links mit Format link_grau im Infobereich le cccccc*/
a.link_grau { color: #999999 ; }
a.link_grau:link { color: #999999 }
a.link_grau:visited { color: #999999 }
a.link_grau:active { color: #999999 }
a.link_grau:hover { color: #ffffff }
/* Links fett mit Format link_grau im Infobereich le cccccc*/
a.link_Grau { color: #999999 ; font-weight: 800 }
a.link_Grau:link { color: #999999 }
a.link_Grau:visited { color: #999999 }
a.link_Grau:active { color: #999999 }
a.link_Grau:hover { color: #ffffff }
/* Links mit Format link_tx im Infobereich*/
a.link_tx:link { color: #27231f ; } /* war 27231f */
a.link_tx:visited { color: #27231f ; }
a.link_tx:active { color: #27231f ; }
a.link_tx:hover { color: #000000; }
/* Link weitere Seiten 1 2 3 */
.link_gr { font-weight: 500; letter-spacing: 0.25em; } /* color:#8e979d font-size: 11px; */
a.link_gr:link { color: #ffffff }
a.link_gr:visited { color: #ffffff }
a.link_gr:active { color: #ffffff }
a.link_gr:hover { color: #000000 }
.link_gr2 { font-weight: 500; letter-spacing: 0.25em; } /* color:#8e979d font-size: 11px; */
a.link_gr2:link { color: #000000 }
a.link_gr2:visited { color: #000000 }
a.link_gr2:active { color: #000000 }
a.link_gr2:hover { color: #000000 }
/* Links mit Format link_bezug im Bereich Produkte Bezuege*/
a.link_bezug:link { color: #ffffff; font-weight: bold; }
a.link_bezug:visited { color: #ffffff; font-weight: bold; }
a.link_bezug:active { color: #ffffff; font-weight: bold; }
a.link_bezug:hover { color: #ffffff; font-weight: bold; }
/* Links mit Format link_bezug im Bereich Produkte Bezuege*/
a.link_haendler:link { color: #ffffff; }
a.link_haendler:visited { color: #ffffff; }
a.link_haendler:active { color: #ffffff; }
a.link_haendler:hover { color: #ffffff; }
/* sonstige Schrift-Klassen ########## */
/* ########## Multitext ########## */
h4 h6 { font-size: 1.07em; display:inline; }
h5 { font-size: 1.07em; }
.ueberschrift { font-size: 1.8em; font-weight: bold}
/* ## kontaktformulare /kontakt/email ## */
.tm {
font-size: 1em;
color: #ffffff;
width: 62em;
border: 0;
margin: 6em 0 0 2em;
padding: 0;
}
.tr {
border: none;
margin:0;
padding:0
}
.m1 {
width: 12em;
font-size: 1em;
border: none;
margin:0;
padding: 0;
text-align: right;
vertical-align: top;
}
.m2 {
width: 35em;
border: none;
margin:0;
padding: 0;
font-size: 1em;
text-align: left;
vertical-align: top;
white-space:nowrap;
}
.m3 {
width: 15em;
font-size: 1em;
border: none;
margin:0;
padding: 0;
text-align: left;
vertical-align: top;
}
.kontaktfeld { font-size: 1em; border: none; margin:0; padding:0; width: 100% }
.kontaktfeld-t { font-size: 1em; border: none; margin:0; padding:0; width: 100% }
.kontaktfeld-n1 { font-size: 1em; border: none; margin:0; padding:0; width: 12em }
.kontaktfeld-n2 { font-size: 1em; border: none; margin:0; padding:0; width: 20.6em }
.kontaktfeld-p { font-size: 1em; border: none; margin:0; width: 7em }
.kontaktfeld-o { font-size: 1em; border: none; margin:0; padding:0; width: 25.5em }