html,body {
	margin:0;
	padding:0;
	height:100%;
}
body
{
	background: URL(../gfx/site/body_bg.png) top center no-repeat;
	font: 11px Arial;
}
a img
{
	border: 0;
}
.clear
{
	clear: both;
}
/** wrapper **/
#wrapper {
	min-height:100%;
	position:relative;
}
	/** container **/
	#container
	{
		width: 824px;
		margin: 0 auto;
		padding-bottom:159px;
	}
		/** header **/
		#header
		{
			height: 106px;
		}
			#header h1 {
				height: 83px;
				width: 250px;
				position: absolute;
				background: URL(../gfx/site/logo.png) top left no-repeat;
				text-indent: -9999px;
				margin: 23px 0 0 563px;
				padding: 0;
			}
		/** /header **/
		/** body **/
		#body
		{
			padding: 23px 0 0 0;
		}
			/** menu **/
			#menu
			{
				background: URL(../gfx/site/menu_bg.png) top left repeat-x;
				height: 36px;
			}
				#menu ul
				{
					list-style-type: none;
					margin: 0;
					padding: 1px 0 0 0;
				}
				#menu ul li
				{
					float: left;
					display: block;
					height: 33px;
				}
				#menu ul li a
				{
					font: bold 11px Verdana;
					color: #1f1e1c;
					text-decoration: none;
					padding: 10px 13px 0 13px;
					height: 23px;
					display: block;
					text-transform:	uppercase;
				}
				#menu ul li a:hover,#menu ul li .active
				{
					background: URL(../gfx/site/menu_hover.png) top left repeat-x;
					color: #7c7c7c;
				}
			/** /menu **/
			/** header_image **/
			#header_image
			{
				margin: 26px 0 0 0;
				height: 245px;
				width: 824px;
				overflow: hidden;
			}
				#overlay2
				{
					background: URL(../gfx/site/header_image_bg.png) top left no-repeat;
					height: 245px;
					width: 824px;
					position: absolute;
					font-family: Verdana;
					color: #ffffff;
				}
					/** tagcloud **/
					#tagcloud
					{
						width: 253px;
						background: URL(../gfx/site/tagcloud.png) top left no-repeat;
						height: 254px;
						padding: 20px 0 0 22px;
						margin: 0 0 0 550px;
						text-align: center;
						line-height: 35px;
					}
						.gas
						{
							width: 40px;
							display: inline-block;
						}
						.loodgieter
						{
							width: 120px;
							display: inline-block;
						}
						.elektra
						{
							width: 70px;
							display: inline-block;
						}
						.centrale
						{
							width: 140px;
							display: inline-block;
						}
						.verwarming
						{
							width: 200px;
							display: inline-block;
						}
						.sanitair
						{
							width: 58px;
							display: inline-block;
						}
						.dakbedekking
						{
							width: 172px;
							display: inline-block;
						}
					/** /tagcloud **/
			/** /header_image **/
			/** content **/
			#content
			{
				width: 515px;
				padding: 25px 25px 100px 10px;
				float: left;
			}
				#content a
				{
					color: #ef2b2f;
				}
				#content h2,.page,.project_title
				{
					color: #ef2b2f;
					font: 22px Arial;
					margin: 0;
					padding: 0;
				}
				.page
				{
					display: inline-block;
					width: 115px;
				}
				.project_title
				{
					width: 380px;
					display: inline-block;
				}
				#content h3
				{
					margin: 0;
					padding: 10px 0 0 0;
					font: 18px Arial;
					color: #1f1e1c;
				}
				#content .impressie
				{
					color: #a3a3a3;
					padding: 10px 0 10px 0;
				}
				.thumb
				{
					border: 5px solid #d2d2d2;
				}
				#content p
				{
					margin: 0;
					padding: 10px 0 10px 0;
					line-height: 20px;
				}
				.project_title
				{
					color: #1f1e1c;
				}
				/** options **/
				.options
				{
					text-align: right;
					line-height: 3px;
				}
					.meer_info
					{
						background: URL(../gfx/site/icon_info.png) center left no-repeat;
						font-weight: bold;
						padding: 0 0 0 20px;
						margin: 0 10px 0 0;
					}
					.offerte_aanvragen
					{
						background: URL(../gfx/site/icon_offerte.png) center left no-repeat;
						font-weight: bold;
						padding: 0 0 0 20px;
					}
				/** /options **/
				/** referenties **/
				#referenties
				{
					list-style-type: none;
					margin: 0px 0 0 0;
					padding: 0;
				}
					/** left , right **/
					#referenties li .left, #referenties li .right
					{
						float: left;
					}
					/** / left , right **/
					/* left */
					.left
					{
						width: 100px;
						padding: 15px 15px 0 0;
					}
					/* /left */
					/* right */
					.right
					{
						width: 400px;
					}
					/* /right */
				/** /referenties **/
				.vorige
				{
					margin-right: 260px;
					background: URL(../gfx/site/vorige.png) center left no-repeat;
					font: bold 12px Arial;
					padding: 1px 0 3px 20px;
				}
				.volgende
				{
					background: URL(../gfx/site/volgende.png) center right no-repeat;
					font: bold 12px Arial;
					padding: 1px 20px 3px 0;
				}
		/** /content **/
		/** sidebar **/
		#sidebar
		{
			padding: 5px 0 30px 0;
			margin: 20px 0 0 0;
			width: 263px;
			text-align: right;
			float: left;
			background: URL(../gfx/site/seperator.png) top left no-repeat;
			font-family: Arial;
			line-height: 20px;
		}
			#laatstenieuws
			{
				width: 150px;
				display: inline-block;
			}
			#adresgegevens
			{
				width: 156px;
				display: inline-block;
			}
			#sidebar h3
			{
				font: 22px Arial;
				margin: 0;
				padding: 0;
			}
			#sidebar strong
			{
				color: #ef2b2f;
			}
			#sidebar p
			{
				margin: 0;
				padding: 10px 0 10px 0;
			}
			/** laatste_nieuws **/
			#laatste_nieuws
			{
				list-style-type: none;
				margin: 10px 0 30px 0;
				padding: 0;
			}
				#laatste_nieuws li a
				{
					background: URL(../gfx/site/icon_arrow.png) center right no-repeat;
					padding: 0 15px 0 0;
					color: #000000;
				}
				#laatste_nieuws .alle a
				{
					color: #ef2b2f;
					background: URL(../gfx/site/icon_arrow_gray.png) center right no-repeat;
					font-weight: bold;
				}
			/** /laatste_nieuws **/
			#offerte_aanvraag
			{
				display: block;
				background: URL(../gfx/site/btn_offerte_aanvraag.png) top left no-repeat;
				height: 171px;
				width: 274px;
				padding: 0 0 0 0px;
				font-size: 1px;
			}
			#offerte_aanvraag span
			{
				display: none;
			}
		/** /sidebar **/
	/** /container **/
	/** footer **/
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:159px;
	}
		#inner_footer
		{
			width: 1024px;
			margin: 0 auto;
			height:159px;
			background: URL(../gfx/site/footer_bg.png) top left no-repeat;
		}
			#inner_footer span
			{
				padding: 20px 0 0 113px;
				display: block;
				font: 12px Arial;
				color: #f02b2f;
			}
				#inner_footer span a
				{
					color: #f02b2f;
					text-decoration: none;
				}
	/** /footer **/
/** /wrapper **/

/* Success message after form submit */
p.message {
	font-style:			italic;
}

/* Error message after form submit */
p.error_message {
	color:				red;
}

/* Clearing element */
.clear {
	clear: 				both;
}

/* No border for images */
img {
	border: 			none;
}

/* Form elements font style */
input, select, textarea, button, option {
	font-family: 		Arial;
	color: 				#000000;
	font-size: 			11px;
	margin-bottom: 		1px;
	margin-top: 		1px;
}

form {
	display: 			inline;
}

/* Standard width fitting for textarea and selectboxes */
textarea {
	border: 		1px solid #888888;
	width: 			362px;
	height: 		120px;
	padding: 		2px;
}

select {
 	border: 		1px solid #888888;
	width: 			216px;
	height: 		18px;
	padding: 		1px;
}

option {
	padding:		1px;
}

/* Standard width text input boxes */
.input_small {
 	border: 		1px solid #888888;
	width: 			50px;
	height: 		14px;
	padding: 		2px;
}

.input_medium {
 	border: 		1px solid #888888;
	width: 			150px;
	height: 		14px;
	padding: 		2px;
}

.input_regular {
 	border: 		1px solid #888888;
	width: 			210px;
	height: 		14px;
	padding: 		2px;
}

.input_large {
 	border: 		1px solid #888888;
	width: 			362px;
	height: 		14px;
	padding: 		2px;
}

/* Calendar input box and file input box */
.input_calendar {
 	border: 		1px solid #888888;
	width: 			180px;
	height: 		14px;
	padding: 		2px;
}

.input_file, input[type='file'] {
	width: 			221px;
	padding: 		2px;
}

/* Checkboxes */
input[type='checkbox'], input[type='radio'] {
	margin-left: 	4px;
}

/* Correct text blocks div for checkboxes and radio buttons */
div.radio_checkbox_div {
	padding-left: 	40px;
	text-indent: 	-45px;
}
div.radio_checkbox_div input {
	width:			40px;
}

/* Buttons */
button, input[type='submit'], .input_submit {

}

/* Calendar button */
button.calendar_button {
	padding-top:		0px;
	width: 				26px;
	height:				20px;
}