/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Greijdanus (redesign)
	Version:		1.0
	Last change:	05/01/09
	Assigned to:	Rudy de Jong (wis)
	Primary use:	Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
	
	
	
	
*/

/*------------------------------------------------------------------
	[Typography]

	
	
	
		
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Table of contents]
	
	1. Body
	2. Wrapper
	3. Header
	4. Highlights
	
	
-------------------------------------------------------------------*/

	/*------------------------------------------------------------------
		[1. Body]
	*/
	
		body, html {
			height: 100%;
		}
	
		body, td, div p {
			font: normal 11px/21px Arial,Helvetica,sans-serif;
			color: #000;
		}
			
			
		h1 {
			font: normal 34px/53px Arial,Helvetica,sans-serif;
			color: #FFF;
		}
		
		
		
	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
	
		#wrapper {
			width: 100%;
			background: url(/images/bg.gif) repeat;
			min-height: 100%;
			height: auto !important;
			height: 100%;
			position: relative;
			margin: 0 auto -40px;
		}
		
			#innerdiv {
				height: 495px;
				width: 940px;
				margin: 0 auto;
				text-align: left;
			}
			
	/*------------------------------------------------------------------
		[3. Header]
	*/
	
	
	
	#header {
		height: 160px;
		width: 940px;
		position: relative;
	}
				
		#logo {
			margin: 7px 107px 0px 23px;
			float: left;
				position: absolute;
		}
		
		#topmenu  {
			float: left;
			margin-top: 62px;
			height: 25px;
			width: 365px;
			position: absolute;
		}
		
		#banner_top {
			width: 396px;
			height: 100px;
			top: 0;
			left: 543px;
			z-index: 0;
			position: absolute;
		}
		
		#search {
			width: 204px;
			height: 31px;
			top: 62px;
			position: absolute;
			float: right;
			right: 0;
			padding: 2px;
			z-index: 2;
			background: url(/images/search_border.gif) no-repeat;
		}
			
			#search .search_input {
				border: 0px;
				height: 21px;
				width: 170px;
				background: url(/images/search_input.gif) no-repeat;
				color: #5f7bcb;
				padding-left: 10px;
				padding-top: 4px;
			}
			
			#search .search_submit {
				border: 0px;
				height: 25px;
				width: 17px;
				background: url(/images/search_submit.gif) no-repeat;
			}
			
			
			
			
	/*------------------------------------------------------------------
		[3. Content]
	*/		
	
	#content_container_algemeen {
		background: #99cc00;
		position: absolute;
		width: 940px;
		height: 250px;
		margin: 0 auto;
		top: 100px;
		text-align: center;
		overflow: hidden;
	}
	
	#content_algemeen {
		width: 421px;
		height: 220px;
		float: left;
		padding: 8px 45px 22px 22px;
		text-align: left;
		overflow: hidden;
	}
	

	#flash {
		width: 452px;
		height: 250px;
		float: left;
	}	
	
				
	/*------------------------------------------------------------------
		[4. Highlights]
	*/
	
	#highlight_container {
		width: 943px;
		height: 135px;
		position: absolute;
		top: 358px;
		background: #FFF;
		overflow: hidden;
	}	
	
		.banner {
			width: 304px;
			height: 131px;
			float: left;
			background: url(/images/banners_background.gif) no-repeat;
		}
		
		.imageposition {
			width: 304px;
			height: 131px;
			padding: 4px 3px 3px 5px;
			overflow-y: hidden;
		}
		
		
		.row_1 {
			color: #000033;
			font-size: 18px;
			font-weight: bold;
			height: 21px;
			overflow: hidden;
		}
		
		.row_2 {
			color: #003399;
			font-size: 18px;
			font-weight: bold;
			height: 21px;
			overflow: hidden;
		}
		
		.row_3 {
			color: #003399;
			font-size: 18px;
			font-weight: bold;
			height: 21px;
			overflow: hidden;
		}
		
		.leesmeer {
			width: 90px;
			height: 20px;
			position: absolute;
			top: 97px;
			display: block;
		}
		
		.readmore_button_1 {
			background: url(/images/leesverder_1.gif) no-repeat;
			width: 90px;
			height: 20px;
			display: block;
			margin-left: 10px;
			cursor: pointer;
		}
		
		.readmore_button_2 {
			background: url(/images/leesverder_2.gif) no-repeat;
			width: 90px;
			height: 20px;
			display: block;
			margin-left: 10px;
			cursor: pointer;
		}
		
		.readmore_button_3 {
			background: url(/images/leesverder_3.gif) no-repeat;
			width: 90px;
			height: 20px;
			display: block;
			margin-left: 10px;
			cursor: pointer;
		}
		
		.opacity {
			width: 300px;
			height: 39px;
			position: absolute;
			background: #FFF;
			filter:alpha(opacity=80);
		    opacity:0.8;
			top: 70px;
			padding-left: 10px;
			overflow: hidden;
		}
		
		
			
	
		
	/*------------------------------------------------------------------
		[3. Footer]
	*/
	
	#footer, .push {
		height: 40px;
	}
	
	#footer {
		height: 40px;
		width: 100%;
		position: relative;
		bottom: 0;
	}
	
		#footer .footer_bg {
			height: 40px;
			width: 100%;
			background: url(/images/footer.gif) repeat;
		}
	
		#footer_menu {
			width: 381px;
			height: 63px;
			
				background: url(/images/footermenu_bg.png) no-repeat;
				
			position: absolute;
			top: 500px;
			z-index: 2;
			overflow: hidden;
		}
	
		
			#footer_menu ul {
				width: 381px;
				height: 53px;
				padding: 5px 14px 12px 9px;
				margin-left: 3px;
				list-style:none;
			}
		
			#footer_menu ul li {
				float: left;
				width: 112px;
				height: 23px;
				background: url(/images/bottom_menu_bullet.gif) no-repeat left center;
				padding-left: 15px;
			}
			
				#footer_menu ul li a {
					font: normal 11px/11px Arial,Helvetica,sans-serif;
					text-decoration: none;
					color: #000;
				}
		
		#quick_menu {
			position: absolute;
			width: 335px;
			height: 18px;
			top: 536px;
			right: 170px;
			overflow: hidden;
		}
		
			#quick_menu ul {
				width: 335px;
				height: 18px;
				margin-right: 30px;
				list-style:none;
			}

			#quick_menu ul li.bullet {
				width: auto;
				float: left;
				padding: 0px 5px 0px 8px;
				background: url(/images/quick_menu_bullet.gif) no-repeat left center;
			}
				
				#quick_menu ul li a {
					font: normal 11px Arial,Helvetica,sans-serif;
					color: #000033;
					text-decoration: none;
				}
			
				#quick_menu ul li.copyright {
					float: left;
					width: auto;
				}