/* 	css document */

body {
	padding: 0;
	margin: 0;
	background: #dedede url(../images/bg.png) repeat-x;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1d1d1d;
}

	img {
		border: none;
	}
	
/* text */

	h1 {
		font-size: 2.0em; 
		margin: 0px 0 15px 0; 
		padding: 0; 
		color: #3c3c3c;
		font-weight: normal;
	}
	
	h2 {
		font-size: 1.4em; 
		margin: 0;  
		padding: 0; 
		color: #0c6484;
		font-weight: bold;
		text-transform:uppercase;
	}
	
	h3 {
		font-size: 1.3em; 
		margin: 0;  
		padding: 0; 
		color: #003f5e;
		font-weight: bold;
	}
	
	p {
		font-size: 1.2em; 
		margin: 0 0 15px 0; 
		padding: 0; 
		color: #1d1d1d;
		line-height: 1.4em;
	}
	
	a {
		font-size: 1.0em; 
		margin: 0; 
		padding: 0; 
		color: #1d1d1d;
		text-decoration: underline;
	}
	
	a:hover {
		color: #00b1b0;
	}


/* main divs */

	div#container {
		width: 992px;
		padding: 0px;
		margin: auto;
		background: url(../images/content_bg.png) repeat-y;
	}

		div#header {
			background: url(../images/header.jpg) no-repeat;
			height: 192px;
			position: relative;
		}
		
		div#content {
			position: relative;
			padding: 0;
			margin: 0;
			overflow:hidden;_zoom:1;
			display: block;
			background: url(../images/content_bg_top.png) no-repeat top;
		}
		
		div#footer {
			background: url(../images/footer_bg.gif) repeat-y;
			height:30px;
			position: relative;
			margin: 0px;
			clear:both;
		}



/* navigation */

			.menu {
				position:absolute;
				top:162px;
				left:216px;
				margin: 0;
				padding: 0;
				
				display:block;
				height:30px;
			}			
			
					.menu ul {
						list-style-type: none;
						overflow:hidden;
						margin: 0px;
						padding: 0px 0 0 0px;
					}
					
						.menu li {
							padding:0 0 0 9px;
							height:30px;
							display:block;
							float:left;
							margin-right: 5px;

						}
						
						.menu li.selected {
							background:url(../images/menuitemleft.png) no-repeat 0 0;
						}
						
						.menu li.selected a{
							color: #0e7196;
							background: #fff;
							text-decoration:none;
						}
						
						.menu li.selected span{
							background:url(../images/menuitemright.png) no-repeat 0 0;
						}
						
						.menu li:hover {
							background:url(../images/menuitemleft.png) no-repeat 0 0;
						}
							
							.menu li a {
								height:30px;
								display:block;
								margin: 0px 0px; 
								font-size: 1.6em; 
								color: #fff;
								text-decoration:none;
								float:left;
								text-transform: uppercase;
								font-weight: bold;
								padding:7px 10px 0;
							}
							
							.menu li:hover a {
								color: #0e7196;
								background: #fff;
								text-decoration:none;
							}	
							
							.menu li span {
								width:9px;
								height:30px;
								display:block;
								float:left;
							}
							
							.menu li:hover span {
								background:url(../images/menuitemright.png) no-repeat 0 0;
							}	

/* header links */
						
			ul.header_links {
				clear: both;				
				margin: 1px 0 0 0;
				padding: 0 0 0 25px;
				list-style-type: none;
				float: left;
			}
				
				ul.header_links li {
					float:left;
				}
				
					ul.header_links li p	{
						font-size: 1.1em; 
						margin: 0;
						line-height:23px; 
						padding: 0 8px 0;
						color: #fff;
					}
					
					ul.header_links li a	{
						font-size: 1.1em; 
						color: #fff;
						line-height:24px;
						*line-height:19px;
						text-decoration:none;
					}
					
					ul.header_links li a:hover {
						text-decoration:underline;
						color: #fff;
					}
										

/* contact area */

.linker_content .block form {
	padding:0 10px;
	margin: 0;
}

.linker_content .block form input {
	background: url(../images/input_bg.gif) no-repeat;
	width: 150px;
	height: 15px;
	padding: 5px;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: none;
}

.linker_content .block form textarea {
	background: url(../images/textarea_bg.gif) no-repeat;
	height: 75px;
	width:150px;
	padding: 5px;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: none;
}

.linker_content .block form textarea:focus {
	border: none;
	background: url(../images/textarea_bg_focus.gif) no-repeat;
}

.linker_content .block form input:focus {
	border: none;
	background: url(../images/input_bg_focus.gif) no-repeat;
}

.linker_content .block form input.submit-button {
	background: url(../images/verzenden_bg.gif) no-repeat;
	width: 86px;
	height: 20px;
	float: right;
	padding:0 0 0 13px;
	margin:0;
	font-size: 0.9em;
	text-transform: uppercase;
	color:#0c6484;
	cursor:pointer;
}

.linker_content .block form label {
	float: left;
	margin:0;
	padding:0;
	font-size: 1.3em;
	text-transform: uppercase;
	color:#fff;
	font-weight: bold;
}		

.linker_content .block_bottom {
	background: url(../images/leftcol_block_bottom.png) no-repeat bottom;
	padding: 0;
	margin: 0;
	height: 5px;
	width: 180px;
	line-height: 0;
	font-size: 0em;
}
	
	
			
/* linker kolom */
					
			.linker_content {
                float: left; 
                width: 191px;
                overflow:hidden;
                padding: 18px 0 0 25px; 
               // margin-right:15px; 
            }

			.linker_content h2 {
				margin-top:13px;
			}
			
			.linker_content .block {
				background: url(../images/leftcol_block_bg.png) repeat-y;
				padding: 0;
				margin: 0px 0 0px 0;
				width: 180px;
			}

			.linker_content .block p {
				color: #fff;
				padding:3px 10px;
				margin:0 0 7px 0;
				line-height: 1.2em;
			}
			
			.linker_content .block p.error{
				color: red;
				font-size: 1.1em;
			}
			.linker_content .block p.success{
				color: #D6E03D;
				font-size: 1.1em;
			}
				.linker_content .block ul {
					background: url(../images/leftcol_block_bottom.png) no-repeat bottom left;
					list-style-type: none;
					padding: 3px 0;
					margin: 0;
				}
				
					.linker_content .block ul li {
						list-style-type: none;
						padding:0;
						width: 180px;
						display:block;
						margin: 0;
						height: 23px;
					}

						.linker_content .block .top {
							background: url(../images/leftcol_block_head.png) no-repeat top;
							height: 5px;
							width: 180px;
							display: block;
							margin: 0;
							padding: 0;
							overflow: visible;
						}
				
						.linker_content .block ul li a {
							font-size: 1.4em; 
							margin: 0 0 0 5px; 
							padding: 3px;
							color: #fff;
							text-decoration: none;
							height:18px;
							width: 165px;
							font-weight: bold;
						}
						
						.linker_content .block ul li a:hover {
							background: #ffffff;
							color:#353535;
							text-decoration:none;
							
							-moz-border-radius:3px;
							-webkit-border-radius:3px;
						}
						
						.linker_content .block ul li.selected a{
							background: #ffffff;
							color:#353535;
							text-decoration:none;
							
							-moz-border-radius:3px;
							-webkit-border-radius:3px;
						}
						
		
								
/* main content */

			.midden_content {
                background: none;
                width: 584px;
                padding: 18px;
                float:left;
                margin: 0px 0 0 0px;
            }

			.midden_content .welkom_block	{
				background: #eff4a2;
				padding: 0;
				margin: 0 0 18px 0;
			}

			.midden_content .welkom_block h1 {
				background: #d6e03d;
				color: #0f5875;
				font-size: 1.8em;
				height: 27px;
				padding: 6px 10px 0;
				margin: 0 0 5px 0;
			}

			.midden_content .welkom_block p {
				color: #2f2f2f;
				padding: 0 10px 10px;
				margin: 0px;
				font-size: 1.1em;
			}
		
		.midden_content .block {
			border-top: 1px solid #ebeaeb;
			background: url(../images/block_bg.png) repeat-x bottom left;
			padding: 0 0 2px;
			margin-bottom: 18px;
			overflow: hidden;
		}
		
		.midden_content .block div.margin{
			margin: 10px 10px;
		}
		
		.midden_content .block p{
			margin: 0px;
			padding: 0px;
		}

		.midden_content .block .button {
			display:block;
			height:19px;
			padding: 0 10px 10px;
			clear: both;
		}

		.midden_content .block .button a.more {
			background: url(../images/lees_meer_button.png) no-repeat;
			width: 58px;
			height: 18px;
			display:block;
			color: #fff;
			font-size: 1.1em;
			padding:1px 0 0 18px;
			text-decoration: none;
			float:right;
		}

		.midden_content .block .button a.more:hover {
			background: url(../images/lees_meer_button_hover.png) no-repeat;
			text-decoration: underline;
		}
				
		.midden_content .block h1 {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 1.6em;
			color: #0f5875;
			margin: 0px;
			padding: 0px;
		}

		.midden_content .block img {
			border-color: #bebebe !important;
		}
		
		.midden_content .block img.link_image{
			border: 1px solid #bebebe;
			width: 120px;
			float: right;
			margin: 20px 0 10px 10px;
		}
		
		.midden_content .block img.link_image_small{
			border: 1px solid #bebebe;
			width: 80px;
			float: right;
			margin: 20px 0 10px 10px;
		}


/* stappen */

		.midden_content .stappen {
			background: url(../images/3stappen_bg.jpg) no-repeat;
			position: relative;
			height:132px;
			width: 561px;
			padding: 10px;
			margin-bottom: 18px;
		}

		.midden_content .stappen h1 {
			text-transform: uppercase;
			color: #fff;
			margin: 0;
			padding:0;
		}

		.midden_content .steps {
			position: absolute;
			bottom: 12px;
			left: 10px;
			width: 321px;
			height: 70px;
		}
					
		.midden_content .stappen a.stap1 {
			background: url(../images/stap1_bg.gif) no-repeat;
			height: 21px;
			width: 286px;
			display:block;
			text-decoration: none;
			color: #fff;
			padding: 3px 0 0 35px;
			font-size: 1.3em;
		}

		.midden_content .stappen a.stap1:hover {
			background: #bfe0ed;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
		}

		.midden_content .stappen a.stap2 {
			background: url(../images/stap2_bg.gif) no-repeat;
			height: 20px;
			width: 286px;
			display:block;
			text-decoration: none;
			color: #fff;
			padding: 3px 0 0 35px;
			font-size: 1.3em;
		}

		.midden_content .stappen a.stap2:hover {
			background: #bfe0ed;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
		}		

		.midden_content .stappen a.stap3 {
			background: url(../images/stap3_bg.gif) no-repeat;
			height: 20px;
			width: 286px;
			display:block;
			text-decoration: none;
			color: #fff;
			padding: 3px 0 0 35px;
			font-size: 1.3em;
		}

		.midden_content .stappen a.stap3:hover {
			background: #bfe0ed;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
		}	
		
				
/* grid for content */

		.midden_content .row {
			width:100%;
			margin-bottom:18px;
			clear:both;
		}

		.midden_content .col {
			width:283px;
			float:left;
		}
		
		.midden_content .first {
			margin-right:18px;
		}

		.midden_content .second {
			margin:0;
		}
		

		
/* rechter_content */

			.rechter_content {
				background: none;
				width: 140px;
				padding:0;
				float:left;
				margin: 130px 0 0 0;
			}

			.rechter_content a {
				margin-bottom:18px;
				display: block;
			}


/* footer */
						
			ul.footer_links {
				clear: both;				
				margin: 3px 0 0 0;
				padding: 0 0 0 25px;
				list-style-type: none;
				float: left;
			}
				
				ul.footer_links li {
					float:left;
				}
				
					ul.footer_links li p	{
						font-size: 1.1em; 
						margin: 0;
						line-height:23px; 
						padding: 0 8px 0;
						color: #fff;
					}
					
					ul.footer_links li a	{
						font-size: 1.1em; 
						color: #fff;
						line-height:24px;
						*line-height:19px;
						text-decoration:none;
					}
					
					ul.footer_links li a:hover {
						text-decoration:underline;
						color: #fff;
					}
					
			ul.footer_rechts {		
				margin: 3px 0 0 0;
				padding: 0 25px 0 0;
				list-style-type: none;
				float: right;
			}
			
			ul.footer_rechts li {
				float:left;
			}
				
			ul.footer_rechts li p	{
				font-size: 1.1em; 
				margin: 0;
				line-height:23px; 
				padding: 0 8px 0;
				color: #fff;
			}
			
			ul.footer_rechts li.i-innovate p	{
				font-size: 1.1em; 
				margin: 4px -5px 0;
				line-height:23px; 
				padding: 0 8px 0;
				color: #fff;
			}


/* contact area */


.midden_content .contactblock {
	-moz-border-radius:5px; -webkit-border-radius:5px;

	border:none;
	background: #0e6f94;
	padding: 0;
	margin-bottom: 18px;
	overflow: hidden;_zoom:1;
}
.midden_content .contactblock p.error{
	color: red;
	font-size: 1.1em;
	margin-left: 10px;
}
.midden_content .contactblock p.success{
	color: #D6E03D;
	font-size: 1.1em;
	margin-left: 10px;
}

.midden_content .contactblock form {
	padding:0 10px;
	margin: 0;
}

.midden_content .contactblock form input {
	-moz-border-radius:5px; -webkit-border-radius:5px;
	
	background: #64a3bb;
	width: 180px;
	height: 15px;
	padding: 5px;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: none;
}

.midden_content .contactblock form textarea {
	-moz-border-radius:5px; -webkit-border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
	background: #64a3bb;
	height: 75px;
	width:424px;
	padding: 5px;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: none;
}

.midden_content .contactblock form textarea:focus {
	-moz-border-radius:5px; -webkit-border-radius:5px;
	
	border: none;
	background: #8ac0d5;
}

.midden_content .contactblock form input:focus {
	-moz-border-radius:5px; -webkit-border-radius:5px;
	
	border: none;
	background: #8ac0d5;
}

.midden_content .contactblock form input.submit-button {
	background: url(../images/verzenden_bg.gif) no-repeat;
	width: 86px;
	height: 20px;
	float: right;
	padding:0 0 0 13px;
	margin:0;
	font-size: 0.9em;
	text-transform: uppercase;
	color:#0c6484;
	cursor:pointer;
}

.midden_content .contactblock form label {
	float: left;
	margin:0;
	padding:0;
	font-size: 1.3em;
	text-transform: uppercase;
	color:#fff;
	font-weight: bold;
	width: 130px;
}