/*--------------------------------------------------------------------
Basic Style Sheet

Version: 2.0
Copyright: 2011, dicode® VOF - understanding internet
W: www.dicode.nl
E: info@dicode.nl
T: 0570-750680
--------------------------------------------------------------------*/

/* Global settings
-------------------------------------------------------------------------*/
* { 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	color: #231f20;
	line-height: 20px;
}

img {
	border: 0;
}

h1 {	
	color: #0596cc;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 44px;
	font-weight: normal;
	line-height: 40px;
}

h2 {	
	color: #0596cc;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
}

h3 {
	color: #0596cc;		
	font-weight: normal;
	text-decoration: none;
	font-size: 14px;
}

p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: underline;
	
}

a:hover {
	text-decoration: underline;
}

body.index {
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(/images/bg_body_index.jpg) repeat-x;
}

body.pages {
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(/images/bg_body_pages.jpg) repeat-x;
}

/* Banner
-----------------------------------------------------------------*/			
div.banner_index {
	position: absolute;
	left: 0;
	top: 126px;
	margin: 0 auto;
	width: 100%;
	height: 436px;
	z-index: 0;
	background: url(/images/img_banner_index.jpg) no-repeat center top;
}

	div.banner_index div.box {
		position: relative;
		margin: 0 auto;
		width: 350px;
		top: 40px;
		right: 273px;
		text-align: left;
	}
		
		div.banner_index div.box h1 {
			font-size: 44px;
			color: #0596cc;
			text-transform: lowercase;
		}
		
		div.banner_index div.box p {
			font-size: 14px;
			color: #0c617b;
		}

div.banner_pages {
	position: absolute;
	left: 0;
	top: 126px;
	margin: 0 auto;
	width: 100%;
	height: 436px;
	z-index: 0;
	background: url({siteurl}/images/img_banner_pages.jpg) no-repeat center top;
}

div#site {
	position: relative;
	width: 934px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
	/* Header
	-----------------------------------------------------------------*/
	div#site div#header {
		position: relative;
		height: 126px;
	}
	
		div#site div#header div.logo {
			position: absolute;
			top: 28px;
			left: 20px;
		}
		
		div#site div#header div.menu {
			position: absolute;
			top: 75px;
			right: 0;
		}
		
			div#site div#header div.menu ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				div#site div#header div.menu ul li {
					float: left;
					padding: 20px;
					padding-top: 10px;
					background: url(/images/img_menu.jpg) no-repeat top right;
				}
				
					div#site div#header div.menu ul li.last {
						background: none;
					}
					
					div#site div#header div.menu ul li a {
						font-size: 20px;
						color: #030000;
						padding-top: 20px;
						text-transform: lowercase;
					}
					
						div#site div#header div.menu ul li a:hover {
							color: #00aeef;
							text-decoration: none;
						}
						
						div#site div#header div.menu ul li.active a {
							color: #00aeef;
							text-decoration: none;
						}
		
		/* Content
		-----------------------------------------------------------------*/
		div#site div.content {
			position: relative;
			width: 934px;
			background: url(/images/bg_content.jpg) repeat-x bottom;
			padding-bottom: 11px;
			border-bottom: 1px #e7e8e8 dotted;
		}
		
			/* Content :: left
			-----------------------------------------------------------------*/
			div#site div.content div.left {
				position: relative;
				float: left;
				margin-right: 32px;
				margin-left: 13px;
				width: 229px;
				padding: 2px;
			}
			
				div#site div.content div.left div.submenu {
					float: left;
					padding: 0;
					margin: 0px 0 40px 10px;
				}
				
					div#site div.content div.left div.submenu ul {
						list-style: none;
						padding: 0;
						margin: 0;
					}
					
						div#site div.content div.left div.submenu ul li {
							width: 195px;
							padding: 7px 0 7px 20px;
							background: url(/images/icn_arrow_white_blue.jpg) no-repeat left 12px;
							border-bottom: 1px #cacccd dotted;
							text-transform: lowercase;
						}
						
							div#site div.content div.left div.submenu ul li.first{
								padding-top: 0px;
							}
							
							div#site div.content div.left div.submenu ul li img {
								padding-right: 10px;
							}
							
							div#site div.content div.left div.submenu ul li a {
								font-size: 18px;
								color: #0596cc;
							}
			
			/* Content :: box
			-----------------------------------------------------------------*/
			div#site div.content div.box {
				position: relative;
				float: left;
				margin-right: 32px;
				margin-left: 13px;
				border-top: 7px #000103 solid;
				width: 229px;
				padding: 2px;
				height: 190px;
			}
			
				div#site div.content div.box:hover {
					border-top: 7px #00aeef solid;
					cursor: pointer;
				}
				
				div#site div.content div.box div.intro {
					width: 229px;
					line-height: 18px;
				}
					
					div#site div.content div.box div.intro h4 {
						color: #000103;
						margin: 15px 0 10px 0;
						padding: 0;
						font-size: 20px;
						font-weight: normal;
					}
					
					div#site div.content div.box div.intro p {
						font-size: 11px;
					}
				
				div#site div.content div.box div.read {
					position: absolute;
					bottom: 0;
					left: 5px;
				}
				
					div#site div.content div.box div.read a {
						font-size: 14px;
						text-decoration: none;
						color: #666364;
						padding-right: 20px;
						background: url(/images/icn_arrow_black.jpg) no-repeat right 4px;
					}
					
					div#site div.content div.box:hover div.read a {
						text-decoration: none;
						color: #0398c7;
						background: url(/images/icn_arrow_blue.jpg) no-repeat right 4px;
					}
					
					div#site div.content div.box div.read img {
						padding-left: 10px;
					}
					
			/* Content :: middle
			-----------------------------------------------------------------*/
			div#site div.content div.middle {
				position: relative;
				float: right;
				width: 638px;
			}
			
				div#site div.content div.middle div.bar {
					height: 7px;
					width: 229px;
					background-color: #000103;
				}
				
				div#site div.content div.middle div.txt {
					width: 229px;
					line-height: 18px;
				}
				
					div#site div.content div.middle div.txt h2 {
						color: #000103;
					}
				
				div#site div.content div.middle div.button {
					margin-top: 10px;
					
				}
				
					div#site div.content div.middle div.button a {
						text-decoration: none;
					}
					
						div#site div.content div.middle div.button a:hover {
							text-decoration: underline;
							color: #666364;
							
						}
				
					div#site div.content div.middle div.button span {
						font-size: 14px;
						color: #666364;
						font-weight: normal;
					}
					
					
					div#site div.content div.middle div.button img {
						padding-left: 10px;
					}
			
				/*Content :: middle :: news
				-----------------------------------------------------------------*/
				div#site div.content div.middle div.newsitem {
					margin: 20px 0 20px 0;
					width: 595px;
					border: 10px solid #f1f3f3;
					padding: 10px 10px 10px 10px;
				}
				
					div#site div.content div.middle div.newsitem div.date {
						float: right;
						margin-top: 14px;
						padding-top: 1px;
						margin-right: 12px;
					}
					
					div#site div.content div.middle div.newsitem div.title {
						float: left;
					}
					
					div#site div.content div.middle div.newsitem div.ncontent {
						font-size: 12px;
						width: 580px;
					}
					
						div#site div.content div.middle div.newsitem div.ncontent p {
							font-size: 12px;
							margin-bottom: 10px;
						}
					
					div#site div.content div.middle div.newsitem div.url {
						float: right;
						margin-top: 10px;
					}
					
					div#site div.content div.middle div.newsitem div.url.back {
						float: left;
					}

						div#site div.content div.middle div.newsitem div.url a {
							font-size: 14px;
							padding-left: 5px;
							margin-bottom: 9px;
							margin-right: 12px;
							color: #0596cc;
						}

						div#site div.content div.middle div.newsitem div.url.back a {
							padding-right: 5px;
							padding-left: 0;
						}
				
				div#site div.content div.middle ul.sitemap {
					margin: 0;
					padding: 0;
					list-style-type: none;
				}
				
					div#site div.content div.middle ul.sitemap li {
						padding-left: 20px;
						background: url(/images/icn_arrow_white_blue.jpg) no-repeat left 4px;
					}
			
				/* Content :: middle :: contact
				-----------------------------------------------------------------*/
				div#site div.content div.middle div.formmessage {
					margin: 10px 0 10px 0;
				}
				
				div#site div.content div.middle div.ckey {
					float: left;
					width: 100px;
					margin-right: 20px;
				}
				
				div#site div.content div.middle div.cvalue {
					float: left;
					width: 200px;
					margin-right: 20px;
				}
				
					div#site div.content div.middle div.cvalue input {
						width: 250px;
						height: 20px;
						line-height: 15px;
						border: 0;
						background-color: #f1f3f3;	
						margin-bottom: 9px;
						margin-right: 12px;
						padding-left: 5px;
						color: #ababab;
					}
					
						div#site div.content div.middle div.cvalue input.error {
							border: 1px red solid;
						}
					
					div#site div.content div.middle div.cvalue textarea {
						width: 250px;
						height: 90px;
						line-height: 15px;
						border: 0;
						background-color: #f1f3f3;	
						margin-bottom: 9px;
						margin-right: 12px;
						padding-left: 5px;
						color: #ababab;
					}
					
						div#site div.content div.middle div.cvalue textarea.error {
							border: 1px red solid;
						}
				
				div#site div.content div.middle div.send {
					position: relative;
					cursor: pointer;
					margin-top: 30px;
					margin-bottom: 30px;
					margin-right: 270px;
					font-size: 14px;
					color: #0596cc;
					text-align: right;
				}
			
			/* Content :: right
			-----------------------------------------------------------------*/
			div#site div.content div.right {
				position: relative;
				float: right;
				background: url(/images/bg_content_right.jpg) no-repeat;
				width: 335px;
				margin-right: 13px;
				padding-bottom: 7px;
			}
			
				div#site div.content div.right div.txt {
					float: left;
					color: #fff;	
					width: 145px;
					line-height: 15px;	
					padding: 12px 0 0 12px;
					font-size: 11px;
				}
				
					div#site div.content div.right div.txt p {
						color: #fff;
					}
				
					div#site div.content div.right div.txt a {
						text-decoration: underline;
						color: #fff;
						line-height: 15px;	
						font-size: 11px;
					}
						div#site div.content div.right div.txt a:hover {
							text-decoration: none;
							color: #fff;
						}
				
				div#site div.content div.right div.image {
					float: right;
					padding: 12px 12px 0 0px;
				}
				
					div#site div.content div.right div.image img {
						border: 1px #fff solid;
					}
				
				div#site div.content div.right div.contact {
					float: right;
					background-color: #7ad4f5;
					width: 156px;
					margin: 11px 12px 0 0px;
					padding-bottom: 5px;
				}
				
					div#site div.content div.right div.contact img {
						margin: 12px 0 0 11px;
						float:left;
					}
				
					div#site div.content div.right div.contact div.title {
						margin: 8px 0 0 11px;
						float: left;
						font-size: 17px;
					}
						div#site div.content div.right div.contact div.title span {
							padding: 0;
							margin-top: -5px;
							border : 1px red solid;
						}
					
					div#site div.content div.right div.contact div.txt {
						margin: -5px 0 0 0px;
						font-size: 17px;
						line-height: 30px;
					}
					
						div#site div.content div.right div.contact div.txt a {
							margin: 5px 0 0 0px;
							font-size: 17px;
							text-decoration: none;
						}
						
						div#site div.content div.right div.contact div.txt a:hover {
							margin: 5px 0 0 0px;
							font-size: 17px;
							text-decoration: underline;
						}
				
		/* Loginbar
		-----------------------------------------------------------------*/	
		div#site div.loginbar {
			position: relative;
			margin-top: 50px;
			background-color: #f1f3f3;
			padding: 10px;
		}
		
			div#site div.loginbar div.login {
				position: relative;
				background-color: #fff;
				border: 1px #fff solid;
				width: 400px;
				float: left;
			}
			
				div#site div.loginbar div.login div.txt {
					float: left;
					width: 195px;
					line-height: 11px;
					padding-left: 7px;
					font-style: italic;
					font-size: 10px;
					color: #a09d9e;
					margin-right: 10px;
				}
					
					div#site div.loginbar div.login div.txt a {
						line-height: 11px;
						font-size: 10px;
					}
					
					div#site div.loginbar div.login div.txt h2 {
						font-style: normal;
						margin-bottom: 5px;
					}
				
				div#site div.loginbar div.login div.form {
					margin-top: 13px;
				}
				
					div#site div.loginbar div.login div.form input {
						width: 170px;
						height: 21px;
						border: 0;
						background-color: #f1f3f3;	
						margin-bottom: 9px;
						margin-right: 12px;
						padding-left: 5px;
						color: #cac8c8;
					}
					
					div#site div.loginbar div.login div.form a {
						margin-left: 314px;
						color: #0596cc;
						font-size: 14px;
					}
						
						div#site div.loginbar div.login div.form a:hover {
							text-decoration: underline;
						}
			
			div#site div.loginbar div.beeld {
				margin-left: 25px;
				float: left;
				background: none;
				width: 65px;
				margin-top: 30px;
			}
			
			div#site div.loginbar div.info {
				margin-left: 20px;
				float: left;
				background: none;
				width: 400px;
			}
			
				div#site div.loginbar div.info ul {
					list-style: none;
					margin: 0;
					padding: 0;
				}
				
					div#site div.loginbar div.info ul li {
						float: left;
						padding-right: 10px;
						color: #9a9999;
						font-size: 18px;
						font-weight: normal;
						padding: 2px 12px 5px 12px;
					}
						
						div#site div.loginbar div.info ul li.active {
							background-color: #00aeef;
							color: #fff;
						}
						
						div#site div.loginbar div.info ul li:hover {
							cursor: pointer;
						}
				
					div#site div.loginbar div.info ul li input {
						border: 0;
						background: #00aeef;
						padding: 3px;
						color: #fff;
					}
					
						div#site div.loginbar div.info ul li.normal {
							font-size: 12px;
						}
				
				div#site div.loginbar div.info div.infobox {
					position: relative;
					background-color: #00aeef;
					padding: 10px;
					line-height: 18px;
					color: #fff;
					height: 52px;
				}
								
				div#site div.loginbar div.info div.contents {
					display: none;
				}
				
					div#site div.loginbar div.info div.infobox strong {
						color: #0d6d91;
					}
					
					div#site div.loginbar div.info div.infobox b {
						color: #0d6d91;
					}
	
	/* Footer
	-----------------------------------------------------------------*/	
	div#site div.footer {
		position: relative;
		margin-top: 30px;
	}
	
		div#site div.footer div.copyright {
			position: relative;
			float:left;
			margin-left: 20px;
			margin-bottom: 5px;
			font-size: 10px;
		}
		
		div#site div.footer div.menu {
			position: relative;
			float: right;
		}
		
			div#site div.footer div.menu ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				div#site div.footer div.menu ul li{
					float: left;
					padding-right: 10px;
				}
				
					div#site div.footer div.menu ul li a {
						font-size: 10px;
					}
					
					div#site div.footer div.menu ul li a:hover {

					}
					
/* Footer balk
-----------------------------------------------------------------*/
div.footerbar {
	position: relative;
	background: #00aeef;
	width: 100%;
	height: 17px;
}

/* Other
-----------------------------------------------------------------*/
div.clear {
	clear: both;
}

/* distyle
-----------------------------------------------------------------*/
.distyle {
	height: 24px;
	width: 24px;
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-align: left;
}
.distylecheckbox {
	background: url(/images/input_check.gif) no-repeat;
}

.distyleradio {
	background: url(/images/input_check.gif) no-repeat;
}

.distyle input {
	display: none;
}

/* CMS form
--------------------------------------------------------------------*/
div#cms_form {
	margin: 0px 0 20px 0;
	width: 595px;
	border: 10px solid #f1f3f3;
	padding: 10px 10px 10px 10px;
}

	div#cms_form div.item {
		position: relative;
		margin-top: 20px;
	}
	
		div#cms_form div.item div.priority {
			position: relative;
			float: left;
			width: 20px;
			font-weight: bold;
		}
		
		div#cms_form div.item div.question {
			position: relative;
			float: left;
			font-weight: bold;
			margin-bottom: 5px;
		}
		
		div#cms_form div.item div.help {
			position: relative;
			float: left;
			font-weight: bold;
			margin-bottom: 5px;
			margin-left: 20px;
			cursor: pointer;
		}
		
			div#cms_form div.item  div.help div.text {
				position: absolute;
				top: -10px;
				left: 30px;
				width: 400px;
			}
			
		div#cms_form div.item div.answer {
			position: relative;
			width: 500px;
			margin-left: 20px; 
		}
			
			div#cms_form div.item div.answer div.field {
				position: relative;
				float: left;
				margin-right: 5px;
			}
			
				div#cms_form div.item div.answer div.field input {
					width: 12px;
					border: none;
				}
			
			div#cms_form div.item div.answer div.label {
				position: relative;
				float: left;
				line-height: 28px;
			}
				
				div#cms_form div.item div.answer div.label label {
					cursor: pointer;
				}
				
				div#cms_form div.item div.answer div.label label sup {
					font-size: 10px;
				}
			
			div#cms_form div.item div.answer div.custom {
				
			}
			
			div#cms_form div.item div.answer div.select {
				
			}
			
			div#cms_form div.item div.answer div.options {
				
			}
			
			div#cms_form div.item div.answer div.textarea {
				
			}
				
				div#cms_form div.item div.answer div.textarea textarea {
					width: 400px;
					height: 70px;
					border: 0;
					background-color: #f1f3f3;	
					margin-bottom: 9px;
					margin-right: 12px;
					padding-left: 5px;
					color: #ababab;
				}
				
			div#cms_form div.item div.answer div.input {
				position: relative;
				float: left;
				line-height: 20px;
				margin-right: 5px;
			}
			
				div#cms_form div.item div.answer div.input input {
					width: 40px;
					height: 20px;
					line-height: 15px;
					text-align: center;
					border: 0;
					background-color: #f1f3f3;	
					margin-bottom: 9px;
					margin-right: 12px;
					padding-left: 5px;
					color: #ababab;
				}
				
				div#cms_form div.item div.answer div.input input.text {
					width: 400px;
					text-align: left;
				}
				
				div#cms_form div.item div.answer div.input input.email {
					width: 400px;
					text-align: left;
				}
				
				div#cms_form div.item div.answer div.input input.zip {
					width: 100px;
					text-align: left;
				}
				
				div#cms_form div.item div.answer div.input input.phone {
					width: 100px;
					text-align: left;
				}
			
			div#cms_form div.item div.answer div.text {
				position: relative;
				float: left;
				width: 200px;
				line-height: 20px;
				z-index: 5;
			}
			
				div#cms_form div.item div.answer div.text p {
					margin: 0;
					padding: 0;
				}
			
	div#cms_form div.results {
		position: absolute;
		top: 235px;
		left: -270px;
		margin-top: 20px;
		background-color: #0aa5e8;
		color: #fff;
		padding: 10px 10px 10px 10px;
		height: 90px;
		margin-bottom: 40px;
		width: 200px;
	}
		
		div#cms_form div.results h3 {
			color: #fff;
			font-weight: bold;
			padding: 0;
			margin: 0;
			margin-bottom: 5px;
		}
	
		div#cms_form div.results div.key {
			position: relative;
			float: left;
			width: 100px;
			line-height: 20px;
			margin: 0;
			padding: 0;
			padding: 5px;
			padding-left: 25px;
			background: url(/images/icn_arrow_white_blue.jpg) #7ad4f5 no-repeat 5px 9px;
		}
		
		div#cms_form div.results div.value {
			position: relative;
			float: left;
			line-height: 20px;
			margin: 0;
			padding: 0;
			font-weight: bold;
			padding: 5px;
			background-color: #7ad4f5;
		}
			
			div#cms_form div.results div.value.euro {
				text-align: right;
				width: 60px;
			}
			
			div#cms_form div.results div.value.alert {
				color: red;
			}
		
		div#cms_form div.results div.profile {
			position: relative;
			cursor: pointer;
			margin-top: 30px;
			margin-bottom: 30px;
			margin-right: -10px;
			font-size: 14px;
			color: #0596cc;
			text-align: right;
		}
		
		div#cms_form div.results div.back {
			position: relative;
			cursor: pointer;
			margin-top: 30px;
			margin-bottom: 30px;
			margin-right: -10px;
			font-size: 14px;
			color: #0596cc;
			text-align: right;
		}
		
		div#cms_form div.results div.row {
			position: relative;
			margin: 0;
			padding: 0;
		}
		
			div#cms_form div.results div.row div.col {
				position: relative;
				float: left;
				width: 120px;
				margin: 0;
				padding: 0;
				margin-bottom: 10px;
				text-align: right;
			}
			
				div#cms_form div.results div.row div.col.strong {
					font-weight: bold;
				}
	
	div#cms_form div.button {
		position: relative;
		cursor: pointer;
		margin-top: 30px;
		margin-bottom: 30px;
		padding-right: 120px;
		font-size: 14px;
		color: #0596cc;
		text-align: right;
	}