@charset "utf-8";
/* 	 _                      _   _      
	(_)                    | | (_)     
	 _ _ ____   _____ _ __ | |_ _  ___ 
	| | '_ \ \ / / _ \ '_ \| __| |/ __|
	| | | | \ V /  __/ | | | |_| | (__ 
	|_|_| |_|\_/ \___|_| |_|\__|_|\___|
	
	CSS Document voor PenFields BV 
*/

html, body, #container { 
	min-height: 			100%; 
	width: 					100%; 
	height: 				100%;
	}

html>body, html>body #container { 
	height: 				auto;
	}

body { 
	margin: 				0; 
	padding: 	 			0;
	background-image: 		url(../img/bg.jpg);
	background-position: 	top center;
	background-repeat: 		repeat;
	background-color: 		#fff;
	margin-bottom:			20px;
	}

#container { 
	position: 				absolute; 
	top: 					0; 
	left: 					50%; 
	width: 					895px;
	height:					auto;
	margin-left: 			-447px;
	}
	
	#topmenu {
		float:					left;
		width:					875px;
		height:					25px;
		margin:					0;
		padding:				5px 0 0 20px;
		}
		
	#frame {
		float:					left;
		width:					895px;
		height:					auto;
		background-color:		#fff;
		}
		
		#contentmenu {
			float:					left;
			width:					875px;
			height:					33px;
			margin:					0;
			padding:				7px 0 0 20px;
			background-color:		#fff;
			}
		
		#header {
			float:					left;
			width:					895px;
			height:					207px;
			margin:					0;
			padding:				0;
			background-image: 		url(../img/bg_header.jpg);
			background-repeat: 		repeat-x;
			}
		
			#header #tekst {
				float:					left;
				width:					660px;
				height:					165px;
				margin:					0;
				padding:				0;
				}
			
			#header #logo {
				float:					left;
				width:					235px;
				height:					165px;
				margin:					0;
				padding:				0;
				}
				
		#content {
			float:					left;
			width:					895px;
			height:					auto;
			margin:					0;
			padding:				0;	
			}
			
			#content #links {
				float:					left;
				width:					304px;
				height:					auto;
				margin:					0;
				padding:				0;
				}
			
			#content #midden {
				float:					left;
				width:					304px;
				height:					auto;
				margin:					0;
				padding:				0;
				}
			
			#content #rechts {
				float:					left;
				width:					287px;
				height:					auto;
				margin:					0;
				padding:				0;
				}
		
			#content #vlak1 {
				float:					left;
				width:					244px;
				height:					auto;
				min-height:				165px;
				margin:					0;
				padding:				20px 40px 20px 20px;	
				background-image:		url(../img/bg_vlak1.jpg);
				background-repeat:		no-repeat;
				}
			
			#content #vlak2 {
				float:					left;
				width:					244px;
				height:					247px;
				margin:					0;
				padding:				20px 40px 30px 20px;
				background-image:		url(../img/bg_vlak2.jpg);
				background-repeat:		repeat-y;
				}
			
			#content #vlak3 {
				float:					left;
				width:					247px;
				height:					auto;
				margin:					0;
				padding:				20px 20px 20px 20px;
				background-color:		#fff;
				}
		
		#footer {
			float:					left;
			width:					895px;
			height:					32px;
			margin:					0;
			padding:				0;
			background-color:		#e03527;
			}
			
			#footer #links {
				float:					left;
				width:					375px;
				height:					26px;
				margin:					0;
				padding:				6px 0 0 20px;
				}
			
			#footer #rechts {
				float:					left;
				width:					480px;
				height:					26px;
				margin:					0;
				padding:				6px 20px 0 0;
				text-align:				right;
				}