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



html { min-height: 100%; margin-bottom: 1px; }



#center {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: static;
	margin-bottom:0px;
}

#grey_container {
	width: 1000px;
	float:left;
	margin-left: 0px;
	background-image: url(images/hintergrund.png);
	margin-bottom: 0px;
	position: relative;
	top: -15px;
	z-index: 1;
}


#white_container {
	background-color: #FFFFFF;
	width: 906px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;
	z-index: 2;
}

h1 {
	height: 82px;
	width: 287px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	padding: 0px;
	margin-bottom: 18px;
	position: relative;
	z-index: 3;
}

.header_b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 1;
	color:#a50001;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
}
.header_c {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.25;
	color:#be0f34;
	margin: 0px;
	font-weight: normal;
	font-style: normal;
}
.header_d {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#515151;
	margin: 0px;
	font-weight: normal;
	font-style: normal;
	border-bottom: ;
}

.header_e {
	display:block;
	width:auto;
	height:22px;
}

.wissenschaft{
	background-image:url(images/wissen.jpg);
	background-repeat:no-repeat;
	display:block;
	width:auto;
	height:23px;
	margin-bottom:7px;	
}

.jahre{
	background-image:url(images/jahre.jpg);
	background-repeat:no-repeat;
	display:block;
	width:auto;
	height:43px;
	margin-bottom:7px;
}

.vital{
	background-image:url(images/vital.jpg);
	background-repeat:no-repeat;
	display:block;
	width:auto;
	height:23px;
	margin-bottom:7px;
}

.pflege{
	background-image:url(images/pflege.jpg);
	background-repeat:no-repeat;
	display:block;
	width:auto;
	height:50px;	
	
}

#les-soins{
	display:block;
	width:auto;
	height:31px;
}

#les-soins1{
	display:block;
	width:auto;
	height:50px;
}

#les-corps{
	display:block;
	width:auto;
	height:31px;	
}

#les-corps1{
	display:block;
	width:auto;
	height:50px;
}

#les-spec{
	display:block;
	width:auto;
	height:30px;	
	
}

#les-spec1{
	display:block;
	width:auto;
	height:50px;	
	
}

#les-homme{
	display:block;
	width:auto;
	height:30px;	
	
}

#les-homme1{
	display:block;
	width:auto;
	height:50px;	
	
}


#les-future{
	display:block;
	width:auto;
	height:31px;	
}

#les-future1{
	display:block;
	width:auto;
	height:50px;	
}

#les-beaute{
	display:block;
	width:auto;
	height:30px;
	
	}
	
	#les-beaute1{
	display:block;
	width:auto;
	height:50px;
	
	}
	
	#niemand{
	display:block;
	width:auto;
	height:40px;	
	}
	
		#finden{
	display:block;
	width:auto;
	height:40px;
	position:absolute;
	top:44px;
	left:19px;
	}
	
		#weihnacht{
	display:block;
	width:auto;
	height:40px;
	position:absolute;
	top:44px;
	left:11px;
	}


.header_e2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 1;
	color:#003300;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
}

.header_f {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 1.5;
	color:#333333;
	margin: 0px;
	font-weight: bold;
}
.header_g {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color:#333;
	margin: 0px;
	font-weight: normal;
}

.header_z {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#333333;
	margin: 0px;
	font-weight: normal;
	font-style: italic;
	border-bottom: ;
}

.header_x a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	color:#333;
	margin: 0px;
	font-weight: normal;
}


.header_x a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	color:#333;
	margin: 0px;
	font-weight: normal;
}

.header_g a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	color:#9B0A07;
	margin: 0px;
	font-weight: normal;
	border-bottom: solid #333 1px;
}

li .header_g a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	color:#9B0A07;
	margin: 0px;
	font-weight: normal;
	border-bottom: solid #333 1px;
}



.header_h {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.25;
	color:#be0f34;
	margin: 0px;
	font-weight: normal;
}

.gewinnspiel_headline_gross {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 1;
	color:#9B0A07;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
}

.gewinnspiel_headline_gross_zentriert {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 1;
	color:#9B0A07;
	margin: 0px;
	
	text-align: center;
}

.kontakt_a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 1.1;
	color:#003300;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
}

.kontakt_b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 1.25;
	color:#333333;
	margin: 0px;
	font-weight: normal;
	font-style: italic;
}

.kontakt_c {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1;
	color:#be0f34;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
}

.form_felder_notice {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color:#be0f34;
	margin: 0px;
	font-weight: normal;
	display: block;
	margin-left: 15px;
	width: 290px;
}

.form_f {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: .75;
	color:#333;
	margin: 0px;
	font-weight: normal;
}

.form_m {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1;
	color:#be0f34;
	margin: 0px;
	font-weight: normal;
}



.form_m a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: .75;
	color:#9B0A07;
	margin: 0px;
	font-weight: normal;
}

.form_m a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: .75;
	color:#9B0A07;
	margin: 0px;
	font-weight: normal;
}

.drop_a a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 1;
	color:#111111;
	margin: 0px;
	font-weight: normal;
	font-style: italic;
	border-bottom: ;
	text-indent: 5px;
	text-decoration: none;
}

.drop_a a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 1;
	color:#111111;
	margin: 0px;
	font-weight: normal;
	font-style: italic;
	border-bottom: ;
	text-indent: 5px;
}

.drop_a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 1;
	color:#333333;
	margin: 0px;
	font-weight: normal;
	font-style: italic;
	border-bottom: ;
	text-indent: 5px;
}

.marker {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	color:#000000;
	margin: 0px;
	font-weight: bold;	
}

.rot {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color:#9A0D04;
	font-weight: bold;
	text-align: right;
	font-style: italic;
}

p {
	font-family: Verdana, Helvetica, sans-serif; text-decoration : none; color:#515151;
	font-size:11px;
	line-height: 15px;
	margin-bottom: 10px;
	text-indent: 0px;
	margin:0px;
	padding:0px;
}


#nav {
	width: 100%;
	height: 33px;
	float: left;
	margin-top: 3px;
	background-image:url(images/navi1.jpg);
	position: relative;
	z-index: 5;
}

#nav span {
  display: none;
}




#nav span {
  display: none;
}



#nav-list {
	width: 100%;
	position: static;
	z-index: 6;
}



#nav a.philosophie{
	width: 93px;
	height: 33px;
	background-image: url(images/clarins_NAV_phil.png);
	margin-left: 175px;
	margin-right: 17px;
	background-position: 0 -33px;
	float:left;	
	position:relative;
	
}

#nav a.behandlungen {
	width: 112px;
	height: 33px;
	background-image: url(images/clarins_NAV_bhndlngn.png); 
	float:left;
	margin-right: 17px;
	background-position: 0 -33px;
	position:relative;
}
#nav  a.produkte{
	width: 80px;
	height: 33px;
	background-image:url(images/clarins_NAV_prod.png); 
	float:left; 
	margin-right: 17px;
	background-position: 0 -33px;
	position:relative;
}
#nav  a.preise{
	width: 60px;
	height: 33px;
	background-image:url(images/clarins_NAV_preise.png);
	float:left;
	margin-right: 17px;
	background-position: 0 -33px;
	position:relative;
	
}

#nav  a.kontakt{
	width: 76px;
	height: 33px;
	background-image: url(images/clarins_NAV_kontakt.png); 
	float:left;
	margin-right: 17px;
	background-position: 0 -33px;
	position:relative;
}

#nav  a.news{
	width: 74px;
	height: 33px;
	background-image: url(images/clarins_NAV_angebote.png);
	float:left; 
	margin-right: 0px;
	background-position: 0 -33px;
	position:relative;
}

#nav .philosophie_c {
	width: 93px;
	height: 33px;
	background-image: url(images/clarins_NAV_phil.png);
	float:left; 
	margin-right: 17px;
	margin-left: 175px;
	position:relative;
	display:inline-block;
	
}


#nav .behandlungen_c {
	width: 112px;
	height: 33px;
	background-image: url(images/clarins_NAV_bhndlngn.png); 
	float:left;
	margin-right: 17px;
	position:relative;
	
	
}
#nav .produkte_c {
	width: 80px;
	height: 33px;
	background-image: url(images/clarins_NAV_prod.png); 
	float:left;
	margin-right: 17px;
	position:relative; 
	
	
}

#nav .preise_c {
	width: 60px;
	height: 33px;
	background-image: url(images/clarins_NAV_preise.png); 
	float:left;
	margin-right: 17px;
	position:relative;
	
}

#nav .kontakt_c {
	width: 76px;
	height: 33px;
	background-image: url(images/clarins_NAV_kontakt.png); 
	margin-right: 17px;
	float:left;
	position:relative;
	
}

#nav .news_c {
	width: 74px;
	height: 33px;
	background-image: url(images/clarins_NAV_angebote.png);
	margin-right: 0px;
	float:left;
	position:relative;
	
}
#nav a:hover {
	background-position: 0 0px;

}
	
	
body {
	background-color: #f5f5f5;
}



#main_content {
	width: 906px;
	float: left;
	position: relative;
	z-index: 1;
	display: inline;
	top: 25px;
}

li {
	display: inline;
	margin: 0px;
	padding: 0px;
	
	
}




#left_content {
	width: 345px;
	float: left;
	margin-left: 53px;
	margin-bottom: 30px;
	padding-right:25px;
	margin-top: 25px;
	padding-left: 25px;
	position: relative;
	display: inline;
	z-index: 1;
}
#right_content {
	width: 345px;
	float: left;
	margin-left:;
	padding-left:20px;
	padding-top: 42px;
	margin-bottom:10px;
	position: relative;
	display: inline;
	z-index: 1;
	padding-right: 60px;
}

#leaf_zone {
	width: 906px;
	float: left;
	height: 98px;
	background-color: #FFFFFF;
	/*background-image: url(images/leaf_bottom.png);*/
	position: relative;
	display: block;
}

#footer {
	float:left;
	background-color: ;
	height: 11px;
	background-color: none;
	width: 906px;
	text-align: center;
	font-size: 11px;
	margin-top: 17px;
	margin-left: 47px;
	position: static;
	display: inline;
}



#bottom_sq {
	width: 1000px;
	height: 30px;
	background-image: url(images/bottom_g.png);
	float: left;
	margin-bottom: 0px;
	position: relative;
	display: inline;
	top: -15px;
}
#add {
	margin: 0px;
	padding: 0;
	position: static;
}

#add li{
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #1C4F1D;
	width: 300px;
	margin-right: 5px;
}

#left_content img {
	margin-right: 0px;
	margin-left	: 0px;
	margin-top: 18px;
	margin-bottom: 8px;
	z-index: 1;
}
p a {
	text-decoration: underline;
	color: #be0f34;
}

p a:hover {
	color: #1C4F1D;
	text-decoration: none;
	
}
#footer li a {
	text-decoration: none;
	color: #042810;
	
}

#footer li a:hover {
	text-decoration: none;
	color: #666666;
}
#behandlungen li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	text-decoration: none;
	color:#333333;
}
#behandlungen {
	text-align: center;
	position: static;
}
#center_content {
	float: left;
	height: 325px;
	width: 840px;
	margin-top: 25px;
	margin-right: 33px;
	margin-left: 33px;
	margin-bottom: 15px;
	z-index: 0;
	position: relative;
	display: inline;
}
#kontakt_p {
	padding-left: 9px;
	margin-top: 5px;
}
#kontakt_p a {
	color: #9D0802;
}
form {
	width: 290px;
	position: relative;
	left: 15px;
}
#field {
	margin-left: 15px;
	margin-bottom: 5px;
}
#antwort {
	margin-left: 26px;
	margin-bottom: 3px;
	margin-top: 5px;
}
#name {
	margin-left: 23px;
	margin-bottom: 3px;
	margin-top: 5px;
}
#adresse {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 20px;
}
#ort {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 49px;
}
#plz {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 43px;
}
#staat {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 37px;
}
#email {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 25px;
}
#telefon {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 14px;
}





#g_antwort {
	margin-left: 22px;
	margin-bottom: 3px;
	margin-top: 5px;
}
#g_name {
	margin-left: 30px;
	margin-bottom: 3px;
	margin-top: 5px;
}
#g_strasse {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 8px;
}
#g_plz {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 41px;
}
#g_ort {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 47px;
}
#g_land {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 35px;
}
#g_email {
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 28px;
}


#g_datum_t {
	margin-left: 10px;
	margin-bottom: 3px;
	margin-top: 5px;
	width: 25px;
}

#g_datum_m {
	margin-left: 0px;
	margin-bottom: 3px;
	margin-top: 5px;
	width: 25px;
}

#g_datum_j {
	margin-left: 0px;
	margin-bottom: 3px;
	margin-top: 5px;
	width: 25px;
}







textarea {
	margin-left: 12px;
	margin-top: 5px;
	height: 100px;
}
#button {
	background-color: #214322;
	margin-top: 15px;
	margin-left: 195px;
	color: #FFFFFF;
}
#kontakt_drop {
	width: 100px;
	height: 15px;
	padding-top: 4px;
	background-color: #F5F5F5;
	position: absolute;
	left: 780px;
	top: 157px;
	display: none;
}
#bh_sub {
	width: 100px;
	left: 422px;
	top: 158px;
	opacity: .5;
	background-color: #EEEEEE;
	padding-bottom: 15px;
}
ul {
	margin: 0px;
	padding: 0px;
	position: relative;
	display: block;
}





#behandlungen_sub {
	width: 175px;
	margin-top: 33px;
	position: absolute;
	left: 254px;
	visibility: hidden;
	font-family: Verdana, Geneva, sans-serif;
	top: 0px;
	z-index: 200;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
}
#behandlungen_sub ul {
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	text-align: center;
	margin: 0px;
	background-color: #F5F5F5;
	padding: 0px;
	line-height: 1;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: solid #333333 1px;
	border-left: solid #333333 1px;
	border-right: solid #333333 1px;
	z-index: 200;
	position: relative;
}

#behandlungen_sub li {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.25;
	color: #222222;
	text-decoration: none;
	
	
}

#behandlungen_sub li a{
	margin: 0px;
	padding: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.25;
	color: #222222;
	text-decoration: none;
}

#behandlungen_sub li a:hover{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.25;
	color:#8b0d00;
	text-decoration: underline;
}
#kontakt_sub {
	margin: 33px;
	position: absolute;
	left: 550px;
	top: 0px;
	visibility: hidden;
	height: 25px;
	width: 80px;
	z-index: 200;
	
}
#kontakt_sub ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.25;
	background-color: #F5F5F5;
	border-bottom: solid #333333 1px;
	border-left: solid #333333 1px;
	border-right: solid #333333 1px;
	z-index: 300;
	position: relative;
}


#kontakt_sub li {
	margin: 0px;
	padding: 0px;
	
}

#kontakt_sub li a{
	margin: 0px;
	padding: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.25;
	color: #222222;
	text-decoration: none;
}

#kontakt_sub li a:hover{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.25;
	color:#8b0d00;
	text-decoration: underline;
}


#nav #philosophie_sub {
position: absolute;
visibility: hidden;
}



#nav #produkte_sub {
position: absolute;
visibility: hidden;
}

#nav #preise_sub {
position: absolute;
visibility: hidden;
}



#news_sub {
	width: 100px;
	margin-top: 33px;
	position: absolute;
	left: 655px;
	visibility: hidden;
	font-family: Verdana, Geneva, sans-serif;
	top: 0px;
	z-index: 200;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
}
#news_sub ul {
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	text-align: center;
	margin: 0px;
	background-color: #F5F5F5;
	padding: 0px;
	line-height: 1;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: solid #333333 1px;
	border-left: solid #333333 1px;
	border-right: solid #333333 1px;
	z-index: 200;
	position: relative;
}

#news_sub li {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.25;
	color: #222222;
	text-decoration: none;
	
	
}

#news_sub li a{
	margin: 0px;
	padding: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.25;
	color: #222222;
	text-decoration: none;
}

#news_sub li a:hover{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.25;
	color:#8b0d00;
	text-decoration: underline;
}
#nav #nav_wrap {
	margin-right: auto;
	margin-left: auto;
	height: 33px;
	float: left;
	position: relative;
}



.error{
	margin-left: 0px;
	width: 250px;
	padding: 8px;
	text-align: center;
	margin-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #A01512;
	display: none;
}
.form_field_right {
	display: inline;
	clear: left;
}
.gewinnspiel_button {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 3px;
}
#teilnahme_info {
	margin-top: 15px;
	display: none;
}
#gewinnspiel_button {
	height: 110px;
	width: 110px;
	position: absolute;
	left: 754px;
	top: -41px;
}
img.gewinnspiel_logo {
	text-align: center;
}
#wissen {
	color:#515151;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
	display: block;
	width:360px;
	height:170px;
	position:absolute;
	top:40px;
	left:480px;
}

#erfahrung {
	color:#515151;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
	display: block;
	width:372px;
	height:200px;
	position:absolute;
	top:264px;
	left:480px;
}
#forschung {
	display: block;
	width:360px;
	
}
#genuss{
	color:#515151;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
	display: block;
	margin-top: 0px;
	width:376px;
	height:170px;
	position:absolute;
	top:515px;
	left:480px;
	}
.header_e a {
	color: #1C4F1D;
}
.jahrefix{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;	
}

.textrot1{
color:#Be0f34;
font-size:12px;

}