/***************************************************************** 
PRE-FIXED BASICS
*****************************************************************/ 
* {
	padding: 0px;
	margin: 0px;
}

body {
	height: 100%;
	background: #EEEEEE url(../img/bg_main.gif) top center repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a {
	color: #0d0534;
	text-decoration: underline;
}

img {
	border: 0px;
}

.clear {
	clear: both;
}

p {
	line-height: 22px;	
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #0d0534;
	margin: 15px 0px;
	font-weight: normal;
}

h1 {
	font-size: 30px;
	margin: 0px;
	color: #0d0534;
}

h2 {
	font-size: 18px;
	margin: 0px 0px 3px 0px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 12px;
}

td {
	font-size: 12px;
	letter-spacing: 0.1em;
	padding: 5px 0px;
}

.input {
	width: 300px;
	border: 1px solid #CCC;
	padding: 2px;
}

.button {
	background: #0d0534;
	color: #FFF;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	border: none;
}

hr {
	height: 1px;
	background: #868299;
	border: none;
}

/***************************************************************** 
CONTAINER
*****************************************************************/ 

#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
 
/***************************************************************** 
HEADER
*****************************************************************/ 
 	
#header {
	width: 1000px;
	height: 180px;
}

	ul#menu_1 {
		position: absolute;
		right: 55px;
		top: 35px;
	}
	
		ul#menu_1 li {
			float: left;
			list-style: none;
			text-indent: -5000px;
			outline: none;
			height: 40px;
		}
		
			ul#menu_1 li.contact a, ul#menu_1 li.home a {
				display: block;
				width: 78px;
				height: 40px;
				margin-left: 15px;
				background: url(../img/menu1.gif) 0px 0px no-repeat;
				outline: none;
			}
			
				ul#menu_1 li.contact a:hover, ul#menu_1 li.contact a.active {
					background: url(../img/menu1.gif) 0px -40px no-repeat;
				}
			
			ul#menu_1 li.home a {
				width: 56px;
				background: url(../img/menu1.gif) -78px 0px no-repeat;
			}
			
				ul#menu_1 li.home a:hover, ul#menu_1 li.home a.active {
					background: url(../img/menu1.gif) -78px -40px no-repeat;
				}
				
	ul#menu_2 {
		position: absolute;
		right: 55px;
		top: 98px;
	}
	
		ul#menu_2 li {
			float: left;
			list-style: none;
			text-indent: -5000px;
			outline: none;
			height: 44px;
		}
		
			ul#menu_2 li.studio_architecture a, ul#menu_2 li.projecten a, ul#menu_2 li.actueel a, ul#menu_2 li.vacatures a {
				display: block;
				width: 197px;
				height: 44px;
				margin-left: 20px;
				background: url(../img/menu2.gif) 0px 0px no-repeat;
				outline: none;
			}
			
				ul#menu_2 li.studio_architecture a:hover, ul#menu_2 li.studio_architecture a.active {
					background: url(../img/menu2.gif) 0px -44px no-repeat;
				}
			
			ul#menu_2 li.projecten a {
				width: 108px;
				background: url(../img/menu2.gif) -197px 0px no-repeat;
			}
			
				ul#menu_2 li.projecten a:hover, ul#menu_2 li.projecten a.active {
					background: url(../img/menu2.gif) -197px -44px no-repeat;
				}
				
			ul#menu_2 li.actueel a {
				width: 89px;
				background: url(../img/menu2.gif) -305px 0px no-repeat;
			}
			
				ul#menu_2 li.actueel a:hover, ul#menu_2 li.actueel a.active {
					background: url(../img/menu2.gif) -305px -44px no-repeat;
				}
				
			ul#menu_2 li.vacatures a {
				width: 109px;
				background: url(../img/menu2.gif) -394px 0px no-repeat;
			}
			
				ul#menu_2 li.vacatures a:hover, ul#menu_2 li.vacatures a.active {
					background: url(../img/menu2.gif) -394px -44px no-repeat;
				}

/***************************************************************** 
content
*****************************************************************/ 

#content {
	zoom: 1;
	position: relative;
}

	#top {
		width: 855px;
		padding-left: 90px;
		background: #339;
		background: #0d0534 url(../img/bg_top.gif) repeat-y;
		color: #FFF;
	}

	#balk, #balk_projecten, #balk_vervolg {
		position: absolute;
		width: 18px;
		height: 400px;
		background-color: #0d0534;
		top: 0px;
		left: 0px;
	}
	
		#balk_projecten { height: 245px; }
		#balk_vervolg	{ height: 310px; }
	
	#main {
		position: absolute;
		width: 855px;
		left: 90px;
	}
	
		#big_image {
			position: relative;
			height: 400px;
			background: url(../img/grote_foto.jpg);
		}
		
		#projecten_scroller {
			background: #d5d5d5;
			padding: 20px 0px;
			overflow: auto;
			position: relative;	/* ie fix */
			_width: 855px; /* ie6 fix */
		}
		
			#projecten_scroller_container {
				position: relative;	
			}
		
				.project {
					position: relative;
					float: left;
					width: 250px;
					height: 185px;
					padding: 10px;
					margin-right: 10px;
				}
				
					.project_shadow {
						background: url(../img/bg_project_over.gif) no-repeat;
						cursor: pointer;
					}
					
					.meer_info {
						position: absolute;
						bottom: 50px;
						right: 10px;
					}
					
					.project_titel {
						position: absolute;
						bottom: 0px;
						left: 10px;
					}
		
		#projecten_slideshow {
			height: 400px;
			background-color: #d5d5d5;
		}
		
		ul#submenu {
			float: left;
			width: 210px;
			list-style: none;
			padding: 20px 0 20px 20px;
		}
		
			ul#submenu li {
				margin-bottom: 10px;
				text-transform: uppercase;
				font-size: 14px;
			}
				
				ul#submenu li a {
					padding-left: 15px;
					background: url(../img/arrow.gif) 0px 5px no-repeat;
					color: #FFF;
					text-decoration: none;
				}
				
					ul#submenu li a:hover,  ul#submenu li a.active {
						text-decoration: underline;
					}
		
		#image_vervolg {
			float: right;
		}
		
			#image_vervolg img {
				display: block;
			}
		
			#hoofdtitel {
				background: #FFF;
				padding: 8px 0px 4px 15px;
			}
			
			#meer_info {
				position: absolute;
				right: 0px;
				bottom: 26px;
				width: 125px;
				height: 24px;
			}
			
		#text {
			float: right;
			width: 625px;	
			margin-bottom:60px;
		}
		
			#text h1, #text_projecten h1 {
				margin: 15px 0px 20px 0px;
				padding-bottom: 5px;
				border-bottom: 2px solid #0d0534;
			}
			
			#text ul {
				margin-left: 15px;	
			}
			
				#text ul li {
					list-style: square;
					margin-bottom: 15px;
				}
				
			#text ul.nieuws {
				margin-left: 0px;	
			}
			
				#text ul.nieuws li {
					list-style: none;
					margin-bottom: 15px;
					border-bottom: 1px solid #868299;
					padding-bottom: 15px;
				}
				
					#text ul.nieuws li img {
						margin-right: 10px;	
					}
			
			.nieuws_datum {
				font-size: 9px;
				margin-bottom: 10px;
			}
		
		#sub1, #sub2, #sub3 {
			position: absolute;
			left: 80px;
			top: 440px;
			padding-bottom:40px;
		}
		
			#sub2 {	left: 375px; }
			#sub3 {	left: 670px; }