@import url("xhtml5reset-1.6.1.css");
@import url("fonts.css");

.inhoud-pagina table td {
padding: 0 0 15px 0;
}

.linkf {
margin: 0 0 20px 0;
display: block;
color: #009EE1;
}

.linkf:hover {
text-decoration: underline;
}

* {
margin: 0;
padding: 0;
}

img {
border: 0;
}

a	{
text-decoration: none;
}

.clear	{
clear: both;
}

body, textarea, input	{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #2c2c2c;
}

html {
width: 100%;
height: 100%;
background: url('../images/achtergrond.png') repeat-x center top;
}

body {
width: 100%;
height: 100%;
font-family: Arial;
word-wrap: break-word;
}

#container {
position: relative;
margin: 0 auto;
width: 995px;
height: 100%;
background: url('../images/bg-content.png') no-repeat top center;
}

.tweetList {
	/*display: none;*/
	line-height: 24px;
}

.tweetList a {
	font-size: 18px !important;
	color: #fff !important;
	text-decoration: underline !important;
}

.header {
height: 108px;
clear: both;
}

	.header .logo-holder {
	float: left;
	margin: 0 0 0 18px;
	padding: 12px 0 0 0;
	width: 276px;
	height: 53px;
	}
	
	.header .feeds-holder {
	margin: 15px 0 0 20px;
	float: right;
	height: 53px;
	}
	
		.header .feeds-holder a {
		margin: 0 2px 0 0;
		float: left;
		}
	
	.header .search-holder {
	margin: 12px 18px 0 15px;
	float: right;
	height: 53px;
	}
	
		.header .search-holder input[type=text] {
		padding-left: 5px;
		border: solid 1px #ccc;
		width: 133px;
		height: 22px;
		line-height: 22px;
		float: left;
		font-size: 12px;
		color: #ccc;
		}
		
		.header .search-holder input[type=submit] {
		margin: 0 0 0 10px;
		width: 50px;
		height: 24px;
		float: left;
		background: #ccc;
		color: #fff;
		border: 0;
		}
		
.main-menu {
margin: 0 0 0 17px;
clear: both;
}

	.main-menu ul {
	list-style-type: none;
	margin: 0;
	}
	
		.main-menu ul li {
		float: left;
		border-left: 1px solid #fff;
		font-size: 14px;
		position: relative;
		}
		
		.main-menu ul li:first-child {
		border-left: none;
		}
		
			.main-menu ul li.spacer {
			width: 1px;
			}
		
			.main-menu ul li a {
			padding: 8px 13px 0 13px;
			background: #009ee2;
			color: #fff;
			text-decoration: none;
			display: block;
			float: left;
			height: 22px;
			}
			
			.main-menu ul li a:hover {
			background: #ff9900;
			}
			
			.main-menu ul li:hover .submenu {
			display: block;
			}
			
			.main-menu ul li a.over {
			background: #ff9900;
			}
			
				.main-menu .submenu	{
					position: absolute;
					top: 30px;
					left: 0;
					width: 180px;
					padding: 0;
					background: #009EE2;
					display: none;
					z-index: 999;
				}
				
				.main-menu .submenu li	{
					float: left;
					clear: both;
					border-top: 1px solid #fff;
					border-left: none;
				}
				
				.main-menu .submenu a	{
					height: auto;
					width: 160px;
					display:block;
					padding-bottom: 6px;
				}

.content {
margin: 0 0 0 1px;
padding: 28px 0 25px 0;
width: 994px;
clear: both;
display: table;
background: #fff;
}

.content a {
	color: #009EE1;
    font-size: 14px;
    text-decoration: none;
}
.content a:hover {
	text-decoration: underline;
}

	.content .left {
	margin: 0 0 0 17px;
	float: left;
	width: 635px;
	display: table;
	}
	
		.content .left .inhoud-pagina {
		display: table;
		}
		
			.inhoud-pagina hr {
			clear: both;
			background: url('../images/dots.jpg') repeat-x top left;
			border: 0;
			margin: 0;
			padding: 0;
			display: block;
			height: 1px;
			}
			
			.inhoud-pagina hr.title {
			margin: 8px 0 6px 0;
			}
			
			h1 {
			margin: 0 0 3px 0;
			clear: both;
			display: block;
			font-family: MinionProSemibold;
			font-size: 24px;
			line-height: 24px;
			float: left;
			color: #037aaa;
			}
			
			.inhoud-pagina h1 {
			padding: 20px 0 7px 0;
			margin: 0 0 7px 0;
			clear: both;
			display: block;
			font-family: MinionProSemibold;
			font-size: 24px;
			line-height: 24px;
			float: left;
			color: #037aaa;
			width: 100%;
			background: url('../images/dots.jpg') repeat-x bottom left;
			}
			
			.inhoud-pagina h2 {
			color:#666;
			font-weight:bold;
			font-family: Arial;
			font-size:14px;
			line-height:25px;
			}
			
			.inhoud-pagina h1.nieuws {
			padding-top: 40px;
			}
			
			.inhoud-pagina h5 {
			margin: 20px 0 0 0;
			clear: both;
			display: block;
			font-family: Arial;
			font-weight: bold;
			font-size: 14px;
			line-height: 24px;
			color: #037aaa;
			}
			
			.inhoud-pagina td{
			font-size: 14px;
			font-family: Arial;
			color: #666;
			line-height: 25px;
			}
			
			.inhoud-pagina p {
			width: 610px;
			font-size: 14px;
			font-family: Arial;
			color: #666;
			line-height: 25px;
			margin-bottom: 10px;
			}
			
			.inhoud-pagina ul {
			width: 610px;
			font-size: 14px;
			font-family: Arial;
			color: #666;
			margin-bottom: 10px;
			line-height: 25px;
			list-style-type:disc;
			}
			
			.inhoud-pagina p a{
			color: #009EE1;
			text-decoration: none;
			}
			
			.inhoud-pagina p a:hover{
			text-decoration: underline;
			}
			
			.inhoud-pagina p.sub {
			float: left;
			width: 380px;
			margin: 0 0 30px 0;
			font-size: 12px;
			line-height: 20px;
			}
			
			.inhoud-pagina input[type=text] {
			margin: 0 0 5px 0;
			}
			
			.inhoud-pagina input[type=radio] {
			margin: 5px 0 10px 0;
			}
			
			label[for=steleenvraag_type-vraag_1], label[for=steleenvraag_type-vraag_2], label[for=contact_type-vraag_1], label[for=contact_type-vraag_2] {
			padding: 3px 0 0 5px;
			}

			.inhoud-pagina p.sub.nieuws {
			float: left;
			width: 610px;
			margin: 0 0 30px 0;
			font-size: 12px;
			line-height: 20px;
			}
			
			.inhoud-pagina .afbeelding-tekst {
			margin: 0 30px 0 0;
			float: right;
			display: block;
			}
			
				.inhoud-pagina .afbeelding-tekst img {
				border: solid 1px #ccc;
				}
				
				.inhoud-pagina .afbeelding-tekst .beschrijving {
				margin: 10px 0 0 0;
				font-size: 12px;
				display: block;
				color: #666;
				text-align: right;
				font-style: italic;
				}
		
			.content .left .inhoud-pagina .breadcrumb {
			display: table;
			clear: both;
			margin: 20px 0 0 0;
			list-style-type: none;
			padding: 0;
			}
			
			.content .left .inhoud-pagina table td {
				vertical-align:top !important;
			}
			
			.content .left .inhoud-pagina .breadcrumb.normal {
			margin: 0 0 0 0;
			line-height:14px !important;
			}
			
				.content .left .inhoud-pagina .breadcrumb li {
				float: left;
				margin: 0 6px 0 0;
				}
					
					.content .left .inhoud-pagina .breadcrumb li a {
					line-height: 14px !important;
					}
					
					.content .left .inhoud-pagina .breadcrumb li a.normal {
					display: block;
					float: left;
					font-family: Arial;
					font-size: 12px;
					color: #009ee1;
					}
					
					.content .left .inhoud-pagina .breadcrumb li a.onpage {
					font-size: 12px;
					color: #666;
					text-decoration: none;
					}
					
					.content .left .inhoud-pagina .breadcrumb li a.normal:hover {
					text-decoration: none;
					}
	
		.content .left .twitter-feeds {
		display: table;
		width: 634px;
		margin: 16px 0 0 0;
		background: url('../images/twitter-feeds-bg.jpg') repeat-y;
		}
		
			.content .left .twitter-feeds .tweet {
			font-size: 18px;
			color: #fff;
			float: left;
			padding: 14px;
			}
			
			.content .left .twitter-feeds .toon-tweets {
			margin: 14px 17px 0 0;
			float: right;
			}
	
	.content .right {
	margin: 0 0 0 17px;
	float: left;
	width: 308px;
	}
	
		.content .right .widget-stel-uw-vraag {
		padding: 10px;
		width: 288px;
		color: #fff;
		background: url('../images/stel-uw-vraag-bg.jpg') repeat-y;
		display: table-cell;
		}
		
			.content .right .widget-stel-uw-vraag h3 {
			margin: 0 0 10px 0;
			font-family: MinionProBold;
			font-size: 20px;
			color: #fff;
			}
			
			.content .right .widget-stel-uw-vraag .tekst {
			margin: 8px 0 0 0;
			display: block;
			float: left;
			}
			
			.content .right .widget-stel-uw-vraag a {
			display: block;
			float: right;
			}
			
		.content .right .widget-nieuws {
		width: 308px;
		}
		
			.content .right .widget-nieuws .title {
			margin: 18px 0 0 0;
			padding: 0 0 8px 0;
			background: url('../images/dots.jpg') repeat-x bottom left;
			display: table;
			width: 309px;
			}
		
				.content .right .widget-nieuws .title h4 {
				float: left;
				font-family: MinionProbold;
				font-size: 24px;
				line-height: 24px;
				color: #037aaa;
				}
				
				.content .right .widget-nieuws .title a {
				margin: 2px 0 0 0;
				display: block;
				float: right;
				}
				
			.content .right .widget-nieuws .bericht {
			display: block;
			margin: 12px 0 0 0;
			text-decoration: none;
			color: #000;
			}
			
				.content .right .widget-nieuws .bericht .tijd-datum {
				display: block;
				margin: 0 0 10px 0;
				font-family: MinionProBold;
				font-size: 14px;
				color: #666;
				}
				
				.content .right .widget-nieuws .bericht .titel {
				display: block;
				color: #009ee1;
				font-family: Arial;
				font-weight: bold;
				font-size: 14px;
				margin: 0 0 8px 0;
				}
				
				.content .right .widget-nieuws .bericht .tekst {
				font-family: Arial;
				font-size: 14px;
				color: #666;
				}
				
				.content .right .widget-nieuws .bericht .link {
				color: #009ee1;
				font-size: 14px;
				font-style: italic;
				}
				
				.content .right .widget-nieuws .bericht:hover .link {
				text-decoration: underline;
				}
				
			.content .right .widget-nieuws .toon-alle {
			width: 309px;
			margin: 15px 0 0 0;
			padding: 0 0 6px 0;
			display: table;
			background: url('../images/dots.jpg') repeat-x bottom left;
			}
			
				.content .right .widget-nieuws .toon-alle img {
				margin: 0 22px 0 0;
				float: right;
				}

.content-bottom {
width: 995px;
clear: both;
background: #fff;
margin: 20px 0 0 0;
display: table;
}

	.widget-pakketten {
	margin: 27px 0 0 0;
	float: left;
	}
	
		.widget-pakketten .pakket {
		background: url('../images/dots.jpg') repeat-x top left;
		width: 308px;
		padding: 1px 0 0 0;
		display: block;
		clear: both;
		}
	
		.widget-pakketten .afbeelding {
		float: left;
		width: 62px;
		margin: 5px 0 6px;
		}
		
		.widget-pakketten .tekst {
		font-family: Arial;
		font-size: 13px;
		float: left;
		width: 204px;
		}
		
			.widget-pakketten .tekst .titel {
			display: block;
			margin: 18px 0 3px 0;
			font-style: italic;
			font-weight: bold;
			color: #0fa4e1;
			}
			
			.widget-pakketten .tekst .inhoud {
			display: block;
			margin: 6px 0 0 0;
			color: #666;
			}
		
		.widget-pakketten .pijl {
		margin: 15px 0 0 0;
		float: left;
		}
		
	.widget-waarom {
	float: left;
	width: 309px;
	margin: 0 20px 0 17px;
	}
	
		.widget-waarom h2 {
		font-family: MinionProSemibold;
		font-size: 24px;
		line-height: 24px;
		color: #037aaa;
		}
		
		.widget-waarom hr {
		clear: both;
		background: url('../images/dots.jpg') repeat-x top left;
		border: 0;
		margin: 0;
		padding: 0;
		display: block;
		height: 1px;
		}
		
		.widget-waarom hr.title {
		margin: 3px 0 0 0;
		}
		
		.widget-waarom p {
		margin: 8px 0 14px 5px;
		color: #666;
		font-size: 14px;
		line-height: 25px;
		}
		
		.widget-waarom ol {
		margin: 2px 0 8px 30px;
		font-family: MinionProSemiboldItalic;
		color: #ff9900;
		font-size: 24px;
		
		}
			
			.widget-waarom ol li span{
			font-family: Arial;
			color: #0ca3e3;
			font-size: 14px;
			font-weight: bold;
			}
			
	.widget-oplossingen {
	float: left;
	width: 308px;
	margin: 0 18px 0 0;
	}
	
	.widget-oplossingen.right {
	float: left;
	width: 308px;
	margin: 0 0 0 0;
	}
	
		.widget-oplossingen h2 {
		font-family: MinionProSemibold;
		font-size: 24px;
		line-height: 24px;
		color: #037aaa;
		margin: 0 0 3px 0;
		}
		
		.widget-oplossingen.right h2 {
		font-family: MinionProSemibold;
		font-size: 24px;
		line-height: 24px;
		color: #037aaa;
		margin: 18px 0 3px 0;
		}
		
		.widget-oplossingen .pakket {
		background: url('../images/dots.jpg') repeat-x top left;
		width: 308px;
		padding: 1px 0 0 0;
		display: block;
		clear: both;
		}
		
		.pakket.odd {
		display: table;
		background: url('../images/dots2.jpg') repeat-x top left;
		}
	
		.widget-oplossingen .afbeelding {
		float: left;
		width: 62px;
		}
		
		.widget-oplossingen .afbeelding .pngpakket {
		margin: 5px 0 6px 0;
		}
		
		.widget-oplossingen .tekst {
		font-family: Arial;
		font-size: 13px;
		float: left;
		width: 204px;
		}
		
			.widget-oplossingen .tekst .titel {
			display: block;
			margin: 18px 0 0 0;
			font-style: italic;
			font-weight: bold;
			color: #0fa4e1;
			}
			
			.widget-oplossingen .tekst .inhoud {
			display: block;
			margin: 6px 0 0 0;
			color: #666;
			}
		
		.widget-oplossingen .pijl {
		margin: 15px 0 0 0;
		float: left;
		}
		
.footer {
border-top: solid 2px #009ee2;
width: 961px;
clear: both;
/*margin: 25px 17px 0 17px;*/
padding: 12px 17px 0 17px;
float:left;
background:#fff;
display: table;
}

.footer .menu-holder {
	float: right;
	
	}
	
		.footer .menu-holder ul {
		margin: 0px 0 0 0;
		list-style-type: none;
		}
		
			.footer .menu-holder ul li {
			float: left;
			height: 18px;
			border-left: 1px solid #ccc;
			margin: 0 6px 0 0;
			padding: 0 0 0 6px;
			}
			
			.footer .menu-holder ul li:first-child {
			border-left: none;
			padding-left: 0;
			}
			
				.footer .menu-holder ul li a {
				float: left;
				padding:  3px 0 0 0;
				display: block;
				font-size: 11px;
				text-decoration: none;
				color: #cccccc;
				}
				
				.footer .menu-holder ul li a:hover {
				text-decoration: underline;
				}
				
				.footer .menu-holder ul li img {
				display: block;
				margin: 0 10px 0 10px;
				}

	.footer .adres {
	margin: 8px 0 0 0;
	font-size: 12px;
	color: #009ee0;
	float: right;
	}
		.footer .adres span {
		font-weight: normal;
		font-size: 16px;
		margin: 0 8px 0 8px;
		color: #ccc;
		}

	.footer .logos {
	float: left;
	width: 380px;
	margin-bottom:10px;
	}
	
	.footer #group_logo {
	float:right;
	margin: 30px 0 0 0;
	}
	
	
	.footer-logos{
		list-style:  none;
		width: 50%;
		float: left;
	}
	
	.footer-logos > li{
		position: relative;
		display: inline-block;
	}
	
	
	
#container .inhoud-pagina ul.sitemap a {
color: #009EE1 !important;
text-decoration: none !important;
line-height: 24px;
font-size: 14px;
}

#container .inhoud-pagina ul.sitemap a:hover {
text-decoration: underline !important;
}
	
	
/*
	TWITTER
*/
#tweet .twit-more {
display: none;
}

#tweet ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#tweet .twit-date ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#tweet #twit-twit .twit-date ul li {
font-size: 18px;
font-weight: normal;
width: 450px;
}

a.twit {
display: none;
}

/*
	GOOGLE MAPS
*/
#google-maps form {
margin: 10px 0 0 0;
}

	#google-maps #route-start {
	height: 30px;
	width: 459px !important;
	padding: 0 10px 0 10px;
	}

	#google-maps .button-plan {
	padding: 0 10px 0 10px;
	height: 30px;
	}

/*
	CONTACT
*/

.formuliercontact {

}


	.formuliercontact label {
	display: block;
	float: left;
	width: 150px;
	}
	
	.formuliercontact input {
	width: 200px;
	height: 20px;
	float: left;
	}
	
	.formuliercontact input[type=submit] {
	margin: 15px 0 0 352px;
	width: 100px;
	}
	
	.formuliercontact textarea {
	width: 300px;
	height: 150px;
	}