﻿/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#e6e6e6;
	}


#aspnetForm{
	background:url('../gfx/form-bg.gif') center repeat-y;
}



div{ behavior: url(css/iepngfix.htc);}
	
img{ behavior: url(css/iepngfix.htc);}
img {border:0px solid #000000;}
	
a  {
	font-family: Arial,Verdana, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#707070;
	}
	
select  {
	font-family: Arial,Verdana, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#707070;
	}
	
textarea  {
	font-family: Arial,Verdana, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#707070;
	}
	
input  {
	font-family: Arial,Verdana, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#707070;
	}
	
p  {
	font-family: Arial,Verdana, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#707070;
	}
	
td  {
	font-family: Arial,Verdana, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#707070;
	}
	
th  {
	font-family: Arial,Verdana, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#707070;
	}
	
table  {
	font-family: Arial,Verdana, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#707070;
	}
	
body  {
	font-family: Arial,Verdana, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
	color:#707070;
	}
	
a{outline:none;text-decoration:none;}
h1 {color:#b1bd05;font-size:16px;font-weight:normal;margin:0 0 20px 0;}
h2 {color:#00a6e1;font-size:11px;font-weight:bold;margin:10px 0 0px 0;padding:0;}
.tdheader {color:#00a6e1;font-size:11px;font-weight:bold;margin:0 0 0px 0;padding:0;}
.tdindent{padding-left:30px;
}

h3 {}
h4 {}
h5 {}
h6 {}	

p {margin:10px 0 10px 0;}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:992px;
	text-align:left;
	background:url('../gfx/container-bg.gif') no-repeat bottom;
	/*min-height:100%;
	_height:100%;
*/

	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/
div.logo{
	position:absolute;
	top:28px;
	left:0px;
	width:210px;
	height:69px;
}


div.logo a{
	position:relative;
	display:block;
	left:41px;
	width:167px;
	height:44px;
	}

div.header {
	width:960px;
	height:337px;
		height:300px;

	overflow:hidden;
	}
/* ============================================================	*/ 
/* ========	overlay				===============================	*/
/* ============================================================	*/
div.overlaytopleft{
	position:absolute;
	top:72px;
	left:0;
	width:210px;
	height:25px;
	background:url('/gfx/logo.png') ;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/gfx/logo.png');
	}

div.overlayright{
	position:absolute;
	top:145px;
	right:0;
	width:334px;
	height:299px;
	}

div.overlayright img{
	width:334px;
	height:299px;
	}
	
div.overlay-about{
	position:absolute;
	/*top:145px;*/
	top:108px;
	right:0;
	width:334px;
	height:299px;
	background:url('/gfx/overlay-about.png') ;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/gfx/overlay-about.png');
	}
div.overlay-benefit{
	position:absolute;
	top:108px;
	right:0;
	width:334px;
	height:299px;
	background:url('/gfx/overlay-benefit.png') ;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/gfx/overlay-benefit.png');
	}
div.overlay-member{
	position:absolute;
	top:108px;
	right:0;
	width:334px;
	height:299px;
	background:url('/gfx/overlay-member.png') ;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/gfx/overlay-member.png');
	}

div.overlay-news{
	position:absolute;
	top:108px;
	right:0;
	width:334px;
	height:299px;
	background:url('/gfx/overlay-news.png') ;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/gfx/overlay-news.png');
	}
	
div.overlay-common{
	position:absolute;
	top:108px;
	right:0;
	width:334px;
	height:299px;
	background:url('/gfx/overlay-common.png') ;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/gfx/overlay-common.png');
	}

div.overlay-candy{
	position:absolute;
	top:339px;
	left:536px;
	width:129px;
	height:69px;
	z-index:99;
	background:url('/gfx/home-candy1.png') ;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/gfx/home-candy1.png');
	}

div.candy-about{
	position:absolute;
	top:339px;
	left:576px;
	width:129px;
	height:69px;
	z-index:99;
	background:url('/gfx/candy-about.png') ;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/gfx/candy-about.png');
	}

div.candy-news{
	position:absolute;
	top:313px;
	left:520px;
	width:140px;
	height:109px;
	z-index:99;
	background:url('/gfx/candy-news.png') ;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/gfx/candy-news.png');
	}
	
div.candy-member{
	position:absolute;
	top:344px;
	left:559px;
	width:174px;
	height:84px;
	z-index:99;
	background:url('/gfx/candy-member.png');
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/gfx/candy-member.png');
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.topnavigatie{
	height:72px;
	background:#FFF;
	width:960px;
	color:#4a4a4a;
}

div.navblock{
	position:absolute;
	left:580px;
	top:50px;
	height:11px;
	color:#4a4a4a;
}
div.langblock{
	float:right;
	margin:50px 10px 0 0;
	height:11px;
}

div.navblock a{
	float:left;
	border-right:#a7c038 1px solid;
	display:block;
	line-height:11px;
	padding:0 7px 0 7px;
}
div.navblock a:hover{
	color:#a7c038;
}


div.langblock a{
	float:left;
	border-right:#00a6e1 1px solid;
	display:block;
	line-height:11px;
	padding:0 7px 0 7px;
	color:#4a4a4a;
}
div.langblock a.selected{
	float:left;
	border-right:#00a6e1 1px solid;
	display:block;
	line-height:11px;
	padding:0 7px 0 7px;
	color:#a7c038;
}

.noborder{border:0px!important;}



.print{
position:absolute;
right:0px;
top:0px;
display:block;
width:46px;
height:19px;
	background-image:url('/gfx/printbutton.gif');
}
.goback{
position:absolute;
left:0px;
bottom:0px;
display:block;
width:36px;
height:9px;
background-image:url('/gfx/back.gif');
overflow:hidden;
}



/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	position:relative;
	/*height:100%;*/
	width:100%;
	width:960px;
	margin-left:16px;
	overflow:hidden;
	background:white;
	}
div.mainContent{
width:885px;
padding:40px 0 40px 40px;
position:relative;
float:left;

}

div.mainContent img{
position:relative;
float:left;
margin-right:10px;
	top: 0px;
	left: 4px;
}
	
/**/div.leftContent{width:275px;float:left;margin-right:35px;min-height:100px;}

div.leftContent{width:286px;float:left;margin-right:25px;min-height:100px;}




div.centerContent{width:275px;float:left;margin-right:20px;}

div.centerlarge{
width:460px;
float:left;
position:relative;
padding:0px 20px 40px 20px;
background:url('../gfx/centerlarge-bg.gif') no-repeat 0px 25px;
}

div.centerlargerepeat{
width:500px;
float:left;
position:relative;
padding:0px 0px 40px 0px;
}


div.centerlarge table{
width:460px;
}

div.centerlargerepeat table{
padding-left:20px;
width:500px;
background:url('../gfx/centerlarge-bg.gif') no-repeat 0px 0px;
}



div.centerlarge h1{
position:relative;
left:-15px!important;
}


div.centerlarge .centerlarge{
position:relative;
float:left;
padding:0px 0px 40px 0px;
background:none;
}


div.centerlarge a{
text-decoration:underline;}

a.clientlogo{
margin:0px;
position:absolute;
top:100px;
right:0px;
}


div.rightContent{width:295px;float:left;}



div.leftContent ul{
margin:0px;
padding:0px;
list-style:none;
}
div.leftContent ul li{
margin:0px;
padding:0px;
}
div.leftContent ul li ul li{
margin:0px;
padding-left:17px;
}

div.leftContent ul li ul li a{
	display:block;
	font-weight:bold;
	padding-left:10px;
	color:#747373;
	background:url('/gfx/sub-list.gif') no-repeat 0px 5px;
}
div.leftContent ul li ul li a.selected{
	display:block;
	font-weight:bold;
	padding-left:10px;
	color:#bbc626;
	background:url('/gfx/sub-list.gif') no-repeat 0px 5px;
}

div.leftContent ul li ul li a:hover{
	color:#bbc626;
}


div.leftContent a{
	display:block;
	font-weight:bold;
	padding-left:17px;
	color:#bbc626;
	background:url('/gfx/readmore.gif') no-repeat 0px 5px;
}
div.leftContent a.clear{
	padding:0px;
	background:none;
}


div.leftContent a.selected{
	display:block;
	font-weight:bold;
	padding-left:17px;
	color:#dcea7d;
	background:url('/gfx/readmore.gif') no-repeat 0px 5px;
}


div.leftContent a:hover{color:#747373;}



div.centerlargenews{
width:500px;
float:left;
position:relative;
}




div.centerlargenews .newsitem{
	position:relative;
	float:left;
	margin-bottom:20px;
	padding:10px;
	background:url('../gfx/centerlarge-bg.gif') no-repeat;
}


/*
div.leftContent{width:275px;float:left;margin-right:35px;min-height:100px;}
*/

div.latestnews{
width:286px;float:left;
background:url('../gfx/latest-news-bg.gif') no-repeat 0px 25px;
}

div.latestnews .newsitem{
position:relative;
width:275px;
float:left;min-height:100px;
margin-left:4px;
}

div.latestnews .newsitem img{
width:80px;
height:80px;
overflow:hidden;
margin-left:5px!important;
}

div.latestnews .newstxt{
	position:relative;
	margin-left:95px;
}



div.centerlargerepeat .newsitem{
padding: 10px 0 0 20px;
background:url('../gfx/centerlarge-bg.gif') no-repeat 0px 0px;
}


div.newsitem{
	position:relative;
	float:left;
	margin-bottom:20px;
}
div.newsitem img{
width:100px;
height:100px;
overflow:hidden;
margin-left:-5px!important;
}



div.newstxt{
	position:relative;
	margin-left:105px;
}
div.newstxt b, div.newstxt strong{
	color:#00a6e1;
}

a.readmore{
	/*float:left;*/
	display:block;
	font-weight:bold;
	text-indent:15px;
	color:#707070!important;
	background:url('../gfx/readmore.gif') no-repeat 0px 5px;
}
a.readmorebut{
	float:left;
	display:block;
	width:79px;
	height:30px;
	background:url('/gfx/read-more.gif') no-repeat center;
}



/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:relative;
float:left;
	width:992px;
	clear:both;
	height:25px;
	/*background:#f00;*/
	background:url('/gfx/footer-bg.gif') no-repeat;
	
	
	}
div#footer .footerTextleft {
	position:relative;
	float:left;
	width:300px;
	margin-left:50px;
	line-height:25px;
	}
div#footer .footerTextleft a:hover {text-decoration:underline;}

div#footer .footerTextright{
	float:right;
	text-align:right;
	width:140px;
	line-height:25px;
	margin-right:50px;

	}
div#footer .footerTextright a:hover {text-decoration:underline;}


/*
html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 25 + "px"); /* IE7 fix 
	}
*/
/* ============================================================	*/ 
/* ========	form				===============================	*/
/* ============================================================	*/

input{
	width:200px;
	border:#b1bd05 1px solid;
}

/* adjust the checkbox*/
.chkRC input{
	width:auto;
	border:none;
}
textarea{
	width:200px;
	border:#b1bd05 1px solid;
	overflow:auto;
	height:135px;;
}

input.submit{
	width:75px;
	background:#b1bd05;
	border:0px;
	color:#fff;
	cursor:hand;
}

