/* -------------------------------------------------------------------- */
/* Uitzendbureau Van Doorn B.V. style sheet --------------------------- */
/* Copyright (c) 2007 XhtmlXpress - Ivar Vermeulen - www.xhtmlxpress.nl */
/* Laatst gewijzigd 23-03-2007 ---------------------------------------- */
/* -------------------------------------------------------------------- */

/* ------------------------- */
/* Global ------------------ */
/* ------------------------- */
* {
	margin:0;
	padding:0;
}

body, html {
	background:#333 url('../images/achtergrond_body.png') repeat-x;
}

body {
	padding:0;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	color:#333;
	line-height:16px;
	text-align:center;
}

/* ------------------------- */
/* Layout ------------------ */
/* ------------------------- */
#website {
	position:relative;
	margin:10px auto;
	padding:0;
	width: 910px;
	background:#262626 url('../images/achtergrond_website.png') repeat-x;
	text-align:left;
}

	#pagina {
		padding:10px;
		background:#fff;
		margin:0px 5px 5px;
	}

		#header {
			position:relative;
			height:180px;
		}

		#content {
			margin-top:10px;
		}
			
			#navigatie-content {
				float:left;
				width:170px;
				margin-right:10px;
			}
			
				#logo-content {
					position:relative;
					margin-top:20px;					
					background:#fff url('../images/achtergrond_logo_down.png') bottom left no-repeat;
					width:170px;
					height:80px;
				}
					#logo-content p {
						text-align:center;
					}
				
					#logo-content a {
						text-indent:-9999px;
						display:block;
						position:absolute;
						height:60px;
						top:20px;
					}
					
						#logo-content a#nbbu {
							background:#fff url('../images/achtergrond_logo_down.png') bottom left no-repeat;
							left:0px;
							width:57px;
						}
						
							#logo-content a#nbbu:hover {
								background:#fff url('../images/achtergrond_logo.png') bottom left no-repeat;
							}
							
						#logo-content a#flexkeur {
							background:#fff url('../images/achtergrond_logo_down.png') bottom -57px no-repeat;
							left:57px;
							width:60px;
						}
						
							#logo-content a#flexkeur:hover {
								background:#fff url('../images/achtergrond_logo.png') bottom -57px no-repeat;
							}						
						
						#logo-content a#sna {
							background:#fff url('../images/achtergrond_logo_down.png') bottom -117px no-repeat;
							left:117px;
							width:53px;
						}
						
							#logo-content a#sna:hover {
								background:#fff url('../images/achtergrond_logo.png') bottom -117px no-repeat;
							}							
			
			#content-wrapper {
				float:right;
				width:700px;
			}
		
			#primaire-content {
				float:left;
				width:345px;
				padding-bottom:10px;
				overflow:hidden;
				margin-bottom:10px;
			}
			
			#secundaire-content {
				float:right;
				width:345px;
				padding-bottom:10px;
				overflow:hidden;
				margin-bottom:10px;
			}
				#primaire-content h2, #secundaire-content h2 {
					position:relative;
					color:#ffffff;
					font-size:18px;
					line-height:18px;
					font-weight:bold;
					padding:10px 15px 5px 15px;
				}
				
					#primaire-content h2 a, #secundaire-content h2 a{
						position:absolute;
						display:block;
						right:20px;
						top:10px;
						text-align:right;
						color:#fff;
						font-size:12px;
						text-decoration:none;
					}
			
				#primaire-content p, #secundaire-content p {
					padding:6px;
				}
				
				#primaire-content p a, #secundaire-content p a{
					font-weight:bold;
				}
				
				#primaire-content h3, #secundaire-content h3, #primaire-content h4, #secundaire-content h4, #primaire-content h5, #secundaire-content h5 {
					clear:both;
					padding: 6px;
					margin-bottom:-10px;
				}
			
			.geel {
				background:url('../images/achtergrond_content_geel.png') bottom left no-repeat;
			}
			
				.geel h2 {
					background:url('../images/achtergrond_content_geel.png') top left no-repeat;
				}
				
				.geel h3, .geel h4, .geel h5, .geel a, .geel b, .geel em, .geel strong{
					color:#DFB000;
				}
				
			.oranje {
				background:url('../images/achtergrond_content_oranje.png') bottom left no-repeat;
			}
			
				.oranje h2 {
					background:url('../images/achtergrond_content_oranje.png') top left no-repeat;
				}
				
				.oranje h3, .oranje h4, .oranje h5, .oranje a, .oranje b, .oranje em, .oranje strong{
					color:#FF9900;
				}
			
			.rood {
				background:url('../images/achtergrond_content_rood.png') bottom left no-repeat;
			}
			
				.rood h2 {
					background:url('../images/achtergrond_content_rood.png') top left no-repeat;
				}
				
				.rood h3, .rood h4, .rood h5, .rood a, .rood b, .rood em, .rood strong {
					color:#FD0000;
				}
				
			.donkerrood {
				background:url('../images/achtergrond_content_donkerrood.png') bottom left no-repeat;
			}
			
				.donkerrood h2 {
					background:url('../images/achtergrond_content_donkerrood.png') top left no-repeat;
				}
				
				.donkerrood h3, .donkerrood h4, .donkerrood h5, .donkerrood a, .donkerrood b, .donkerrood em, .donkerrood strong{
					color:#CD0000;
				}					

/* ------------------------- */
/* Navigatie --------------- */
/* ------------------------- */		
#navigatie-content ul {
	margin:0;
	padding:0;
	list-style:none;
}
		
	#navigatie-content ul li {
		padding:15px 5px 15px 27px;
		display:block;
		margin-bottom:5px;
	}
			
		#navigatie-content ul li a {
			color:#FFFFFF;
			font-size:16px;
			line-height:16px;
			text-decoration:none;
		}
				
	#navigatie-content .geel {
		background:url('../images/achtergrond_navigatie_yellow.png') top left no-repeat;
	}
	
		#navigatie-content .geel_actief{
			background:url('../images/achtergrond_navigatie_yellow_active.png') top left no-repeat;
		}	
			
	#navigatie-content .oranje {
		background:url('../images/achtergrond_navigatie_orange.png') top left no-repeat;
	}

		#navigatie-content .oranje_actief{
			background:url('../images/achtergrond_navigatie_orange_active.png') top left no-repeat;
		}	
			
	#navigatie-content .rood {
		background:url('../images/achtergrond_navigatie_red.png') top left no-repeat;
	}
	
		#navigatie-content .rood_actief{
			background:url('../images/achtergrond_navigatie_red_active.png') top left no-repeat;
		}	
			
	#navigatie-content .donkerrood {
		background:url('../images/achtergrond_navigatie_darkred.png') top left no-repeat;
	}
	
		#navigatie-content .donkerrood_actief{
			background:url('../images/achtergrond_navigatie_darkred_active.png') top left no-repeat;
		}
				
			#navigatie-content ul li ul {
				display:none;
			}

	#navigatie-content ul li.geel_actief,  #navigatie-content ul li.oranje_actief, #navigatie-content ul li.rood_actief, #navigatie-content ul li.donkerrood_actief {
		padding-bottom:15px;
	}
					
			#navigatie-content ul li.geel_actief ul,  #navigatie-content ul li.oranje_actief ul, #navigatie-content ul li.rood_actief ul, #navigatie-content ul li.donkerrood_actief ul {
				display:block;
			}
			
			#navigatie-content ul li ul li.first{
				margin-top:20px;
			}
					
				#navigatie-content ul li li {
					display:block;
					padding:5px 0px;
					background:url('../images/achtergrond_subnavigatie.gif') bottom left no-repeat;
				}
					
					#navigatie-content ul li li a {
						font-size:12px;
						color:#333;
						line-height:12px;
					}
					
					#navigatie-content ul li.geel_actief li a:hover, #navigatie-content ul li.geel_actief li a.actief {
						color:#DFB000;
					}
						
					#navigatie-content ul li.oranje_actief li a:hover, #navigatie-content ul li.oranje_actief li a.actief  {
						color:#FF9900;
					}
					
					#navigatie-content ul li.rood_actief li a:hover, #navigatie-content ul li.rood_actief li a.actief  {
						color:#FD0000;
					}
					
					#navigatie-content ul li.donkerrood_actief li a:hover, #navigatie-content ul li.donkerrood_actief li a.actief  {
						color:#CD0000;
					}
	
/* ------------------------- */
/* Headers ----------------- */
/* ------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size:13px;
	font-weight:bold;
	line-height:15px;
}

/* ------------------------- */
/* Formulieren ------------- */
/* ------------------------- */
form {
	margin:0;
	padding: 0px 6px;
}

	form dl {
		display:block;
		margin:0px;
	}

	form dt {
		display:block;
		padding-top:8px;
	}
	
		form dt label {
			color:#cd0000;
			font-weight:bold;
		}


	form dd {
		padding-top:2px;
		display:block;
	}



	form dd span {
		position:relative;
		top:-2px;
	}
	
		span.error {
			display:block;
			clear:left;
			margin-bottom:5px;
			color:#DD0A10;
		}

	input, select, textarea {
		width:320px;
		padding:2px;
		font-family:Helvetica, Geneva, Arial, sans-serif;
		font-size:12px;
		font-style:normal;
		font-variant:normal;
		color:#333;
		line-height:16px;
	}

		input.button {
			margin-top:-15px;
			margin-right:4px;
			float:right;
			background:#ffffff url("/static/images/achtergrond_button.png") top left no-repeat;
			border:none;
			width:129px !important;
			height:35px;
			color: #ffffff;
			cursor:pointer;
		}

		textarea.area {
			height:100px;
		}


		input.radio {
			border: none;
			width: auto !important;
			height: auto !important;
			margin: 0;
		}

/* ------------------------- */
/* Images ------------------ */
/* ------------------------- */
img {
	display:block;
	border:none;
}

.small {
	float:left;
	margin:4px 4px 0px 0px;
}

.big {
	float:right;
	margin:4px;
	border:1px solid #CCCCCC;
	padding:4px;
}

/* ------------------------- */
/* Misc -------------------- */
/* ------------------------- */
* html .clearfix {
	height: 1%; /* IE5-6 */
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;  
}

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}