@import url("/assets/css/reset.css");

/* ########### BASICS ########### */
html { font-size: 100.01%; }
body { font-size: 62.5%; background: #000; color: #FFF; font: 12px/20px "Trebuchet MS", Verdana, Sans-serif; }

/* ########### HEADER ########### */
#header { height: 49px; position: relative; border-bottom: 1px solid #F9EFA6; margin-bottom: 25px;}
#header h1 { background: url("/assets/images/logo.gif") no-repeat; height: 39px; position: absolute; right: 21px; text-indent: -9999px; top: 22px; width: 174px; }
#header ul#navigation { height: 49px; width: 620px; position: relative; }
#header ul#navigation li { display: block; position: absolute; height: 49px; }
#header ul#navigation li#btn_start { width: 60px; left: 5px; }
#header ul#navigation li#btn_showroom { width: 135px; left: 104px; }
#header ul#navigation li#btn_aktuelles { width: 96px; left: 289px; }
#header ul#navigation li#btn_info { width: 49px; left: 435px; }
#header ul#navigation li#btn_kontakt { width: 83px; left: 534px; }
#header ul#navigation li a { display: block; text-indent: -9999px; width: 100%; height: 100%; background: url("/assets/images/navigation.png") no-repeat; }
/* normal */
#header ul#navigation li#btn_start a { background-position: -5px 0px;}
#header ul#navigation li#btn_showroom a { background-position: -104px 0px;}
#header ul#navigation li#btn_aktuelles a { background-position: -289px 0px;}
#header ul#navigation li#btn_info a { background-position: -435px 0px;}
#header ul#navigation li#btn_kontakt a { background-position: -534px 0px;}
/* hover */
#header ul#navigation li#btn_start a:hover { background-position: -5px -50px;}
#header ul#navigation li#btn_showroom a:hover { background-position: -104px -50px;}
#header ul#navigation li#btn_aktuelles a:hover { background-position: -289px -50px;}
#header ul#navigation li#btn_info a:hover { background-position: -435px -50px;}
#header ul#navigation li#btn_kontakt a:hover { background-position: -534px -50px;}
/* selected */
#start li#btn_start a { background-position: -5px -100px !important;}
#showroom li#btn_showroom a { background-position: -104px -100px !important;}
#aktuelles li#btn_aktuelles a { background-position: -289px -100px !important;}
#info li#btn_info a { background-position: -435px -100px !important;}
#kontakt li#btn_kontakt a { background-position: -534px -100px !important;}

/* ########### PAGE ########### */
#page { width: 960px; margin: 0 auto; position: relative; }

/* ########### CAROUSEL ########### */
#start_carousel { height: 408px; width: 960px; overflow: hidden; }
#start_carousel a.dummy { cursor: default; }

#info_box { position: absolute; top: 440px; z-index: 500; width: 280px; height: 85px; overflow: hidden; background: url("/assets/images/carousel_info.gif") no-repeat; }
#info_box h2 { text-indent: -9999px; }
#info_box p { position: absolute; top: 37px; left: 21px; font-size: 11px; line-height: 18px; width: 250px; height: 40px; overflow: hidden; white-space: pre; }

#start #info_box p { display: none; }

/* ### SHOWROOM CAROUSEL ### */
#showroom_carousel { height: 410px; width: 960px; overflow: hidden; }
body.showroom #info_box { width: 300px; height: 50px; position: relative; top: 0; background: url("/assets/images/coll_winter09.png") no-repeat; }
body.showroom #info_box p { position: absolute; font-size: 11px; text-align: right; left: auto; top: 18px; right: 30px; color: #777;}
body.showroom div.jcarousel-container { background: #F9EFA6; border-top: 1px solid #F9EFA6; border-bottom: 1px solid #F9EFA6;}
body.showroom .jcarousel-skin-tango .jcarousel-container-horizontal { padding: 0px 40px; }
body.showroom .jcarousel-skin-tango .jcarousel-next-horizontal { background-image: url("/assets/carousel/skins/tango/next-horizontal-black.png"); }
body.showroom .jcarousel-skin-tango .jcarousel-prev-horizontal { background-image: url("/assets/carousel/skins/tango/prev-horizontal-black.png"); }
body.showroom .jcarousel-skin-tango .jcarousel-item { width: 291px; overflow: hidden; border-right: 3px solid #F9EFA6;}

/* ########### CONTENT ########### */
#floaters { position: relative; height: 310px; border-top: 1px solid #F9EFA6; padding-top: 30px; margin-top: 20px; }
body.showroom #floaters { margin-top: 40px; }

.med_floater { background: url("/assets/images/floater_bg.gif") no-repeat bottom; position: absolute; width: 300px; height: 270px; overflow: hidden;}
.med_floater h3 { height: 50px; text-indent: -9999px; width: 300px; }
.med_floater .wrapper { background: #0d0d0d; width: 244px; height: 160px; position: absolute; left: 10px; top: 50px; padding: 20px 13px; }
.med_floater .wrapper h4 { background: url("/assets/images/arrow.gif") no-repeat 0px 5px; color: #F9EFA6; padding-left: 25px; text-transform: uppercase; letter-spacing: 1px; }
.med_floater .wrapper p { margin: 0 0 0 25px;}

p a:link, #page p a:visited { color: #FCF1B4; text-decoration: none; }
p a:hover, #page p a:active { text-decoration: underline; }
a.weblink { background: url("/assets/images/weblink.gif") no-repeat left; padding-left: 20px; }

/* ########### STARTPAGE ########### */
/* STARTPAGE DATE FLOATER */
#date h3 { background: url("/assets/images/start_date.gif") no-repeat; }
#date li { display: block; text-transform: uppercase; width: 236px; letter-spacing: 1px; position: relative; }
#date li:first-child { padding-bottom: 20px; border-bottom: 1px solid #272727; margin-bottom: 20px; }
#date li:first-child a.morelink { bottom: 19px; }
#date li a { text-transform: none; }
#date li a.morelink { background: url("/assets/images/morelink.gif") no-repeat 30px 8px; color: #fff; display: block; font-size: 10px; font-style: italic; font-weight: normal; padding-right: 10px; position: absolute; right: 0; text-decoration: none; bottom: -1px; }
#date li a:link, #date li a:visited { text-decoration: none; }
#date li a:hover, #date li a:active { color: #FCF1B4; }

/* STARTPAGE COLLECTION FLOATER */
#collection { left: 330px; }
#collection h3 { background: url("/assets/images/start_collection.gif") no-repeat; }
#collection .wrapper { width: 270px; height: 200px; padding: 0px; }

/* STARTPAGE RETAILER FLOATER */
#retailer { left: 660px; }
#retailer h3 { background: url("/assets/images/start_haendler.gif") no-repeat; }
#retailer p { margin-bottom: 0; }
#retailer p.weblink { background: url("/assets/images/webmail.gif") no-repeat left 6px; padding-left: 25px; }
#retailer p a:link, #retailer p a:visited { color: #FFF; border-bottom: 1px dotted #FFF; text-decoration: none; }
#retailer p a:hover, #retailer p a:active { color: #F9EFA6; border-bottom: 1px dotted #F9EFA6; }
#retailer form { position: relative; top: 26px;}
#retailer form input { background: #7e7a60; border: 0; color: #0d0d0d; height: 14px; padding: 3px; position: absolute; width: 165px; top: 50px; left: 25px; }
#retailer form input#username { top: 25px;}
#retailer form input#password { }
#retailer form input#login { left: auto; right: 0px; width: auto; height: 20px; color: #7e7a60; text-align: right; padding-right: 0px; background: transparent; }
#retailer form input#login:hover { cursor: pointer; color: #F9EFA6; }
#retailer form input:focus { background: #F9EFA6; }
	
/* ########### KONTAKT / PARTNERS ########### */
#partners { height: 420px; width: 960px; background: url("/assets/images/kontakt_partners.png") no-repeat; position: relative ;}
#partners #shopfloater { display: none; }
#shops { background: url("/assets/images/europapfeile.png") no-repeat 442px 82px; height: 400px;}
#shops li { position: absolute; }
#shops li:hover { z-index: 100; }
#shops li h4 { text-indent: -9999px; width: 120px; height: 40px; }
#shops li p { display: none; }
#shops li:hover p { display: block; background: #fcf3bf; color: #121212; padding: 10px; min-width: 170px; font-size: 10px; line-height: 15px; border: 3px solid #7e7a60; opacity: 0.8;}
#shops li p span { display: block; }
#shops li p span.name { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
#shops li p span.city, #shops li p span.country { display: inline; }
#shops li p span.country:before { content: ", "; }
#shops li p span.telephone:before { content: "T "; }
#shops li p span.email, #shops li p span.url { background: url("/assets/images/weblink.gif") no-repeat 0 3px; padding-left: 25px; height: 15px; }
#shops li p span.email { background-image: url("/assets/images/webmail.gif"); }
#shops li p a { color: #000 !important; text-decoration: none; padding: 2px 5px;} 
#shops li p a:hover { background: #121212; color: #fcf3bf !important; }
#shop_hh { top: 60px; left: 524px; }
#shop_do { top: 47px; left: 352px; }
#shop_se { top: 92px; left: 550px; }
#shop_bu { top: 136px; left: 628px; }
#shop_zu { top: 145px; left: 355px; }
#shop_ge { top: 95px; left: 323px; }
#shop_gr { top: 182px; left: 364px; }
#shop_le { top: 162px; left: 536px; }
#shop_nb { top: 105px; left: 160px; }
#shop_ny { top: 135px; left: 165px; }
#shop_br { top: 135px; left: 290px; }
#shop_mi { top: 160px; left: 270px; }
#shop_mc { top: 170px; left: 110px; }
#shop_os { top: 150px; left: 750px; }
#shop_me { top: 308px; left: 705px; }
#shop_sf { top: 140px; left: 65px; }
#shop_hh h4 { background: url("/assets/images/kontakt_hh.png") no-repeat; }
#shop_do h4 { background: url("/assets/images/kontakt_do.png") no-repeat; }
#shop_se h4 { background: url("/assets/images/kontakt_se.png") no-repeat; }
#shop_bu h4 { background: url("/assets/images/kontakt_bu.png") no-repeat; }
#shop_zu h4 { background: url("/assets/images/kontakt_zu.png") no-repeat; }
#shop_ge h4 { background: url("/assets/images/kontakt_ge.png") no-repeat; }
#shop_gr h4 { background: url("/assets/images/kontakt_gr.png") no-repeat; }
#shop_le h4 { background: url("/assets/images/kontakt_le.png") no-repeat; }
#shop_nb h4 { background: url("/assets/images/kontakt_nb.png") no-repeat; }
#shop_ny h4 { background: url("/assets/images/kontakt_ny.png") no-repeat; }
#shop_br h4 { background: url("/assets/images/kontakt_br.png") no-repeat; }
#shop_mi h4 { background: url("/assets/images/kontakt_mi.png") no-repeat; }
#shop_mc h4 { background: url("/assets/images/kontakt_mc.png") no-repeat; }
#shop_os h4 { background: url("/assets/images/kontakt_os.png") no-repeat; }
#shop_me h4 { background: url("/assets/images/kontakt_me.png") no-repeat; }
#shop_sf h4 { background: url("/assets/images/kontakt_sf.png") no-repeat; }

/* KONTAKT SHOWROOM FLOATER */
#contact h3 { background: url("/assets/images/kontakt_showroom.gif") no-repeat; }
#contact #numbers { margin-top: 19px; }
#contact #numbers .letter { margin-right: 15px; color: #F9EFA6; }
#contact #numbers a { color: #fff; border-bottom: 1px dotted #fff; text-decoration: none;}
#contact #numbers a:hover { color: #F9EFA6; border-bottom: 1px dotted #F9EFA6; }

/* KONTAKT FORMULAR FLOATER */
#formular { left: 330px; }
#formular h3 { background: url("/assets/images/kontakt_kontakt.gif") no-repeat; }
#formular form { position: relative; top: -20px;}
#formular form input, #formular form textarea { background: #7e7a60; border: 0; color: #0d0d0d; height: 14px; padding: 3px; position: absolute; width: 175px; left: 25px; }
#formular form input#name { top: 25px;}
#formular form input#email { top: 50px;}
#formular form textarea#message { font: 11px/20px "Trebuchet MS", Verdana, Sans-serif; height: 74px; padding: 0 4px 2px 2px; top: 75px; }
#formular form input#submit { left: auto; right: 0px; width: auto; height: 20px; color: #7e7a60; text-align: right; padding-right: 0px; background: transparent; top: 139px;}
#formular form input#submit:hover { cursor: pointer; color: #F9EFA6; }
#formular form input:focus, #formular form textarea:focus { background: #F9EFA6; }

/* FORMULAR ERROR/SUCCESS */
#errors { position: absolute; left: 225px; top: 400px; width: 500px; z-index: 100; }
p.msg_error { background: #FCED79; border: 1px solid #FFF; color: #000; display: block; font-size: 12px; margin: 0 auto; margin-bottom: 10px; padding: 10px; text-align: center; width: 50%; }

#order #errors { left: 100px; top: 450px; }

/* KONTAKT IMPRESSUM FLOATER */
#impressum { left: 660px; }
#impressum h3 { background: url("/assets/images/kontakt_impressum.gif") no-repeat; }
#impressum p { margin-bottom: 10px; }
#impressum h4#website { margin-top: 40px; }
#impressum p.weblink { background: url("/assets/images/weblink.gif") no-repeat left 5px; padding-left: 25px; }
#impressum p a:link, #impressum p a:visited { border-bottom: 1px dotted #FFF; color: #FFF; }
#impressum p a:hover, #impressum p a:active { color: #FCF1B4; border-bottom: 1px dotted #FCF1B4; text-decoration: none; }

/* ########### INFO / PRESSE ########### */
.clearfix { clear: both; }
#presse { width: 300px; float: left; position: relative; margin-bottom: 60px; }
#presse h2 { height: 50px; text-indent: -9999px; width: 300px; background: url("/assets/images/info_presse.gif") no-repeat; }
#presse ul#presse_items { width: 300px; position: relative; }
/* closed li */
#presse ul#presse_items li { position: relative; left: 20px; top: 20px; background: #101010; width: 242px; height: 10px; margin-bottom: 13px; padding: 20px 13px; }
#presse ul li .wrapper { position: relative; background: #0d0d0d; top: -25px; left: -20px; width: 270px; height: 50px;}
#presse ul li .wrapper h3 { background: url("/assets/images/arrow.gif") no-repeat 0px 5px; color: #F9EFA6; padding-left: 25px; text-transform: uppercase; letter-spacing: 1px; position: relative; top: 10px; left: 10px;}
#presse ul li .wrapper p.intro { position: relative; top: 8px; left: 35px; font-size: 10px; width: 235px; }
#presse ul li .wrapper p.intro a.morelink { font-weight: normal; font-style: italic; display: block; position: absolute; right: 10px; top: 0px; color: #fff; text-decoration: none; background: url("/assets/images/morelink.gif") no-repeat right 8px; padding-right: 10px;}
#presse ul li .wrapper p.intro a.morelink:hover { color: #F9EFA6; }
#presse ul li .wrapper div.extra { display: none;}
/* open li */
#presse ul#presse_items li.open { height: auto !important; padding-bottom: 0; margin-bottom: -19px; }
#presse ul li.open .wrapper { background: #fcf1b4; height: auto; padding-bottom: 20px;}
#presse ul li.open .wrapper h3 { background: url("/assets/images/arrow_open.gif") no-repeat 0px 5px; color: #000; }
#presse ul li.open .wrapper p.intro { color: #000; }
#presse ul li.open .wrapper p.intro a.morelink { display: none; }
#presse ul li.open .wrapper div.extra { display: block; color: #000; font-size: 10px; line-height: 16px; margin: 16px 16px 16px 35px;}
#presse ul li.open .wrapper div.extra h4 { color: #111; text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; margin-bottom: 5px; }
#presse ul#presse_items li.open .wrapper div.extra ul.weblinks li { display: list-item; background: url("/assets/images/weblink.gif") no-repeat 0 3px; margin: 0; padding: 0; padding-left: 20px; position: static; height: 20px; width: 160px;}
.weblinks a { color: #000; text-decoration: none; padding: 2px 5px;} 
.weblinks a:hover { background: #121212; color: #fcf3bf; } 

a.closelink { font-weight: normal; font-style: italic; position: absolute; right: 10px; bottom: 10px; color: #000; text-decoration: none; background: url("/assets/images/closelink.gif") no-repeat right 6px; padding-right: 10px; cursor: pointer; border-bottom: 1px dotted transparent; }
a.closelink:hover { border-bottom: 1px dotted #000; }

#presse ul li.after { border-top: 13px solid #000;}

/* INFO ABOUT */
.xxl_floater { background: url("/assets/images/floater_xxl_bottom.gif") no-repeat bottom; width: 630px; padding-bottom: 20px; }
.xxl_floater h2 { height: 50px; text-indent: -9999px; width: 630px; }
.xxl_floater .wrapper { width: 550px; background: url("/assets/images/floater_xxl_center.gif") repeat-y; position: relative; padding: 20px 50px 8px 30px; line-height: 22px; }
.xxl_floater p { margin-bottom: 22px; }
#projekte462 .gallery { height: 640px; }
#projekte669 .gallery { height: 640px; }


#main { margin-left: 330px; position: relative; }
#about { }
#about h2 { background: url("/assets/images/info_about.gif") no-repeat; }

#info #main #floaters { border: 0; margin: 0; padding: 0;}
#info #main #floaters .wrapper { width: 270px; height: 200px; padding: 0px; }
#info #main #floaters #img2 { left: 330px; }

#interview h2 { background: url("/assets/images/info_sift.gif") no-repeat; }
#interview strong { display: none; }
#interview p.sift_q { margin-bottom: 0; color: #fcf3bf; font-style: italic;}

#renaissance { margin-top: 40px;}
#renaissance h2 { background: url("/assets/images/info_renaissance.gif") no-repeat; }
.xxl_floater p.autor { font-style: oblique; text-align: right; }

/* ########### AKTUELLES ########### */
/* Termine-Spalte funktioniert nur, weil id=presse. Dazu muss die ul aus #prese siehe oben einen generischen Namen erhalten! */
#aktuelles #presse ul li .link:hover { background: #fcf3bf; cursor: pointer; }
#aktuelles #presse ul li .link:hover * { color: #000 !important; }
#aktuelles #presse ul li .wrapper a { display: block; color: #fff; text-decoration: none !important; }
#aktuelles #presse ul li .wrapper a span.link_header { display: block; background: url("/assets/images/arrow.gif") no-repeat 0px 5px; color: #F9EFA6; padding-left: 25px; text-transform: uppercase; letter-spacing: 1px; position: relative; top: 10px; left: 10px; }
#aktuelles #presse ul li .link:hover h3 , #aktuelles #presse ul li .wrapper:hover a span.link_header { background: url("/assets/images/arrow_open.gif") no-repeat 0px 5px; }

#aktuelles #presse ul li .wrapper a span.link_content { display: block; position: relative; top: 8px; left: 35px; font-size: 10px; width: 235px; }

#aktuelles #presse h2 { height: 50px; text-indent: -9999px; width: 300px; background: url("/assets/images/aktuelles_termine.gif") no-repeat; } 
#aktuelles .xxl_floater { margin-bottom: 50px; }
#aktuelles .xxl_floater .gallery img { padding-bottom: 20px; }
#aktuelles .xxl_floater ul { margin-bottom: 20px; min-height: 70px; }
#aktuelles .xxl_floater ul li { display: block; float: left; height: 70px; margin: 0 8px 10px 0; width: 70px; }
#aktuelles .xxl_floater ul li img { padding: 0; width: 68px; }
#aktuelles .xxl_floater ul li a:link, #aktuelles .xxl_floater ul li a:visited { border: 1px solid #FFF; color: #FFF; display: block; height: 70px; text-decoration: none; width: 68px; }
#aktuelles .xxl_floater ul li a:hover, #aktuelles .xxl_floater ul li a:active { border: 1px solid #CFC58E; }
#aktuelles .xxl_floater p { clear: right; margin-top: 20px; }

#aktuelles #projekte136 h2 { background: url("/assets/images/aktuelles_kriegundfrieden.gif") no-repeat; }
#aktuelles #projekte140 h2 { background: url("/assets/images/aktuelles_luminaire.gif") no-repeat; }
#aktuelles #projekte462 h2 { background: url("/assets/images/aktuelles_ghita_tazi.gif") no-repeat; }
#aktuelles #projekte669 h2 { background: url("/assets/images/aktuelles_strandhotel.gif") no-repeat; }
#aktuelles #projekte691 h2 { background: url("/assets/images/aktuelles_electricals.gif") no-repeat; }

#aktuelles .wrapper p a:link, #aktuelles #wrapper p a:visited { color: #fcf3bf; text-decoration: none; }
#aktuelles .wrapper p a:hover, #aktuelles #wrapper p a:active { text-decoration: underline; }

/* ########### SHOWROOM ########### */
.showroom .med_floater+.med_floater { left: 330px; }
.showroom .med_floater+.med_floater+.med_floater { left: 660px; }
.showroom .med_floater h3 { background: url("/assets/images/showroom_kollektion.gif") no-repeat; }
.showroom .med_floater .wrapper { background: 000; opacity: 0.3;}
.showroom .med_floater .wrapper:hover { opacity: 1;}
.showroom .med_floater .wrapper { width: 242px; height: 158px; border: 1px solid #333;}
.showroom .med_floater .wrapper p { margin-right: 100px; }
.showroom .med_floater .wrapper a.viewlink { display: block; position: absolute; right: 0px; bottom: 10px; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; background: #000; height: 20px; width: 100px; padding-top: 10px; text-align: center;}
.showroom .med_floater .wrapper a.viewlink:hover { color: #F9EFA6; }
.showroom .med_floater .wrapper a.viewlink span { font-size: 10px; }
.showroom .med_floater #selected_album { border: 1px solid #F9EFA6 !important; opacity: 1;}
.showroom .med_floater #selected_album a.viewlink { display: none; }
/*.showroom .selected h3 { background: url("/assets/images/showroom_kollektion_selected.gif") no-repeat !important; }*/

/* ########### HÄNDLER ########### */
#haendler #header ul#navigation { height: 49px; width: 600px; text-indent: -9999px; background: url("/assets/images/navigation_haendler.png") no-repeat; }

/* ########### FOOTER ########### */
#footer { border-top: 1px solid #F9EFA6; padding-top: 10px; margin-top: 20px; height: 20px; padding-bottom: 10px; width: 960px; position: relative; clear: both; }
#footer  li { display: block; position: absolute; height: 20px; }
#footer  li#ftrbtn_start { width: 60px; left: 5px; }
#footer  li#ftrbtn_showroom { width: 124px; left: 115px; }
#footer  li#ftrbtn_aktuelles { width: 96px; left: 289px; }
#footer  li#ftrbtn_info { width: 49px; left: 435px; }
#footer  li#ftrbtn_kontakt { width: 83px; left: 534px; }
#footer  li#ftrbtn_login { width: 56px; left: 768px; }
#footer  li#ftrbtn_language { width: 66px; left: 874px; }
#footer  li a { display: block; text-indent: -9999px; width: 100%; height: 100%; background: url("/assets/images/footer.png") no-repeat; }
/* normal */
#footer li#ftrbtn_start a { background-position: -5px 0px;}
#footer li#ftrbtn_showroom a { background-position: -115px 0px;}
#footer li#ftrbtn_aktuelles a { background-position: -289px 0px;}
#footer li#ftrbtn_info a { background-position: -435px 0px;}
#footer li#ftrbtn_kontakt a { background-position: -534px 0px;}
#footer li#ftrbtn_login a { background-position: -768px 0px;}
#footer li#ftrbtn_language a { background-position: -874px 0px;}
/* hover */
#footer li#ftrbtn_start a:hover { background-position: -5px -20px;}
#footer li#ftrbtn_showroom a:hover { background-position: -115px -20px;}
#footer li#ftrbtn_aktuelles a:hover { background-position: -289px -20px;}
#footer li#ftrbtn_info a:hover { background-position: -435px -20px;}
#footer li#ftrbtn_kontakt a:hover { background-position: -534px -20px;}
#footer li#ftrbtn_login a:hover { background-position: -768px -20px;}
#footer li#ftrbtn_language a:hover { background-position: -874px -20px;}
/* no login on start */
#start #ftrbtn_login, #haendler #ftrbtn_login { display: none; }
/* if logged in */
#ftrbtn_haendler { height: 20px; right: 120px; position: absolute; text-indent: 0; width: 206px; }
#ftrbtn_haendler a { background: url("/assets/images/footer_portal.png") no-repeat 0px 0px !important; }
#ftrbtn_haendler a:hover { background: url("/assets/images/footer_portal.png") no-repeat 0px -20px !important; }

#ftrbtn_facebook { height: 20px; text-indent: 0; width: 85px; }
#ftrbtn_facebook a { background: url("/assets/images/footer_facebook.png") no-repeat 0px 0px !important; }
#ftrbtn_facebook a:hover { background: url("/assets/images/footer_facebook.png") no-repeat 0px -20px !important; }


/* ########### DETAILS/ORDER ########### */
.sbox #page { width: 650px; margin: 0 auto; position: relative; }
.sbox #header { height: 49px; position: relative; border-bottom: 1px solid #F9EFA6; margin-bottom: 40px;}
.sbox #header h1 { background: url("/assets/images/logo.gif") no-repeat; height: 39px; position: absolute; right: 21px; text-indent: -9999px; top: 22px; width: 174px; }
.sbox #images { text-align: center; position: relative; }
.sbox #images #bigimage { border: 1px solid #F9EFA6; border-left: 10px solid #F9EFA6; border-right: 10px solid #F9EFA6;}
.sbox #images .noborder { border: 0 !important;}
.sbox #info_box { width: 500px; top: 5px; background: none; }
.sbox #info_box p { font-size: 13px; top: 15px; left: 5px; background: url("/assets/images/arrow.gif") no-repeat 0px 4px; color: #F9EFA6; padding-left: 25px; }
.sbox #info_box p a#order { position: relative; left: 30px; background: url("/assets/images/shop_icon.png") no-repeat 0px 3px; padding-left: 25px; color: #F9EFA6; text-decoration: none; }
.sbox #info_box p a#order:hover { color: #FFF; }
.sbox #info_box p#the_caption { top: 50px; background: none; color: #fff; font-size: 11px; padding-left: 0; width: 500px; }
.sbox h3 { display: none; position: absolute; font-size: 13px; top: 86px; left: 5px; background: url("/assets/images/arrow.gif") no-repeat 0px 4px; color: #F9EFA6; padding-left: 25px; }
#detail #thumbs { position: absolute; top: 91px; left: 5px; width: 45px;}
#detail #thumbs li { display: inline; margin-right: 5px;}
#detail #thumbs li a { width: 20px; height: 20px; display: block; float: left; background: #000; color: #F9EFA6;  border: 1px solid #F9EFA6; text-align: center;  text-decoration: none;}
#detail #thumbs li.currthumb a { background: #F9EFA6; color: #000; }
#detail #loading { background: #000; border: 1px dotted #F9EFA6; left: 42%; padding: 20px; position: absolute; top: 200px; z-index: 900; }

#order #images #bigimage { border: 1px solid #F9EFA6; border-left: 10px solid #F9EFA6; border-right: 10px solid #F9EFA6; width: 200px; height: 300px; float: left; margin-right: 30px; }
#order #images { text-align: left; position: relative; }
#order #formbox { margin-left: 250px; }
#order h3 { display: block; position: static; font-size: 13px; background: url("/assets/images/arrow.gif") no-repeat 0px 4px; color: #F9EFA6; padding-left: 25px; margin-bottom: 10px;}
#order form { position: relative; }
label, span.label { display: block; float: left; width: 85px; text-align: right; padding-right: 20px;}
#order fieldset { display: block; margin-bottom: 10px;}
#order input[type='text'], #order textarea { width: 200px; border: 0; background: #7e7a60; height: 16px;}
 #order textarea { height: 75px; }
#order form :focus { background:  #F9EFA6; }
#order form select:focus { background:  #fff; }
#order #pricetag { margin-bottom: 10px;}
#order input[type='submit'] { position: relative; left: 106px; }
/* ########### HAENDLER ########### */
#logout { height: 50px; left: 300px; position: absolute; width: 81px; z-index: 100; }
#logout a { background: url("/assets/images/logout.png") no-repeat 0px 0px !important; }
#logout a:hover { background: url("/assets/images/logout.png") no-repeat 0px -50px !important; }

#haendler_load #page { background: none !important; width: 300px; }
#haendler_load #retailer { left: 0; position: absolute; top: 60px; width: auto; }