/* Design & Code (c) Diffuse Interactive */
html, body { 
	padding			: 0; 
	margin			: 0; 
}

body {
	font			: normal 12px "Arial", "Verdana", sans-serif;
	background		: #fff url('../images/header.jpg') no-repeat top center;
	color			: #646464;
}

	#wrapper {
		margin			: 0 auto;
		width			: 100%;
		min-height		: 100%;
	}
	
	* html #wrapper {
		height			: 100%;
	}	
		
		#top {
			margin			: 0 auto;
			width			: 923px;
			height			: 289px;
		}
		
			#top a {
				position 	: absolute;
				margin		: 194px 0 0 6px;
				border 		: 0;
			}
		
		#content {
			margin			: 0 auto;
			width			: 923px;
			background		: transparent url('../images/content-bg.gif') no-repeat top left;
		}

			#home #content {
				background		: transparent url('../images/content-bg-home.gif') no-repeat top left;
			}
		
			#left {
				float 			: left;
				display			: inline;
				width 			: 628px;
				line-height 	: 18px;
			}
			
				#left .blok {
					padding : 34px 34px 20px 34px;
				}
				
				#left .halfblok {
					float 			: left;
					display			: inline;
					width 			: 310px;
				}
				
				#left .margin {
					margin-left	: 4px;
				}
				
			
			#right {
				float 			: left;
				display			: inline;
				width 			: 259px;
				margin		 	: 100px 0 0 36px;
				line-height 	: 18px;
			}

				#right .prijs {
					background		: transparent url('../images/1ste-prijs-small.jpg') no-repeat top left;
					padding			: 65px 0 0 0;
					margin			: 0 0 20px 0;
				}

				#right .tweede {
					background-image: url('../images/2de-prijs-small.jpg');
				}

				#right #logos {
					text-align		: center;
				}

		#footer {
			margin			: 10px auto;
			width			: 923px;
			border-top 		: 1px solid #e5e5e5;
			text-align 		: right;
			padding 		: 10px 0 0 30px;
		}

.clear {
	clear : both;
}

/* Headings H1-H6 */
h1 { }

	#content h1 {
		color 		: #4a4a4a;
		font-size	: 20px;
		line-height	: 22px;
		margin 		: 0 0 8px 0;
	}

h2 { }

	#content h2 {
		color 		: #4a4a4a;
		font-size	: 16px;
		margin 		: 0 0 15px 0;
	}

		#home #content h2 {
			margin		: 0 0 8px 0;
		}

h3 { }

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

	#content p {
		margin			: 0 0 12px 0;
	}

	#home #content p {
		padding			: 0 170px 0 0;
		margin			: 0;
	}

a { }

	#content a, #footer a {
		color 			: #729800;
		text-decoration	: none;
	}
	
	#content a:hover, #footer a:hover {
		text-decoration	: underline;
	}

	#right .prijs a {
		display			: block;
		width			: 234px;
		height			: 22px;
		color			: #555;
		text-decoration	: none;
		padding			: 5px 0 0 25px;
		margin			: 5px 0 0 0;
		background		: transparent url('../images/prijs-link.gif') no-repeat top left;
	}	

	#right .prijs a:hover {
		color			: #000;
	}

/* Lists and Navigation */
ol { }

	#content #left ul {
		margin	: 0 0 0 7px;
	}

		#home #content #left .halfblok ul {
			margin	: 0 0 0 18px;
		}

		#home #content #left .margin ul {
			margin	: 0 0 0 33px;
		}

	
	#content #left ul li {
		background	: transparent url('../images/li-v.gif') no-repeat 0 2px;
		padding		: 0 0 5px 20px;
	}
	
		#home #content #left ul li {
			width 		: 240px;
			padding		: 0 0 8px 20px;
		}

	#right ol { }
	
		#right ol li {
			padding	: 0 0 8px 20px;
		}
		
		#right ol li.item1 {
			background	: transparent url('../images/rond1.gif') no-repeat top left;
		}
		#right ol li.item2 {
			background	: transparent url('../images/rond2.gif') no-repeat top left;
		}	
		#right ol li.item3 {
			background	: transparent url('../images/rond3.gif') no-repeat top left;
		}			
		
/* Forms */
form {
	border-top		: 1px solid #d8d8d8;
	margin			: 20px 0 0 0;
	padding			: 15px 0 0 0;
}

input, textarea {
	border			: 1px solid #d3d3d3;
	background		: #fff url('../images/input.gif') repeat-x top left;
	padding			: 5px;
	margin			: 2px 0 10px 0;
	width			: 240px;
	font			: normal 11px "Arial", "Verdana", sans-serif;
	color			: #646464;
}

textarea {
	height			: 238px;
	width			: 270px;
}

input.checkbox {
	border			: 0;
	padding			: 0;
	width			: auto;
	background		: none;
	vertical-align	: middle;
	margin			: 0;
}

.error {
	color			: #ff0000;
}