html {
	overflow-y:scroll;
}
html, body {
	height:auto;
}
body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	background:#bebfbe url('../img/body_bg.gif') 0 32px repeat-x;
}

div#ristriction_overlay {
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	background:#000;
	overflow:hidden;
	z-index:31;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	/* default class no-right */
}
* html div#ristriction_overlay {
	position:absolute;
}
a#close_overlay {
	display:block;
	position:absolute;
	z-index:33;
	top:50%;
	left:50%;
	margin:-152px 0 0 275px;
}
	a#close_overlay img {
		behavior: url(/css/iepngfix.htc);
	}
div#login_box {
	position:absolute;
	top:50%;
	left:50%;
	margin:-143px 0 0 -283px;
	z-index:32;
	background:url('../img/ristriction_overlay.jpg') top left no-repeat;
	width:566px;
	height:286px;
}
	div#login_box form {
		padding:0;
		margin:157px 0 0 296px;
	}
		div#login_box form table tr td {
			padding:0;
		}
			div#login_box form table tr td div {
				padding:0;
				margin:0;
			}
				div#login_box form table tr td div.text input{
					background:url('../img/ristriction_overlay_input_bg.gif') top left repeat-y;
					border:1px solid #fff;
					font:normal normal 11px/11px verdana;
					color:#000;
					padding:1px 2px 2px 2px;
					width:187px;
					margin:0;
					float:left;
				}
				div#login_box form table tr td div.text input#UserPlateNumber {
					width:88px;
					margin:6px 0 0 0;
				}
				div#login_box form table tr td div.submit input{
					border:none;
					margin:6px 0 0 0;
					padding:0;
					float:right;
				}
		
	div#login_box a.register_button {
		background:url('../img/ristriction_overlay_button.jpg') top left no-repeat;
		width:496px;
		height:44px;
		display:block;
		margin:20px 0 0 35px;
	}
	

ul#adminTools {
	position:absolute;
	top:0;
	left:0px;
	padding:0;
	margin:0;
	list-style:none;
	display:table;
	width:480px;
	padding:10px;
	background-image:url('../img/trans_90.png');
	behavior: url(/css/iepngfix.htc);
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
	ul#adminTools li {
		float:left;
		padding:2px 0 0 0;
		clear:left;
		width:480px;
	}
		ul#adminTools li ul {
			list-style:none;
			padding:0;
			margin:0;
			width:480px;
		}
			ul#adminTools li ul li {
				float:left;
				clear:none;
				width:auto;
				padding:0;
			}
			ul#adminTools li ul li.title {
				width:70px;
				text-align:right;
				background:#b0b3b4;
				color:#fff;
				font-weight:bold;
				font-size:10px;
				line-height:10px;
				padding:5px;
			}
		ul#adminTools li a {
			font-size:10px;
			line-height:10px;
			padding:4px 5px;
		}
		ul#adminTools li a:hover {
			background:#1492bf;
			color:#fff;
		}

div#top {
	background:url('../img/bol_bg.gif') top repeat-x;
	height:30px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
	div#top div#top_wrapper {
		width:982px;
		margin:0 auto;
		height:30px;
	}
		div#top div#top_wrapper div {
			
		}
		div#top div#top_wrapper div p {
			padding:0;
			margin:0;
			font:normal 10px/30px verdana;
			color:#fff;
		}
		div#top div#top_wrapper div#user_counter {
			float:left;
		}
		div#top div#top_wrapper div#top_wrapper_right {
			float:right;
		}
			div#top div#top_wrapper ul#top_tools {
				float:left;
				padding:0;
				margin:0;
				list-style:none;
			}
				div#top div#top_wrapper ul#top_tools li {
					float:left;
					background:url('../img/nav_divider.gif') right no-repeat;
				}
				div#top div#top_wrapper ul#top_tools li#vereniging {padding:0 12px 0 6px;}
				div#top div#top_wrapper ul#top_tools li#logout {padding:0 9px 0 4px}
				div#top div#top_wrapper ul#top_tools li#user {padding:0 9px 0 3px}
				div#top div#top_wrapper ul#top_tools li#press {padding:0 12px 0 10px}
				div#top div#top_wrapper ul#top_tools li#contact {padding:0 0px 0 12px; background-image:none}				
					div#top div#top_wrapper ul#top_tools li a {
						float:left;
						font:normal 10px/30px verdana;
						color:#fff;
						text-decoration:none;
						background:top left no-repeat;
						padding:0 0 0 20px;
						margin:0;
					}
					div#top div#top_wrapper ul#top_tools li#logout a {background-image:url('../img/icons/top_logout.gif')}
					div#top div#top_wrapper ul#top_tools li#vereniging a {background-image:url('../img/icons/top_us.gif')}
					div#top div#top_wrapper ul#top_tools li#user a {background-image:url('../img/icons/top_user.gif')}
					div#top div#top_wrapper ul#top_tools li#press a {background-image:url('../img/icons/top_press.gif')}
					div#top div#top_wrapper ul#top_tools li#contact a {background-image:url('../img/icons/top_contact.gif')}
div#main_wrapper {
	background:url('../img/main_wrapper_bg.gif') center repeat-y;
	margin:0 auto;
	width:1074px;
}
	div#main {
		margin:0 auto;
		width:982px;
		padding:0 46px;
		background:url('../img/main_bg.gif') no-repeat;
		display:table;
	}
		div#header {
			height:140px;
			width:982px;
			float:left;
		}
			div#header img {
				float:left;
			}
			
			div#header img#signin_button {
				float:right;
				margin:38px 0 0 0;
			}
			
		div#bar {
			float:left;
			height:30px;
			width:980px;
			border:1px solid #000;
			background:url('../img/bol_bg.gif') left repeat-x;
		}
			ul#navigation {
				float:left;
				list-style:none;
				padding:0;
				margin:0;
				display:block;
				height:30px;
				width:884px;
			}
				ul#navigation li {
					float:left;
				}
					ul#navigation li a {
						float:left;
						display:block;
						height:30px;
						padding:0 14px;
						border-right:1px solid #fff;
						font:normal normal 13px/30px arial;
						text-decoration:none;
						letter-spacing:1px;
						color:#fff;
					}
					ul#navigation li a:hover, ul#navigation li a.active {
						background:url('../img/bol2_bg.gif') top repeat-x;
					}
					ul#navigation li ul {
						position:absolute;
						z-index:25;
						margin:30px 0 0 -1px;
						*clear:left; /* IE 7 and lower */
						*margin-top:0px; /* IE 7 and lower */
						list-style:none;
						padding:0;
						background:#000000;
						border:1px solid #000;
						width:230px;
						display:none;
					}
						ul#navigation li ul li {
							padding:0;
							margin:0;
							border-top:1px solid #000;
							clear:left;
							width:230px;
						}
						ul#navigation li ul li.first {
							padding-top:0px;
						}
							ul#navigation li ul li a{
								height:auto;
								width:170px;
								padding:0 15px 0 45px;
								background:#272727 url('../img/nav_default.gif') 10px 11px no-repeat;
								font:normal 10px/30px verdana;
								border:none;
							}
							ul#navigation li ul li.even a {
								background:#363636 url('../img/nav_even.gif') 10px 11px no-repeat;
							}
							ul#navigation li ul li a.active, ul#navigation li ul li a:hover {
								background:#1998c2 url('../img/nav_hover.gif') 10px 11px no-repeat;
							}
			div#social_media {
				float:left;
				height:16px;
				width:90px;
				padding:6px 0px 8px 4px;
			}
				div#social_media div#plus {
					float:left;
					margin:0 3px 0 0;
				}
				div#social_media a {
					float:left;
					margin:0 3px 0 0;
				}
/* ########################## content layout types ############################# */
	/*
	default layout styles
	overwrite in alt_css
	*/
	
	
		div#left_elements {
			margin:20px 0;
			float:left;
			width:200px;
			overflow-x:hidden;
		}
	
		div#center {
			float:left;
			width:762px;
			margin:0 0 0 20px;
			display:inline;
		}
			div#center div#top_banner {
				overflow:hidden;
				margin:20px 0 0 0;
				width:762px;
				float:left;
			}
				div#center div#top_banner a img, div#center div#top_banner a {
					float:left;
				}
			
			div#center div#content {
				margin:20px 20px 20px 0;
				padding:0 0 20px 0;
				width:580px;
				clear:left;
				float:left;
			}
				div#center div#content div#flashMessage {
					border:1px solid #aeaeae;
					margin:0 0 20px 0;
					padding:10px 0 10px 100px;
					font:normal bold 14px/18px arial;
					color:#555;
					background:#efefef url('../img/arrows_grey_bg.gif') 20px 50% no-repeat;
				}
					div#center div#content div#flashMessage a {
						font:normal bold 14px/18px arial;
						color:#555;
					}
			div#center div#right_elements {
				margin:20px 0;
				float:left;
				width:162px;
				display:inline;
			}
			div#center div#right_elements div.block {
				width:160px;
			}
				div#center div#right_elements div.block div.head {
					width:160px;
				}
		/* pages with wide right */
		div#wideright div#center div#content {
			width:406px;
		}
		div#wideright div#center div#right_elements {
			width:336px;
		}
			div#wideright div#center div#right_elements div.right_wide_banners {
				width:336px;
				overflow-x:hidden;
			}
		/* pages with no right */
		div#noright div#center div#top_banner {
			float:none;
		}
		div#noright div#center div#content {
			width:762px;
			margin-right:0;
			float:right;
		}
		div#noright div#center div#right_elements {
			display:none;
		}
		/* admin */
		div#wide div#center, div#admin div#center div#content {
			margin:20px 0;
			width:980px;
		}
		div#wide div#center div#content {margin:0; width:auto; float:left}
		div#wide div#left_elements { display:none }
		div#wide div#center div#right_elements { display:none }
		
	
div#footer {
	width:1072px;
	padding:0 47px;
	margin:0 auto;
}
	div#footer a:hover {
		text-decoration:underline;
	}
	div#footer div#left_shadow {
		height:38px;
		width:7px;
		background:url('../img/footer_left.png') top left no-repeat;
		behavior: url(/css/iepngfix.htc);
		float:left;
	}
	div#footer div#center_shadow {
		background:url('../img/footer_bg.png') top repeat-x;
		height:38px;
		width:980px;
		padding:0 39px;
		float:left;
		behavior: url(/css/iepngfix.htc);
	}
		div#footer div#center_shadow ul#footer_left {
			float:left;
			list-style:none;
			padding:0;
			margin:0;
		}
			div#footer div#center_shadow ul#footer_left li {
				float:left;
				background:url('../img/nav_divider.gif') left no-repeat;
				padding:0 0 0 5px;
				margin:0 0 0 5px;
			}
			div#footer div#center_shadow ul#footer_left li.first {
				background:none;
				padding:0;
				margin:0;
			}
			div#footer div#center_shadow ul#footer_left li a {
				float:left;
				color:#fff;
				font:10px/30px verdana;
				text-decoration:none;
			}
		div#footer div#center_shadow div#footer_right {
			float:right;
		}
			div#footer div#center_shadow div#footer_right p {
				padding:0;
				margin:0;
			}
				div#footer div#center_shadow div#footer_right * {
					color:#fff;
					font:10px/30px Verdana;
					text-decoration:none;
				}
				div#footer div#center_shadow div#footer_right p span {
					color:#42bfda;
				}
	div#footer div#right_shadow {
		height:38px;
		width:7px;
		background:url('../img/footer_right.png') top right no-repeat;
		behavior: url(/css/iepngfix.htc);
		float:left;
	}
