/* Design & Code (c) ABOVO Media */
html, body { 
	padding			: 0; 
	margin			: 0; 
	height			: 100%;

}

body {
	font			: normal 12px "Arial", "Verdana", sans-serif;
	background-color: #fff;
	color			: #fff; 
}	
a{
	color:#fff;
}
#container {
	width			: 878px;
	margin			: 0 auto;
	min-height		: 100%;
	padding			: 0 1px;
	background		: #fff url('../_images/background_zwart.gif') repeat-y center;
}

	#home #container, #oranje #container {
		background-image: url('../_images/background_oranje.gif');
	}

	#groen #container, #contact #container {
		background-image: url('../_images/background_groen.gif');
	}

#top {
	position		: relative;
	float			: left;
	width			: 100%;
	height			: 46px;
	background		: #fff url('../_images/top_background.gif') repeat-y top left;
}

	#top #search {
		float			: left;
		width			: 158px;
	}

	#top #nav {
		float			: left;
		margin			: 0 0 0 131px;
	}

	#top #logo {
		position		: absolute;
		top				: 0;
		right			: 0;
	}

#header {
	float			: left;
	width			: 100%;
	height			: 195px;
}

	#header #animated {
		position		: relative;
		float			: left;
		width			: 224px;
		height			: 195px;
	}

	#header #banner {
		position		: relative;
		float			: left;
		width			: 654px;
		height			: 195px;
	}

		#header #banner #banner_overlay {
			position		: absolute;
			top				: 0;
			left			: 0;
			width			: 33px;
			height			: 195px;
			background		: transparent url('../_images/banner_overlay.png') repeat top left;
		}

		#header #banner img {
			width			: 654px;
			height			: 195px;
		}

#menu {
	float			: left;
	width			: 158px;
	height			: auto;
}

#main {
	position		: relative;
	float			: left;
	margin			: 0 0 0 99px !important;
	margin			: 0 0 0 100px;
	padding			: 13px 33px;
	overflow		: visible;
	width			: 554px;
	
	/*height			: 625px;*/
}
#scroll{
	position		: relative;
	float			: left;
	margin			: 0 0 0 0px;
	padding			: 13px 0px;

	width			: 580px !important;
	width			: 553px;
	height			: 480px;
	overflow-y		: scroll;
	overflow-x		: hidden;
 	scrollbar-arrow-color: #000000;
	scrollbar-face-color: #C1C1C1;
	scrollbar-highlight-color: #B3B3B3;
	scrollbar-3dlight-color: #C1C1C1;
	scrollbar-shadow-color: #A5A5A5;
	scrollbar-darkshadow-color: #C1C1C1;
	scrollbar-track-color: #FFFFFF;
}
	#zwart #main, #groen #main, #oranje #main {
		padding-top		: 25px;
	}

	#main .item {
		float			: left;
		width			: 530px;
		padding			: 0 11px 0 0;
		position		: relative;
		background-color: #393939;
		margin			: 5px 0 10px 0;
	}
		
		#home #main .item, #oranje #main .item {
			background-color: #f79d50;
		}

		#groen #main .item {
			background-color: #88ca7a;
		}

		#main .item .item_pad{
			margin-left:24px;
		}		

		#main .item .overlay {
			position		: absolute;
			top				: 0;
			left			: 0;
			width			: 60px;
			height			: 70px;
			background		: transparent url('../_images/item_overlay_zwart.png') no-repeat top left;
		}

			#home #main .item .overlay, #oranje #main .item .overlay {
				background-image: url('../_images/item_overlay_oranje.png');
			}

			#groen #main .item .overlay {
				background-image: url('../_images/item_overlay_groen.png');
			}

		#main .item img {
			float			: left;
			margin			: 0 15px 0 0;
		}
	
/* Headings H1-H6 */
h1 { }

	#main h1 {
		margin			: 0 0 10px 0;
		color			: #53b848;
		font-size		: 20px;
		font-family		: "Arial Black", "Arial", sans-serif;
		
	}

		#home #main h1, #contact #main h1 {
			color			: #fff;
		}

		#zwart #main h1, #oranje #main h1, #groen #main h1 {
			top				: -44px;
			position		: absolute;
			font-size		: 40px;
			color			: #fff;
			width			: 560px;
		}

h2 { }

h2 {
	color			: #fff;
	font-weight		: bold;
	padding			: 15px 0 10px 0;
	font-size:16px;
}

h2 a {
	color			: #fff;
}

h3 { }

	h3 {
		color			: #fff;
		font-weight		: bold;
		padding			: 15px 0 10px 0;
	}

	#home h3 {
		padding			: 8px 0 3px 0;
	}

	#zwart h3, #oranje h3, #groen h3 {
		font-family		: "Arial Black", Arial, sans-serif;
		font-size		: 18px;
		font-weight		: normal;
		color			: #53b848;
	}

	#oranje h3, #groen h3 {
		color			: #000;
	}

	#zwart h3 span, #groen h3 span, #oranje h3 span {
		color			: #fff;
	}

h4 {
		font-family		: "Arial Black", Arial, sans-serif;
		font-size		: 40px;
		font-weight		: normal;
		color			: #53b848;
}

h5 { 
		font-family		: "Arial Black", Arial, sans-serif;
		font-size		: 18px;
		font-weight		: normal;
		color			: #53b848;
}

h6 { }


/* Paragraph and Link Styles */
p { }

	#main p {
		padding			: 0 0 15px 0;
		line-height		: 17px;
	}

	#main #news p {
		padding			: 0;
	}

a { }	

	#search a {
		color			: #f58424;
		text-decoration	: none;
	}

	#nav ul li a {
		display			: block;
		float			: left;
		height			: 20px;
		margin			: 0 33px 0 0;
		padding			: 4px 0 0 30px;
		color			: #000;
		text-decoration	: none;
		font-size		: 12px;
		font-family		: "Arial Black", "Arial", sans-serif;
		background		: transparent url('../_images/list_background_zwart.gif') no-repeat left;
	}

	#nav ul li#home a:hover {
		color			: #ee721f;
		background-image: url('../_images/list_background_oranje.gif');
	}

	#nav ul li#contact a {
		color			: #ee721f;
		background-image: url('../_images/list_background_oranje.gif');
	}

	#nav ul li#contact a:hover {
		color			: #45ae36;
		background-image: url('../_images/list_background_groen.gif');
	}

	#nav ul li#bedrijf a {
		color			: #45ae36;
		background-image: url('../_images/list_background_groen.gif');
	}

	#nav ul li#bedrijf a:hover {
		color			: #000;
		background-image: url('../_images/list_background_zwart.gif');
	}

	#menu ul.main li a {
		display			: block;
		width			: 113px;
		min-height		: 19px;
		padding			: 15px 0 15px 45px;
		color			: #fff;
		text-decoration	: none;
		cursor			: pointer;
		font-family		: "Arial Black", "Arial", sans-serif;
		background		: transparent url('../_images/list_background.gif') no-repeat left;
		border-bottom	: 1px solid #fff;
	}
	#menu ul.main a.active, #menu ul.main a.str_active{
		color			: #000;
		background-color: #f58424;
	}

	#menu ul.main li a.active{

		background-image: url('../_images/list_background_active.gif');
	
	}
	#menu ul.main li a.str_active{

		background-image: url('../_images/list_background_zwart_over.gif');
	
	}
	#menu ul.main li a:hover{
		color			: #000;
		background-image: url('../_images/list_background_zwart_over.gif');
	}

	#menu ul.submain li a {
		font-weight		: bold;
		font-family		: "Arial", sans-serif;
		background-color: #f58424;
		background-image: none;
		min-height		: 0;
		padding			: 5px 0 5px 45px;
	}

	#menu ul.submain li a:hover, #menu ul.submain li a.active {
		color			: #000;
		background-color: #f58424;
		background-image: none;
	}

	#submenu ul.main li a {
		height			: 17px;
		font-family		: "Arial", sans-serif;
		font-size		: 11px;
		border			: 0;
		float			: left;
		padding			: 2px 0 0 16px;
		margin			: 0 8px 0 0;
		width			: auto;
		min-height		: 0;
		background		: transparent url('../_images/list_background_small.gif') no-repeat left;
	}

	#submenu ul.main li a:hover {
		color			: #000;
		background		: transparent url('../_images/list_background_small_over.gif') no-repeat left;
	}

	#submenu ul.main li a:hover, #submenu ul.main li a.sub_active{
		text-decoration	: underline;
		color			: #000;
		
		background		: transparent url('../_images/list_background_small_over.gif') no-repeat left;
		
	}
	#submenu ul.main li a.str_active{
		background-color: #c1c1c1;
		background		: transparent url('../_images/list_background_small_over.gif') no-repeat left;
	}
	h3 a {
		color			: #fff;
		text-decoration	: none;
	}

	h3 a:hover {
		text-decoration	: underline;
	}
	#main ul.main a{
		font-size			:13px;
		text-decoration 	: none;
		font-family			: "Arial", sans-serif;
		color				: #ffffff;
	}	

	#main ul.submain {
		margin-top:7px;
		list-style-type: disc;
		
	}
	#main ul.submain li.submain, ul.submain li.active{
		display:inline;
		font-size:11px;
		padding:0px 15px;
	}
	#main ul.submain li.active a.active, ul.submain li.active a.active:visited {
		font-size: 11px;
		color: #000;
		text-decoration	: none;	
	}
	#main ul.main li.active{
		margin-top:7px;
	}

/* Lists and Navigation */
ul { }	

	#nav ul { 
		margin			: 10px 0 0 0;
	}

	#nav ul li {
		display			: inline;
	}

	#menu ul.main { }

	#menu ul.main li { }

	#menu ul.submain { 
		display			: none;
	}

	#submenu ul.main {
		margin			: 10px 0 0 14px;
	}

	#submenu ul.main li {
		display			: inline;
	}

/* Forms */
form { }

	#search form {
		margin			: 8px 0 0 10px;
	}

input { 
	vertical-align		: middle;
}

	#search input {
		border			: 1px solid #000;
		color			: #000;
		padding			: 3px 4px;
		width			: 85px;
		margin			: 0 7px 0 0;
	}
/* Projecten */
#details{
		padding			: 0pt 0pt 0pt 110px;

}

/* Formulieren en velden */

#contact input {
		margin			: 1px 0 1px 0;
		font-size		: 11px;
		font-family		: Arial;
		border			: 1px solid #9e9e9e;
		height			: 15px;
		padding			: 1px 0 0 0;
}

#contact select {
		margin			: 1px 0 1px 0;
		font-size		: 11px;
		font-family		: Arial;
		border			: 1px solid #9e9e9e;
}

#contact textarea {
		margin			: 1px 0 1px 0;
		font-size		: 11px;
		font-family		: Arial;
		border			: 1px solid #9e9e9e;
}

#advanced_contact input {
		margin			: 1px 0 1px 0;
		font-size		: 11px;
		font-family		: Arial;
		border			: 1px solid #9e9e9e;
		height			: 15px;
		padding			: 1px 0 0 0;
}

#advanced_contact select {
		margin			: 1px 0 1px 0;
		font-size		: 11px;
		font-family		: Arial;
		border			: 1px solid #9e9e9e;
}

#advanced_contact textarea {
		margin			: 1px 0 1px 0;
		font-size		: 11px;
		font-family		: Arial;
		border			: 1px solid #9e9e9e;
}

#advanced_contact #form_aantal {
		margin			: -2px 0 0 0;
}