﻿/** Basis **/
#EBdescription {text-align: center !important;}
html, body {margin:0px !important; padding:0px !important;}
img {outline:none}
.cf {clear: both; height: 0px; font-size: 0px;}
#arbeitsbereich {background: #ffffff; padding: 0px 0px 0px 0px;}
#template {text-align: center; margin: 0px auto; width: 990px;}
#template-inhalt {font-family: Arial; color: #333333;}




/** Header **/
#kopfzeile {background: url(gfx/kopfzeile.jpg) no-repeat; width: 990px; height: 166px; position: relative; text-align: left; z-index: 50000;}

a.logolink {display: block; height: 58px; left: 0px; position: absolute; top: 27px; width: 304px;}

#shopinfo {background: url(gfx/verkauferinfo.gif) no-repeat; height: 27px; position: absolute; right: 0px; top: 21px; width: 124px;}
a.shopinfolink01 {display: block; height: 27px; position: absolute; left: 0px; top: 0; width: 62px;}
a.shopinfolink02 {display: block; height: 27px; position: absolute; right: 0px; top: 0; width: 59px;}

#suche {height: 22px; left: 718px; position: absolute; top: 90px;}
#suche {left: 718px\9; top: 90px\9;}
#suchform, #send_form {float:left;}
*html #suchform {position:relative; top:0px;}
*+html #suchform {position:relative; top:0px;}
*html #send_form {position:relative; top:0px;}
*+html #send_form {position:relative; top:0px;}
#suche-eingabe {background: none; border: 0px none; width: 243px; color: #5d5d5f; font-family: Arial; font-size: 11px;}
#los_btn {display: block; height: 27px; left: 243px; position: absolute; top: -8px; width: 29px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#suche {left: 718px; top: 89px;}}

#headernavigation {position: absolute; top: 125px; left: 3px; z-index: 2000 !important;}

#topnavi01 {width: 98px; height: 35px;}
#topnavi02 {width: 96px; height: 35px;}
#topnavi03 {width: 95px; height: 35px;}
#topnavi04 {width: 94px; height: 35px;}
#topnavi05 {width: 102px; height: 35px;}
#topnavi06 {width: 107px; height: 35px;}
#topnavi07 {width: 88px; height: 35px;}
#topnavi08 {width: 132px; height: 35px;}

.dd_mainnav1 {z-index: 2000 !important; font-size:11px; vertical-align: bottom; text-align: left !important; float:left;}
.dd_mainnav1 ol, .dd_mainnav1 ol li {height:auto; margin:0px; padding:0px; z-index: 2000 !important; list-style: none; position:relative; font-size: 0px; width: auto;}
.dd_mainnav1 ol li ol {visibility: hidden; position: absolute; z-index: 2000 !important; height:auto; margin: 0px 0px 0px 0px; text-align: left !important; width: 513px;}
.dd_mainnav1 ol li ol li {padding: 0px 0px 0px 3px;}
.dd_mainnav1 ol li:hover ol, .dd_mainnav1 ol li a:hover ol {visibility: visible;}
.dd_mainnav1 ol li ol li:hover ol, .dd_mainnav1 ol li a:hover ol li ol {visibility: visible;}
.dd_mainnav1 ol li a {display:block;}
.dd_mainnav1 ol li a:hover {background-color: none;}
.dd_mainnav1 ol li ol li a, .dd_mainnav2 ol li ol li a:visited {position:relative; display:block; color:#58585A !important; text-decoration:none !important; font-family: Arial; font-size: 15px; line-height: 28px;}
.dd_mainnav1 ol li ol li a:hover, .dd_mainnav1 ol li ol li a:active {text-decoration: underline !important;}
.dd_mainnav1 ol li ol {margin: 0px 0px 0px -3px; margin: -1px 0px 0px -3px\9;}
.dd_mainnav1 ol li ol li span {margin-top: 0px; left: 0px !important; float: left !important; width: 169px; background-color: none !important; border: 0px none !important; padding: 0px !important; position: relative !important;}
.dd_mainnav1 ol li ol li span a, .dd_mainnav1 ol li ol li  span a:visited {padding: 0px 0px 0px 10px; color: #000000 !important; text-decoration: none !important; font-family: Arial; font-size: 11px; line-height: 24px;}
.dd_mainnav1 ol li ol li span a:hover, .dd_mainnav1 ol li ol li span a:active {background: #dddddd !important; color: #000000 !important; text-decoration: none !important;}
.dd_mainnav1 ol li ol li.subhg {background: url(gfx/topsubnav-hg_gr.gif) repeat-y !important; height: 1px\9;}
.dd_mainnav1 #subnavfuss_gr {line-height: 0px !important; background: url(gfx/topsubnav-fuss_gr.gif) no-repeat; height: 3px; width: 513px; font-size: 0px !important;}

.dd_mainnav2 {z-index:10000 !important; font-size:11px; vertical-align:bottom; text-align:left !important; float:left; font-family: Arial; margin-left: 0px;}
.dd_mainnav2 ol, .dd_mainnav2 ol li {height:auto; margin:0px; padding:0px; list-style: none; position:relative; font-size: 0px;}
.dd_mainnav2 ol li ol {visibility:hidden; position:absolute; z-index:15000 !important; height:auto; margin: 0px; left: 0px; margin-top: 0px; width:171px;}
.dd_mainnav2 ol li ol li ol {visibility:hidden; left: 168px; z-index:15000 !important;}
.dd_mainnav2 ol li:hover ol li ol, .dd_mainnav2 ol li a:hover ol li ol {visibility:hidden;}
.dd_mainnav2 ol li:hover ol, .dd_mainnav2 ol li a:hover ol {visibility:visible;}
.dd_mainnav2 ol li ol li:hover ol, .dd_mainnav2 ol li ol li a:hover ol {visibility:visible;}
.dd_mainnav2 ol li a {display:block;}
.dd_mainnav2 ol li a:hover {background-color: none;}
.dd_mainnav2 ol li ol li a, .dd_mainnav2 ol li ol li a:visited {position:relative; display:block; color:#000000; font-size: 11px !important; line-height:24px; font-weight:normal; text-decoration:none; text-indent: 10px; background: url(gfx/topsubnav-hg.gif) no-repeat; width: 171px;}
.dd_mainnav2 ol li ol li a:hover, .dd_mainnav2 ol li ol li a:active {color: #000000; text-decoration:none; background: url(gfx/topsubnav-hg-hover.gif) no-repeat; width: 171px; }
.dd_mainnav2 ol li ol {margin: 0px 0px 0px -3px; margin: -1px 0px 0px -3px\9;}
.dd_mainnav2 ol li ol li a ol {margin: -24px 0px 0px 0px;}
.dd_mainnav2 ol li ol li ol {margin: -1px 0px 0px 0px; margin: -1px 0px 0px 0px\9;}
.dd_mainnav2 #subnavfuss {background: url(gfx/topsubnav-fuss.gif) no-repeat !important; width: 171px !important; height: 3px !important; font-size: 0px !important; line-height: 0px !important;}




/** Content **/
#content {width: 990px; text-align: left;}
#content-inhalt {padding: 14px 0px 20px 0px;}
#con-lsp {float: left; width: 186px;}
#con-lsp-inhalt {padding: 0px 0px 0px 0px;}
#con-rsp {float: left; width: 804px;}
#con-rsp-inhalt {padding: 0px 0px 0px 10px;}




/** Linke Spalte **/
#artikelfinder {width: 186px;}
#artfinderkopf {background: url(gfx/finder-kopf.gif) no-repeat; width: 186px; height: 10px; font-size: 0px;}
#artfinderhg {background: url(gfx/finder-hg.gif) repeat-y; width: 186px; }
#artfinderhg-inhalt {padding: 0px 10px 0px 10px; padding: 0px 0px 0px 10px\9; font-family: Arial; font-size: 11px; color: #666666;}
#artfinderfuss {background: url(gfx/finder-fuss.gif) no-repeat; width: 186px; height: 30px; font-size: 0px;}
#findertitle {font-size:14px; color:#ff8c00; text-transform:uppercase; font-weight: bold; padding: 0px 0px 10px 0px;}

#finder-gender {padding: 0px 0px 10px 0px;font-family: Arial; font-size: 11px; color: #666666; line-height: 20px;}
#finder-marke {padding: 10px 0px 0px 0px;}
#finder-farbe {padding: 10px 0px 0px 0px;}
#finder-groesse {padding: 10px 0px 0px 0px;}
.findersubtitle {font-family: Arial; color: #414141; font-size: 11px; font-weight: bold; line-height: 20px; text-transform: uppercase;}
.drodo01 {border: 1px solid #BFBFBF; color: #666666; font-family: Arial; font-size: 11px; height: 22px; line-height: 22px; padding: 3px; width: 166px;}
.drodo02 {border: 1px solid #BFBFBF; color: #666666; font-family: Arial; font-size: 11px; height: 22px; line-height: 22px; padding: 3px; width: 166px; height: 60px;}

#farbe_area {}
.farbe_area-zeile {}
#color01 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color01.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color02 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color02.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color03 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color03.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color04 {display: block; float: left; margin: 0px 0px 7px 0px; background: url(gfx/color04.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color05 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color05.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color06 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color06.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color07 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color07.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color08 {display: block; float: left; margin: 0px 0px 7px 0px; background: url(gfx/color08.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color09 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color09.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color10 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color10.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color11 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color11.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color12 {display: block; float: left; margin: 0px 0px 7px 0px; background: url(gfx/color12.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color13 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color13.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
#color14 {display: block; float: left; margin: 0px 7px 7px 0px; background: url(gfx/color14.gif) no-repeat; border: 1px solid #dddddd; width: 34px; height: 20px; width: 36px\9; height: 22px\9;}
.activeColor {border: 1px solid #414141 !important;}

.size_area-zeile {}
.size_area-zeile a:link, .size_area-zeile a:visited {display: block; float: left; border: 1px solid #dddddd; width: 28px; height: 28px; width: 30px\9; height: 30px\9; line-height: 28px; color:#666666; text-align:center; text-decoration:none; background: #ffffff;}
.size_area-zeile a:hover, .size_area-zeile a:active {background: #ff8c00; color: #ffffff;}
.activesize {background:#ff8c00 !important; color: #ffffff !important; border: 1px solid #ff8c00 !important;}

#finder-go {padding: 10px 0px 10px 33px;}
a.finder-button-link {background: url(gfx/artfinder-button.gif) no-repeat; width: 100px; height: 24px; display: block;}


#dealderwoche {width: 186px;}
#ddw-titel {background: #414141; width: 118px;}
#ddw-titel-inhalt {font-size:12px; color:#ffffff; text-transform: uppercase; padding:4px;}
#ddw-inhalt {padding: 0px 0px 0px 0px;}




/** Rechte Spalte **/
#artikelbeschreibung {width: 794px; padding: 0px 0px 20px 0px;}
#artdesc-lsp {float: left; width: 300px;}
#artdesc-lsp-inhalt {padding: 0px 0px 0px 0px;}
#artdesc-rsp {float: left; width: 494px;}
#artdesc-rsp-inhalt {padding: 0px 0px 0px 20px;}

#m_lb {position:absolute; font-size:0px; z-index:50000 !important; width:100%; text-align:center; cursor: pointer; left:0px; top:0px; height:100%;}
#lb_inhalt {margin: 0 auto 0 auto;}
.lb_ecke {width:12px; height:12px;}
#oben_links {background:url(gfx/lb/oben_links.png) no-repeat;}
#oben_rechts {background:url(gfx/lb/oben_rechts.png) no-repeat;}
#unten_links {background:url(gfx/lb/unten_links.png) no-repeat;}
#unten_rechts {background:url(gfx/lb/unten_rechts.png) no-repeat;}
#lb_breite_oben {background:url(gfx/lb/breite_oben.png) repeat-x;}
#lb_breite_unten {background:url(gfx/lb/breite_unten.png) repeat-x;}
.lb_hoehe_links, .lb_hoehe_rechts {width:12px; padding:0px;}
.lb_hoehe_links {background:url(gfx/lb/hoehe_links.png) repeat-y;}
.lb_hoehe_rechts {background:url(gfx/lb/hoehe_rechts.png) repeat-y;}
#lb_inhalt td {padding:0px;}
#closer {display:block; position:absolute; background:url(gfx/lb/close.png) no-repeat; width:20px; height:20px; margin-left:-25px; margin-top:11px;}
#lb_pic {border:0px solid #ffffff;}
#pic {width: 300px; margin: 0px; position: relative; z-index: 40000 !important;}
a#bild_big {display:block; width: 300px; height: 300px; background-repeat: no-repeat; background-position:center center;}
.imagegalery_scroll_left, .imagegalery_scroll_right {width: 12px; height: 100px; background:url(gfx/slider_arrow.gif) no-repeat left top; cursor:pointer; margin: 8px 5px 0 0px}
.add_img_box {float:left; width: 266px; overflow:hidden}
.imagegalery_scroll_right {background-position: right; margin: 8px 0 0 5px;}
.img_slider img {width:100px;}
#previewtray {background:#fff;}
 a#zoom {display:block; background:url(gfx/zoom.png) no-repeat; width: 30px; height: 30px; position: absolute; top: 10px; right: 10px;}


#gr_aview_picscroll {width: 714px; background: #ffffff; z-index:50000;}
.gr_imagegalery_scroll_left, .gr_imagegalery_scroll_right {width:12px; height: 100px; background:url(gfx/gr_slider_arrow.gif) no-repeat left center; cursor: pointer; margin: 260px 10px 0px 10px;}
.gr_add_img_box {float:left; width: 650px; overflow:hidden; background: #ffffff; padding: 20px 0px;}
.gr_imagegalery_scroll_right {background-position: right; margin: 260px 10px 0px 10px;}
.gr_img_slider img {width: 650px; margin: 0px;}
#gr_previewtray {}
#gr_closer {display:block; position:absolute; background:url(gfx/lb/close.png) no-repeat; width:20px; height:20px; left: 665px; top: 40px;}
td.gr_img_slider_last #lb_pic {}




#produktvideo {padding: 10px 0px 20px 25px; position: relative; z-index: 1 !important;}
a.produktvideolink {background: url(gfx/vidbutton.gif) no-repeat; z-index: 1 !important; font-family: Arial; font-size: 12px; color:#414141; text-decoration: none; padding: 8px 0 8px 42px; line-height: 29px;}
a.produktvideolink:hover {color:#ff8c00; text-decoration: underline;}

#m_lb2 {position:absolute; font-size:0px; z-index:50000; width:100%; text-align:center; cursor: pointer; left:0px; top:0px; height:100%;}
#lb_inhalt2 {margin: 0 auto 0 auto;}
.lb_ecke2 {width:12px; height:12px;}
#oben_links2 {background:url(gfx/lb/oben_links.png) no-repeat;}
#oben_rechts2 {background:url(gfx/lb/oben_rechts.png) no-repeat;}
#unten_links2 {background:url(gfx/lb/unten_links.png) no-repeat;}
#unten_rechts2 {background:url(gfx/lb/unten_rechts.png) no-repeat;}
#lb_breite_oben2 {background:url(gfx/lb/breite_oben.png) repeat-x;}
#lb_breite_unten2 {background:url(gfx/lb/breite_unten.png) repeat-x;}
.lb_hoehe_links2, .lb_hoehe_rechts2 {width:12px; padding:0px;}
.lb_hoehe_links2 {background:url(gfx/lb/hoehe_links.png) repeat-y;}
.lb_hoehe_rechts2 {background:url(gfx/lb/hoehe_rechts.png) repeat-y;}
#lb_inhalt2 td {padding:0px;}
#closer2 {display:block; position:absolute; background:url(gfx/lb/close.png) no-repeat; width:20px; height:20px; margin-left:-25px; margin-top:11px;}
#lb_bild2 {background: #ffffff; padding: 30px 20px !important;}



#artdesc-beschreibung {width: 474px;}
#artdesc-titel {color: #414141; font-size: 16px; font-weight: bold; line-height: 20px; padding: 0px 0px 10px 0px; text-transform: uppercase;}
#artdesbesch-box {width: 474px;}
#artdesbesch-box-lsp {float: left; width: 74px;}
#artdesbesch-box-lsp img {max-height: 60px;}
#artdesbesch-box-rsp {float: left; width: 400px;}
#preisbox {text-align: right; font-family: Arial; color: #8E8E8E; font-size: 11px;}
#preisbox strong {font-size: 27px; color:#414141}
.mwst {font-family: Arial; color: #8E8E8E; font-size: 11px;}
.mwst a:link, .mwst a:visited {color: #8E8E8E; font-size: 11px; text-decoration: underline;}
.mwst a:hover, .mwst a:active {text-decoration: none;}
.sofortkaufen {position: relative; height: 90px; z-index: 1 !important;}
a.button-sofort {display: block; background: url(gfx/button-sofortkaufen.gif) no-repeat; height: 33px; width: 126px; position: absolute; top: 20px; right: 0px; z-index: 1 !important;}

#artdesc-text {width: 474px; font-size:11px; color:#414141; text-align:left;}
#artdesc-text ul {list-style: none outside none; margin: 0px; padding: 10px 0px 20px 20px;}
#artdesc-text ul li {background: url(gfx/ico_plus.gif) no-repeat; padding: 0px 0px 0px 15px;}

#favnews {width: 474px;}
.fav-buttons01 {float:left; width: 150px; padding: 0px 0px 0px 0px;}
.fav-buttons02 {float:left; width: 150px; padding: 0px 0px 0px 0px;}
.fav-buttons01 a:link, .fav-buttons01 a:visited {font-size:10px; padding: 0px 0px 0px 15px; background: url(gfx/pfeil.gif) no-repeat; color:#414141; text-decoration:none; line-height:20px;}
.fav-buttons01 a:hover, .fav-buttons01 a:active {color:#ff8c00;}
.fav-buttons02 a:link, .fav-buttons02 a:visited {font-size:10px; padding: 0px 0px 0px 15px; background: url(gfx/pfeil.gif) no-repeat; color:#414141; text-decoration:none; line-height:20px;}
.fav-buttons02 a:hover, .fav-buttons02 a:active {color:#ff8c00;}

#patgal01 {width: 794px; padding: 0px 0px 20px 0px;}
#patgal02 {width: 794px; padding: 0px 0px 0px 0px;}
.patgal-titel {background: #414141; width: 50%;}
.patgal-titel-inhalt {font-size:12px; color:#ffffff; text-transform: uppercase; padding: 4px;}
.patgal-inhalt {padding: 0px 0px 0px 0px;}




/** Footer **/
#fusszeile {background: url(gfx/footer.gif) no-repeat; width: 990px; height: 217px; position: relative; text-align: left;}
#foolinkbox01 {position: absolute; top: 19px; left: 12px; width: 140px;}
#foolinkbox02 {position: absolute; top: 19px; left: 168px; width: 140px;}
#foolinkbox03 {position: absolute; top: 19px; left: 360px;}
.foolinkboxhead {font-size: 12px; color: #ffffff; text-transform: uppercase; padding: 0px 0px 15px 5px;}
.foolinkbox a:link, .foolinkbox a:visited {font-size: 11px; color: #adadad; text-decoration: none; display: block; height:20px; line-height:20px; padding: 0px 5px;}
.foolinkbox a:hover, .foolinkbox a:active {font-size: 11px; color: #ffffff; background: url(gfx/footerhover.png);}
#tagwolke {width:335px; padding: 5px 0px 0px 5px; text-align: center;}
a.foo01:link, a.foo01:visited {font-family: Arial; font-size: 11px; color: #adadad; text-decoration: none; margin: 0px 3px;}
a.foo01:hover {text-decoration: underline;}
a.foo02:link, a.foo02:visited {font-family: Arial; font-size: 13px; color: #adadad; text-decoration: none; margin: 0px 3px;}
a.foo02:hover {text-decoration: underline;}
a.foo03:link, a.foo03:visited {font-family: Arial; font-size: 11px; font-weight: bold; color: #adadad; text-decoration: none; margin: 0px 3px;}
a.foo03:hover {text-decoration: underline;}
a.foo04:link, a.foo04:visited {font-family: Arial; font-size: 13px; font-weight: bold; color: #adadad; text-decoration: none; margin: 0px 3px;}
a.foo04:hover {text-decoration: underline;}
a.foo05:link, a.foo05:visited {font-family: Arial; font-size: 15px; color: #adadad; text-decoration: none; margin: 0px 3px;}
a.foo05:hover {text-decoration: underline;}
a.foo06:link, a.foo06:visited {font-family: Arial; font-size: 15px; font-weight: bold; color: #adadad; text-decoration: none; margin: 0px 3px;}
a.foo06:hover {text-decoration: underline;}
a.footerlogolink {display: block; height: 50px; position: absolute; right: 10px; top: 99px; width: 240px;}
a.footerversandlink {display: block; height: 34px; position: absolute; right: 20px; top: 54px; width: 76px;}
a.footerbezahlunglink {display: block; height: 34px; position: absolute; right: 103px; top: 54px; width: 76px;}
#copyright {color: #FFFFFF; font-family: Arial; font-size: 11px; left: 17px; position: absolute; top: 178px;}
a.sellis {height: 24px; position: absolute; right: 10px; top: 174px; width: 160px;}

