@charset "utf-8";
/* CSS Basic Styles */
	

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

#main a:hover {
	color:#cc3333;
	}	

h1,h2,h3,p,ul {
	padding:0;
	margin:0;
	}
	
#main ul {
	list-style-type: disc;
	margin-left:15px;
	margin-top:15px;
	}

#main ul li{
	margin-top:10px;
	}	
	
.important {
	color:#cc3333;
	}

.important a {
	color:#cc3333;
	}

.roteSchrift {
color:#CC3333;
}

.caption {
font-size:11px;
}

#main h1 {
	font-size:20px;
	font-weight:normal;
	}

#main h2 {
	font-size:20px;
	font-weight:normal;
	margin-top:15px;
	}	

/* CSS Basic Layout */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	background-color:#000;
	}
	
#wrapper {
	position: relative;
	left:50%;
	width:966px;
	height:797px;
	background-image: url(../images/bg/bg_wrapper.jpg);
	background-repeat:no-repeat;
	padding:0 83px 0 83px;
	margin:auto auto auto -566px;
	}
	
#schwarzkopf_logo {
	position:absolute;
	top:0px;
	right:54px;
	text-align:right;
	width:596px;
	height:48px;
	background-color:#000;
	z-index:3;
	}	
	
#magichair_logo {
	position:absolute;
	left:133px;
	top:0px;
	z-index:2;
	}
	
#slogan {
	position:absolute;
	background-image:url(../images/bg/stars_claim.png);
	background-position:25px -5px;
	background-repeat:no-repeat;
	left:378px;
	top:85px;
	font-size:20px;
	line-height:1.5;
	width:500px;
	height:85px;
	z-index:2;
	}	

#stoerer {
	position:absolute;
	right:55px;
	top:90px;
	}

#stoerer a:focus {
	outline: none;
	}
	
#navi_top {
	position:absolute;
	top:181px;
	left:355px;
	width:680px;
	z-index:3;
	}	
	
#main {
	position: absolute;
	left:356px;
	top:247px;
	width:675px;
	height:540px;
	overflow:hidden;
	z-index:2;
	
	}	
	
#footer {
	position:absolute;
	top:790px;
	width:993px;
	left: 80px;
	}	
	
#left {
	position:absolute;
	left:133px;
	top:224px;
	z-index:2;
	}
	
#facebook {
	position:absolute;
	top:730px;
	margin-left: 55px;
	z-index: 0;
	width: 150px;
	height: 21px;
}		

#movie_content {
	position: relative;
	z-index:2;
	}	


/* CSS Slogan Graphical Text */

#slogan .firstline {
	margin-left:40px;
	}
	
#slogan .thirdline {
	position:relative;
	margin-left:175px;
	padding-right:20px;
	background-image:url(../images/bg/stars_claim.png);
	background-repeat:no-repeat;
	background-position:242px 0px;
	top:-4px;

	}		


/* CSS StartPage, Teaser */

body#page_home .flash_content {
	width:493px;
	background-color:#000;
	text-align:center;
	height:300px;
	padding:5px 3px 10px 3px;
	background-image: url(../images/bg/border_flash_top.jpg);
	background-position:top;
	background-repeat: no-repeat;
	}

body#page_home .teaser a {
	display:block;
	text-decoration:none;
	}
	
body#page_home .teaser a:hover {
	color:#fff;
	}	

body#page_home .teaser {
	position:absolute;
	top:0;
	background-image: url(../images/bg/border_teaser_top.jpg);
	background-position:top;
	background-repeat: no-repeat;
	left:507px;
	width:168px;
	}
	
body#page_home .teaser h2 {
	font-size:12px;
	font-weight:normal;
	margin-top:0;
	}
	
body#page_home .teaser .text {
	position:relative;
	z-index:2;
	padding:5px;
	}	

body#page_home .teaser .box.first {
	border-top:none;
	margin:5px 0 0 0;
	height:123px;
	}

body#page_home .teaser .box {
	border-top:#000 solid 3px;
	border-right:#000 solid 3px;
	border-left:#000 solid 3px;
	width:162px;
	height:123px;
	}
	
body#page_home .teaser .picture {
	position:absolute;
	z-index:1;
	}	

body#page_home .teaser .box.last {
	border-bottom:#000000 solid 3px;
	}

body#page_home .description {
	width:469px;
	background-color:#000;
	padding:0 15px 15px 15px;
	margin-top: -3px;
	text-align:center;
	height:56px;
	}	
	
body#page_home .description h1 {
	font-size:12px;
	font-weight:normal;
	}

body#page_home #nlbutton {
	display:block !important;
	position:absolute;
	top:205px;
	left: 995px;
	z-index:50;
	border: none;
}

body#page_home #nlbutton img {
	border: none;
}

/* CSS Produkte */
		
body.produkt #main {
	position:absolute;
	left:356px;
	top:247px;
	width:675px;
	height:520px;
	overflow:hidden;
	z-index:1;
	}	


/* CSS Produktinformation */

body#page_produktinformation .picture {
	position:absolute;
	right:0;
	top:0;
	}
	
body#page_produktinformation h1,	
body#page_produktinformation .text {
	width:420px;
	}	

body#page_produktinformation .shopbutton {
	position: absolute;
	margin-top: -2px;
	left:180px;
	}

/* CSS Packungsinhalt */

body#page_anwendungsfilm .picture {
	margin-top:15px;
	float:right;
	}


/* CSS Packungsinhalt */

body#page_packungsinhalt #main {
	background-image:url(../images/bg/bg_tranz.png);
	padding:20px 0 0 20px;
	width:655px;
	height:440px;
	}

body#page_packungsinhalt .picture {
	position:absolute;
	right:0;
	top:0;
	}

body#page_packungsinhalt .text {
	width:260px;
	}
	
body#page_packungsinhalt h1 {
	width:260px;
	margin-bottom:20px;
	}	


/* CSS MH-Looks, weitere Looks */

body#page_looks #main {
	overflow:inherit;
	}

body#page_looks .picture {
	position:absolute;
	top:-23px;
	left:-273px;
	width:993px;
	height:557px;
	z-index:1;
	}

body#page_looks .text {
	position: relative;
	width:312px;
	z-index:2;
	}

body#page_looks h1,
body#page_weitere_looks h1 {
	position: relative;
	text-transform:uppercase;
	font-size:46px;
	margin:1px 0 10px 0;
	z-index:2;
	}

body#page_weitere_looks .box.first {
	position: relative;
	top:0;
	}	
	
body#page_weitere_looks .box {
	position: absolute;
	top:150px;
	}	
	
body#page_weitere_looks .box.last {
	 left:366px
	}		

/* CSS Shopfinder */
body#page_shopfinder #main {
	position:absolute;
	background-image:url(../images/bg/bg_tranz.png);
	overflow-y:auto;
	padding:20px;
	width:635px;
	height:440px;
	}

body#page_shopfinder .firstsearch INPUT {
	border:none;
	width:230px;
	}

body#page_shopfinder input, body#page_shopfinder select {
	border:none;
	}

body#page_shopfinder .firstsearch_o {
	color:#CC3333;
	padding-top:3px;
	}

body#page_shopfinder .firstsearch {
	color:#CC3333;
	padding-top:5px;
	}
	
body#page_shopfinder .storename_map a {
	color: #000;
	}

/* CSS Experte */

body#page_experte #main {
	background-image:url(../images/bg/bg_tranz.png);
	padding:20px;
	width:635px;
	height:440px;
	overflow:inherit;
	}
	
body#page_experte .box {
	width:307px;
	float:left;
	}
	
body#page_experte .box.first {
	margin-right:20px;
	}	

body#page_experte .picture {
	position:absolute;
	right:-46px;
	bottom:-56px;
	z-index:1;
	}

body#page_experte h1 {
	margin-bottom:20px;
	}	


/* CSS Schritt für Schritt */

body#page_stepbystep .box {
	margin-top:30px;
	}

body#page_stepbystep .caption {
	margin-left:15px;
	margin-top:-5px;
	}

body#page_stepbystep .picture {
	float:right;
	}


/* CSS Looks Schritt für Schritt */

body#page_looks_stepbystep .box {
	margin-top:10px;
	text-align:center;
	}

body#page_looks_stepbystep .caption {
	margin-left:53px;
	margin-top:-5px;
	}

body#page_looks_stepbystep .picture {
	float:right;
	margin-right:50px;
	}

body#page_looks_stepbystep h1 {
	font-size:20px;
	}
	

/* CSS Looks Introseiten */

body#page_looks_intro .picture {
	float:left;
	}
	
body#page_looks_intro #main {
	width:685px;
	}

/* CSS Styelberater */

body#page_styleberater #main{
	background-image:url(../images/bg/bg_styleberater.png);
	padding:13px 15px;
	height:440px;
	width:647px
	}

/* CSS Lounge MagicMoments */

body#page_lounge_mm .box {
	margin-top:10px;
	text-align:center;
	}
body#page_lounge_mm .box.last {
	position:absolute;
	height:419px;
	right:120px;
	top:105px;
	width:220px;
	z-index:3;
	}

/* CSS Lounge MagicMoments 2011 TeaserSeite */

body#page_lounge_mm #main {
	overflow: visible;
	}	
	
body#page_lounge_mm #c333 {
	position:absolute;
	top:-20px;
	z-index:100;
	}	
	

/* CSS MagicMoment Übersicht */

body#page_mm_overview .box a {
	color:#cc3333;
	}

body#page_mm_overview .external-link-new-window{
	color:#cc3333;	
}

body#page_mm_overview .box.first {
	position:relative;
	float:none;
	clear:both;
	}

body#page_mm_overview .box.first img{
	position:absolute;
	left:310px;
	top:73px;
	}

body#page_mm_overview img.highlite{
	border:  solid 1px #cc3333;
	height: 213px;
	width: 188px;
	}

body#page_mm_overview .box {
	float:left;
	margin:0 6px 8px 0;
	}

body#page_mm_overview .box.last {
	margin:0 0 8px 0;
	}
	



/* CSS Glossar */

body#page_glossar #main {
	background-image:url(../images/bg/bg_tranz.png);
	padding:20px;
	height:440px;
	width:635px;
	}
	
body#page_glossar .box {
	float:left;
	width:205px;
	}	
	
body#page_glossar h1{
	padding-bottom:30px;
	}

body#page_glossar .back {
	background-color:#CC3333;
	border:medium none;
	bottom:20px;
	color:#FFFFFF;
	height:20px;
	position:absolute;
	right:20px;
	width:90px;
	}
	
/* CSS Send a friend! */

body#page_send_a_friend #main {	
	background-image:url(../images/bg/bg_tranz.png);
	height:440px;
	padding:20px;
	width:635px;
	}	
	
body#page_send_a_friend h1{
	margin-bottom:20px;
	}		

body#page_send_a_friend .box {	
	margin-top:30px;
	}	
	
body#page_send_a_friend .left{
	float:left;
	width:300px;
	}	
	
body#page_send_a_friend .right{
	float:right;
	width:300px;
	}		


body#page_send_a_friend INPUT.submit{
	background-color:#CC3333;
	border:medium none;
	color:#fff;
	font-size:11px;
	height:20px;
	right:20px;
	width:90px;
	}	

body#page_send_a_friend INPUT,
body#page_send_a_friend TEXTAREA
	{
	border:none;
	width:300px;
	margin-bottom:10px;
	margin-top:5px;
	}
	
body#page_send_a_friend INPUT.code
	{
	width:150px;
	}
	
body#page_send_a_friend .pflichtfelder
	{
	font-size:10px;
	}	

/* CSS Packungsinhalt */

body#page_info #main {
	background-image:url(../images/bg/bg_tranz.png);
	padding:20px;
	width:635px;
	height:440px;
	}
		
body#page_info .roteSchrift	{
	font-size:14px;
}

body#page_info .roteSchrifter {
	font-size:12px;
	color: #CC3333;
}

body#page_info .right {
	float:right;
	padding-top:40px;

}

body#page_info .absenden {
	float: right;
	padding-top:33px;
}

body#page_info .left {
	float:left;
	padding-top:40px;
}

/* --- MAGIC_MOMENTS__WINNER --- */

body#page_mmwinner #main {
	position:absolute;
	background-image:url(../images/bg/bg_tranz.png);
	overflow-y:auto;
	padding:20px;
	width:635px;
	height:440px;
	
	}

body#page_mmwinner #main .eintrag {
	margin-top:20px;
	width:630px;
	border-top: dotted #fff 1px;
	border-bottom: dotted #fff 1px;
	padding-top:10px;
	padding-bottom:10px;
	}	
	
body#page_mmwinner #main .teilnehmer {
	float:left;
	background-color:#000;
	}

body#page_mmwinner #main .nachricht {
	float:left;
	width:450px;
	margin-left:40px;
	}
	
body#page_mmwinner #main .img_mm {
	float:left;
	}	
	
body#page_mmwinner #main .img_mm img {
	border:4px solid #000;
	width:94px;
	height:77px;
	}
	
body#page_mmwinner #main .img_mm img {
	border:4px solid #000;
	}				

body#page_mmwinner #main .txt {
	float:left;
	margin-left:4px;
	}
	
body#page_mmwinner #main .nick {
	font-size:10px;
	}	

body#page_mmwinner #main .nick_txt {
	color:#cc3333;
	}	

body#page_mmwinner #main .vote {
	color:#cc3333;
	font-size:10px;
	}

body#page_mmwinner #main .bt_bottom_under {
	position:absolute;
	bottom:20px;
	right:20px;
	}	

body#page_mmwinner #main .submit {
	color:#fff;
	float:right;
	margin-right:15px;
	margin-left:15px;
	height:20px;
	width:90px;
	border:none;
	background-color:#cc3333;
	}
	
/*FOR ANWENDUNG FCE*/


/*FOR LOOKS*/
.anwendung_block_top{ 
	margin-top: 0px; 
	width: 673px;
	height: 389px;
	float: left;
	}
.anwendung_title{
	width: 335px; 
	height: 40px; 
	text-align: center; 
	font-size: 20px;
	}
.anwendung_title_image{
	margin-left: -5px;
	}
.anwendung_video{
	margin-top: 15px; 
	float: left;
	}
.anwendung_video a:hover{
	border: none;
	}
.anwendung_block_top .anwendung_video .movie_content{
	width: 100px; 
	height: 100px;
	}
.anwendung_image{
	display: none;
	}
.anwendung_block_bottom{
	float: left; 
	width: 673px; 
	}
.anwendung_block_bottom img{
border: 1px solid #fff;
	}
.anwendung_block_bottom .csc-default{
	float: left;
	width: 100px;
	margin-right: 12px; 
	}
.anwendung_block_bottom h1{
	display: none;
	}
.anwendung_download_button{
	float: right;
	position: absolute;
	top:500px;
	z-index: 99;
	left: -1px;
	}
.anwendung_download_button img{
	border: none;
/*
	position: absolute;
	top:500px;
	z-index: 99;
	left: -1px;
*/
	}
.anwendung_download_button_invisible{
	display: none;
	}
.img_text_information{
	color:#fff;
	font-size:11px;
	position: absolute;
	top:375px;
	left: 0px;
	}
.anwendung_video h1 {
	width: 288px;
	font-size:8px;
	color: #000;
	}

/*FOR COUNTRY SELECT SEITE*/
.schwarzkopf_new_logo{
	position: absolute;
	top:-324px;
	left: 298px;
	border: none;
	}
/*FOR ANWENDUNG SEITE*/
/*
.look_button{width: 123px; height: 37px;position: absolute;right: 0px;top:86px;}
.look_button img {border: none;}
*/
li .important{}
ul .level_right{}
li .right{}
li .right last{}
li .right last a{}


.level_right  .right {
font-size: 9px;
*font-size: 11px;
}

.level_right .right_last{
}

.videos_looks{
border: 1px solid red;
width: 500;
height: 500;


}

.bookmarks {
	width: 150px;
	height: 40px;
}

.select_on{
	background-color:white;
	color: #000;
	border: 1px solid black;
	font-size: 9px;
}

.fb_follow {
	margin-top: 10px;
	margin-left: 5px;
	height: 20px;
}
.fb_follow a {
	color: #336699;
}
.fb_follow img {
	border: none;
}

#country_selector{
width: 140px;
height: 20px;
position: relative;
left: 935px;
top: -500px;
z-index: 3;
font-size: 11px;
text-align: right;
display: none;
}

#country_selector a{
color: :#ff5500;
text-decoration: underline;

}

#looks_informations{
position:absolute;
top:0px;
/* left:280px; */
left:350px;
/* width: 390px; */
width: 323px;
height: 60px; 
font-size:12px;
text-align: left;
}

/*######LOOKS_FCE######BEGIN*/
#wrapper_for_looks{
width: 750px;
height: 530px;
}
.looks_title{
width: 510px;
min-height: 54px;
float: left;
}
.looks_title img{}
.looks_title_img{}
.looks_text{
width: 420px;
height: 128px;
float: left;
overflow: hidden;
margin-top: 5px;
}
.looks_video{
width: 420px;
min-height: 310px;
float: left;
margin-top: 23px;
overflow: hidden;
}
.looks_lightbox_container{
/* position: absolute;right: 0px;top: 400px; */ 
width: 253px;
height: 110px;
float: left;
margin-top: 190px;
/* background-image: url(/fileadmin/templates/images/bg/bg_tranz.png); */
}

/* .looks_lightbox_container img{padding-top: 7px;} */


.looks_anwendung_button{
float: right;
margin-right: 84px;
}
.looks_anwendung_button img{
border: none;
}

.looks_lightbox_container h1{
display: none;}

/*######LOOKS_FCE######FINISH*/