/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: arial, verdana, helvetica, arial, sans-serif;
	font-size: 76%;
	background: #009ee1;
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }
.error	 	{ color: #ff0000; }

/* verhuizing */
body#body-verhuizing {
	background-color: #ffffff;
}

div#container-verhuizing {
	width: 1010px;
	height: 625px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(images/background_verhuizing.jpg) no-repeat 0 0;
	margin: -371px 0 0 -505px;
	padding: 117px 0 0 0;
}
	div#verhuizing {
		display: inline-block;
		margin: 0px auto;
		padding: 0;
		width: 640px;
		text-align: left;
		background: #eee;
	}
		div#verhuizing a {
			display: inline-block;
			background: #A6A6A7;
			color: #ffffff;
			text-decoration: none;
			text-align: left;
			font-weight: bold;
			margin: 10px 0 0 0;
			padding: 4px 7px;
		}
			div#verhuizing a:hover {
				background: #666;
			}

#container {
	position: relative;
	margin: 16px auto;
	width: 1000px; height: 100%;
	background-color: #fff;
}
	
	#online-services {
		position: absolute;
		top: 57px; right: 77px;
	}
	
	#corners_top {
		background-image: url(/images/box_top.gif);
		width: 1000px;
		height: 16px;
		float: left;
	}
	
	#corners_center {
		float: left;
		width: 978px;
		padding: 0px 11px 0px 11px;
		background-color: #fff;
	}

	#logo {
		float: left;
		width: 978px;
		height: 146px;
		padding-top: 22px;
	}
	
	#navigation {
		float: left;
		width: 978px;
		height: 23px;
	}
	
		#navigation ul {
			padding: 0px;
			margin: 0px;
			float: left;
			list-style-type: none;
		}
		
		#navigation ul li {
			float: left;
			height: 23px;
		}
		
		#navigation ul li.spacer_left {
			width: 173px;
			background-image: url(/images/button_spacer.gif);
			margin-right: 13px; 
		}

		#navigation ul li.spacer_right {
			width: 173px;
			background-image: url(/images/button_spacer.gif);
			margin-left: 25px; 
		}

		#navigation ul li.button {
			width: 87px;
			margin-left: 12px;
		}

		#navigation ul li.button a {
			display: block;
			padding: 6px 0px 5px 0px;
			font-weight: bold;
			color: #009ee1;
			background-image: url(/images/button_bg.jpg);
			text-decoration: none; 
		}

		#navigation ul li.button a:hover {
			display: block;
			padding: 6px 0px 5px 0px;
			font-weight: bold;
			color: #fff;
			background-image: url(/images/button_bg_on.jpg);
			text-decoration: none; 
		}
		
		#navigation ul li.button a.active {
			display: block;
			padding: 6px 0px 5px 0px;
			font-weight: bold;
			color: #fff;
			background-image: url(/images/button_bg_on.jpg);
			text-decoration: none; 
		}
	
	#horimg {
		float: left;
		width: 978px;
		background-color: #009ee1;
		height: 168px;
	}
	
		#horimg ul {
			float: left;
			margin: 8px 0px 0px 0px; 
			padding: 0px;
			list-style-type: none;
			width: 978px;
			text-align: center;
		}
		
		#horimg ul li.first {
			display: inline;
			margin: 10px 8px 10px 8px;
		}

		#horimg ul li.normal {
			display: inline;
			margin: 10px 8px 10px 8px;
		}

		#horimg ul li.last {
			display: inline;
			margin: 10px 8px 10px 8px;
		}
	
	#nav_left {
		float: left;
		width: 176px;
		margin-right: 34px;
		margin: 30px 34px 12px 0px;
	}
	
		#nav_left ul {
			float: left;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		#nav_left ul li {
			text-align: left;
		}
		
		#nav_left ul li a {
			display: block;
			padding: 0px 0px 8px 0px;
			color: #009ee1;
			font-weight: bold;
			text-decoration: none;
		}

		#nav_left ul li a:hover {
			display: block;
			padding: 0px 0px 8px 0px;
			color: #000;
			font-weight: bold;
			text-decoration: none;
		}
		
		#nav_left ul li a.active {
			display: block;
			padding: 0px 0px 8px 0px;
			color: #84d0f0;
			font-weight: bold;
			text-decoration: none;
		}

		#nav_left ul li a.active:hover {
			display: block;
			padding: 0px 0px 8px 0px;
			color: #555;
			font-weight: bold;
			text-decoration: none;
		}
		


	#content {
		float: left;
		width: 470px;
		margin: 30px 0px 12px 0px;
		text-align: left;
		height: inherit;
	}
	
		#content h1 {
			color: #009ee1;
			font-weight: bold;
		}
		
		#content h2 {
			font-size: 120%;
			color: #009ee1;
			margin: 8px 0px 8px 0px;
		}

		#content h3 {
			font-size: 110%;
			color: #84d0f0;
			padding: 0px;
			margin: 0px;
		}
		
		#content p {
			margin: 8px 0px 8px 0px;
			line-height: 140%;
		}
		
		#content p strong {
			color: #009ee1;
		}
		
		#content ul.mensen {
			float: left;
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}
		
		#content a {
			color: #009ee1;
		}
		
		#content ul {
		  font-size: 90%;
		  line-height: 140%;
		  color: #333;
			margin: 0px 66px 12px 20px;
			list-style: disc;
		}
		
		#content ul.mensen li.normal {
			float: left;
			width: 68px;
			height: 83px;
			margin: 0px 66px 12px 0px;
		}

		#content ul.mensen li.last {
			float: left;
			width: 68px;
			height: 83px;
			margin: 0px 0px 12px 0px;
		}

		#content ul.listing {
			float: left;
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}
		
		#content ul.listing li {
			margin: 6px 0px 6px 0px;
			font-size: 90%;
		}
		
		#content ul.logo {
			float: left;
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}
		
		#content ul.logo li.normal {
			float: left;
			width: 92px;
			height: 80px;
			margin: 0px 34px 12px 0px;
		}

		#content ul.logo li.last {
			float: left;
			width: 92px;
			height: 80px;
			margin: 0px 0px 12px 0px;
		}
		
		div.c_wide {
			float: left;
			width: 250px;
			margin-right: 20px;
		}

		div.c_small {
			float: left;
			width: 200px;
		}
		
		div.c_wide2 {
			float: left;
			width: 330px;
			margin-right: 20px;
		}

		div.c_small2 {
			float: left;
			width: 120px;
		}
	
		#content label.route {
			font-size: 90%;
		}
		
		#content input.input_txt_route {
			padding: 2px;
			border: 1px solid #000;
			font-size: 90%;
		}
		
		#content input.input_submit_route {
			border: 1px solid #000;
			font-size: 90%;
		}
		
		#content #tweetfeed {
			margin: 10px 0px;
			border-top: 1px solid #b2b2b2;
			border-bottom: 1px solid #b2b2b2;
			padding: 10px 0px;
			width: 470px;
			float: left;
			text-align: left;
		}
		
			#content #tweetfeed img {
				float: left;
				margin: 0px 10px 0px 0px;
			}
			
			#content #tweetfeed #tweets {
				float: left;
				width: 424px;
			}
			
				#content #tweetfeed #tweets span.header {
					font-weight: bold;
				}

				#content #tweetfeed #tweets span.time {
					color: #b2b2b2;
				}
	
	#rightbar {
		float: left;
		width: 245px;
		margin: 20px 0px 12px 53px;
	}
		div.social-media {
			text-align: left;
		}
			div.social-media a img {
				margin: 5px 0;
			}
			
		#rightbar A.mobilesite {
			text-align: left;
			font-weight: bold;
			font-size: 130%;
			color: #009ee0;
			display: block;
			width: 245px;
			height: 33px;
			padding: 17px 0px 0px 0px; margin: 15px 0px 0px 0px;
			border-top: 1px solid #c6c6c6;
			background: url(/images/sprite-common.gif) no-repeat -75px -50px;
		}
		
		#rightbar A.mobilesite:hover {
		    text-decoration: none;
		    color: #000;
			background: url(/images/sprite-common-on.gif) no-repeat -75px -50px;
		}
			
		#rightbar ul {
			float: left;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			width: 245px;
		}
		
		#rightbar ul li.head {
			background-image: url(/images/nieuwsblok_kop.gif);
			padding: 10px 0px 8px 14px;
			color: #009ee1;
			font-size: 130%;
			font-weight: bold;
			text-align: left;		
		}
		
		#rightbar ul li.foto {
			background-color: #009ee1;
			border-left: 1px solid #009ee1;
			border-right: 1px solid #009ee1;
		}
		
		#rightbar ul li.foto p {
			color: #fff;
			padding: 2px 14px 2px 14px;
			text-align: left;
		}
		
		#rightbar ul li.item {
			border-left: 1px solid #009ee1;
			border-right: 1px solid #009ee1;
		}

		#rightbar ul li.item p {
			padding: 6px 14px 6px 14px;
			text-align: left;
		}

		#rightbar ul li.item p strong {
			color: #009ee1;
		}
		
		#rightbar ul li.foot {
			background-image: url(/images/nieuwsblok_foot.gif);
			height: 11px;
			line-height: 1px;
			font-size: 1px;
		}
		
	#corners_bottom {
		background-image: url(/images/box_bottom.gif);
		width: 1000px;
		height: 16px;
		float: left;
	}

	#footer {
		float: left;
		width: 1000px;
		height: 18px;
		background: #009ee1;
	}
	
		#footer p {
			padding-top: 4px;
			color: #fff;
		}
/*
* Typography styles
*/

h1 {
	font-size: 150%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-size: 120%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h3 {
	font-size: 110%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h4 {
	font-size: 120%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

p {
	font-size: 90%;
	color: #333;
	margin: 0px;
	padding: 0px;
}


/*
* Anchor styles
*/

A 			{ text-decoration: none; color: #333; }
A:link		{ text-decoration: none; color: #333; }
A:visited	{ text-decoration: none; color: #333; }
A:active	{ text-decoration: none; color: #333; }
A:hover		{ text-decoration: underline; color: #333; }
A.active	{ text-decoration: underline; color: #333; }


/*
* Table styles
*/


/*
* List styles
*/