/* resetting some default styles */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align:justify;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
a:focus {outline:1px dotted #999;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

html { font-size:100.01%; }
body { font-size:1em; }

textarea {overflow:auto}
button {cursor:pointer}
a {text-decoration:none; color:#FBB036;	}
a:hover {text-decoration:underline}
/*  -----------------------------------
	a better and smarter way to clear floats
--------------------------------------*/

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}

html{
	background: url("../images/bgHeader.gif") repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
h1{
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
}
p{
	line-height: 20px;
}
a:hover{
	text-decoration: none;
}
#wrapper{
	width: 1024px;
	margin: auto;
}
/* END of RESET ------------------------------------------------------------------------------------------
   ------ BEGIN of HEADER --------------------------------------------------------------------------------------*/
		
	#header{
		height: 46px;
		width: 934px;
		overflow: hidden;
		padding-left: 90px;
	}
		#header .left{
			float: left;
		}
			#header .left ul{
				color: white;
			}
				#header .left ul li{
					display: block;
					float: left;
					padding: 17px 20px 0 20px;
					font-size: 16px;
					border-right: 1px solid white;
				}	
					#header .left ul li a{
						color: white;
					}
					#header .left ul li a:hover{
						text-decoration:underline;
					}
		#header .right{
			float: right;
		}	
			#header .right img{
				margin-right: 110px;
				margin-top: 20px;
			}
			
/* END of HEADER ------------------------------------------------------------------------------------------
   ------ BEGIN of CONTENT --------------------------------------------------------------------------------------*/			
			
	#content{
		width: 804px;
		padding:0 110px 0 110px;
	}
		#content #mainImage{
			margin-top: 20px;
			background: url("../images/mainImage.jpg");
			height: 379px;
		}
		  	#content #mainImage #text{
				margin: 220px 0px 0px 0px;
		  	}
				#content #mainImage #text h1{
					color: #0067b1;
					font-size: 30px;
				}
				#content #mainImage #text p{
					font-size: 21px;
					line-height:30px;
				}

			#content #mainImage .left{
				float: left;
			}
			
			
			#content #mainImage .right{
				float: right;
			}
				#content #mainImage .right a{
					margin-right: 0px;
					color: #0068b3;
				}
				#content #mainImage .right a:hover{
					text-decoration:underline;
				}
				#content #mainImage .right img{
					margin-right: 15px;
				}
				
				
				
				
		#content #buttons{
			height: 47px;
			padding: 0px 80px 0 80px;
			margin-top: 25px;
		}
			#content #buttons .left{ 
				float: left;
				background: url("../images/bgDemo.gif");
				width: 270px;
				height: 17px;
				border-left: 3px solid #fcb034;
				border-right: 3px solid #fcb034;
				padding: 15px 10px 15px 10px;
				font-weight:bolder;
				font-size: 19px;
				display: block;
				text-align:center;
				cursor:pointer;
			}
			#content #buttons a{
				color: #FFFFFF;
			}
			#content #buttons .right{
				float: right;
				background: url("../images/bgInformatie.gif");
				width: 270px;
				height: 17px;
				border-left: 3px solid #0068b3;
				border-right: 3px solid #0068b3;
				padding: 15px 10px 15px 10px;
				color: #FFFFFF;
				font-weight:bolder;
				font-size: 19px;
				margin: auto;
				display: block;
				text-align:center;
				cursor:pointer;
			}
		
		
		
		
		#content #info{
			height: 255px;
			margin-top: 42px;
		}
			#content #info .leesVerder{
				background:url("../images/bgLeesVerder.gif");
				min-width: 110px;
				height:	20px;
				display: block;
				float: left;
				padding: 7px 10px 0px 10px;
				margin-top: 20px;
				border-left: 1px solid #cccccc;			
			}
			#content #info .pijltje{
				background:url("../images/pijlLeesVerder.gif");
				width: 23px;
				height: 27px;
				display: block;
				float: left;
				margin-top: 20px;
			}
				
			#content #info #kaderLeft{
				padding: 20px;
				background: url("../images/textContainer.gif") no-repeat;
				width: 203px;
				height: 214px;
				display: block;
				float: left;
				margin-right: 37px;
			}
					#content #info #kaderLeft a{
						font-size: 13px;
						color: #0068b3;
						cursor:pointer;
					}	
					
			#content #info #kaderMiddle{
				padding: 20px;
				background: url("../images/textContainer.gif") no-repeat;
				width: 203px;
				height: 214px;
				display: block;
				float: left;
				margin-right: 37px;
			}
					#content #info #kaderMiddle a{
						font-size: 13px;
						color: #0068b3;
						cursor:pointer;
					}		
					
			#content #info #kaderRight{
				padding: 20px;
				background: url("../images/textContainer.gif") no-repeat;
				width: 203px;
				height: 214px;
				display: block;
				float: left;
			}
					#content #info #kaderRight a{
						font-size: 13px;
						color: #0068b3;
						cursor:pointer;
					}	
					
			#content #info h2{
				font-size: 18px;
				color: #fbb036;
			}
			#content #info .text, #kader .text{
				font-size: 13px;
				height: 140px;
				margin-top: 10px;
				overflow: hidden;
			}
			#content #info img{
				margin-top: 15px;
			}
				
				
				
		#content #bedrijven{
			height: 69px;
			margin-top: 40px;
			background: url("../images/bgBedrijven.gif") no-repeat;
			padding: 1px 1px 1px 1px;
		}
			#content #bedrijven #bedrijfMailpartner a{
				color: #FFFFFF;
			}
			#content #bedrijven #bedrijfMailpartner{
				background: url("../images/bgBtnBedrijven.gif") repeat-x;
				width: 182px;
				height: 52px;
				border-left: 3px solid #0068b3;
				border-right: 3px solid #0068b3;
				display: block;
				float: left;
				text-align:center;
				padding-top: 15px;
				cursor:pointer;
			}
			

		#content #footer{
			width: 804px;
			height: 80px;
			margin-top: 40px;
			border-top: 9px solid #0068b3;
			font-size: 12px;
			font-family:Arial, Helvetica, sans-serif;
			color: #666666;
		}
			#content #footer .left{
				float: left;
			}
				#content #footer .left ul{
					margin-top: 20px;
				}
					
					#content #footer .left ul li{
						display: block;
						float: left;
						padding-right:  10px;
						padding-left: 10px;
						border-right: 1px solid #666666;
					}
						#content #footer .left ul li a{
							color: #666666;
						}
						#content #footer .left ul li a:hover{
							text-decoration:underline;
						}
						#content #footer .left ul .noPadding{
							padding-left: 0px;
							border-right: 1px solid #3366b2;
						}
						#content #footer .left ul .noBorder{
							border: none;
						}
						
			#content #footer .right{
				float: right;
			}
				#content #footer .right p{
					margin-top: 20px;
					margin-left: 68px;
				}
				#content #footer .right img{
					margin-top: 22px;
				}
/* END of HOMEPAGE ------------------------------------------------------------------------------------------
   ------ BEGIN of VERVOLGPAGE --------------------------------------------------------------------------------------*/			
		
	#contentVervolg{
		width: 804px;
		padding:0 110px 0 110px;
		background: url("../images/mainImage.jpg") no-repeat top center;
	}	
		#contentVervolg #top{
			margin-top: 20px;
			height: 240px;
		}
			#contentVervolg #top .left{
				float: left;
			}
			
			#contentVervolg #top .right{
				float: right;
			}
				#contentVervolg #top .right a{
					color: #0068b3;
				}
				#contentVervolg #top .right a:hover{
					text-decoration:underline;
				}
				#contentVervolg #top .right img{
					margin-right: 15px;
				}
		
		#contentVervolg #main{
		}
			#contentVervolg #main .left{
					float: left;
				}
				#contentVervolg #main .left #text{
					width: 510px;
				 }
					#contentVervolg #main .left #text h1{
						color: #0067b1;
						font-size: 30px;
					}
					#contentVervolg #main .left #text h2{
						font-size: 18px;
						color: #fbb036;
						margin-top: 20px;
						margin-bottom:5px;
					}
					#contentVervolg #main .left #text h3{
						font-size: 13px;
						margin-bottom: 3px;
						margin-top: 20px;
					}
					#contentVervolg #main .left #text p{
						color: #333333;
					}
					#contentVervolg #main .left #text .smallText{
						font-size: 13px;
						line-height: 19px;
					}
					#contentVervolg #main .left #text .bigText{
						line-height: 25px;
						font-size: 18px;
						color: black;
					}
					#contentVervolg #main .left #text .bigText p {
						line-height:30px;
					}
			
			
			#contentVervolg #main .right{
				float: right;
				margin-left: 10px;
			}
				#contentVervolg #main .right #kader{
					padding: 20px;
					background: url("../images/textContainer.gif") no-repeat;
					width: 203px;
					height: 214px;
					display: block;
					float: left;
				}
					#contentVervolg #main .right #kader .leesVerder{
						background:url("../images/bgLeesVerder.gif");
						min-width: 110px;
						height:	20px;
						display: block;
						float: left;
						padding: 7px 10px 0px 10px;
						margin-top: 20px;
						border-left: 1px solid #cccccc;		
					}
					#contentVervolg #main .right #kader .pijltje{
						background:url("../images/pijlLeesVerder.gif");
						width: 23px;
						height: 27px;
						display: block;
						float: left;
						margin-top: 20px;
					}
					
					#contentVervolg #main .right #kader h2{
						font-size: 18px;
						color: #fbb036;
					}
					#contentVervolg #main .right #kader p{
						font-size: 13px;
						overflow: hidden;
					}
					#contentVervolg #main .right #kader a{
						margin-top: 15px;
						font-size: 13px;
						color: #0068b3;
						cursor:pointer;
					}   
   
		#contentVervolg #bedrijven{
			height: 69px;
			margin-top: 40px;
			background: url("../images/bgBedrijven.gif") no-repeat;
			padding: 1px 1px 1px 1px;
		}
			#contentVervolg #bedrijven #bedrijfMailpartner a{
				color: #FFFFFF;			
			}
			
			#contentVervolg #bedrijven #bedrijfMailpartner{
				background: url("../images/bgBtnBedrijven.gif") repeat-x;
				width: 182px;
				height: 52px;
				border-left: 3px solid #0068b3;
				border-right: 3px solid #0068b3;
				display: block;
				float: left;
				text-align:center;
				padding-top: 15px;
				cursor:pointer;
			}
			

		#contentVervolg #footer{
			width: 804px;
			height: 80px;
			margin-top: 40px;
			border-top: 9px solid #0068b3;
			font-size: 12px;
			font-family:Arial, Helvetica, sans-serif;
			color: #666666;
		}
			#contentVervolg #footer .left{
				float: left;
			}
				#contentVervolg #footer .left ul{
					margin-top: 20px;
				}
					
					#contentVervolg #footer .left ul li{
						display: block;
						float: left;
						padding-right:  10px;
						padding-left: 10px;
						border-right: 1px solid #666666;
					}
						#contentVervolg #footer .left ul li a{
							color: #666666;
						}
						#contentVervolg #footer .left ul li a:hover{
							text-decoration:underline;
						}
						#contentVervolg #footer .left ul .noPadding{
							padding-left: 0px;
							border-right: 1px solid #3366b2;
						}
						#contentVervolg #footer .left ul .noBorder{
							border: none;
						}
						
			#contentVervolg #footer .right{
				float: right;
			}
				#contentVervolg #footer .right p{
					margin-top: 20px;
					margin-left: 68px;
				}
				#contentVervolg #footer .right img{
					margin-top: 22px;
				}
				
/* END of VERVOLGPAGE ------------------------------------------------------------------------------------------
   ------ BEGIN of CONTACT --------------------------------------------------------------------------------------*/		
   
   		#contentVervolg #contact input,textarea{
			width: 350px;
			margin-bottom: 3px;
		}
		#contentVervolg #contact .textarea{
			vertical-align: middle;

		}
		#contentVervolg #contact .firstTD{
			width: 300px;
		}
		
#abos td {
	border-bottom: 1px solid #0067B1;
	border-right: 1px solid #0067B1;
	padding:5px;
}