@import url(/include/css/editor.php);

/** =COLORS **
E3E3E3	gray bg 
CFCFCF	gray footer 
F87A00	orange bg
5C7DA9	blue font
333333	black font
*/


body {
	background: #E3E3E3 url(/image/body_bg.gif) repeat-x top;
	}
	body.content {
		background: #E3E3E3 url(/image/body_bg.gif) repeat-x center -130px;
	}


/** =LAYOUT **/

#container {
	width:940px;
	padding: 0 7px;	
	margin: 27px auto 0 auto;
	}


/** =HEADER **/

#header {
	background: #E3E3E3 url(/image/header_foto.jpg) no-repeat left top;
	height: 330px;
	/*overflow: visible;*/
	clear: both;
	position: relative;
	}
	body.content #header {
		height: 200px;
	}

	#logo a {
		width: 130px;
		height: 100px;
		margin: 25px 0 0 40px;
		float: left;
		text-indent: -999em;
		}

	#navigation {
		overflow: auto;
		float: right;
		background: pink;
		padding: 0 0 25px 32px;
		background: transparent url(/image/nav_bg_wit.png) no-repeat left top;
		}
		
		#navigation ul#nav {
			display: block;
			overflow: auto;
		}

	#quotevlak {
		width: 210px;
		height: 100px;
		padding: 15px;
		background: transparent url(/image/vlak_oranje.png) no-repeat left top;
		position: absolute;
		bottom: 0;
		left: 40px;
		color: white;
		font-size: 125%;
	}
		body.content #quotevlak {
			padding: 0;
			height: 20px;
			width: 240px;
		}
		
		#quotevlak a {
			margin: 20px 0 0 0;
			float: right;
			color: white;
			font-size: 75%;
		}


/** CONTENT - DEFAULT **/

#wrapper {
	width: 954px;
	margin: 0 -7px 0 -7px;
	background: transparent url(/image/wrapper_bg.gif) repeat-y;
	}
	#wrapper2 {
		width: 954px;
		margin: 0 0 0 0;
		background: transparent url(/image/wrapper2_bg.gif) no-repeat left top;
		overflow: hidden;
	}

	#wrappercloser {
		margin: 0 -7px;
		height: 19px;
		background: transparent url(/image/wrapper_bottom.gif) no-repeat left top;
	}


	
	/** =COLLEFT **/
	#colLeft {
		width: 240px;
		margin: 0 0 0 47px;
		float: left;
	}
		#actueel {
			margin: 15px 0;
		}
			#actueel dt {
				width: 65px;
				float: left;
			}
			#actueel dd {
				margin: 0 0 8px 66px;
				color: #436898;
			}

#main {
	width: 320px;
	margin: 22px 30px;
	float: left;
}
	body.content #main {
		width: 500px;
	}
	
	#linkBack {
		float:right;
	}
	#archiefLink {
		margin-top:-15px;
		float:right;
	}



	/** =COLRIGHT **/
	#colRight {
		width: 240px;
		margin: 22px 0;
		float: left;
	}
	
		#budgetbeheer {
			width: 200px;
			height: 120px;
			padding: 16px 20px 20px 20px;
			margin: 30px 0 0 0;
			background: #698EBC url(/image/budgetbeheer_bg.jpg) no-repeat;
			color: white;
		}
			#budgetbeheer h2 {
				margin: 0;
				padding: 0;
				border: none;
				color: white;
				font-weight: normal;
			}
			#budgetbeheer p {
				overflow: hidden;
				margin: 10px 0;
				clear: both;
			}
				#budgetbeheer label {
					width: 100%;
				}
				#budgetbeheer input {
					width: 198px;
					height: 18px;
					padding: 1px 0 0 2px;
					margin: 0;
					border: 0px;
					
					font-size: 12px;
				}
				#budgetbeheer input.short {
					width:177px;
				}
				#budgetbeheer button {
					width: 18px;
					height: 19px;
					background: #698EBC url(/image/budgetbeheer_btn.gif) no-repeat;
					border: none;
					float: right;
					text-indent: -999em;
				}

	#producten {
		margin: 15px 0;
		
	}
		#producten a {
			font-size: 110%;
			font-weight: bold;
			display: block;
		}

	#subnav {
		margin: 0;
		list-style: none;
	}
		#subnav li {
			border: 1px solid white;
		}

		#subnav li.active a {
			color: #F87A00;
		}


/** =FOOTER **/

#footer {
	width:940px;
	margin: 15px auto;
	background: #CFCFCF url(/image/footer_bg.gif) no-repeat -7px 0px;
	overflow: auto;
	}
	#footer span {
		width: 7px;
		height: 29px;
		float: right;
		background: url(/image/footer_bg.gif) no-repeat 0px 0px;
	}
	
	#footer p {
		padding: 6px 4px 0 0;
		float: right;
		color: #898989;
	}
	#footer a {
		color: #898989;
	}


/** =CLASSES **/