img {
        border:none;
}

h1, h2, h3, p, form {
        margin:0;
        padding:0;
}

h3 {
        font-size:14px;
        font-weight:bold;
        color:#fff;
        margin-bottom:15px;
}

h4 {
        font-size:11px;
        font-weight:bold;
        text-transform:uppercase;
}

p {
        font-size:12px;
        margin-bottom:10px;
        line-height:1.3em;
        font-weight:normal;
}

p.small {
        font-size:11px;
}

p.mini {
        font-size:10px;
}

p.big {
        font-size:13px;
        margin-bottom:15px;
        line-height:1.4em;
        font-weight:lighter;
}

p.big_strong {
        font-size:13px;
        margin-bottom:15px;
        line-height:1.4em;
        font-weight:bold;
}

span.pink {
        color:#EC66AD;
}

span.yellow {
        color:#F69D1B;
}

span.red {
        color:#D60441;
}

span.blue {
        color:#009CD9;
}

span.lyellow {
        color:#F9C313;
}

span.orange {
        color:#F0A447;
}

span.lblue {
        color:#7FC7CC;
}

span.violet {
        color:#553687;
}

span.green {
        color:#77A734;
}

span.tuerkis {
        color:#51AAAC;
}

span.grey {
        color:#ACCFE8;
}

.textcenter {
        text-align:center;
}

.textright {
        text-align:right;
}

.blocksatz {
        text-align: justify;
}

.uppercase {
        text-transform:uppercase;
}

.italic {
        font-style:italic;
}

/* --- LINKS ---*/

a {
        color:#fff;
        text-decoration:none;
}

a:hover {
        color:#87888A;
}

a.small {
        font-size:11px;
        color:#fff;
        text-decoration:none;
}

a.small:hover {
        color:#87888A;
}

div.content_prod .content_prod_left .prod_text a {
        text-decoration:underline;
}

/* --- AUFZAEHLUNGEN --- */

ul.disc_pink, ul.disc_yellow, ul.disc_red, ul.disc_blue, ul.disc_lyellow, ul.disc_orange, ul.disc_lblue, ul.disc_violet, ul.disc_green, ul.disc_grey {
        margin:0 0 0 20px;
        padding:0;
        font-size:12px;
}

ul.disc_pink li, ul.disc_yellow li, ul.disc_red li, ul.disc_blue li, ul.disc_lyellow li, ul.disc_orange li, ul.disc_lblue li, ul.disc_violet li, ul.disc_green li, ul.disc_grey li {
        margin:0;
        margin-bottom:10px;
        padding:0;
}

ul.disc_pink, ul.beschreibung_pink {
        list-style-image:url(/images/li_pink.gif);
}

ul.disc_yellow, ul.beschreibung_yellow {
        list-style-image:url(/images/li_yellow.gif);
}

ul.disc_red, ul.beschreibung_red {
        list-style-image:url(/images/li_red.gif);
}

ul.disc_blue, ul.beschreibung_blue {
        list-style-image:url(/images/li_blue.gif);
}

ul.disc_lyellow, ul.beschreibung_lyellow {
        list-style-image:url(/images/li_lyellow.gif);
}

ul.disc_orange, ul.beschreibung_orange {
        list-style-image:url(/images/li_orange.gif);
}

ul.disc_lblue, ul.beschreibung_lblue {
        list-style-image:url(/images/li_lblue.gif);
}

ul.disc_violet, ul.beschreibung_violet {
        list-style-image:url(/images/li_violet.gif);
}

ul.disc_green, ul.beschreibung_green {
        list-style-image:url(/images/li_green.gif);
}

ul.disc_grey, ul.beschreibung_grey {
        list-style-image:url(/images/li_grey.gif);
}

.aufzaehlung ul {
        margin:0 0 0 8px;
        padding:0 0 0 7px;
        font-size:11px;
}

.aufzaehlung ul li {
        margin:0;
        margin-bottom:10px;
        padding:0;
}

.aufzaehlung ul li a {
        color:#868686;
        text-decoration:none;
}

.aufzaehlung ul li a:hover, .aufzaehlung ul li a.active {
        color:#fff;
}

.beschreibung_sty ul, .beschreibung_sty_last ul, .beschreibung_breit ul, .beschreibung_sty4 ul, .beschreibung_sty4_last ul {
        margin:0 0 0 8px;
        padding:0 0 0 7px;
        font-size:11px;
        line-height:1.0em;
}

.beschreibung_sty ul li, .beschreibung_sty_last ul li, .beschreibung_breit ul li, .beschreibung_sty4 ul li, .beschreibung_sty4_last ul li {
        margin:0;
        margin-bottom:5px;
        padding:0;
}

/* --- FORMS --- */

div.empf_formbox {
  width: 580px;
  margin-top:60px;
  font-size:12px;
}

div.empf_formbox form {
        text-align:left;
}

div.empf_formbox .reihe {
  clear: both;
  padding: 4px 0px;
  margin: 0px;
}

div.empf_formbox .label {
  float: left;
  width: 110px;
  padding-top: 3px;
  padding-right: 10px;
}

div.empf_formbox .feld {
  float: right;
  width: 450px;
  text-align: left;
}

div.empf_formbox .button {
  float: right;
  text-align: right;
}

div.empf_formbox .defbreite {
  width: 450px;
}




/* --- FLOAT --- */

.floatleft {
        float:left;
}

.floatright {
        float:right;
}

/* --- CONTENTLAYER --- */
div.content_produebersicht {
        padding-top:24px;
}

div.content_intro {
        padding-top:0px;
}

div.slogen_intro {
        margin-top: 15px;
        margin-left:50px;
        margin-right:100px;
}

div.content_slogan, div.tipafriend_slogan {
        position:absolute;
        left:0;
        bottom:55px;
        font-size:21px;
        text-transform:uppercase;
        letter-spacing:0.1em;
}

div.tipafriend_slogan {
        bottom:20px;
}

div.content_prod {
        background:url(/images/bg_prod.gif) no-repeat;
        width:974px;
}

div.content_prod .content_prod_left {
        float:left;
        width:434px;
}

div.content_prod .content_prod_right {
        float:left;
        width:540px;
}

div.content_prod .content_prod_left .modell_foto {
        float:left;
        width:237px;
        height:277px;
}

div.content_prod .content_prod_left .prod_highlights {
        float:left;
        margin:60px 0 0 15px;
        width:167px;
        height:217px;
}

div.content_prod .content_prod_left .prod_text {
        clear:both;
        padding:30px 0 0 0;
        width:430px;
}

div.content_prod .content_prod_right .prod_foto {
}

div.content_prod .content_prod_right .prod_beschreibung {
        width:525px;
        padding-left:5px;
}

div.content_prod .content_prod_right .prod_beschreibung .beschreibung {
        float:left;
        width:150px;
        padding:5px 12px 0 12px;
}
div.content_prod .content_prod_right .prod_beschreibung .beschreibung4 {
        float:left;
        width:113px;
        padding:5px 7px 0 7px;
}

div.content_prod .content_prod_right .prod_beschreibung .beschreibung_sty {
        float:left;
        width:140px;
        padding:5px 0px 0 34px;
}
div.content_prod .content_prod_right .prod_beschreibung .beschreibung_sty4 {
        float:left;
        width:120px;
        padding:5px 0px 0 12px;
}

div.content_prod .content_prod_right .prod_beschreibung .beschreibung_last {
        float:left;
        width:150px;
        padding:5px 12px 0 9px;
}

div.content_prod .content_prod_right .prod_beschreibung .beschreibung_sty_last {
        float:left;
        width:140px;
        padding:5px 0px 0 31px;
}
div.content_prod .content_prod_right .prod_beschreibung .beschreibung_sty4_last {
        float:left;
        width:129px;
        padding:5px 0px 0 0px;
}

div.content_prod .content_prod_right .prod_beschreibung .beschreibung4_last {
        float:left;
        width:115px;
        padding:5px 7px 0 7px;
}

div.content_prod .content_prod_right .prod_beschreibung .beschreibung_breit {
        float:left;
        width:160px;
        padding:5px 0px 0 11px;
}

div.content_empfehlen {
        padding-top:60px;
        padding-left:120px;
}

div.content_linie {
        position:absolute;
        top:408px;
        left:120px;
}

div.content_tipps {
        width:974px;
        height:367px;
}

div.content_tipps .content_tipps_left {
        float:left;
        width:494px;
}

div.content_tipps .content_tipps_right {
        position:relative;
        float:left;
        width:480px;
}

div.content_tipps .content_tipps_left .modell_foto {
        float:left;
        width:242px;
        height:367px;
        background:url(/images/bg_tipp.gif) no-repeat 237px 0px;
}

div.content_tipps .content_tipps_left .aufzaehlung {
        float:left;
        margin:25px 0 0 10px;
        width:230px;
}

div.content_tipps .content_tipps_right .container_txt {
        position:absolute;
        width:410px;
        height:325px;
        clip:rect(0px 460px 320px 0px);
        margin-top:25px;
        overflow:hidden;
}

#txt  {
}

p.tipps_header {
        font-size:11px;
        font-weight:bold;
        text-transform:uppercase;
}

p.tipps_frage {
        font-size:12px;
        font-style:italic;
}
h1.tipps_frage {
        font-size:12px;
        font-style:italic;
}
p.tipps_antwort  {
        font-size:12px;
        text-align:justify;
}

p.tipps_link {
        font-size:11px;
        text-transform:uppercase;
        text-align:right;
}

div.content_tipps .content_tipps_right .scroll {
        position:absolute;
        top:300px;
        right:0px;
        width:11px;
        height:38px;
        cursor:pointer;
}

/* einstieg color */
div.content_colorintro {
        position:relative;
        width:1024px;
        height:519px;
        overflow:hidden;
        margin-left:-50px;
}
div.colorintro_slogan {
        margin:30px 0 0 50px;
        font-size:22px;
        text-transform:uppercase;
        letter-spacing:0.1em;
}

/* übersichtsseiten color */
div.content_colorueb {
}
.colorueb_col {
        float:left;
        width:231px;
        height:320px;
        margin-left:8px;
}
.colorueb_col1 {
        margin-left:0px;
}
.colorueb_slogan {
        width:945px;
        margin-top:20px;
        text-align:center;
        font-size:13px;
        font-weight:lighter;
}
.colorueb_col a:hover, .colorgroup_shade_txt a:hover {
        color:#fff;
}

/* übersichtsseiten colorgruppen */
div.content_colorgroup {
}
.colorgroup_left {
        float:left;
        width:283px;
}
.colorgroup_packshots {
        height:294px;
}
.colorgroup_balken {
        width:231px;
        height:25px;
        text-align:center;
        line-height:22px;
        text-transform:uppercase;
}
#balken_blondes {
        background:url(/images/balken_blondes.gif) no-repeat;
}
#balken_browns {
        background:url(/images/balken_browns.gif) no-repeat;
}
#balken_blacks {
        background:url(/images/balken_blacks.gif) no-repeat;
}
#balken_reds {
        background:url(/images/balken_reds.gif) no-repeat;
}
.colorgroup_right {
        float:left;
        width:662px;
}
.colorgroup_div {
        position:relative;
        width:662px;
        height:316px;
        margin-bottom:10px;
}
.colorgroup_container {
        position:absolute;
        width:662px;
        height:316px;
        clip:rect(0px 662px 316px 0px);
        overflow:hidden;
}
#colorgroup {
}
.colorgroup_shade {
        float:left;
        width:102px;
        height:316px;
        margin-left:10px;
}
.colorgroup_shade1 {
        float:left;
        width:102px;
        height:316px;
}
.colorgroup_shade_txt {
        width:100px;
        height:28px;
        border:1px solid #474747;
        background-color:#333;
        line-height:14px;
        overflow:hidden;
        text-align:center;
        padding-top:2px;
        padding-bottom:2px;
        margin-top:34px;
}
.colorgroup_div #pfeil_left {
        position:absolute;
        top:133px;
        left:0;
}
.colorgroup_div #pfeil_right {
        position:absolute;
        top:133px;
        right:0;
}

/* detailseiten color */
div.content_colordetail {
        position:relative;
        width:948px;
        height:429px;
        overflow:hidden;
}
.colordetail_left {
        float:left;
        width:305px;
        margin:62px 30px 0 0;
}
.colordetail_right {
        float:right;
        width:492px;
}
.content_colordetail .packshot {
        position:absolute;
        top:0px;
        left:335px;
        width:210px;
        height:430px;
}
.colordetail_left .shade_nr {
        float:left;
        width:28px;
}
.colordetail_left .shadename_container {
        float:left;
        width:277px;
        height:255px;
        overflow:hidden;
}
.colordetail_left .shadename_container .shade_name {
        width:257px;
        border-left:3px solid #fff;
        padding-left:17px;
}
.colordetail_left .shadename_container .shade_name h1 {
        color:#fff;
        font-size:20px;
        text-transform:uppercase;
        font-weight:normal;
        margin-bottom:30px;
}
.colordetail_left .syosstext {
        width:305px;
        height:39px;
        margin:10px 0 28px 0;
        padding-top:10px;
        background:url(/images/linie_schatten.gif) repeat-x;
        text-transform:uppercase;
        font-size:13px;
        line-height:17px;
        font-weight:lighter;
}
.colordetail_right .result_txt {
        width:390px;
        height:26px;
        padding:40px 0 0 102px;
}
.colordetail_right .result_tab {
        position:relative;
        width:390px;
        height:326px;
        background:url(/images/tabelle.gif) no-repeat;
        padding-left:102px;
        margin-bottom:12px;
}
.result_tab .result_headerleft {
        float:left;
        width:195px;
        height:30px;
        padding:0 10px 20px 0;;
        color:#959595;
        line-height:30px;
        overflow:hidden;
}
.result_tab .result_headerright {
        float:left;
        width:150px;
        height:30px;
        padding:0 10px 20px 25px;
        color:#fff;
        line-height:30px;
        overflow:hidden;
}
.result_tab .result_rows {
        height:245px;
}
.result_tab .result_rows .result_row {
        width:355px;
        height:69px;
        color:#959595;
        padding-bottom:12px;
}
.result_tab .result_rows .result_row table {
        width:355px;
}
.result_tab .result_rows .result_row table td.txt {
        width:90px;
        padding-right:10px;
}

.colordetail_right .button {
        float:right;
        margin-right:1px;
}

.btn {
        display:block;
        float:left;
        height:25px;
        color:#fff;
        text-decoration:none;
        line-height:22px;
        background:url(/images/btn_backl.gif) no-repeat;
        padding-left:1px;
}

.btn a {
        display:block;
        float:left;
        font-size: 11px;
        height:25px;
        background:url(/images/btn_back.gif) no-repeat right top;
        padding-top: 0px;
        padding-left:9px;
        padding-right:12px;
        cursor:pointer;
}

.btn_print {
        display:block;
        float:left;
        height:25px;
        color:#fff;
        text-decoration:none;
        line-height:22px;
        background:url(/images/btn_printl.gif) no-repeat;
        padding-left:49px;
}
.btn_print a {
        display:block;
        float:left;
        font-size: 11px;
        height:25px;
        background:url(/images/btn_back.gif) no-repeat right top;
        /*margin-left:49px;*/
        padding-top: 0px;
        padding-right:32px;
        cursor:pointer;
}

/* sitemap */
div.container_sitemap {
        position:absolute;
        width:974px;
        height:519px;
        clip:rect(0px 974px 519px 0px);
        overflow:hidden;
}

div.scroll_sitemap {
        position:absolute;
        top:480px;
        right:0px;
        width:11px;
        height:38px;
        cursor:pointer;
}

/*--- SHADELEISTE ---*/
#shadeleiste {
        position:relative;
        width:945px;
        height:86px;
        margin-top:20px;
        background:url(/images/bg_shadeleiste.gif) repeat-x;
}
#shadeleiste_detail {
        position:relative;
        width:945px;
        height:86px;
        margin-top:8px;
        background:url(/images/bg_shadeleiste.gif) repeat-x;
}

.shade_container {
        position:absolute;
        width:881px;
        height:80px;
        clip:rect(0px 881px 80px 0px);
        overflow:hidden;
        left:32px;
        top:1px;
}
#shade {


}

.shade_container #shade img {
        border-left:1px solid #474747;
}
.shade_container #shade img.first {
        border-left:none;
}
.shade_img {
        position:relative;
}
.shadel_txt {
        position:absolute;
        top:5px;
        left:5px;
        color:#fff;
}
#shade_left {
        position:absolute;
        left:0;
        top:1px;
        width:23px;
        height:30px;
        padding:20px 0 0 8px;
        background:url(/images/bg_shadel_left.gif) repeat-y;
        border-right:1px solid #474747;
}
#shade_right {
        position:absolute;
        right:0;
        top:1px;
        width:23px;
        height:30px;
        padding:20px 0 0 8px;
        background:url(/images/bg_shadel_right.gif) repeat-y right 0px;
        border-left:1px solid #474747;
}