/*******************************************************************************************

		RESETCODE VOOR BROWSER COMPATIBILITEIT 
		reset.css - by Eric Meyer | v1.0 | 20080212

*******************************************************************************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
h1 span, h2 span { display: none;}
input { border: none; }
.clear { clear: both;}

/* Standaard Styling */

body { 
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #212121;
	background: url(../gfx/bg.gif) repeat-x; }

a { color: #cf1e15; text-decoration: none; }
a:hover { color: #ed3a31; text-decoration: none; }

h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

input, textarea { 
	border: 1px solid #212121; 
	font-family: Arial, Verdana; 
	font-size: 12px;
	padding: 4px; }
input.button { display: block; margin: 5px 0 5px 0; }
input.redborder, textarea.redborder { border: 1px solid #E57E7E; }
input.focusField, textarea.focusField { border: 1px solid #727272; }
input.radio { border: none; }
span.required { 
	color: red;
	font-family: Georgia, Times new roman;
	padding-left: 3px;
	font-size: 14px; }
p { line-height: 18px; padding: 5px 0 5px 0; }
label { display: block; padding: 5px 0 5px 0; }


/* Main */

#main { 
	width: 850px; 
	margin: 0 auto; }
	
	/* Header */
	
	#main #header {
		position: relative;
		z-index: 10;
		background: url(../gfx/header.gif) no-repeat;
		height: 205px;
		margin-top: 9px; }
		#main #header h1 a { 
			background: url(../gfx/logo.gif) no-repeat;
			display: block;
			width: 149px;
			height: 58px;
			position: absolute;
			top: 64px;
			left: 350px; }
		
		/* Menu */
		
		#main #header ul#menu {
			position: absolute;
			bottom: 0;
			height: 36px;
			border-bottom: 9px solid #cf1e15;
			width: 100%; }
			#main #header ul#menu li { 
				position: relative;
				float: left;
				background: url(../gfx/menu_border.gif) no-repeat right bottom; }
				#main #header ul#menu li a { 
					padding: 16px 15px 8px 15px;
					display: block;
					color: #212121; }
					#main #header ul#menu li a:hover { 
						color: #cf1e15; } 
				
				/* Submenu */
				
				#main #header ul#menu li ul {
					position: absolute;
					top: 36px;
					left: 0px;
					width: 200px;
					padding: 10px 0 8px 0;
					display: block;
					background: #cf1e15; }
					#main #header ul#menu li ul li { 
						display: block;
						width: 200px;
						float: none;
						background: none; }
						#main #header ul#menu li ul li a { 
							padding: 5px 20px 5px 20px;
							color: white; } 
							#main #header ul#menu li ul li a:hover { color: #fe8b85; }
							
	/* Container */
		
		#container {
			position: relative;
			width: 850px;
			padding: 30px 0 30px 0; }
		
		/* Content */
		
		#container #content {
			float: left; 
			width: 572px;
			padding: 0 20px 0 0; }
			#container #content h2 { 
				font-size: 30px;
				border-bottom: 1px solid black;
				background: url(../gfx/vlam.gif) no-repeat right center;
				padding: 0 20px 4px 0;
				margin-bottom: 15px; }
			
			#container #content ul { padding: 0 0 0 20px; }
			#container #content ul li { 
				list-style-type: circle;
				padding: 5px 0 5px 0; }
				#container #content ul li.header {
					list-style-type: none;
					padding-left: 0;  }
					#container #content ul li.header h3 { margin-left: -15px; }
			
			#container #content ul.menu { padding-bottom: 10px; }		
					
			#container #content span.content p { padding: 0; }
			
			#container #content span.content ol { 
				padding: 10px 0 10px 20px; }
				#container #content span.content ol li { 
					list-style-position: inherit;
					list-style-type: circle; }
			
			#container #content form td { padding-bottom: 10px; }
			#container #content form td.formulier { padding-left: 10px; }
			
			#container #content form.reactie td.formulier { padding-left: 0; }
			#container #content form.reactie textarea { width: 560px; }
			
				
		/* Crumtrail */
		#content .crumtrail { padding-bottom: 10px; }
		
		
		/* Sidebar */
		
		#container #sidebar {
			float: right;
			width: 217px;
			background: #eaeaea;
			padding: 10px 20px 20px 20px;
			position: relative; }
			#container #sidebar a { color: #212121; }
				#container #sidebar a:hover { color: #4e4e4e; }
			#container #sidebar ul li { padding: 5px 0 5px 0; }
			#container #sidebar ul.downloads {
				padding-bottom: 30px; }
				#container #sidebar ul.downloads li {
					background: url(../gfx/icon_pdf.gif) no-repeat left top;
					padding: 1px 0 0 30px;
					line-height: 15px; }
			#container #sidebar .logo { 
				text-align: right; }
				
	/* Footer */
	
	#footer {
		background: #a21603;
		color: white; }
		#footer .content { 
			background: #a21603 url(../gfx/footer_bg.jpg) no-repeat;
			width: 850px;
			margin: 0 auto;
			padding: 25px 0 25px 0; }
			#footer .content h2 { 
				color: white;
				font-weight: bold;
				font-size: 18px;
				padding-bottom: 20px; }
			#footer .content ul.menu {
				 width: 225px;
				 float: left;
				 padding-right: 70px; }
				 #footer .content ul.menu li {
				 	padding: 4px 0 4px 3px;
				 	background: url(../gfx/list_border.gif) no-repeat bottom left; }
				 	#footer .content ul.menu li.header { background: none; padding: 0; }
				 	 #footer .content ul.menu li a { 
				 	 	width: 212px;
				 	 	display: block;
				 	 	background: url(../gfx/icon_list_arrow.gif) no-repeat center right;
				 	 	color: white;
				 	 	padding: 3px 0 3px 0; }
				 	 	#footer .content ul.menu li a:hover { color: #fe8b85; }
			#footer .content .contact { 
				float: right;
				width: 225px;
				padding-right: 30px; }
				#footer .content .contact ul {  }
					#footer .content ul li {
						padding: 5px 0 3px 30px; }
						#footer .content ul li.telefoon { background: url(../gfx/icon_telephone.gif) no-repeat center left; }
						#footer .content ul li.fax { background: url(../gfx/icon_print.gif) no-repeat center left; }
						#footer .content ul li.email { background: url(../gfx/icon_envelop.gif) no-repeat center left; }
						#footer .content ul li.kvk { background: url(../gfx/icon_paper.gif) no-repeat center left; }