body {
	font-family: verdana, arial;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color:#333;
}

html {
	margin: 0px;
	padding: 0px;	
}

img {
	border: 0px;	
}

/* ------------- HTML-BASIS ONDERDELEN ------------- */

#container {
	position: absolute;
	left: 50%;
	top: 50%;

	width: 895px;
	height: 480px;
	
	padding: 60px 30px;
	margin-left: -477px; /* half of width */
	margin-top: -300px; /* half of height */
	overflow: hidden;
}

.color { 	background: #000 url(../randombgColor.php) no-repeat; }
.bnw {		background: #000 url(../randombgBnW.php) no-repeat; }

.fixedbg-color 	{ 	background: #000 url(../img/bg/color/bg-001.jpg) no-repeat; }
.fixedbg-bnw	{ 	background: #000 url(../img/bg/bnw/bg-001_zw.jpg) no-repeat; }

.bg-1 	{ 	background: #000 url(../img/bg/bnw/bg-002_zw.jpg) no-repeat; }
.bg-2	{ 	background: #000 url(../img/bg/bnw/bg-003_zw.jpg) no-repeat; }
.bg-3 	{ 	background: #000 url(../img/bg/bnw/bg-004_zw.jpg) no-repeat; }
.bg-4	{ 	background: #000 url(../img/bg/bnw/bg-005_zw.jpg) no-repeat; }


#innercontainer {
	width: 895px;
	height: 480px;
}

#title { 
	display: none;
}

#menu {
	height:235px;
}

#submenu {
	height:245px;
}

	/*-------- POSITIONERING SUBMENU --------*/
	/* 1 (sub)menu item beslaat 25px */
	#submenu .items-1 {		padding-top:225px;	}
	#submenu .items-2 {		padding-top:200px;	}
	#submenu .items-3 {		padding-top:175px;	}
	#submenu .items-4 {		padding-top:150px;	}
	#submenu .items-5 {		padding-top:125px;	}	
	#submenu .items-6 {		padding-top:100px;	}		
	#submenu .items-7 {		padding-top:75px;	}	
	#submenu .items-8 {		padding-top:50px;	}	
	#submenu .items-9 {		padding-top:25px;	}
	#submenu .items-10 {	padding-top:0px;	}

#leftcolumn {
	width: 215px;
	height: 100%;
	float: left;
}

#rightcolumn {
	float: left;
	margin-left: 5px;
	width: 460px;	
}
	
	/* - Vollegige breedte - */
	#rightcolumn.full {
		height: 480px;
		width: 675px;	
	}
	
	/* - Kleinere breedte, bijv About-page - */	
	#rightcolumn.smaller {
		width: 460px;
	}

	#rightcolumn .cvTextfield {
		margin-top: 160px;
		height: 300px;
		padding: 10px;
	}
	
	#rightcolumn .aboutTextfield {
		margin-top: 160px;	
		height: 250px;
		padding: 10px;
	}


/*-------- HOMEPAGE SPECIFIEK --------*/
#header { 
	margin-bottom: 20px;
}
	#header .title {
		float: right;
	}
	
#content {
	width: 865px;
	clear: left;
	padding: 15px;
	height: 335px;
	text-align: center;
	background-color: #FFF;
	margin: 0px auto;
}

/* ------------- FOTO PAGINA ------------- */

#photogrid {
	margin-top: 120px;
}

	#photogrid .leftarrow,
	#photogrid .rightarrow {
		float:left;
		width:110px;
		height:235px;
		text-align:center;
	}
	
	#photogrid .leftarrow img,
	#photogrid .rightarrow img {
		margin-top:125px;
		border:0px;
		height: 36px;
	}
	
	#photogrid .photobox {
		float:left;
		width:455px;
	}
	
	#photogrid .mediatable {
		margin-top: -95px;
		height: 430px;
		width: 455px;		
		overflow:hidden;
		text-align: center;		
	}
		#photogrid .mediatable table {
			margin:0px;
			padding:0px;
		}
	
		#photogrid .mediatable .mediacell {
			height:430px;
			width: 455px;
		}		
			#photogrid .infotrigger {
				text-align:center;
				_mar\gin-top:-13px; /* IE6 only */
			}
		
			#photogrid .mediatable .infobox {
				position:absolute;
				display: none;
				width: 200px;
				top: 275px;
				left: 50%;
				margin-left: 0px;
				background-color:#FFF;
				text-align: left;
				padding: 20px;
			}
		
		#photogrid .photobox .photolist {
			width: 415px;
			padding: 0px;
			margin: 0px 0px 0px 20px;
		}
		
		#photogrid .photobox .photolist .photothumb {
			float:left;
			list-style: none;
			width: 65px;
			height: 55px;
			padding: 0px;
			margin: 0px 5px 5px 0px;
		}
		
		#photogrid .photobox .photothumb img {
			border: none;
			width: 65px;
			height: 55px;
		}
		
		#photogrid .photobox .photolist .first {
			clear: left;
		}
		
		#photogrid .photobox .photolist .last {
			margin: 0px 0px 5px 0px;
		}		

/* ------------- CLIENTS ------------- */

	/*-------- POSITIONERING CLIENTS --------*/
	/* 1 client item beslaat 25px */
	#clients .items-1 {			padding-top:460px;	}
	#clients .items-2 {			padding-top:435px;	}
	#clients .items-3 {			padding-top:410px;	}
	#clients .items-4 {			padding-top:385px;	}	
	#clients .items-5 {			padding-top:360px;	}		
	#clients .items-6 {			padding-top:335px;	}	
	#clients .items-7 {			padding-top:310px;	}	
	#clients .items-8 {			padding-top:285px;	}
	#clients .items-9 {			padding-top:260px;	}	
	#clients .items-10 {		padding-top:235px;	}
	#clients .items-11 {		padding-top:210px;	}
	#clients .items-12 {		padding-top:185px;	}
	#clients .items-13 {		padding-top:160px;	}
	#clients .items-14 {		padding-top:135px;	}	
	#clients .items-15 {		padding-top:110px;	}		
	#clients .items-16 {		padding-top:85px;	}	
	#clients .items-17 {		padding-top:60px;	}	
	#clients .items-18 {		padding-top:35px;	}
	#clients .items-19 {		padding-top:10px;	}	

/* ------------- TEKST OPMAAK ------------- */

h1 {
	background: #FFF;
	height:50px;
	width: 500px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size: 35px;
	font-weight: lighter;
	padding-top: 5px;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
}

/* ------------- STANDAARD ONDERDELEN ------------- */

.white {
	background-color: #FFF;	
}

.padding10 {
	padding: 10px;
}

.noMargin {
	margin:0px;	
}

.clearleft {
	clear: left;
	height: 1px;
	width: 1px;
}

.clearright {
	clear: right;
	height: 1px;
	width: 1px;
}

.nohand {
	cursor:default;
}

.center {
	margin: 0px auto;
}