@charset "utf-8";
/* 
CSS Document Created for depil.nl
Developed by: WEBCITERS (http://www.webciters.com)
*/

html, body{
	background: #FFF;
	margin: 0;
	padding: 0;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #333;
}

div, ul, li, p, span, ol, h1, h2, form{
	margin: 0;
	padding: 0;
}

h1{
	font-size: 16px;
	color: #0079c2;
	text-transform: uppercase;
	display: block;
}

#header{
	width: 100%;
	margin: 0 auto;
	height: 219px;
	background: #74a5d7;
}

#header .flashContent{
	height: 185px;
	width: 770px;
	margin: 0 auto;	
}

#header .topMenu{
	width: 100%;
	background: #FFF;
	height: 35px;
}

#header .topMenu .menuBar{
	width: 750px;
	margin: 0 auto;
	padding: 10px 20px 0 0;
	text-align: right;
	background: url(../images/logo_part.gif) top left no-repeat;
}
/*end of header*/


/*main content starts*/
#mainContent{
	width: 100%;
	background: #74a5d7 url(../images/bg_contentmain.gif) top repeat-x;
	padding: 0 0 30px 0;
}

#mainContent .content{
	width: 770px;
	margin: 0 auto;
	background: url(../images/bg_content.gif) repeat-y;
}

#mainContent .content .leftPane{
	width: 168px;
	float: left;
	padding: 45px 20px 20px 20px;
	background: #FFF url(../images/bg_contenthead.gif) repeat-x top;
}

#mainContent .content .leftPane .leftMenu{
	float: left;
	border-bottom: 1px dotted #CCC;
	width: 168px;
	padding: 0 0 5px 0;
}

#mainContent .content .leftPane .leftMenu ul{
	list-style: none;
	text-transform: uppercase;
}

#mainContent .content .leftPane .leftMenu ul li{
	font-size: 12px;
	float: left;
	width: 168px;
	padding: 0 0 12px 0;
}

#mainContent .content .leftPane .leftMenu ul ul li{
	font-size: 12px;
	float: left;
	width: 128px;
	padding: 7px 0 0 15px;
	background: url(../images/menu_bul.gif) left bottom no-repeat;
}

#mainContent .content .leftPane .newsletter{
	float: left;
	padding: 20px 0 0 0;
	width: 168px;
}

#mainContent .content .leftPane .newsletter p{
	padding: 15px 0 0 0;
}

#mainContent .content .rightPane{
	width: 510px;
	padding: 45px 20px 20px 20px;
	float: right;
	background: #FFF url(../images/bg_contenthead.gif) repeat-x top;
}

#mainContent .content .rightPane .allContents{
	width: 510px;
	float: left;
}

#mainContent .content .rightPane .allContents p.wnotes{
	width: 300px;
	float: left;
	padding: 20px 0 0 0;
}

#mainContent .content .rightPane .allContents p.vivre_img{
	width: 181px;
	float: right;
}

div.productList{
	float: left;
	width:510px;
	padding: 8px 0 0 0;
}

div.productList ul{
	list-style: none;
}

div.productList li{
	float: left;
	width: 153px;
	display: inline;
	padding: 5px 16px 0 0;
}

div.productList li.nopadding{
	float: left;
	width: 153px;
	padding: 20px 0 0 0;
}

div.productList li p{
	margin: 0 0 5px 0;
	display: block;
	text-transform:uppercase;
}

/*footer starts*/
#footer{
	margin: 0 auto;
	font-weight: bold;
	color: #0079c3;
	width: 730px;
	padding: 20px;
	height: 20px;
}

#footer p.copyright{
	float: left;
	width: 400px; 
}

#footer p.developer{
	float: right;
	text-align: right;
	width: 250px; 
}


/*Additional styles*/
.strong{
	font-weight: bold;
}

.border5{
	border: 5px solid #0079c3;
}

.bluecolor{
	color: #0079c3;
}
.redcolor{
	color: #FF0000;
	font-weight: bold;
}


.overline{
	color: #0079c3;
	text-decoration:line-through;
}
/*form styles*/
input{
	padding: 3px;
	border: 1px solid #CCC;
	background: #FFF;
	font-size: 11px;
}

#mainContent .content .leftPane .newsletter input{
	width: 162px;
	margin: 0 0 5px 0;
}	


/*Posible hacks*/
.clear{
	clear: both; 
}

/*Pseudo classes*/
a{
	color: #0079c3;
	text-decoration:none;
}

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

#mainContent .content .leftPane .leftMenu ul ul li a{
	color: #f15d2f;
}

#mainContent .content .leftPane .leftMenu ul ul li a:hover{
	color: #0079c3;
}

.word
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
text-decoration:none;	
}

.boldword
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:3px;
text-decoration:none;
font-weight:bold;	
}

.alert
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
text-decoration:none;
color:#FF0000;
}

.vacature{
	font-size: 16px;
	color: #FF0000;
	text-transform: uppercase;
	display: block;
	font-weight:bold;
	text-decoration:underline;
}

.vacature a{
	font-size: 16px;
	color: #FF0000;
	text-transform: uppercase;
	display: block;
	font-weight:bold;
	text-decoration:underline;

}

.vacature a:hover{
	font-size: 16px;
	color:#0079c2;
	text-transform: uppercase;
	display: block;
	font-weight:bold;
}