body {
	margin:0;
	padding:0;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
	background: url(images/background.jpg) repeat-x;
}
div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}
ul,ol,li {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	text-decoration:none;
}
img {
	border-style:none;
}

#mainContainer{
	width:980px;
	margin:0 auto;
	text-align:left;
	padding:5px 0px 5px 0px;
}

#mainContainer img{
	padding:3px;
}

.f-middle {
	position:relative;
	display:inline;
	float:left;
	width: 730px;
	height: 90px;
	padding: 5px 0px 5px 0px;
	margin: 2px 0px 0px 0px;
}
#banner {
	position:relative;
	display:inline;
	float:right;
	width: 140px;
	height:80px;
	margin:9px 15px 10px 0px;
}

/*home*/
#home {
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	width: 110px;
}

#home ul {
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;
}

#home li {
	display: inline;
}

#home a {
	display: block;
	float: left;
	height: 28px;
	margin: 0px 5px 0px 0px;
	padding: 3px 10px 0px 10px;
	color: #333;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

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

#ad160 {
	position:absolute;
	text-align:right;
	padding-left:820px;
	float:right;
	width:160px;
	height:600px;
	margin:0px;
}

/*header*/
#versies1 {
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	width: 70px;
}

#versies1 ul {
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;
}

#versies1 li {
	display: inline;
}

#versies1 a {
	display: block;
	float: left;
	height: 22px;
	margin: 0px 5px 0px 0px;
	padding: 3px 10px 0px 10px;
	color: #333;
	text-align: center;
	font-size: 11px;
}

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

#versies1 .active a {
	color: #fff;
	background: #3C3C3C;
}

#versies2 {
	position: relative;
	margin-left: 10px;
	margin-top: 0px;
	display: inline;
	float: left;
	width: 580px;
}

#versies2 ul {
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;
}

#versies2 li {
	display: inline;
}

#versies2 a {
	display: block;
	float: left;
	height: 22px;
	margin: 0px 5px 0px 0px;
	padding: 3px 10px 0px 10px;
	color: #333;
	text-align: center;
	font-size: 11px;
}

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

#versies2 .active a {
	color: #fff;
	background: #3C3C3C;
}
#versies2 .nieuws a {
	color: #FF4500;
}
#versies2 .nieuws a:hover {
	color: #fff;
	background: #3C3C3C;
}

#versies3 {
	position: relative;
	margin-left: 10px;
	margin-top: 0px;
	display: inline;
	float: left;
	width: 290px;
}


#snelmenu {
	position:relative;
	display:inline;
	float:right;
	width: 600px;
	margin-top:10px;
}
#snelmenu2 {
	position:relative;
	display:inline;
	float:left;
	width: 660px;
	margin-top:-7px;
	margin-left: 20px;
}
ul#snelmenu a {list-style: none; margin: 0px; font:Arial, Helvetica, sans-serif; font-size:9px; text-align:center; display:inline;}
ul#snelmenu a:hover, {color: #FF4500;}
.grijssnelmenu {color: #333;}
.grijssnelmenu a:hover{color: #FF4500;}
.roodsnelmenu {color: #FF4500;}
ul#snelmenu li {float: left; display:inline;}
ul#snelmenu li a {display: block; width: 40px; height: 50px; background-image: url(images/snelmenu.jpg); background-repeat: no-repeat; overflow:visible;}

a#snelactueel {background-position: 0px 0px;}
a#snelsport {background-position: -40px 0px;}
a#x {background-position: -80px 0px;}
a#snelmail {background-position: -120px 0px;}
a#snelinternet {background-position: -160px 0px;}
a#xtwee {background-position: -200px 0px;}
a#economie{background-position: -240px 0px;}
a#snelbeurs {background-position: -280px 0px;}
a#xdrie {background-position: -320px 0px;}
a#snelkaart {background-position: -360px 0px;}
a#snelfiles {background-position: -400px 0px;}
a#snelweer {background-position: -440px 0px;}
a#xvier {background-position: -480px 0px;}
a#sneltv {background-position: -520px 0px;}
a#snelmuziek {background-position: -560px 0px;}
a#snelfilm {background-position: -600px 0px;}
a#snelboek {background-position: -640px 0px;}

a#snelactueel:hover {background-position: 0px -50px;}
a#snelsport:hover {background-position: -40px -50px;}
a#snelmail:hover {background-position: -120px -50px;}
a#snelinternet:hover {background-position: -160px -50px;}
a#economie:hover {background-position: -240px -50px;}
a#snelbeurs:hover {background-position: -280px -50px;}
a#snelkaart:hover {background-position: -360px -50px;}
a#snelfiles:hover {background-position: -400px -50px;}
a#snelweer:hover {background-position: -440px -50px;}
a#sneltv:hover {background-position: -520px -50px;}
a#snelmuziek:hover {background-position: -560px -50px;}
a#snelfilm:hover {background-position: -600px -50px;}
a#snelboek:hover {background-position: -640px -50px;}

a#snelactueelactive {background-position: 0px -50px;}
a#snelsportactive {background-position: -40px -50px;}
a#snelmailactive {background-position: -120px -50px;}
a#snelinternetactive {background-position: -160px -50px;}
a#economieactive {background-position: -240px -50px;}
a#snelbeursactive {background-position: -280px -50px;}
a#snelkaartactive {background-position: -360px -50px;}
a#snelfilesactive {background-position: -400px -50px;}
a#snelweeractive {background-position: -440px -50px;}
a#sneltvactive {background-position: -520px -50px;}
a#snelmuziekactive {background-position: -560px -50px;}
a#snelfilmactive {background-position: -600px -50px;}
a#snelboekactive {background-position: -640px -50px;}


#snelmenumail {
	position:relative;
	display:inline;
	float: right;
	width: 50px;
	margin:0px 0px 0px 0px;
}

ul#snelmenumail a {list-style: none; float: left; margin: 0px; font:Arial, Helvetica, sans-serif; font-size:9px; text-align:center;}
ul#snelmenumail a:hover {color: #F00;}
ul#snelmenumail li a:active {color: #F00;}
ul#snelmenumail li {float: left;}
ul#snelmenumail li a {display: block; width: 40px; height: 40px; background-image: url(images/snelmenu.jpg); background-repeat: no-repeat; overflow:visible;}


.search-box {
	position:relative;
	display:inline;
	width:390px; 
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 21px 0px 0px 0px;
}

.logo {
	position:relative;
	display:inline;
	width:270px; 
	float:left;
	padding:5px;
	margin: 12px 0px 0px 0px;
}
.payoff {
	position:relative;
	display:inline;
	width:270px; 
	float:left;
	padding:5px;
	margin: 21px 0px 0px 0px;
}

.laatste {
	position:relative;
	display:inline;
	width:75px; 
	float: left;
	text-align: left;
	margin:30px 0px 0px 280px;
	color: #FF4500;
	font-size: 12px;
	font-weight:bold;
}

/*menulinks*/
#menu {
	position:relative;
	display:inline;
	margin: 8px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	border-right: solid 1px #E5E5E5;
}

#menu ul {
	list-style: none;
}

#menu a {
	margin: 0px 0px 0px 0px;
	padding: 5px 11px 0px 10px;
	color: #333;
	text-align: left;
	font-size: 11px;
}

#menu a:hover {
	color: #FF4500;
	text-decoration:none;
}
#menu a:active {
	color: #FF4500;
}

#menu .active a {
	color: #FF4500;
}



/*menulinks EIND*/


h1 {
	font:16px Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	padding: 10px 0px 10px 0px;
}

/*<-- contact pagina*/
h2 {
	font:13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	color: #333;
	padding: 10px 0px 5px 0px;
}

h3 {
	font:16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	color: #999999;
	padding: 10px 0px 0px 12px;
}
h4 {
	font:14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	color: #FFFFFF;
	padding: 0px 0px 10px 0px;
}
h5 {
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #333333;
	padding: 0px 10px 10px 0px;
}
h5 a {
	font:12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	color: #333333;
	padding: 0px 10px 10px 0px;
}
h5 a:hover {
	text-decoration:underline;
}

h6 {
	padding: 0px 10px 10px 10px;
}
h6 a 	{
	width: 180px;
	color: #333333;
	font:12px Arial, Helvetica, sans-serif;
	Text-decoration: none;
}
h6 a:hover 	{
	color: #FF4500;
	Text-decoration: underline;
}

.subtitel {
	font:14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	color: #333;
	padding: 0px 0px 5px 10px;
}


/* CSS NEEDED ONLY IN THE DEMO */
#bril2{
		position:relative;
		width:126px;
		float:left;
		display:inline;
		height:46px;
		margin:5px;
	}
 
#bril{
		position:relative;
		width:126px;
		float:left;
		display:inline;
		background-image: url(index/achter.png);
		height:46px;
		margin:5px;
	}
	
.clear{
		clear:both;
	}
	
	/* END CSS ONLY NEEDED FOR THE DEMO */
#reset {
	position:relative;
	display:inline;
	margin: 25px 10px 10px 10px;
	padding: 10px;
	float: left;
	border: solid 1px #E5E5E5;
	font-size: 12px;
	background-color:#FFFFC4;
}
#reset a {
	color: #666;
}
#reset a:hover {
	color: #666;
	text-decoration: underline;
}
/**footer links en alles **/
.footer {
	margin:0 auto;
	padding:5px;
	background: url(images/footer.jpg) repeat;
	overflow:hidden;
	color: #FFFFFF;
}
.linksall2 {
	margin-left:15px;
	width:160px;
	float: left;
	list-style:none;
	margin: 5px;
	padding: 5px;
}	

.linksall {
	color: #fff;
	margin: 5px;
	padding: 5px;
	list-style:none;
	background-color: #232323;
}	
.linksall a {
	color: #fff;
}
.linksall a:hover {
	color: #fff;
}
/**aanbevolen homepage**/
.rood {
	font:14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	color: #FF4500;
	padding: 0px 0px 10px 0px;
}

#footer2 ul {
	position:relative;
	display:inline;
	float:left;
	width: 900px;
	text-decoration: none;
	margin-left: 20px;
	padding: 15px 0px 5px 0px;
	font-size:11px;
} 

#footer2 li {
	color: #333;
	padding:10px 10px 20px 10px;
	float: left;
}
#footer2 li a{
	color: #333;
	float: left;
}
#footer2 li a:hover{
	Text-decoration: underline;
}


/**Actueel**/

.col1 {
	width:200px;
	margin-left: 20px;
	margin-right:5px;
	margin-top:15px;
	float: left;
}
.titelbutton {
	width: 200px;
	height: 40px;
	background:url(images/titelbutton.jpg) no-repeat;
	margin-top: 6px;
}
.titelbuttontop {
	width: 200px;
	height: 40px;
	background:url(images/titelbuttontop.jpg) no-repeat;
	margin-top: 6px;
}
.titelbuttontop:hover {
	background:url(images/titelbuttontoph.jpg) no-repeat;
}
.primary-col,
.col-top,
.col-btm {
	width:200px;
	overflow:hidden;
	background:url(images/colm.gif) repeat-y;
}
.col-top {background:url(images/colt.gif) no-repeat;}
.col-btm {
	background:url(images/colb.gif) no-repeat 0 100%;
}
.image {
	margin: 8px;
	border: 1px solid;
	border-color: #FFFFFF;
}
.image:hover {
	border-color: #F30;
	-moz-border-radius: 4px;
}
.gesplinks {
	font:16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	color: #FF4500;
	padding: 10px 0px 0px 12px;
}

/* RSS*/
.primary-colrss,
.col-toprss,
.col-btmrss {
	width:265px;
	overflow:hidden;
	background:url(images/colmrss.gif) repeat-y;
}
.col-btmrss {
	background:url(images/colbrss.gif) no-repeat 0 100%;

}
.col1rss {
	width:265px;
	margin-left: 40px;
	margin-top: 10px;
	float: left;
}
.titelbuttonrss {
	width: 265px;
	height: 50px;
	background:url(images/titelbuttonrss.jpg) no-repeat;
	margin-top: 10px;
}
.weer {
	width:260px;
	position:relative;
	display:inline;
	margin: 0px;
	padding: 5px;
	float: left;
}

/**kaart.php, contact.php, disclaimer.php etc**/
.contentc {
	width:500px;
	position:relative;
	display:inline;
	margin: 0px;
	padding: 10px;
	float: left;
}
.contentc a {
	color: #FF4500;
}
.contentc a:hover {
	color: #FF4500;
	text-decoration:underline;
}



/**lightbox**/

#lightbox{

}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}