@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
}

ol, ul {
	list-style: none;
}

html, body{
	height: 100%;
	width: 100%;
	background-color:#000000;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
}

#innerLeft {
	width: 660px;
	float: left;
}

#bottomLeft{
	width: 660px;
}

#bottomLeft290{
	width: 660px;
	height:313px;
}

*+html #bottomLeft290{
	margin-top:37px;
	z-index:2;	
}

#makingof290{
	margin: 38px 0 0 165px;
	z-index:2;
}

*+html #makingof290{
	margin: -8px 0 0 165px;
}


#bottomLeft350{
	width: 660px;
	height: 350px;
}

#bottomLeftMenue{
	width: 630px;
	height: 30px;
}

#bottomLeftMenue p{
	float: right;
	text-align:right;
}

#bottomLeftMenue a{
	color:#999999;
	text-decoration:none;
	margin-left: 30px;
	font-size:smaller;
}

#bottomLeftMenue a.red{
	color:#E35271;
	text-decoration:none;
	margin-left: 30px;
	
}

#bottomLeftMenue a:hover.red{
	font-weight:bold;
}

#innerRight {
	width:310px;
	float:left;	
}

#signature{
	width: 310px;
	height: 150px;
}

#signature img{
	margin: 28px 0 0 0px;
}

h1{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size: 120%;
	letter-spacing:+2px;
	margin-bottom: 25px;
	line-height: 1.4em;
}

#logo{
	height: 80px;
}

#logo img{
	margin: 0 0 0 21px;
}

#unten{
	height:175px;
	margin: -94px 0 0 0px;
	}
	
#unten img{
	margin: 0px 0 0 50px;
}

#text{
	height: 320px;
	width: 310px;
}

#textUeberschrift{
	width: 310px;
}

#textlang{
	width:600px;
	height: 320px;
	margin-top: 80px;
	margin-left:30px;
}

.text_rot{
	color:#E35271;
}

#deutsch{
	margin-top:520px;
	margin-left:220px;
	float:left;
}

*+html #deutsch {
margin-left:435px;
}

#deutsch a{
	color:#FFFFFF;
	text-decoration:none;
}

#deutsch a:hover{
	color:#999999;
	text-decoration:none;
}

html>/**/body #deutsch{
	margin-left:445px;
}

#englisch{
	margin-top:520px;
	margin-left:40px;
	float:left;
}

#englisch a{
	color:#FFFFFF;
	text-decoration:none;
}

#englisch a:hover{
	color:#999999;
	text-decoration:none;
}

.download{
	margin-left:563px;
	color: #EB6171;
}

.download a{
	color: #EB6171;
	text-decoration:none;
}



/*------------------------------------ Container ----------------------------------------*/

#textcontainer{
	margin:0;
	width:310px;
	line-height:1.3em;
	text-align:left;
}

/*-------------------------------------------Duft-----------------------------------------------*/
ul#duft{
	margin:13px 0 0 100px;
}

.dufttext{
	font-size: x-small;
}

.duftueberschrift{
	color: #EB6171;
}

.duftueberschrift_man{
	color:#757577;
}

/*-------------------------------------------Werbung-----------------------------------------------*/

#makingof{
	margin: 60px 0 0 150px;
}

#printkampagne{
	margin: 60px 0 0 0px;
}

a div.printmotiv1{
	background-image:url(../images/print1_40.jpg);
	width: 174px;
	height: 232px;
	float: left;
	margin-left: 32px;
}

a:hover div.printmotiv1{
	background-image:url(../images/print1_100.jpg);
	width: 174px;
	height: 232px;
}
a div.printmotiv2{
	background-image:url(../images/print2_40.jpg);
	width: 174px;
	height: 232px;
	float: left;
	margin-left: 32px;
}

a:hover div.printmotiv2{
	background-image:url(../images/print2_100.jpg);
	width: 174px;
	height: 232px;
}

a div.printmotiv3{
	background-image:url(../images/print3_40.jpg);
	width: 174px;
	height: 232px;
	float: left;
	margin-left: 32px;
}

a:hover div.printmotiv3{
	background-image:url(../images/print3_100.jpg);
	width: 174px;
	height: 232px;
}

/*-------------------------------------------Interaktives-----------------------------------------------*/

#wallpaper{
	height:300px;
	width: 660px;
}

html>/**/body #gesamt{
	margin-left:0;
}

#gesamt{
	width:600;
	margin:0 0 0 -90px;
}

a div.wallpaper1{
	background-image:url(../images/wallp_flakons.jpg);
	width: 152px;
	height:122px;
	float: left;

}

a:hover div.wallpaper1{
	background-image:url(../images/over_wallp_flakons.jpg);
	width: 152px;
	height:122px;
}
a div.wallpaper2{
	background-image:url(../images/wallp_loewe_l.jpg);
	width: 152px;
	height:122px;
	float: left;

}

a:hover div.wallpaper2{
	background-image:url(../images/over_wallp_loewe_l.jpg);
	width: 152px;
	height:122px;
}

a div.wallpaper3{
	background-image:url(../images/wallp_loewe.jpg);
	width: 152px;
	height:122px;
	float: left;
}

a:hover div.wallpaper3{
	background-image:url(../images/over_wallp_loewe.jpg);
	width: 152px;
	height:122px;
}

a div.wallpaper4{
	background-image:url(../images/wallp_werbung.jpg);
	width: 152px;
	height:122px;
	float: left;
}

a:hover div.wallpaper4{
	background-image:url(../images/over_wallp_werbung.jpg);
	width: 152px;
	height:122px;
}

a div.handy1{
	background-image:url(../images/handy_mw.jpg);
	width: 97px;
	height:122px;
	float: left;
}

a:hover div.handy1{
	background-image:url(../images/over_handy_mw.jpg);
	width: 97px;
	height:122px;
}
a div.handy2{
	background-image:url(../images/handy_loewe_l.jpg);
	width: 97px;
	height:122px;
	float: left;
}

a:hover div.handy2{
	background-image:url(../images/over_handy_loewe_l.jpg);
	width: 97px;
	height:122px;
}

a div.handy3{
	background-image:url(../images/handy_loewe.jpg);
	width: 97px;
	height:122px;
	float: left;
}

a:hover div.handy3{
	background-image:url(../images/over_handy_loewe.jpg);
	width: 97px;
	height:122px;
}

a div.handy4{
	background-image:url(../images/handy_werbung.jpg);
	width: 97px;
	height:122px;
	float: left;
}

a:hover div.handy4{
	background-image:url(../images/over_handy_werbung.jpg);
	width: 97px;
	height:122px;
}

p.gewinnlink{
	margin-top: 10px;
}

p.gewinnlink a{
	color: #cccccc;
	font-size: 110%;
	font-weight: bold;
}

p.gewinnlink a:hover{
	color: #E35271;
}

p.gewinnlinkActive{
	color: #E35271;
	font-size: 110%;
	font-weight: bold;
	text-decoration:underline;
	margin-top: 10px;
}

.gewinntext{
	float: left;
	height: 70px;
	margin: 250px 0 0 40px;
	width: 40%;
	line-height: 1.5em;
}

#gewinnspielLeft{
	float: left;
	padding: 34px 0 0 40px;
	width: 388px;
}

#gewinnspielRight{
	float: left;
	padding-top: 34px;
	width: 205px;
}

.tabelle{
	margin:45px 0 0 185px;
}

.mauszeiger{
	font-size: smaller;
}



.tabelle_wallp{
	float:left;
	margin:24px 0 0 90px;

}

.tabelle_wallp2{
	float:left;
	margin:10px 0 0 90px;
}

/*-------------------------------------------produkte-----------------------------------------------*/

.produkteUnten{
	vertical-align:top;
	height: 350px;
	clear: both;
}

.produkteUnten p{
	margin-top: 290px;
	text-align:center;
	font-size: 85%;
}

.produktEinzelnFour p{
	margin-top: 277px;
	text-align:center;
}

.produktEinzelnOne{
	float: left;
	background:url(../images/over_bl_woman.jpg) no-repeat;
	width: 220px;
	height: 350px;
}

.produktEinzelnTwo{
	float: left;
	background:url(../images/over_dg_woman.jpg) no-repeat;
	width: 220px;
	height: 350px;
}

.produktEinzelnThree{
	float: left;
	background:url(../images/over_deo_woman.jpg) no-repeat;
	width: 220px;
	height: 350px;
}

.produktEinzelnFour{
	float: left;
	background:url(../images/over_edp_woman.jpg) no-repeat;
	width: 243px;
	height: 350px;
}

.produktEinzelnOne_man{
	float: left;
	background:url(../images/over_sh_man.jpg) no-repeat;
	width: 174px;
	height: 350px;
}

.produktEinzelnTwo_man{
	float: left;
	background:url(../images/over_as_man.jpg) no-repeat;
	width: 192px;
	height: 350px;
}

.produktEinzelnThree_man{
	float: left;
	background:url(../images/over_stick_man.jpg) no-repeat;
	width: 109px;
	height: 350px;
}

.produktEinzelnFour_man{
	float: left;
	background:url(../images/over_deo_man.jpg) no-repeat;
	width: 116px;
	height: 350px;
}

.produktEinzelnFive_man{
	float: left;
	background:url(../images/over_edp_man.jpg) no-repeat;
	width: 293px;
	height: 350px;
	}

.indexUnten{
	height: 450px;
	clear: both;
	margin-top:-90px;	
}

.indexUnten p{
	text-align:center;
	font-size: 85%;
	
}

*+html .indexUnten{
	/*margin-top:35px;*/
	margin-top:0px;	
}


/* --------------------------- Signature -------------------------*/
#okSignature_flash{
	float: left;
	margin-left: 20px;
	margin-top:-48px;
	/*width: 280px;*/
	width: 310px;
	height:450px;
	
}

html>/**/body #okSignature_flash{
	float: left;
	margin-left: 20px;
	margin-top:0px;
	width: 310px;
}

*+html #okSignature_flash{
	float: left;
	margin-left: 20px;
	/*width: 280px;*/
	width: 310px;
	margin-top:0px;
}



#okSignature_flash_en{
	float: left;
	margin-left: 20px;
	margin-top:-48px;
	/*width: 280px;*/
	width: 450px;
	height:450px;
	
}

html>/**/body #okSignature_flash_en{
	float: left;
	margin-left: 80px;
	margin-top:-5px;
	width: 450px;
}

*+html #okSignature_flash_en{
	float: left;
	margin-left: 20px;
	/*width: 280px;*/
	width: 450px;
	margin-top:-25px;
}





#okSignature{
	float: left;
	margin-left: 30px;
	margin-top:57px;
	width: 280px;
	height:398px;
	}
	
html>/**/body #okSignature{
	margin-top:50px;
}

*+html #okSignature{
	margin-top:50px;
}

/* --------------------------- Gold -------------------------*/

#okGold_flash{
	float: left;
	margin-left: 0px;
	margin-top:-48px;
	/*width: 280px;*/
	width: 310px;
	height:450px;
	
}

html>/**/body #okGold_flash{
	float: left;
	margin-left: 0px;
	margin-top:0px;
	width: 310px;
}

*+html #okGold_flash{
	float: left;
	margin-left: 0px;
	/*width: 280px;*/
	width: 310px;
	/*margin-top:-35px;*/
	margin-top:0px;
}

#okGold{
	float: left;
	margin-left: 40px;
	margin-top:50px;
	width: 245px;
	height:398px;
	}
	
html>/**/body #okGold{
	margin-top:50px;
}
*+html #okGold{
	margin-top:50px;
	margin-left: 30px;
}

/* --------------------------- Klassik -------------------------*/

#okKlassik_container{
	float: left;
	/*margin-left: 30px;*/
	margin-top:-11px;
	/*width: 280px;*/
	width: 310px;
	height:450px;
	
}

html>/**/body #okKlassik_container{
	float: left;
	/*margin-left: 30px;*/
	margin-top:0px;
	width: 310px;
}

*+html #okKlassik_container{
	float: left;
	/*margin-left: 30px*/;
	/*width: 280px;*/
	width: 310px;
	margin-top:20px;
}



#okKlassik{
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	width: 245px;
}

html>/**/body #okKlassik{
	margin-top:50px;
}

*+html #okKlassik{
	margin:30px 0 0 30px;
}

.gewinnspiel{
	margin:-330px 0 0 -200px;
	
}

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

.gewinnspiel a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-size:small;
}


/*-----------------------------------------Flashfilm--------------------------------------------*/
#flashfilm{
	z-index: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
}

#flashfilm_oben{
	z-index: 1;
	position:absolute;
	top: 170px;
	left: 0;
}
/*-----------------------------------------Container--------------------------------------------*/

#fix{
	z-index: 10;
	position: absolute; /*wichtig, damit der Flashfilm darunter liegt*/
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0;

}

#flashwrapper{
	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
	display:table;
}

#flash{
	width: 100%;
	height: 98%;
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
}


#flashbody {
	width: 980px;
	height: 580px;
	text-align:left;
	position:relative;
	margin: auto;
	padding:0px;
	top: 50%;
	margin-top: -290px;
}

html>/**/body #flashbody {
	top: 0;
	margin: auto;
	height: 580px;
}

*+html #flashbody {
	height: 550px;
}

/*-----------------------------------------Inhalt oben -------------------------------------------*/

#contentwrapper{
	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
	display:table;
}

#content{
	width: 100%;
	height: 98%;
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
}


#contentbody {
	width: 980px;
	height: 580px;
	text-align:left;
	position:relative;
	margin: auto;
	padding:0px;
	top: 50%;
	margin-top: -290px;
}

html>/**/body #contentbody {
	top: 0;
	margin: auto;
	height: 580px;
}

*+html #contentbody {
height: 580px;
}

/*-------------------------------------- Menü -------------------------------------------*/

ul#menu {
	list-style: none;
	margin: 5px 25px 0 0;
	padding: 0;
}

ul#menu li {
	text-align: right;
	line-height: 1.4em;
}

ul#menu ul.submenu,
ul#menu ul.submenu li {
	display: inline;
	color: #ffffff;
} 
	
ul#menu ul.submenu li {
	margin-right: 10px;
	list-style: none;
	color: #ffffff;
}

ul#menu ul.submenu li {
	color: #ffffff;
}

ul#menu ul.submenu li a:hover{
	color:#E35271;
}

ul#menu ul.submenu li a.active_rot{
	color:#E35271;
	font-weight:bold;
}

ul#menu ul.submenu li a.man:hover{
	color:#757577;	
}

ul#menu ul.submenu li a.man_active{
	color:#757577;
	font-weight:bold;	
}

ul#menu ul.submenu li a.gold:hover{
	color:#F5D372;
}

ul#menu ul.submenu li a.el:hover{
	color:#33CCFF;
}

ul#menu ul.submenu li a.gold_active{
	color:#FFFF99;
	font-weight:bold;	
}

ul#menu ul.submenu li a.neutral:hover{
	color:#ffffff;	
}

ul#menu ul.submenu li a.neutral_active{
	color:#ffffff;
	font-weight:bold;	
}

ul#menu li a {
	text-decoration: none;
	color: #b1b2b4;
	font-size: 85%;
}

ul#menu li a:hover {
	color: #ffffff;
}

ul#menu li a.active {
	color: #ffffff;
	font-weight:bold;
	
}