/* Fuer Lautsprechershop.de - Sonderbehandlung (je ein kleiner Absatz) für Haendler und Fertiglautsprecher */
/* Vorfuehrlautsprecher ausblenden (siehe nodisp)
/* Geringe Abwandlungen davon sind: hifi_handler.css und hifi_fertig.css */

body { margin-top:5px; font-size:13px; margin-bottom:5px; font-family: Arial, Verdana, Helvetica, sans-serif }
table { margin-top:5px; font-size:13px; margin-bottom:5px; font-family: Arial, Verdana, Helvetica, sans-serif }
h1 { font-size:20px }
h2 { font-size:18px }
h3 { font-size:16px }
h4 { font-size:15px }  

a:link {color:#333333;}
a:visited {color:#333333;}
a:hover {color:#008080;}
a:active {color:#008080;}
a:focus {color:#008080;}

/**** Fuer die Navigationsleiste oben *****/
a.x:link { color:#FF0000; text-decoration:none; }
a.x:visited { color:#FF0000; text-decoration:none; }
a.x:active { color:#FF0000; text-decoration:none; }
a.x:hover { color:#FF0000; background-color:#FFFF99; text-decoration:underline;}

.xp {background-image:url(../images/template_120.gif);background-repeat:no-repeat;text-align: center; padding: 0.3rem; font-size:0.9rem;}
.xa {background-image:url(../images/template_120_a.gif);background-repeat:no-repeat;text-align: center; padding: 0.3rem; font-size:0.9rem;} 
.xx {text-align: center; padding: 0.3rem; font-size:0.7rem; }
.xline {white-space: nowrap; font-size:0.9rem;}
.xkorb {white-space: nowrap; font-size:0.7rem; font-color: #EEEEEE;}

.dot {border-style: dotted; border-color: #777777;}

div.menu{
	/* fuer Suchmaschine */
	display:none;
}

.nodisp, .vorfuehr{
	/* oder temp. Ausblendung */
	display:none;
}

p.fertig {
	/* oder temp. Ausblendung */
	/* display:block; */
}

table.tdaten{
	/* technische Daten bei Bausatzbeschreibung */
	font-family:Arial,sans-serif; font-size:10pt;
}

table.menu{
	/* Bei Menues mit Tabelle (sollte ersetzt werden) */
	font-family:Arial,sans-serif; font-size:10pt;
}
 
table.submenu{
	/* Bei Untermenues mit Tabelle (sollte ersetzt werden) */
	font-family:Arial,sans-serif; font-size:9pt;
}

td.bold{
	/* Bei Tabellen zur Hervorhebung Überschrift (sollte ersetzt werden?) */
	font-weight:bold;
}

.me{
	/* Für Übersichten: gelb unterlegt */
	background-color: #ffff00;
}

.me_bold{
	/* gelb unterlegt, Oberbegriff */
	font-weight: bold; 
	background-color: #ffff00;
}

.img30L {
	/* Bilder, links Groesse angepasst auf max. 30% Breite */
	max-width: 30%; 
	height: auto; 
	float: left; 
	padding: 5px 15px;
}

.img40L {
	/* Bilder, links Groesse angepasst auf max. 40% Breite */
	max-width: 40%; 
	height: auto; 
	float: left; 
	padding: 5px 15px;
}

.img50L {
	/* Bilder, links Groesse angepasst auf max. 40% Breite */
	max-width: 50%; 
	height: auto; 
	float: left; 
	padding: 5px 15px;
}

.img95 {
	/* Bilder, angepasst auf max.95% Breite */
	max-width: 95%; 
	height: auto; 
	float: left; 
	padding: 5px 5px;
}

/* fuer Einschuebe, die rechts am Rande der Seite stehen */
#datenblatt {
	width: 266px;
	padding: 10px;
	float: right;
	background-color: #eee;
	margin: 10px 5px 0px;
}

#datenblatt li {
	/* in der Tabelle ist der Punkt sonst zu weit links */
	list-style-position: inside;
}

#datenblatt ul {
	margin: 0;
	padding: 0;
}

.inside {
	list-style-position: inside;
}

/* fuer Einschuebe, die rechts am Rande der Seite stehen */
.hinweis {
	width: 266px;
	padding: 5px;
	float: right;
}

.hinweis li {
	text-align: right;
	list-style-type: none;
}


/* fuer schmale Einschuebe, die rechts am Rande der Seite stehen */
.hinweis_schmal {
	width: 166px;
	padding: 5px;
	float: right;
	background-color: #eee;
	margin: 10px 5px 0px;
}


.inlineBlock {
	/* für mehrspaltige Darstellung als class in div oder p-Tags */
	display: inline-block;
	width: 320px;
	margin: 5px 5px 5px 5px;  /* oben, rechts, unten und links  */    
}

.inlineBlock16 {
	/* für mehrspaltige Darstellung als class in div oder p-Tags */
	display: inline-block;
	width: 160px;
	margin: 3px 3px 3px 3px;  /* oben, rechts, unten und links  */    
}

.inlineBlock14 {
	/* für mehrspaltige Darstellung als class in div oder p-Tags  */
	display: inline-block;
	width: 140px;
	margin: 3px 3px 3px 3px;  /* oben, rechts, unten und links  */    
}

.Block {
	/* Block für den Rest für mehrspaltige Darstellung als class in div oder p-Tags  */
	display: inline-block;
	margin: 5px 5px 5px 5px;
}






.kitmenu_dt, .kitmenu_en, .kitmenu_es, .kitmenu_fr, .kitmenu_it {
        text-align: center;
}


ul.inlineBlock { 
	margin-left: 0px; 
}

/* benötigt für Tag <preis> in Deutschland */
.exEU { 
   position: absolute;
   left: 2px;
   top: 19px;   
   font-size: 9px;
   color: #808080;
   line-height: 10px;
}

/* benötigt für Tag <preis> außerhalb Deutschland */
.exEU2 { 
   position: absolute;
   left: 2px;
   top: 19px;   
   font-size: 9px;
   line-height: 10px;
}

preis {
   position: relative;
   line-height: 3.2em;
}