/* 
Author: Marijan Barkic <mb@davidundgoliath.com>
Version: 1.1
Last Update: 30.01.2009
----------------------------------------------------------------
(c) Copyright 2009 David&Goliath. All Rights Reserved.
----------------------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
strong {font-weight: bold;color:#333;}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;font-variant: normal;}
sup,sub {line-height: 1px;vertical-align: text-top;}
sub {vertical-align: text-bottom;} 
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}
a:link, a:visited, a:active {text-decoration: none;cursor: pointer;color: #333;}
a.non:link, a.non:visited, a.non:active {font-weight: normal;font-style: normal;}
a:hover {color: #999;}

body {font-family: Arial;font-size: 12px;color: #666;background: #fff;line-height: 1.5em;text-align: center;}
h1 {display: none;}
#home_link {display: block;position: absolute;width: 85px;height: 106px;top: 21px;left: 437px;overflow: hidden;background: #fff url(../img/light/logo_sprite.jpg) 0px 0px no-repeat;}
#home_link:hover { background-position: 0px -106px; }
#home_link:active { background-position: 0px -212px; }
#wrap {position: relative;width: 960px;margin: 0 auto;text-align: left;padding-top: 21px;}
ul#navi {height: 66px;padding: 40px 0 0 0;width: 960px;background: transparent url(../img/light/logo_sprite.jpg) 437px -106px no-repeat;}
ul#navi li { float: left; margin-right: 70px; }
ul#navi li.fl_r { float: right !important; margin: 0 0 0 77px !important; }
ul#navi li a:link, ul#navi li a:active, ul#navi li a:visited {display: block;color:#666;overflow: hidden;font-size: 10px; text-transform: uppercase; background-position: 0px 0px;background-color: transparent;background-repeat: no-repeat;}
ul#navi li a:hover { color: #000; }
ul#navi li a:active, ul#navi li.act a:link, ul#navi li.act a:visited { color: #000; }

ul#navi li ul { float:left; visibility: hidden; font-weight:normal; width: 40px; white-space: nowrap; padding: 0em 0 0 0; background: none; line-height: 1.5em; }
ul#navi li ul.vis { visibility: visible !important;}
ul#navi li ul li { float: none; margin: 0; }
ul#navi li ul li a:link, ul#navi li ul li a:active, ul#navi li ul li a:visited { display: inline; height: auto; background: none;color:#666 !important; }
ul#navi li ul li a:hover, ul#navi li ul li.act a:link, ul#navi li ul li.act a:active, ul#navi li ul li.act a:visited { color: #000 !important;}

#content { padding-top: 18px; margin-bottom: 30px; }
#title { margin-bottom: 30px; }

h3 {text-transform: uppercase;margin-bottom: 1.7em;font-size: 10px;color: #333;}
h4 {color:#333;}
p { margin-bottom: 1.5em; }

.inv { display: none !important; }
#home_l { display: block; height: 192px; background: transparent url(../content/home_l.jpg) left top no-repeat; }
#home_r { display: block; height: 180px; background: transparent url(../content/home_r.jpg) left top no-repeat; }

#news li {padding: 0.75em 0 0.75em;line-height: 1.5;font-size: 10px;border-top: 1px solid #8c8c8c;}
#news li.first { border: none; padding-top: 0; }
#news li a:link, #news li a:active, #news li a:visited { color: #666; font-weight: normal; }
#news li a:hover { color: #333; }
#news li span { display: block; width: 77px; float: left; }

#products { position: relative; }
#slide_products { width: 940px; overflow: hidden; }
#slide_products div div { margin-right: 10px; padding-right: 10px; background: transparent url(../img/light/content/products/sep.jpg) right top no-repeat; }
#slide_products div div.last { background-image: none; }
#slide_products div div div h3 { display: none; }
#slide_products div div div { padding-top: 335px; background-position: left top; background-repeat: no-repeat; background-color: transparent; }
#slide_products div div div div { padding: 0; background: none; margin-right: 20px; }
#slide_products div div div.last { margin-right: 0; padding-right: 0; }
#slide_inner { padding: 0; position: relative; }

.distortion {background-image:url(../img/distortion.jpg); background-repeat:no-repeat; background-position:center 138px; min-height:690px;}
* html .distortion {height:690px;}
.swf_bg {width:940px; height:421px; line-height:1px; padding:16px 10px; background:transparent url(../img/swf_bg.jpg) center 0px no-repeat; position:relative; margin:-10px 0 -20px;}

#sl, #sr { display: block; width: 15px; height: 26px; position: absolute; left: -35px; top: 150px; background: transparent url(../img/light/sl_l.gif) 0px 0px no-repeat; visibility: hidden; }
#sr { left: auto; right: -35px; background-image: url(../img/light/sl_r.gif); visibility: visible; }
#sl:hover, #sr:hover { background-position: 0px -26px; }

.small { text-align: right; font-size: 10px; line-height: 15px; }
.title, .title_left, #pr_title { background-position: left top; background-repeat: no-repeat; background-color: transparent; padding-top: 80px; }
#pr_title { padding-top: 0px; }
#more_products { padding-top: 28px; height: 52px; text-align: right; font-size: 10px; }
#more_products li { display: inline; margin-left: 20px; color:#a8a8a8;}
#more_products li a:link, #more_products li a:visited { color: #666; }
#more_products li.act a:link, #more_products li.act a:visited { color: #000; }
.title_left { padding-top: 0px; }
.title h2, .title_left h2, #pr_title h2 { display: none; }
#t_impressum { background-image: url(../img/light/titles/impressum.jpg); }
#t_kontakt { background-image: url(../img/light/titles/kontakt.jpg); }
#t_exklusiv { background-image: url(../img/light/titles/exklusivitaet.jpg); }
#t_juanjuan { background-image: url(../img/light/titles/juan_juan.jpg); }
#t_inhaltsstoffe { background-image: url(../img/light/titles/inhaltsstoffe.jpg); background-position: right top; }
#t_news { background-image: url(../img/light/titles/news.jpg); }

#exkl { height: 330px; margin-bottom: 30px; background-image: url(../img/light/content/hkette.jpg); }
#inhalt { height: 215px; padding-top: 195px;  background: transparent url(../img/light/content/philosophie_inhaltsstoffe.jpg) left -12px no-repeat; }
#juan { background: transparent url(../img/light/content/philosophie_juanjuan.jpg) 0px 0px no-repeat; height:265px; }

#testpaket { height: 360px; margin-bottom: 0px; background-image: url(../img/light/content/testpaket.jpg);}
#produkt_index { height: 360px; margin-bottom: 0px; background-image: url(../img/light/content/produkte_header.jpg);}
#t_celebrities { height: 330px; margin-bottom: 30px; background-image: url(../img/light/content/philosophie_celebreties.jpg); }

#extracts { font-size: 10px; line-height: 1.3em; }
#extracts div { padding-bottom: 0.5em; border-bottom: 1px solid #8c8c8c; margin-bottom: 1.75em; }
#extracts div div { min-height: 9em; padding-bottom: 0; border: 0; height: auto; margin-bottom: 0px; background-color: transparent; background-repeat: no-repeat; background-position: left top;}
#extracts div div.span-2 { padding-left: 58px; width: 102px !important; margin-right: 0 !important; }
* html #extracts div div { height: 9em; }
#extracts div div ul li { margin-bottom: 0.5em; padding-right: 10px; list-style: disc; margin-left: 20px; }

#product_overview { padding-left: 2px; }
#product_overview li { width: 238px; height: 387px; float: left; margin-right: 1px; position: relative;  }
#product_overview li span, #product_overview li h3 { display: none; }
#product_overview li a { display: block; position: absolute; z-index: 1; width: 238px; height: 387px; left: 0px; top: 0px; background-color: transparent; background-position: -10px -407px; background-repeat: no-repeat; }

#product_overview #li_1 a { background-image: url(../img/light/content/products/maintenance.jpg); }
#product_overview #li_2 a { background-image: url(../img/light/content/products/styling_finishing.jpg); }
#product_overview #li_3 a { background-image: url(../img/light/content/products/men.jpg); }
#product_overview #li_4 a { background-image: url(../img/light/content/products/platinum.jpg); }

#product_overview li a:hover { left: -10px; top: -10px; width: 260px; height: 407px; background-position: 0px 0px; z-index: 10; }

#accordion .toggler { cursor: pointer; }
#accordion .toggler:hover { color: #555555 !important; }
#accordion h3 { padding: 0.75em 0 0.75em; margin: 0; border-top: 1px solid #8c8c8c; }
#accordion h3.first { padding-top: 0; border: none; }
#accordion p { margin: 0; padding-top: 1.5em; padding-bottom: 4.5em; }
#accordion h3 span { display: block; float: left; margin-right: 20px; font-size: 10px; padding-top: 1px; }
#accordion .images img { margin-top: 1.5em; width: 134px; border: 3px solid #333; }

.lh { line-height: 150%; }
.clear {margin: 0 !important;height: auto !important;width: auto !important;padding: 0 !important;float: none !important;clear: both !important;}


#footer {padding:36px 0 36px; background:transparent url(../img/footer-bg.jpg) center 18px no-repeat; font-size:10px; color:#999;}
#footer a {color:#999;}
#footer a:hover {color:#666;}
#footer a.heading {font-weight:bold;}
#footer ul.pre {padding-top:18px;}
#footer ul.half {float:left; width:105px;}