@charset "utf-8";
/* Stylesheet for Vuurwerk Markt, By Media Solutions*/

/* Table of Contents
1. Base Elements
2. Site
3. Header
4. Page
	4.1. Sidebar-left
	4.2. content
	4.3. Sidebar-right
5. Footer
6. Misc
*/

/*1. Base Elements*/
* {
	margin:0;
	padding:0;
}

body {
	font-size:100%;
	font-family:arial;
	margin-left:20px;
	background:#323232;
}

li {
	list-style:none;
}

/*2. Site*/
#site {
	width:941px;
	margin:0 auto;
	font-size:0.625em;
}

/*3. Header*/
#header {
	position:relative;
	width:941px;
	height:124px;
}

	#header h1 {
		position:absolute;
		width:220px;
		height:55px;
		top:27px;
		left:0px;
		background: url(../images/logo.png) no-repeat;
	}
	
		#header h1 .hidden {
			display:none;
		}
		
		#header h1 a {
			display:block;
			width:220px;
			height:55px;
		}

	#header .banner {
		position:absolute;
		top:23px;
		left:242px;
	}
	
	#header .menu {
		position:absolute;
		top:23px;
		right:0px;
		font-family:tahoma;
		font-size:1.1em;
	}
	
	#header .menu li {
		float:left;
		padding:0 20px 0 0;
		margin:0 0 0 19px;
		border-right:1px solid #fff;
	}	
		
	#header .menu .last-of-type {
		border:none;
		padding:0;
	}
	
		#header .menu li a {
			color:#ffffff;
			text-decoration:none;
		}
		
		#header .menu li a:hover,
		#header .menu li .active {
			color:#ff871c;
		}
		
/*4. page*/
#page {
	width:941px;
}

	#page #left {
		float:left;
		width:215px;
		margin:0 27px 0 0;
	}
		
		#page #left div {
			margin: 0 0 21px 0;
		}
	
		#page #left h2 {
			padding:3px 0 3px 9px;
			color:#fff;
			font-size:1.2em;
			background:#ff871c;
		}
	
		#page #left ul {
			padding:10px 0 10px;
			background:#fff;
			border:1px solid #a8a8a8;
			border-top:none;
			font-size:1.1em;
		}
			
			#page #left ul li {
				padding:0 0 0 10px;
				line-height:1.7em;
			}
	
				#page #left ul li a {
					color:#323232;
					text-decoration:none;
				}
				
				#page #left ul li a:hover {
					color:#ff871c;
				}
				
	#page #middle {
		float:left;
		width:457px;
		overflow:hidden;
	}
	
		#page #middle div {
			margin: 0 0 21px 0;
		}
	
		#page #middle h2 {
			padding:3px 0 3px 9px;
			color:#fff;
			font-size:1.2em;
			background:#ff871c;
		}
	
		#page #middle form {
			height:68px;
			background:#fff;
			border:1px solid #a8a8a8;
		}	
			
			#page #middle form fieldset {
				margin:19px 23px  27px 9px;
				border:none;
			}
				
				#page #middle form fieldset .zoekveld {
					position:relative;
					top:-1px;
					width:201px;
					height:20px;
					margin:0 14px 0 0;
					border:1px solid #abadb3;
					color:#7b7b7b;
				}
			
				#page #middle form fieldset .select {
					width:121px;
					height:22px;
					margin:0 13px 0 0;
					color:#7b7b7b;
				}
			
				#page #middle form fieldset .button {
					position:relative;
					float:right;
					top:-1px;
				}
			
		#page #middle ul {
			padding:10px 0 10px;
			background:#fff;
			border:1px solid #a8a8a8;
			border-top:none;
			font-size:1.1em;
		}
			
			#page #middle ul li {
				padding:0 0 0 10px;
				line-height:1.7em;
			}
	
				#page #middle ul li a {
					color:#323232;
					text-decoration:none;
				}
				
				#page #middle ul li a:hover {
					color:#ff871c;
				}
				
		#page #middle #kolom-left {
			width:215px;
			float:left;
		}
		
		#page #middle #kolom-right {
			width:215px;
			float:right;
		}
		
	#page #right {
		float:right;
		width:215px;
		overflow:hidden;
	}
	
		#page #right div {
			margin: 0 0 21px 0;
		}
	
		#page #right h2 {
			padding:3px 0 3px 9px;
			color:#fff;
			font-size:1.2em;
			background:#d70909;
		}
	
		#page #right form {
			background:#fff;
			border:1px solid #a8a8a8;
		}	
			
			#page #right form fieldset {
				margin:19px 26px  27px 9px;
				border:none;
			}
				
				#page #right form fieldset .zoekveld {
					width:198px;
					border:1px solid #abadb3;
				}
			
		#page #right ul {
			padding:10px 0 10px;
			background:#fff;
			border:1px solid #a8a8a8;
			border-top:none;
			font-size:1.1em;
		}
			
			#page #right ul li {
				padding:0 0 0 10px;
				line-height:1.7em;
			}
	
				#page #right ul li a {
					color:#323232;
					text-decoration:none;
				}
				
				#page #right ul li a:hover {
					color:#d70909;
				}
				
/*5. Footer*/
#footer {
	overflow:hidden;
	width:941px;
	height:41px;
	padding: 33px 0 0 0;
	background:#464646 url(../images/background.png) 0 top no-repeat;
}

	#footer .copy li {
		float:left;
		padding:0 8px 0 0;
		border-right:1px solid #fff;
		color:#fff;
		font-size:1.1em;
	}

	#footer .copy .last-of-type {
		margin:0 0 0 8px;
		border:none;
	}
	
	#footer .footer-menu {
		margin:0 0 0 373px;
	}
		
		#footer .footer-menu li {
			float:left;
			padding:0 8px 0 0;
			margin:0 0 0 8px;
			border-right: 1px solid #161616;
			font-size:1.1em;
		}
		
		#footer .footer-menu .last-of-type {
			border:none;
		}
		
			#footer .footer-menu li a {
				color:#161616;
				text-decoration:none;
			}
			
			#footer .footer-menu li a:hover {
				color:#fff;
			}	
			
	#footer .media-solutions {
		float:right;
		font-size:1.1em;
	}
	
		#footer .media-solutions a {
			color:#fff;
			text-decoration:none;
		}
		
		#footer .media-solutions a:hover {
			color:#161616;
		}
		
 #contact {
		float:left;
		width:460px;
		height:450px;
		margin-top: 20px;
		font-size:100%;
		font-family:arial;
		background:#666;
		border:1px solid #999;
	}
	
	#centreren{
	margin: 0 auto;
	width:460px;
	}
		#disclaimer{
	margin-top: 20px;
	}
	
		 #contact div {
			margin: 0 0 21px 0;
		}
	
		 #contact h2 {
			padding:3px 0 3px 9px;
			color:#fff;
			font-size:0.8em;
			background:#ff871c;
			padding-left:30px;
		}
	
		 #contact ul {
			padding:10px 0 10px;
			background:#fff;
			border:1px solid #a8a8a8;
			border-top:none;
			font-size:1.1em;
		}
			
			 #contact ul li {
				padding:0 0 0 10px;
				line-height:1.7em;
			}
	
				 #contact ul li a {
					color:#323232;
					text-decoration:none;
				}
				
				 #contact ul li a:hover {
					color:#ff871c;
				}