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(../img/li_pink.gif);
}

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

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

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

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

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

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

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

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

ul.disc_grey, ul.beschreibung_grey {
	list-style-image:url(../img/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(../img/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(../img/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;
}

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(../img/color/balken_blondes.gif) no-repeat;
}
#balken_browns {
	background:url(../img/color/balken_browns.gif) no-repeat;
}
#balken_blacks {
	background:url(../img/color/balken_blacks.gif) no-repeat;
}
#balken_reds {
	background:url(../img/color/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_shade985 {
	background:url(../img/color/shade_colorgroup/9-85_smokeyblonde.jpg) no-repeat;
}
#colorgroup_shade95 {
	background:url(../img/color/shade_colorgroup/9-5_frozenpblond.jpg) no-repeat;
}
#colorgroup_shade91 {
	background:url(../img/color/shade_colorgroup/9-1_ultralblond.jpg) no-repeat;
}
#colorgroup_shade87 {
	background:url(../img/color/shade_colorgroup/8-7_goldenblond.jpg) no-repeat;
}
#colorgroup_shade86 {
	background:url(../img/color/shade_colorgroup/8-6_lightblond.jpg) no-repeat;
}
#colorgroup_shade76 {
	background:url(../img/color/shade_colorgroup/7-6_middleblond.jpg) no-repeat;
}
#colorgroup_shade68 {
	background:url(../img/color/shade_colorgroup/6-8_darkblond.jpg) no-repeat;
}
#colorgroup_shade67 {
	background:url(../img/color/shade_colorgroup/6-7_goldenhoney.jpg) no-repeat;
}
#colorgroup_shade529 {
	background:url(../img/color/shade_colorgroup/5-29_intensered.jpg) no-repeat;
}
#colorgroup_shade528 {
	background:url(../img/color/shade_colorgroup/5-28_chestnutbrown.jpg) no-repeat;
}
#colorgroup_shade524 {
	background:url(../img/color/shade_colorgroup/5-24_frozenchestnut.jpg) no-repeat;
}
#colorgroup_shade523 {
	background:url(../img/color/shade_colorgroup/5-23_rustybrown.jpg) no-repeat;
}
#colorgroup_shade58 {
	background:url(../img/color/shade_colorgroup/5-8_hazelbrown.jpg) no-repeat;
}
#colorgroup_shade51 {
	background:url(../img/color/shade_colorgroup/5-1_lightbrown.jpg) no-repeat;
}
#colorgroup_shade48 {
	background:url(../img/color/shade_colorgroup/4-8_chocbrown.jpg) no-repeat;
}
#colorgroup_shade46 {
	background:url(../img/color/shade_colorgroup/4-6_honeybrown.jpg) no-repeat;
}
#colorgroup_shade42 {
	background:url(../img/color/shade_colorgroup/4-2_mahogbrown.jpg) no-repeat;
}
#colorgroup_shade41 {
	background:url(../img/color/shade_colorgroup/4-1_middlebrown.jpg) no-repeat;
}
#colorgroup_shade386 {
	background:url(../img/color/shade_colorgroup/3-86_graphitebrown.jpg) no-repeat;
}
#colorgroup_shade33 {
	background:url(../img/color/shade_colorgroup/3-3_darkviolet.jpg) no-repeat;
}
#colorgroup_shade31 {
	background:url(../img/color/shade_colorgroup/3-1_darkbrown.jpg) no-repeat;
}
#colorgroup_shade14 {
	background:url(../img/color/shade_colorgroup/1-4_blueblack.jpg) no-repeat;
}
#colorgroup_shade11 {
	background:url(../img/color/shade_colorgroup/1-1_black.jpg) no-repeat;
}
.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(../img/color/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(../img/color/color_result/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(../img/color/btn_backl.gif) no-repeat;
	padding-left:1px;
}

.btn a {
	display:block;
	float:left;
	font-size: 11px;
	height:25px;
	background:url(../img/color/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(../img/color/btn_printl.gif) no-repeat;
	padding-left:49px;
}
.btn_print a {
	display:block;
	float:left;
	font-size: 11px;
	height:25px;
	background:url(../img/color/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(../img/color/bg_shadeleiste.gif) repeat-x;
}
#shadeleiste_detail {
	position:relative;
	width:945px;
	height:86px;
	margin-top:8px;
	background:url(../img/color/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(../img/color/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(../img/color/bg_shadel_right.gif) repeat-y right 0px;
	border-left:1px solid #474747;
}