/****************************************************************************************************************
Copyright 2009 Sell It Smart GmbH. Alle Rechte vorbehalten. 
Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrückliche schriftliche Zustimmung ist untersagt. 
Jegliche Zuwiderhandlungen werden juristisch verfolgt.
****************************************************************************************************************/

/**allgemeine stylings**/
body#body {margin:0; padding:0;}
*html body {text-align:center}
*+html body {text-align:center}
#EBdescription {text-align:center; width:100%;}


#arbeitsbereich {width:990px; padding-top:0px; text-align:left; margin:0px auto;}
img {outline:none}
.cf {clear:both; height:0px;}

* {font-family:Arial;}
a, a:link, a:visited, a:active {color:#000; text-decoration:none}
a:hover {color:#000; text-decoration:underline}
 /****/
#outlet-banner {background:url(gfx/outlet_banner.gif); width:990px; height:50px;}
#eb-ms {display:block; width:140px; height:50px; float:left}
div.store-name {display:block; margin:4px 0px 0px 140px; border-left:2px solid #ffffff; line-height:42px; position:absolute; font-size: 15px; font-weight: bold; color:#ffffff; padding-left:10px;}
*html div.store-name {margin:4px 0 0 0;}
*+html div.store-name {margin:4px 0 0 0;}

/**kopfzeile**/
#kopfzeile {display:block; width:990px; height:445px; position:relative; z-index:10000;}
*html #kopfzeile {height:445px;}
*+html #kopfzeile {height:445px;}
#kopf_logo_row {width:990px; height:114px; display:block; }
#logo_flash {display:block; width:329px; height:114px; float:left; }
#search_div {float:left; width:661px; height:114px; text-align:right;}
#search {background:url(gfx/suche-bg.gif) no-repeat; display:block; width:336px; height:41px; float:right; margin-top:50px;}
#suchform {margin:0px; padding:0px 7px 0px 0px; }
#suche-eingabe {border:none; margin-top:20px; height:23px; width:190px; margin-right:20px; position:relative; top:-9px; font-size:13px; background:none; padding:0px;}
#suche-eingabe {margin-top:15px\9; top:-4px\9;}
#kopf_navi {width:990px; height:148px;}
#kopf_navi {}
.dd_mainnav {z-index:10000; font-size:12px; vertical-align:bottom; text-align:left !important; width:165px; float:left;}
#marken_layer {}
#marken_layer_links {}
.dd_mainnav ol, .dd_mainnav ol li {margin:0px; padding:0px; list-style: none; z-index:5000; position:relative; height:148px;}
.dd_mainnav ol li ol {visibility:hidden; position:absolute; z-index:10000 !important; background:url(gfx/trans_gr.png); height:auto; margin-left:5px; padding: 7px 10px 13px 21px;}
.dd_mainnav ol li ol {margin-top:-3px}
.dd_mainnav ol li:hover ol, .dd_mainnav ol li a:hover ol {visibility:visible;}
.dd_mainnav ol li ol li {list-style:none; color:#fff; padding-left:14px; background:url(gfx/nav_indent.gif) no-repeat; height:auto;}
.dd_mainnav ol li a {color:#ffffff; font-size:12px !important; overflow:hidden; line-height:18px;}
.dd_mainnav ol li a:hover {position:relative;}
.dd_mainnav ol li ol li a, .dd_mainnav ol li ol li a:visited {display:block; text-decoration:none; width:109px; color:#fff;}
.dd_mainnav ol li ol li a:hover, .dd_mainnav ol li ol li a:active {font-size:12px !important; text-decoration:underline; color:#fff;}

#kopf_flash {width:990px; height:181px; border-top:1px solid #fff; border-bottom:1px solid #fff; margin-top:-4px\9;}
*+html #kopf_flash {height:183px;}
*html #kopf_flash {height:183px;}  

/**inhaltsbereich**/
#artikelbox {width: 988px; border-top: 1px solid #b8bdbc; border-right: 1px solid #b8bdbc; border-left: 1px solid #b8bdbc; background: url(http://www.dynamic-shop.de/lentz/sylvania/gfx/content_bg_gruen.gif) repeat; overflow:hidden;}
*+html #artikelbox {width: 990px;}
*html #artikelbox {width: 990px;}

#energiebalken {background: url(http://www.dynamic-shop.de/lentz/sylvania/gfx/balken-gruen.gif) no-repeat #96bf0d; border-right: 1px solid #b8bdbc; width: 59px; float: left; height:400px;}
*+html #energiebalken {width:60px;}
*html #energiebalken {width:60px;}

#artikelbilder {width: 399px; border-right: 1px solid #b8bdbc; float: left; overflow: hidden;}
*+html #artikelbilder {width:400px;}
*html #artikelbilder {width:400px;}

#bild_big {width:399px; overflow:hidden; width:400px\9}
#bild_big img {width:400px;}
#bild_small {border-top:1px solid #b8bdbc; width:100%; padding:10px 5px;}
#bild_small div {display:inline;}
#bild_small div img {height:60px !important; margin:0px 5px; border-right:1px solid #b8bdbc; cursor:pointer;}

#artikelbeschreibung {width: 330px; border-right: 1px solid #b8bdbc; float: left;}

#artikelueberschrift {font-family: Arial; font-size: 16px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center;}
#artikeltext {font-family: Arial; font-size: 12px; padding: 10px 10px 10px 10px;}
#beschreibung_reiter {width:330px; font-family:arial; font-size:12px !important;}
#head_reiter {border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
#head_reiter {height:28px\9}
#head_reiter a, #head_reiter a:visited {text-decoration:none; display:block; width:100%; line-height:28px; background-color:#ececec; color:#808080;}
#head_reiter a:hover {background-color:#d9d9d9; color:#000}
#head_reiter a.aktiv, #head_reiter a:visited.aktiv {background-color:#d9d9d9; color:#000}
#head_reiter .left_div {float:left; width:164px; font-weight:bold; text-align:center; border-right:1px solid #bfbfbf;}
#head_reiter .right_div {float:left; width:164px; font-weight:bold; text-align:center; border-left:1px solid #bfbfbf;}
*+html #head_reiter .left_div {width:165px;}
*html #head_reiter .left_div {width:165px;}
*+html #head_reiter .left_div {width:165px;}
*html #head_reiter .right_div {width:165px;}

.reiter_inhalt {padding:5px;}
.reiter_inhalt .left_div {float:left; background:#f3f2f2; width:155px; line-height:22px; border-top:1px solid #fff; border-bottom:1px solid #fff; font-weight:bold; padding-left:5px}
.reiter_inhalt .right_div {float:left; background:#f3f2f2; width:155px; line-height:22px; border-top:1px solid #fff; border-bottom:1px solid #fff; padding-right:5px}
*+html .reiter_inhalt .left_div {width:160px}
*+html .reiter_inhalt .right_div {width:160px}
*html .reiter_inhalt .left_div {width:160px}
*html .reiter_inhalt .right_div {width:160px}
#desc {background:#f3f2f2; font-size:12px !important;}
.eklasse {padding-top:7px; padding-left:10px;}


#preis-ampel {width: 196px; float: left;}
#preis-ampel {width: 195px\9}
#preis {font-family: Arial; font-size: 12px; padding: 10px 10px 10px 10px;}
#preis-ampel #readmore {display:block; text-align:right;}
#preis-ampel #readmore a {color:#008175; font-weight:bold; font-size:12px; padding-right:10px; text-decoration:underline}
#energieampel {width: 100%; height:208px; background: url(http://www.dynamic-shop.de/lentz/sylvania/gfx/ampel-gruen.gif) no-repeat;}


/**sortiment**/
#sortiment {width: 910px; margin-left: 60px; padding: 10px; background:#fff; border-top:1px solid #b8bdbc; width:929px\9;}
#infobox_lichtfarbe {background: url(gfx/lichtfarbe.gif) no-repeat; width: 910px; height: 215px;}
.infotitel {width: 910px; font-family: Arial; font-size: 20px; line-height: 36px; color:#96bf0d; border-bottom:1px solid #96bf0d;}


/**fusszeile**/
#footer {background: url(gfx/footer-bg.gif) no-repeat #008575; width: 990px; height:330px}

#footer-navi {text-align: center; font-family: Arial; font-size: 12px; color: #ffffff; padding: 10px 0px 10px 0px;}
#footer-navi a:link, #footer-navi a:visited, #footer-navi a:active {font-family: Arial; font-size: 12px; color: #ffffff; text-decoration: none !important;}
#footer-navi a:hover {text-decoration: underline !important;}

#footer-navi2 {text-align: center; font-family: Arial; font-size: 12px; color: #ffffff; padding: 10px 10px 10px 10px; border-top: 1px solid #ffffff; background: #26978a;}
#footer-navi2 a:link, #footer-navi2 a:visited, #footer-navi2 a:active {font-family: Arial; font-size: 12px; color: #ffffff; text-decoration: none !important;}
#footer-navi2 a:hover {text-decoration: underline !important;}

#footer-kat {width: 990px; padding: 30px 0px 20px 0px; text-align:left}

.ft-kb1, .ft-kb2, .ft-kb3, .ft-kb4, .ft-kb5 {width: 135px; height: 225px; padding: 10px 10px 10px 20px; border-right: 1px solid #ffffff; font-family: Arial; font-size: 12px; color: #bfe0dc; float: left; margin: 0px;}
.ft-kb6 {width: 135px; height: 225px; padding: 10px 0px 10px 20px; border-right: 0px solid #ffffff; font-family: Arial; font-size: 12px; color: #bfe0dc; float: left; margin: 0px;}

.ft-kb1, .ft-kb2, .ft-kb3, .ft-kb4, .ft-kb5 {width: 165px\9}
.ft-kb6 {width: 155px\9}

#p1 {font-family: Arial; font-size: 12px; font-weight: bold; color: #bfe0dc; margin: 0px; padding: 5px 0px 0px 0px;}
#p2 {font-family: Arial; font-size: 12px; font-weight: bold; color: #bfe0dc; margin: 0px; padding: 5px 0px 0px 0px;}
#p3 {font-family: Arial; font-size: 12px; font-weight: bold; color: #bfe0dc; margin: 0px; padding: 5px 0px 0px 0px;}
#p4 {font-family: Arial; font-size: 12px; font-weight: bold; color: #bfe0dc; margin: 0px; padding: 5px 0px 0px 0px;}
#p5 {font-family: Arial; font-size: 12px; font-weight: bold; color: #bfe0dc; margin: 0px; padding: 5px 0px 0px 0px;}
#p6 {font-family: Arial; font-size: 12px; font-weight: bold; color: #bfe0dc; margin: 0px; padding: 5px 0px 0px 0px;}

#footer-kat ol {list-style-type: square; color: #bfe0dc; margin: 10px 0px 0px 15px; line-height: 20px; padding:0px;}
#footer-kat ol li {padding:0px; margin:0px;}
#footer-kat ol a:link, #footer-kat ol a:visited, #footer-kat ol a:active {font-family: Arial; font-size: 12px; color: #bfe0dc; text-decoration: underline !important;}
#footer-kat ol a:hover {text-decoration: none !important;}

#copyright {width: 990px; font-family: Arial; font-size: 12px; color: #008575; padding: 10px 0px 10px 0px; text-align: center; margin:0px auto;}