/* GENERAL */
html{
	overflow:				hidden;
}

body{
	position:				absolute;
	width:					100%;
	height:					100%;
	margin:					0px;
	background-color:		#000000;
	background-image:		url('graphics/backgrounds/body.jpg');
	background-position:	top center;
	background-repeat:		no-repeat;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				12px;
	text-align:				justify;
	color:					#FFFFFF;
	overflow:				hidden;
}

div.block_1{
	width:					860px;
	float:					left;
}

div.block_2{
	width:					430px;
	float:					left;
}

div.block_3{
	width:					285px;
	float:					left;
}

div.block_3 a{
	text-decoration:		none;
}

div.block_3 a:hover{
	color:					#FFFFFF;
}

div.portfolio img{
	width:					180px;
	height:					135px;
}

div.video{
	margin-top:				20px;
	margin-left:			20px;
}

h1{
	margin:					50px;
	margin-top:				25px;
	margin-bottom:			0px;
	font-family:			'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:				45px;
	font-weight:			bold;
	color:					#A6C103;
}

h2{
	margin:					20px;
	margin-bottom:			-10px;
	font-size:				25px;
	font-weight:			bold;
	color:					#A6C103;
}

h2 a{
	color:					#A6C103;
}

h3{
	margin:					20px;
	margin-bottom:			-15px;
	font-size:				20px;
	font-weight:			bold;
	color:					#A6C103;
}

h3.margin{
	margin-bottom:			-5px;
}

.klanten{
	margin-top:				20px;
	height: 200px;
	width: 830px;
}


p{
	margin:					20px;
	margin-bottom:			0px;
}

ul{
	margin:					20px;
	margin-bottom:			0px;
	padding-left:			20px;
}

ol{
	margin:					20px;
	margin-bottom:			0px;
	padding-left:			20px;
}

table{
	margin:					20px;
	margin-bottom:			0px;
	border-collapse:		collapse;
}

table th{
	padding-right:			10px;
	font-weight:			bold;
	text-align:				left;
	vertical-align:			top;
}

table td{
	padding-right:			10px;
	text-align:				left;
	vertical-align:			top;
}

form{
	margin:					0px;
}

input{
	width:					200px;
	padding:				2px;
	padding-left:			5px;
	padding-right:			5px;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				11px;
	text-align:				justify;
}

textarea{
	width:					500px;
	height:					150px;
	padding:				2px;
	padding-left:			5px;
	padding-right:			5px;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				11px;
	text-align:				justify;
}

a{
	text-decoration:		none;
	color:					#BCD142;
}

a:hover{
	text-decoration:		underline;
}

a.button{
	padding-left:			18px;
	background-image:		url('graphics/kiwi.png');
	background-position:	top left;
	background-repeat:		no-repeat;
	font-weight:			bold;
	text-decoration:		none;
	color:					#A6C103;
}

a.button:hover{
	color:					#FFFFFF;
}

img{
	border:					none;
}

img.left{
	margin-right:			20px;
	float:					left;
}

img.alignleft{
	margin-bottom:			10px;
	margin-right:			10px;
	float:					left;
}

img.aligncenter{
	text-align:				center;
}

img.alignright{
	margin-bottom:			10px;
	margin-left:			10px;
	float:					right;
}

img.thumbnail{
	margin-top:				10px;
	margin-left:			20px;
	margin-right:			-10px;
	float:					left;
}


/* HEADER */
div#header{
	position:				absolute;
	width:					930px;
	height:					80px;
	top:					0px;
	left:					50%;
	margin-left:			-473px;
	background-image:		url('graphics/backgrounds/header.png');
	overflow:				visible;
	z-index:				4;
}


/* MENU */
div#menu{
	position:				absolute;
	width:					950px;
	height:					75px;
	top:					508px;
	left:					50%;
	margin-left:			-483px;
	background-image:		url('graphics/backgrounds/menu.png');
	overflow:				hidden;
	z-index:				5;
}

div#menu ul{
	margin:					0px;
	margin-top:				35px;
	padding:				0px;
	list-style:				none;
}

div#menu ul li{
	margin-left:			50px;
	float:					left;
}

div#menu ul li a{
	font-family:			'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:				25px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#A6C103;
}

div#menu ul li a:hover{
	color:					#FFFFFF;
}

div#menu img{
	margin-top:				25px;
	float:					left;
}


/* CONTAINER */
div#container{
	position:				absolute;
	width:					100%;
	height:					100%;
	overflow-x:				hidden;
	overflow-y:				scroll;
	z-index:				3;
}


/* FRAME */
div#frame{
	position:				relative;
	width:					860px;
	margin-left:			auto;
	margin-right:			auto;
	padding-top:			70px;
	padding-bottom:			80px;
	line-height:			150%;
	overflow:				hidden;
}

div#frame div{
	position:				relative;
	overflow:				hidden;
}

div#frame div.promo{
	width:					820px;
	height:					350px;
	margin:					20px;
	margin-bottom:			0px;
	float:					left;
}

div#frame div.homepage{
	height:					200px;
	margin-top:				10px;
	margin-bottom:			-10px;
}

div#frame div.homepage p{
	margin-top:				10px;
}

div#frame div.homepage p span{
	font-size:				10px;
}

div#frame div.homepage img{
	width:					245px;
	height:					185px;
}

div#frame div.partners ul{
	margin-top:				0px;
	margin-left:			10px;
	padding:				0px;
	list-style:				none;
}

div#frame div.partners ul li{
	margin-top:				10px;
	margin-left:			8px;
	float:					left;
}

div#frame div.partners ul li img{
	width:					130px;
	height:					50px;
}

div#frame div.overview{
	width:					820px;
	margin-top:				20px;
	margin-left:			20px;
}

div#frame div.overview + div.overview{
	padding-top:			20px;
	border-top-style:		solid;
	border-color:			#A6C103;
	border-width:			1px;
}

div#frame div.overview div{
	float:					none;
}

div#frame div.overview div.content{
	height:					110px;
}

div#frame div.overview h2{
	margin-top:				0px;
	margin-left:			0px;
}

div#frame div.overview h2 a{
	text-decoration:		none;
}

div#frame div.overview h2 a:hover{
	color:					#FFFFFF;
}

div#frame div.overview p{
	margin:					0px;
	margin-top:				10px;
}

div#frame div.overview p.information{
	font-weight:			bold;
}

div#frame div.overview p.information span{
	color:					#A6C103;
}

div#frame div.overview img.portfolio{
	width:					180px;
	height:					135px;
	margin-right:			20px;
	float:					left;
}

div#frame div.buttons{
	margin:					20px;
	margin-bottom:			0px;
}

div#frame div.buttons a{
	height:					35px;
	line-height:			35px;
	font-weight:			bold;
	text-align:				center;
	text-decoration:		none;
	color:					#000000;
	display:				block;
	float:					left;
}

div#frame div.buttons a.next{
	width:					90px;
	padding-right:			15px;
	background-image:		url('graphics/buttons/next/default.png');
	float:					right;
}

div#frame div.buttons a.next:hover{
	background-image:		url('graphics/buttons/next/hover.png');
}

div#frame div.buttons a.overview{
	width:					205px;
	margin-left:			10px;
	padding-left:			15px;
	background-image:		url('graphics/buttons/overview/default.png');
}

div#frame div.buttons a.overview:hover{
	background-image:		url('graphics/buttons/overview/hover.png');
}

div#frame div.buttons a.previous{
	width:					75px;
	padding-left:			20px;
	background-image:		url('graphics/buttons/previous/default.png');
}

div#frame div.buttons a.previous:hover{
	background-image:		url('graphics/buttons/previous/hover.png');
}

div#frame img{
	border-style:			solid;
	border-color:			#BCD142;
	border-width:			2px;
}

div#frame img.noborder{
	border:					none;
}


/* CONTENT */
div#content{
	width:					600px;
	float:					left;
}

div#content div.overview{
	width:					560px;
}


/* SIDEBAR */
div#sidebar{
	width:					260px;
	float:					left;
}

div#sidebar div{
	width:					260px;
	float:					left;
}

div#sidebar div div{
	width:					220px;
	margin-top:				20px;
	margin-left:			20px;
	line-height:			normal;
	text-align:				left;
}

div#sidebar h2{
	margin-bottom:			-15px;
}


/* BACKGROUND */
div#background{
	position:				absolute;
	width:					100%;
	height:					100%;
	background-image:		url('graphics/backgrounds/background.png');
	background-position:	top center;
	background-repeat:		repeat-y;
	overflow:				hidden;
	z-index:				1;
}


/* FOOTER */
div#footer{
	position:				absolute;
	width:					100%;
	height:					75px;
	top:					508px;
	background-image:		url('graphics/backgrounds/footer.png');
	background-position:	top center;
	overflow:				hidden;
	z-index:				2;
}

/* PROMO */
/*
div#frame div#videopromo {
	position:			fixed;
	width:				820px;
	height:				350px;
	margin:				20px 20px 0;
	z-index:			5;
}

#videopromo_flv {
	margin:				-90px 0 0 -115px;
	width:				1050px;
	height:				685px;
	z-index:			5;
}

div#frame div#videopromo.fullscreen {
	width:				1050px;
	height:				685px;
	top:				0;
	left:				50%;
	margin:				0 0 0 -535px;
}

#videopromo_flv.fullscreen {
	margin:				0;
}

div#videopromo_fake {
	height: 370px;
}
*/
div#videopromo {
	width:				820px;
	height:				350px;
	margin:				20px 20px 0;
	z-index:			5;
}

#videopromo_flv {
	margin:				-90px 0 0 -115px;
	width:				1050px;
	height:				685px;
	z-index:			5;
}

div#videopromo.fullscreen {
	position:			fixed;
	width:				1050px;
	height:				685px;
	left:				50%;
	top:				0;
	margin:				0 0 0 -535px;
}

#videopromo_flv.fullscreen {
	margin:				0;
}

div#videopromo_fake {
	display: none;
}