/*CSS Reset*/
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }/*general*/

/*global*/

html, body{
  margin: 0;padding: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  background: #FBF2F7 url(../images/bg_repeat.png) repeat-x top left;
  color: #590338;
}

#centercontent{
position: relative; 
width:500px; 
height:500px; 
margin-left:auto;
margin-right:auto;
background-image:url(../images/bg_center.jpg);
width:1013px;
height:786px;
}

#content-scroll{
	position:absolute;
	left:294px;
	top:293px;
	overflow: auto;
	height: 460px;
	width:440px;
	z-index:10001;
	color:#B43D6D;
	font-size:14px;
}
#content-scroll a{
color:#B43D6D;
}
#content-scroll h2{
font-size:18px;
font-weight:bold;
margin-top:10px;
margin-bottom:7px;
}
#content-scroll h3{
font-size:14px;
font-weight:bold;
margin-top:10px;
margin-bottom:7px;
}

#content-scroll ul li{
	list-style:disc;
	margin:0 0 0 20px;
}
#content-scroll ol {
	padding-left:10px;
}
#content-scroll ol li{
	list-style:decimal;
	margin:0 0 0 20px;
	padding: 0 5px;
}
#content-scroll ol li ol li{
	list-style:lower-alpha;
	margin:0 0 0 20px;
}

/*subnav*/
#subnav{
  position:absolute;
  padding:20px 10px;
  height: 132px;
  width:660px;
  right:68px;
  left:261px;
  top:108px;
  z-index:2;
}
#subnav ul{
  list-style: none;
}
#subnav ul li{
  display: block; 
  float: left;
  z-index:0
}
#subnav ul li a{
  display: block; 
  padding: 0 5px;
  color: #A5417F;
   /*font-size: 0.9em;*/
  font-size:13px;
  text-decoration: none;
  background: transparent url('../images/subnav_sep.gif') no-repeat right center;
}
#subnav ul li a:hover, #subnav ul li a.selected{
  text-decoration: underline; 
}
#subnav p{
	font-size: 1.3em;
	padding:10px 0 0 30px;
	color: #B60464;
}
#subnav h2{
  clear:both;
  display: block; 
  color: #B60464;
  font-weight: normal;
  font-size: 41px;
  line-height:41px;
  padding:20px 0 0 30px;
  text-shadow:#FFF 0px 0px 3px;
}
#subnav h3{
	clear:both;
	font-size: 20px;
	padding:5px 0 0 30px;
	color: #953D6F;
	line-height:20px;
}

/*flowers*/
#flowers{
	display: block;
	position:absolute;
	width:351px;
	height:283px;
	top:168px;
	right:-58px;
	z-index: 100;
}
#flowers-small{
	display: block;
	position:absolute;
	width:388px;
	height:235px;
	top:128px;
	right:-128px;
	z-index: 100;
}

#flowers-ribbon{
	display: block;
	position:absolute;
	width:130px;
	height:207px;
	top:173px;
	right:28px;
	z-index: 100;
}

/*---header---*/

#nav{
 background-image: url(../images/bg_nav.jpg);
 background-repeat:no-repeat;
  display: block;
  position:absolute;
  height: 48px;
  width:734px;
  top:42px;
  left:265px;
  list-style: none;
  font-family: Helvetica, Arial, sans-serif; 
}
#nav li{
  display: block; 
  height: 48px; 
  line-height: 48px;
  float: left;
  z-index:0;
  background-image:url(../images/bg_nav_btn.jpg);
}
#nav li a{
  display: block; 
  height: 48px; 
  line-height: 46px;
  padding: 0 12px;
  color: #efefef;
  font-weight: bold;
   font-size:16px;
  text-decoration: none;
  background: transparent url('../images/nav_sep.jpg') no-repeat right 3px;
}
#nav li a:hover{
	background: transparent url('../images/bg_nav_selected.jpg') repeat-x left top;
	z-index:2;
	margin-left:-1px;
	border-left: 1px transparent solid;
}
#nav li a.selected{background: transparent url('../images/bg_nav_selected.jpg') repeat-x left top;
z-index:2;
margin-left:-1px;
border-left: 1px transparent solid;}


/* ---sidebar--- */
#sidebar{
	/*	display: block;*/
  	position:absolute;
	width: 238px;
	top:185px;
	left:20px;
	z-index:5;
	background:none;
}
#sidebar #sidebar-nav{
	position:absolute;
	top:0px;
	left:0px;
	background: transparent url('../images/bg_sidebar.jpg') no-repeat left top;
	height:134px;
	margin-bottom:8px;
	padding-top:12px;
	padding-bottom:15px;
		padding-left:15px;
			padding-right:15px;
	width: 238px;
}
#sidebar #sidebar-nav h4{
	color:#FFF;
	font-size:1em;
}
#sidebar #sidebar-nav a{
	display:block;
	color:#631A46;
	text-decoration:none;
	padding-left:18px;
	height:13px;
	line-height: 13px;
	/*margin:2px 0;*/
	font-size:0.9em;
	font-size:13px;
}
#sidebar #sidebar-nav a.selected{
	background: transparent url('../images/arrow_sidebar.gif') no-repeat left top;
}
#sidebar #sidebar-nav a:hover{
	background: transparent url('../images/arrow_sidebar.gif') no-repeat left -14px;
}
#sidebar #sidebar-nav a:hover{
	color:#200916;
}
#sidebar #sidebar-nav ul{
padding: 5px 0 0 0;
margin:0px;
}

#sidebar #sidebar-nav ul li{
display:block;
float:left;
width:200px;
clear:both;
padding: 0px 0px  0px 0px ;
height:29px;
margin:0px 0px 0px 0px;
font-size:13px;
}

#sidebar #sidebar-wallpaper{
	position:absolute;
	top:172px;
	left:0px;
	/*background: transparent url('../images/ban_wallpaper.jpg') no-repeat left top;*/
	width:238px;
	height:158px;
}

#sidebar #sidebar-refund{
	position:absolute;
	top:154px;
	left:0px;
}

#sidebar #sidebar-facebook{
	position:absolute;
	top:290px;
	left:0px;
}

#sidebar #sidebar-pink-ribbon{
	position:absolute;
	top:161px;
	left:0px;
	/*background: transparent url('../images/pink-ribbon-btn_left.gif') no-repeat left top;
	width:238px;
	height:158px;*/
}

#sidebar #sidebar-philips-actie{
	position:absolute;
	top:155px;
	left:-8px;
}

#sidebar #sidebar-steprace{
	position:absolute;
	top:332px;
	left:0px;
}

#sidebar #sidebar-wallpaper a{
	display:block;
	width:214px;
	height:134px;
	padding:12px;
	color:#FFF;
	text-decoration:none;
		/*font-size:0.85em;*/
	font-size:15px;
}
#sidebar #sidebar-newsletter{
	position:absolute;
	top:330px;
	left:0px;
	background: transparent url('../images/ban_newsletter.jpg') no-repeat left top;
	width:238px;
	height:67px;
	margin-bottom:8px;
}
#sidebar #sidebar-newsletter a{
	display:block;
	width:214px;
	height:43px;
	padding:12px;
	color:#FFF;
	text-decoration:none;
		/*font-size:0.85em;*/
	font-size:15px;
}

	
	#sidebar #sidebar-internal_ads{
	position:absolute;
	top:407px;
	left:0px;
	/*background: url('../images/ban_ad1.jpg') no-repeat left top;*/
	/*background: url('../images/ban_ad_fiets.jpg') no-repeat left top;*/
	/*background: url('../images/ban_ad_9maanden.jpg') no-repeat left top;*/
	/*background: url('../images/ban_ad_pink.gif') no-repeat left top;*/
	/*background: url('../images/ban_ad_pink_end.gif') no-repeat left top;*/
	width:238px;
	height:169px;
	}
	

/*#sidebar #sidebar-internal_ads a{
	display:block;
	width:214px;
	height:145px;
	padding:12px;
	color:#FFF;
	text-decoration:none;
	font-size:0.85em;
	font-size: 15px;
}*/
#sidebar #sidebar-internal_ads span{
	display:block;
	position:absolute;
	top:68px;
	left:12px;
	width:110px;
	color:#FFF;
	text-decoration:none;
	font-size:1em;
}


/*---footer----*/
#footer{
	position:absolute;
	top:790px;
	left:0px;
	width: 1010px;
}

#footer-credits{
position: absolute;
top:0px;
left:20px;
font-size:13px;
}

#footer-credits a{
/*color:#DD9FB7;text-decoration:none;*/
color:#F0D0D0;text-decoration:none;
}
#footer-credits a:hover{text-decoration:underline;}

#footer-links{
position: absolute;
top:0px;
left:275px;
font-size:13px;
color:#3F3E3E;
}

#footer-links a {color:#3F3E3E;text-decoration:none;}
#footer-links a:hover{text-decoration:underline;}


/*Products*/
#product{
	position:absolute;
	top:178px;
	left:232px;
	width: 757px;
	height: 583px;
}
.productTxt {
color:#CD3467;
font-size:17px;
text-align:center; 
margin-bottom:15px;
line-height:20px;
}

.productTxt b, .productTxt strong {
color:#AC2B55;
/*color:#C02169;*/
font-weight:bold;
}
.productTitle {
color:#953D6F;
/*color:#7B325D;*/ 
font-size:26px;
text-align:center; 
margin-bottom:20px;
}

.productTitleSmall {
color:#AC2B55;
font-size:17px;
text-align:center; 
margin-bottom:20px;
font-style:italic;
font-weight:bold;
}

/*text pages*/
#content-text{
	position:absolute;
	top:285px;
	left:263px;
	margin:0 0 0 40px;
	padding-top:10px;
	width: 609px;
	font-size:13px;
}

#content-text h1 {
	font-size:26px;
	width: 609px;
	font-weight:bold;
  position:relative;
  height:auto;
  margin-top:20px;
  margin-bottom:20px;
  display:inherit;
}
#content-text h1 a{
  width: 609px;
  display: inline;
  position:relative;
  text-indent: 0px;
  background: none;
  height:auto;
}


#content-text a{color:#8F3D6D;text-decoration:none}
#content-text a:hover{color:#8F3D6D;text-decoration:underline}
#content-text p,.content-text ul{
  margin:8px 0;
}
#content-text p,.content-text ul{
  margin:0 0 16px 0;
  font-size:1em;
}
#content-text .first{
  padding-right:280px;
}
#content-text .firstlarge{
  padding-right:180px;
}
#content-text ul li{
	list-style:disc;
	margin:0 0 0 20px;
}
#content-text h2{
	font-weight:bold;
	font-size:16px;
	margin:0;
}
#content-text h3{
	font-weight:bold;
	font-size:1em;
	margin:0;
}

/* TYPE*/ 
h1{
  display: block; 
  position: absolute; 
  width: 250px;
  height: 160px;
  top:10px;
  left:0;
}

h1 a{
  width: 250px;
  height: 160px;
  display: block;
  position:relative;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url('../images/logo_nl.jpg') no-repeat top left;
}



h4{
font-weight: bold;
}
a{
color: #efefef;
text-decoration:none;
}

/*others*/
/**/
.clear{clear:both;}
/**/
.document_left{float:left;margin:0 10px 0 0;}
.document_right{float:right;margin:0 0 0 10px;}


/**/
/* Contact form */
#content-text form td {padding-bottom:2px;}
#content-text form input{
	margin:0 0 0 0;
	border:1px solid #590338;
	background-color:#FDDDEC;
	width:150px;
	font-size:11px;
	color:#590338;
}

#content-text form select{
	margin:0 0 0 0;
	border:1px solid #590338;
	background-color:#FDDDEC;
	font-size:12px;
	color:#590338;
}
#content-text form textarea{
	margin:0 0 0 0;
	border:1px solid #590338;
	background-color:#FDDDEC;
	font-size:11px;
	color:#590338;
	width:450px;
	height:50px;
	display:block;
}
#content-text form #formContact{margin-top:5px;}
#content-text form p.button{margin:0}
#content-text form p.button input{width:auto;font-size:11px;padding:2px 5px;}
#content-text form .BtnAction
{
	background-color:#C09;
	color:white;
	font-weight:bold;
	padding:5px;
	cursor:hand;
}
/**/
#content-flash{
	position: absolute;
	top:-104px;
	left:-42px;
	z-index: 2;
}


#content-text form input#txtZip, #content-text form input#txtNumber{width:48px;}
#content-text form input#chkPrivacy, #content-text form input#chkMarketing{width:16px;}


/*geschiedenis*/
/* jQuery UI Tabs */
.ui-tabs .ui-tabs-hide {
     display: none;
}
.ui-tabs-nav{
top:400px;
display: inline; 
position: absolute;
width: 714px;
text-align: center;
list-style: none;
height: 25px;
line-height: 25px;
background: #89476B;
bottom: 50px;
overflow: visible;
}

#content-text .ui-tabs-nav li{
display: inline;
padding: 0 8px;
margin: 5px 0px;
}

#content-text .ui-tabs-nav li.ui-state-active{
background: #D91881;
padding: 10px 8px;
margin-top: -5px;
}
#content-text .ui-tabs-nav li a{
padding: 0 0;
text-decoration: none;
color:white;
}

#content-text .ui-tabs-panel{
text-align: center;
font-size: 1em;
}

#content-text .ui-tabs-panel p{
margin: 0.2em 0;
}

#content-text .ui-tabs-panel .tab_block{
width: 290px; 
padding: 0 25px;
margin: 15px auto;
margin-bottom: -40px;
background: transparent url('../images/bg_timeline_box.png') no-repeat center top;
}

#content-text .ui-tabs-panel .tab_block_bottom{
width: 290px; 
height: 45px;
padding: 0 25px;
margin: 40px auto;
background: transparent url('../images/bg_timeline_box_btm.png') no-repeat center bottom;
} 

#content-text .ui-tabs-panel .tab_block h5{
color: #efefef;
font-weight: bold;
background: transparent url('../images/yearbadge.png') no-repeat bottom center;
padding-top: 30px;
line-height: 40px;
height: 46px;
}

#content-text .ui-tabs-panel img{
margin-top: -85px;
}

/*over Henkel*/
a#henkel_website_button{
display: block;
text-align: center;
color: #585757;
width: 230px; 
height: 32px;
line-height: 26px;
font-size: 0.9em;
margin: 10px 0 0 35px;
text-decoration: none;
background: transparent url(../images/OverHenkel_gotohenkel_button.png) no-repeat top center;
}

/*voordelen*/
/* jQuery UI Accordeon */
#accordion h3{font-size:1.1em;margin:5px 0 0 0;}
#accordion h3 a{
	background: transparent url('../images/arrow_content.gif') no-repeat left 2px;
	padding-left:18px;
	color:#525051
}
#accordion h3.ui-state-active a{
	background: transparent url('../images/arrow_content.gif') no-repeat left bottom;
	color:#953D6F
}
#accordion div{
	margin:5px 0 5px 18px;
	border-left:2px solid #953D6F;
	padding-left:5px
}

/*tv-commercials*/
/* COMMERCIALS */
#content-tv{
  position:absolute;
  background: transparent url('../images/bg_commercials.jpg') no-repeat left top;
  height:465px;
  width:730px;
  z-index: 1;
	top:292px;
	left:231px;
	margin:0 0 0 40px;
	padding-top:10px;
}
#content-tv #video{
width: 345px; 
height: 210px;
background: #333;
position: absolute;
top: 36px;
left: 305px;
}
#page-commercials #footer{z-index: 0;}

/*wallpaper*/
.step
{
background-image:url(../images/bg_stap.png); background-repeat:no-repeat; width:71px;height:30px;display:block; float:left; color:white;font-weight:bold;font-size:16px;margin-right:10px;text-align:center; padding-top:4px; /*position:relative;top:-7px;*/
}
.steptitle
{
font-size:13px; margin-bottom:20px;
}

.wallpaperbutton
{
background-color:#D550A1; color:white; font-weight:bold;border:1px solid #872057; padding:4px;cursor: pointer;
}


/*homepage*/
#introanim
{
	position:absolute;
	left:261px;
	top:107px;
	width:806px;
	height:744px;
}
/* SCROLL */
#scrollbar {
	float:right;
	position:relative;
	display:none;
	width:15px;
	height:310px;
	z-index:100;
	background:url(../images/scroll-bg.gif)
}
#scrollbarwasmachine {
	float:right;
	position:relative;
	display:none;
	width:15px;
	height:430px;
	z-index:100;
	background:url(../images/scroll-bg.gif)
}
.scroller {
	position:absolute;
	top:0;
	width:15px;
	cursor:pointer;
	background-color:#ee51af;
	background-image:url(../images/scroll-arrows.gif);
	background-position:50% 50%;
	background-repeat:no-repeat
}
.buttonclick {
	background-color:#ee51af}