/*
* Jaar		: 2010
* Klant     : Odorex
* Product	: Website
================================*/

/* Reset CSS
================================*/

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,	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family:arial;
		vertical-align: baseline;
		color:#1c2b79;
	}
object{outline:none;}
focus{outline:none;}

/* Algemeen
=================================*/
body{
	background:#eeeff5 url(../images/bg.jpg);
	background-repeat:repeat-x;
	position:relative;
	}

#img{ position:absolute; left:0px; top:0px;}

#wrapper
	{ 
	width:970px;
	margin:0 auto;
	position:relative;
 	height:646px;
	}
#footer
	{ 
	width:970px;
	margin:0 auto;
 	height:20px;
	color:#b7bacb;
	font-size:10px;
	text-align:right;
	padding-top:20px;
	}
#footer a{	color:#b7bacb; text-decoration:none;}	
	
.header
	{
		width:970px;
		height:140px;
		position:relative;
	}
	
	
/* Homepage
=================================*/	
.content
	{ 
	margin-left:183px; 
	width:768px;
	font-size:12px;
	}
.content a{ color:#009fc2; text-decoration:none;}	
.content #terug{color:#203e60;}
	
h1
	{ 
	font-size:45px; 
	color:#203e60;
	}
	
h1 span
	{
	color:#0091bd;
	}
h1 span.klein
	{
	color:#0091bd;
	font-size:18px;
	vertical-align:top;
 	
	}	
	
.slogan
	{
	color:#203e60;
	font-size:18px;
	}
.banner{ width:231px; height:400px; position:absolute; right:0px; top:160px;}
.banner p{ font-size:13px; padding-left:20px;}

.actiebanner
	{ width:336px; height:156px; background-image:url(../images/actiebanner.png); position:absolute; left:163px; bottom:40px;
	padding-left:200px; padding-top:80px; font-size:12px;
	}	
.actiebanner a{ text-decoration:none; font-size:13px;}	
.actiebanner a:hover{color:#009fc2;}


.actiebannergroot
	{ width:540px; height:182px; background-image:url(../images/actiebannergroot.png); position:absolute; left:163px; top:210px;
	padding-left:200px; padding-top:40px; font-size:12px;
	}	
.actiebannergroot a{ text-decoration:none; font-size:13px;}	
.actiebannergroot a:hover{color:#009fc2;}

.bekijk{position:absolute; right:30px; bottom:30px;}
.bekijk a{color:#1c2b79; text-decoration:none;}

h2
	{ 
	font-size:28px; 
	color:#203e60;
	}
	
h2 span
	{
	color:#0091bd;
	}	
	

.banner2{ width:347px; height:537px; position:absolute; right:-40px; bottom:0px;}

.product1{ float:left; margin-right:100px;}
.product2{float:left;}

.product1 p span{color:#0091bd;}
.product2 p span{color:#0091bd;}

.producten{ float:left; margin-right:10px;}

/* POPUPSTYLE
=================================*/	
#overlay1, #overlay2, #overlay3, #overlay4, #overlay5, #overlay6 {
z-index:1000;
position:absolute;
margin:0;
padding:0;
background-color:transparent;
width:100%;
height:646px;
top:0px;
left:0px;
z-index:10000;
background-image:url(../images/tp.png); /* required by MSIE to prevent actions on lower z-index elements */
visibility:hidden;
color:#1c2b79;
}

div#vlak1 {
	height:400px;
	width:954px;
	background:url(../images/products/marineoverlay.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:220px;
	left:-14px;
	margin:auto;
color:#1c2b79;
}

div#vlak2 {
	height:400px;
	width:954px;
	background:url(../images/products/freshoverlay.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:220px;
	left:-14px;
	margin:auto;
color:#1c2b79;
}

div#vlak3 {
	height:400px;
	width:954px;
	background:url(../images/products/sensitiveoverlay.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:220px;
	left:-14px;
	margin:auto;
color:#1c2b79;
}

div#vlak4 {
	height:400px;
	width:954px;
	background:url(../images/products/clearoverlay.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:220px;
	left:-14px;
	margin:auto;
color:#1c2b79;
}

div#vlak5 {
	height:400px;
	width:954px;
	background:url(../images/products/careoverlay.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:220px;
	left:-14px;
	margin:auto;
color:#1c2b79;
}


div#vlak6 {
	height:400px;
	width:954px;
	background:url(../images/products/hairoverlay.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:220px;
	left:-14px;
	margin:auto;
color:#1c2b79;
}
.gaterug{position:absolute; right:30px; bottom:110px;}
.gaterug a{color:#1c2b79; text-decoration:none;}
.vlakcontent
	{
	 width:500px; height:200px; position:absolute; left:210px; top:158px; font-size:12px; 
	}
.vlakcontent ul{ padding-left:15px; margin-top:5px;}
.vlakcontent ul li{ list-style-image:url(../images/li.jpg);}
.x{ color:#009fc2; font-size:18px; text-decoration:none; font-weight:bold; position:absolute; right:15px; top:75px;}
.x2{ color:#009fc2; font-size:18px; text-decoration:none; font-weight:bold; position:absolute; right:15px; top:75px;}

.links{ float:left; width:300px;}
.rechts{float:left;}

/* CONTACT FORM
=================================*/	
.textfield{ width:252px; height:20px; border:0px; background:transparent url(../images/textfield.jpg); background-repeat:no-repeat; padding-left:5px; padding-top:3px;}

	dl.dropdown1 {margin:0;padding:0;}
		.dropdown1 dd, .dropdown1 dt, .dropdown1 ul {margin:0px;padding:0px;}
	    .dropdown1 dd {position:relative;}
		.dropdown1 a, .dropdown1 a:visited {color:#009fc2;text-decoration:none;outline:none;cursor:pointer;}
		.dropdown1 a:hover {color:#009fc2;}
		.dropdown1 dt a:hover {color:#009fc2;}
		.dropdown1 dt a {background:#ffffff url(../images/dropdown.jpg) no-repeat scroll right center;display:block;padding-right:20px;padding:10px;width:237px;}
		.dropdown1 dd ul {display:none;background:#ffffff none repeat scroll 0 0;color:#009fc2;left:0px;padding:5px 0px;position:absolute;top:-5px;width:auto;min-width:257px; border:1px solid #e8e8e8;list-style:none;z-index:1001;}
		.dropdown1 dd ul li a {padding:5px;display:block;}
	    .dropdown1 dd ul li a:hover {background-color:#08a3c4; color:#ffffff;}
.selectbox{height:20px; width:252px;}		
textarea {
 background:transparent url(../images/textarea.jpg); background-repeat:no-repeat;
 height:48px; width:251px;
 font-family:arial;
 font-size:11px;
 border:none;
 color:#009fc2;
 padding:3px;
}		

.wisbutton 
{
	display:inline-block;
	position:relative;
	background:url(../images/wis.jpg) no-repeat;
	border:none;
	width:92px;
	height:23px;
	cursor:pointer;
}
.verstuurbutton 
{
	display:inline-block;
	position:relative;
	background:url(../images/verstuur.jpg) no-repeat;
	border:none;
	width:91px;
	height:23px;
	cursor:pointer;
}

/*     FAQ PAGE

============================================*/


.vragentekst {position:absolute; left:300px; top:190px; color:#009fc3; font-size:11px; width:400px; height:116px;}

.vragentekst a{color:#009fc3; font-size:11px; text-decoration:underline;}
.antwoordbg{ position:absolute; height:370px; width:482px; top:267px; right:5px; background-image:url(../img/antwoordbg.gif);}
.submenu{ position:absolute; height:25px; width:405px; top:240px; left:180px; }


#transpiratie_show{position:absolute; top:267px; left:180px; height:345px; width:281px; }
#product_show{position:absolute;top:267px; left:180px; height:345px; width:281px; }


.innershow {color:#009fc3; font-size:12px; width:282px; height:351px; background-image:url(../images/tabsbg.png);}
.innershow a{color:#203e60; font-size:12px; }
.innershow a:hover{color:#009fc3; font-size:12px; }

.innershow ul { padding-top:10px;  padding-left:20px; padding-right:10px;}
.innershow li { list-style-image:url(../images/li.jpg); margin-bottom:10px;}



.content-divs { position:absolute; height:340px; width:480px; top:230px; right:20px; display:none;color:#203e60; font-size:11px;}
.content-divs a{color:#009fc3; font-size:11px; text-decoration:underline;}
.content-startdivs{ position:absolute; height:340px; width:480px; top:277px; right:10px; display:none;color:#009fc3; font-size:11px; 
                    background-image:url(../img/vragenvrouw.jpg);
                    background-repeat:no-repeat;}
.content-divs strong{ color:#203e60; font-size:25px;}	
.content-divs strong span{ color:#009fc2; font-size:25px;}	

.textoverflow{ width:770px; height:430px; overflow-y:auto; padding-right:20px;}
.textoverflow a{ text-decoration:underline; color:#203e60;}
h3{ font-size:16px;}