/* ------------------------------------
Stylesheet: Centre Beaute
Made by: Jordi van Kan
Date: 14-10-09
Last modified by: Jordi van Kan
------------------------------------*/
body{
	font-family: Tahoma, Geneva, sans-serif;	
	margin: 0;
	padding: 0;
	background:#333030 url(../images/bg_body.gif) left top repeat;		
	overflow-x: hidden;
}

#supersize .activeslide, #supersize .activeslide img{
	display:inline;	
	-ms-interpolation-mode: bicubic;
	position: fixed; 
	left: 0px; 
	top: 0px;
	z-index: 1;
	height:
}

#container{
	position:absolute;
	z-index:10;
	top:0px;	
	margin: 0;
	padding: 0;	
	width: 100%;
	height: 100%;
}

#headerWrapper, #mainContentWrapper, #footerWrapper{
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width:900px;
}

/* header + topNavigation
----------------------------------------------------------------------*/
#header{
	width: 100%;
	height:203px;
	padding: 0px;
	margin: 0px;
	background:url(../images/bg_header.png) left top repeat-x;	
}

#headerWrapper img#logo{
	float:left;
	width:178px;
	margin: 25px 25px 0px 0px;
	padding: 0;
}

#headerWrapper #topNavigation{
	float:left;
	width:680px;
	margin: 70px 0px 0px 0px;
}

#topNavigation ul {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:1em;
	letter-spacing:normal;
	margin: 0;
	margin-left: 25px;	
	padding: 0;
	list-style: none;
	text-align:left;
}

#topNavigation ul li {
	display: inline;
	margin: 0 15px 0 0;
	padding: 0;
	padding-bottom: 17px;	
	color: #939393;
	font-size: 12pt;	
	font-variant:small-caps;
	text-transform:lowercase;
}

#topNavigation ul li a {
	margin: 0;
	padding: 5px;
	padding-top: 5px;	
	padding-bottom: 17px;	
	color: #939393;
	text-decoration: none;
}

#topNavigation ul li a:hover{
	color: #fff;
	background:url(../images/bg_navigationHover.png) center bottom no-repeat;
}

#topNavigation li.selected a, #topNavigation li.selected a:hover{
	color: #fff;	
	background:url(../images/bg_navigationHover.png) center bottom no-repeat;
}

#topNavigation ul li a.topNavigationSifr{
	font-size: 10pt;
	padding-bottom: 12px;
	cursor: default;
}

/* content
----------------------------------------------------------------------*/
#leftSideBar, #rightSideBar{
	float:left;
	width:178px;
	margin: 0px;
	margin-right: 25px;
	padding: 0;
}

#rightSideBar{
	margin: 0px;	
	margin-top: 25px;	
	background: url(../images/bg_sideBar.png) left top repeat;		
}

#subnav1, #subnav2{
	margin: 0px;
	margin-top: 25px;	
	padding: 0px;
	background: url(../images/bg_subNav1.png) left top repeat;	
}

#subnav2{
	margin: 0px;	
	background: url(../images/bg_subNav2.png) left top repeat;	
}

#leftSideBarContent{
	margin: 0;	
	margin-top: 25px;
	padding: 0;	
	background: url(../images/bg_sideBar.png) left top repeat;	
}

#leftSideBarContent div.header, #rightSideBar div.header{
	margin: 0;
	padding: 0;
	background-color:#4c4849;
}

#leftSideBarContent h2, #rightSideBar h2{
	margin: 0;
	margin-bottom: 5px;	
	padding: 10px;		
	padding-bottom: 0px;		
	font-size: 16pt;
	color: #ffffff;
}

#leftSideBarContent h3, #rightSideBar h3{
	margin: 0;
	padding: 10px;		
	padding-bottom: 0px;		
	font-size: 12pt;
	font-weight: bold;
	color: #221e1f;
}

#leftSideBarContent p, #rightSideBar p{
	margin: 0px;
	padding: 10px;	
	padding-top: 5px;		
	padding-bottom: 5px;			
	font-size: 10pt;
	line-height: 14pt;
	color:#221e1f;
}

#leftSideBarContent hr, #rightSideBar hr{
	border: 0 !important;
	color: #ababab;
	height: 1px;
	background-color: #ababab;
	border-bottom: 1px solid #ababab;	
	margin: 0px;
	margin-top:5px !important;
	margin-top: 0px;
	margin-bottom:5px !important;
	margin-bottom: 0px;	
	padding: 0px;
}

#leftSideBarContent a, #rightSideBar a{
	color: #00acba;
	text-decoration: none;
	border-bottom:1px dotted #00acba;	
}

#leftSideBarContent a:hover, #rightSideBar a:hover{
	color: #4c4849;
	border-bottom:1px dotted #4c4849;		
}

#leftSideBarContent a.leesVerder, #rightSideBar a.leesVerder{
	padding: 2px 5px;
	color: #ffffff;
	background-color: #d51c8a;
	text-decoration: none;
}

#leftSideBarContent a.leesVerder:hover, #rightSideBar a.leesVerder:hover{
	color: #ffffff;
	background-color: #939598;
}

#mainContent{
	float:left;
	width:657px;
	padding: 20px;
	margin: 0px;
	margin-top: 25px;	
	font-size: 11pt;	
	line-height: 17pt;	
	color: #ffffff;
	background: url(../images/bg_mainContent.png) left top repeat;	
}

#mainContent.small{
	width:454px;
	margin-right: 25px;
}

#mainContent h1{
	margin: 0;
	margin-bottom: 13px;	
	padding: 0;
	font-size: 28pt;
	line-height: 28pt;
}

#mainContent h2, #mainContent h2.formError{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;		
	font-size: 20pt;
}

#mainContent h3{
	margin: 0;
	margin-bottom: 5px;	
	padding: 0;
	font-size: 14pt;
	font-weight: bold;
}

#mainContent h3.form{
	margin: 0;
	margin-top: 10px;	
	margin-bottom: 5px;	
	padding: 0;
	font-size: 10pt;
	line-height: 14pt;
}

#mainContent h4{
	margin: 0;
	padding: 0;
	color: #ababab;
	font-size: 11pt;	
	line-height: 17pt;	
	font-weight: normal;
}

#mainContent h4.datum{
	margin: 0;
	padding: 0;
	color: #ababab;
	font-size: 9pt;	
	line-height: 14pt;	
	font-weight: normal;
}

#mainContent p{
	font-size: 11pt;
	line-height: 17pt;
	margin-bottom: 20px;
}

#mainContent table{
	width:100%;
	font-size: 11pt;
	line-height: 17pt;
	margin-bottom: 30px;
}

#mainContent hr{
	border: 0 !important;
	color: #ababab;
	height: 1px;
	background-color: #ababab;
	border-bottom: 1px solid #ababab;	
	margin: 0px;
	margin-top:5px !important;
	margin-top: 0px;
	margin-bottom:15px !important;
	margin-bottom: 10px;	
	padding: 0px;
}

#mainContent a{
	color: #00acba;
	text-decoration: none;
	border-bottom:1px dotted #00acba;	
}

#mainContent a:hover{
	color: #6fd0d8;
	border-bottom:1px dotted #6fd0d8;		
}

#mainContent ul{
	margin: 10px;	
	margin-top: 0px;	
	margin-bottom: 20px;
	padding-left: 10px;
	list-style-type: square;
}

#mainContent img{
	margin-bottom: 10px;
	border: 5px solid #ffffff;
}

#mainContent img.alignLeft{
	margin-right: 10px;
}

/* footer
----------------------------------------------------------------------*/
#footerTop{
	float:left;		
	width: 100%;
	height:16px;
	padding: 0px;
	margin: 0px;
	margin-top: 25px;
	font-size: 0pt;
	line-height: 0pt;
	background: url(../images/bg_footerTop.png) left top repeat-x;		
}

#footerTop2{
	margin: 0px;	
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;		
}

#footer{
	float:left;		
	width: 100%;
	height: 120px;
	padding: 20px 0px;
	margin: 0px;
	background:#221e1f url(../images/bg_footer.gif) left top repeat;	
}

#footerColumnLeft{
	float: left;
	width: 470px;
	padding: 0px;
	margin: 0px;
}

#footerColumnRight{
	float: right;
	width: 380px;
	padding: 0px;
	margin: 0px;
	text-align: right;
}

#footerColumnLeft p, #footerColumnRight p{
	margin:0px;
	margin-bottom: 20px;
	padding: 0px;
	color:#605f60;
	font-size: 10pt;
}

#footerColumnLeft p.footerNav_1{
	color:#969494;
	font-size: 11pt;	
}

#footerColumnRight p.footerNav_2{
	font-size: 11pt;
}

#footerColumnLeft p a{
	color:#969494;
	text-decoration: none;
}

#footerColumnLeft p a:hover{
	color: #ffffff;
}

#footerColumnRight p a{
	color:#605f60;
	text-decoration: none;
}

#footerColumnRight p a:hover{
	color: #ffffff;
}

#footerColumnLeft img{
	margin-right: 20px;
	margin-top: 5px;	
}

#footerNav ul {
	font-family: Tahoma, Geneva, sans-serif;
	color:#969494;
	font-size: 9pt;	
	letter-spacing:normal;
	border-left: 1px solid #4c4849;	
	margin: 0;
	margin-bottom: 20px;	
	padding: 0;
	list-style: none;
	text-align:left;
}

#footerNav ul li {
	display: inline;
	padding: 0;
	padding-right: 8px;
	border-right: 1px solid #4c4849;
	margin: 0;	
	margin-left: 5px;		
	font-size: 9pt;	
}

#footerNav ul li a {
	padding: 0;
	margin: 0;
	color:#969494;
	text-decoration: none;
}

#footerNav ul li a:hover{
	color: #fff;
}

/* form styles
----------------------------------------------------------------------*/
form{
	margin: 0px;
	margin-top: 20px;	
	padding: 0px;
}

form.default input{
	width: 440px;
	height: 20px;
	margin: 0px;
	margin-bottom: 10px;	
	padding: 5px;
	font-size: 11pt;
	color: #ffffff;
	border: 1px solid #939393;
	background-color: #141414;
	}

form.default input.highLight, form.default textarea.highLight{background-color:#656565;}
form.default input.de-highLight, form.default textarea.de-highLight{background-color: #141414;}
form.default input.required, form.default textarea.required{background-color: #FFE8E8;}

form.default textarea{
	width: 440px;
	height: 120px;
	margin: 0px;
	margin-bottom: 10px;	
	padding: 5px;
	font-size: 11pt;	
	font-family: Tahoma, Geneva, sans-serif;	
	color: #ffffff;
	line-height: 16pt;
	border: 1px solid #939393;
	background-color: #141414;
	}

form.default input.formButton, .formButton{
	width: 140px;
	height: 30px;
	margin: 0px;
	padding: 2px;
	font-size: 10pt;
	color: #ffffff;
	border: 1px #939393 solid;
	background-color: #00acba;
	font-weight: normal;
	cursor: pointer;
	}

form.default input.formButton:hover, .formButton:hover{
	background-color: #6fd0d8;
	color:#221e1f;	
	}

/* sub navigatie
----------------------------------------------------------------------*/
#subnav1 ul, #subnav2 ul{
	margin:0;
	padding: 10px;
	list-style-type:none;
}
#subnav1 ul li, #subnav2 ul li{
	margin:0;
	color: #ffffff;
	font-size:10pt;
}
#subnav1 ul li a{
	margin:0;
	padding: 5px;
	color: #ffffff;
	display:block;
	border-bottom: none;
	text-decoration:none;
}
#subnav1 ul li a:hover{
	text-decoration: none;
	border:none;
	background-color:#939598;
}
#subnav1 ul li.selected{
	color: #ffffff;
	background-color:#00acba;
}
#subnav1 ul li.selected a{
	color: #ffffff;
}

#subnav2 ul li{
	font-size: 9pt;
}

#subnav2 ul li a{
	margin:0;
	padding: 5px;
	color: #221e1f;
	display:block;
	border-bottom: none;
	text-decoration:none;
}

#subnav2 ul li a:hover{
	text-decoration: none;
	border:none;
	color: #00acba;
	background-color:#ffffff;
}

#subnav2 ul li.selected{
	color: #00acba;		
	background-color:#dfdfdf;	
}

#subnav2 ul li.selected a{
	color: #00acba;	
}

/* Tagclouds
----------------------------------------------------------------------*/
#tagcloud{
	padding:5px;
	padding-bottom:10px;	
	padding-top:10px;		
	text-align:center;
	line-height: 16pt;
}

#tagcloud a{
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
	border-bottom: none;
}

#tagcloud a.tagStyle_01{
	color:#4c4849;
	font-size: 8pt;
}

#tagcloud a.tagStyle_02{
	color: #393536;
	font-size: 8pt;	
}

#tagcloud a.tagStyle_03{
	color: #393536;
	font-size: 9pt;
	font-weight: bold;
}

#tagcloud a.tagStyle_04{
	color: #221e1f;
	font-size: 10pt;		
}

#tagcloud a.tagStyle_05{
	color: #00acba;
	font-weight: bold;
	font-size: 11pt;		
}

#tagcloud a:hover{
	color: #4c4849;
	border-bottom:1px dotted #4c4849;		
}

/* Articles
----------------------------------------------------------------------*/
table.articles{
	margin: 0px;
	padding: 0px;
}

table.articles tr td.overviewImage{
	padding-right:10px;
}

table.articles tr td.overviewImage img{
	margin-bottom: 10px;
}

#articleFooter{
	margin: 0;
	padding: 5px 0px;
	border-top: 1px solid #939598;
	border-bottom: 1px solid #939598;	
}

#articleFooter ul{
		margin-bottom: 0;
		font-size: 9pt;
		color: #939598;
}


/* Recordset & paging
----------------------------------------------------------------------*/
#recordsetPaging{
	padding: 4px;
	font-size: 8pt;
	color: #ffffff;
	text-align:right;
	margin: 15px 0 0 0;
	font-weight:normal;
	clear:both;
}

#recordsetPaging.articleNavigation{
	text-align:left;
}

#recordsetPaging a {
	color: #ffffff;
	text-decoration: none;
	padding: 3px 6px;
	border: 0;
}

#recordsetPaging span.selected{
	padding: 3px 6px;
}

#recordsetPaging a:hover, #recordsetPaging a.selected, #recordsetPaging span.selected {
	color: #fff;
	background:#00acba;
	border: 0;	
}
#recordsetPaging span.recordsetIndex, #recordsetPaging span.recordsetJump{
	margin: 0px;
	padding: 10px;
}

#recordsetPaging span.recordsetPages{
	margin: 0 10px;
	padding: 10px;
}

#recordsetPaging span.articleNavigation{
	margin: 0px;
	padding: 0px;
}

/* Sitemap
----------------------------------------------------------------------*/
ul.sitemapLevel_00{
	margin: 0 0 20px 20px;
	padding:0 0 0 10px;
}
ul.sitemapLevel_01{
	margin: 5px 0 20px 20px;
	padding:0 0 0 10px;
}
ul.sitemapLevel_02{
	margin: 5px 0 5px 10px;
	padding:0 0 0 10px;
}
ul.sitemapLevel_03,
ul.sitemapLevel_04,
ul.sitemapLevel_05,
ul.sitemapLevel_06{
	margin: 5px 0 5px 5px;
	padding:0 0 0 5px;
}
ul.sitemapLevel_00 li{
	font-weight: bold;
	list-style-type: square;
	padding-bottom: 5px;	
}
ul.sitemapLevel_01 li,
ul.sitemapLevel_02 li,
ul.sitemapLevel_03 li,
ul.sitemapLevel_04 li,
ul.sitemapLevel_05 li,
ul.sitemapLevel_06 li{
	font-size: 9pt;
	font-weight: normal;
	list-style-type: square;	
	padding-bottom: 2px;		
}