@charset "utf-8";
/* CSS Document */

html
{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;;
font-size:12px;
color:#666;
	background:url(background_001.jpg) no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
z-index:0;
overflow-x:hidden;
overflow-y:scroll;
}

body
{
margin:0;
padding:0;
	height:100%;
	min-height:800px;
font-family:Arial, Helvetica, sans-serif;;
font-size:12px;
color:#666;
}

#pattern
{
background:transparent url(pattern.png) repeat-x bottom left;
position:fixed;
width:100%;
height:100%;
border:0px;
margin:0 0 0 0;
padding:0 0 0 0;
z-index:1;
clear:none;
}

#container 
{
	position:absolute;
	left:50%;
	height:100%;
	width:1000px;
	min-height:850px;
		margin-bottom:0px;
		margin-top:0px;
		margin-right:0px;
		margin-left:-500px;
	padding:0;
	background:url(background_opacity90.png) repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	z-index:2;
} 

#header 
{
	height:75px;
	width:950px;
	padding-top:25px;
	padding-bottom:10px;
	margin-left:25px;
	margin-right:25px;
}

#logodiv 
{
width:290px;
height:64px;
float:left;	
margin-left:0px;
margin-top:0px;
	background:url(logo.png);
	background-repeat:no-repeat fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
	overflow:hidden;
	z-index:10;
}	

#link-logo
{
width:290px;
height:64px;
display:block;
text-indent:-9999px;
}

#content
{
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:25px;
	min-height:650px;
	clear:both;
}

#footer 
{
	position:absolute;
	bottom:0px;
	width:950px;
	height:25px;
	margin-top:25px;
	margin-bottom:10px;
	margin-left:25px;
	margin-right:25px;
}

#fblikediv
{
width:81px;
height:21px; 
	padding: 0px;
	float: right;
	margin-bottom:9px; 
	margin-left:4px;
	overflow:hidden;
	scrolling:no; 
	frameborder:0px;
	z-index:10;
}

#hyvesrespectdiv
{
width:93px;
height:21px;
	margin-left:4px;
	padding: 0px;
	float: right;
	overflow:hidden;
	scrolling:no; 
	frameborder:0px;
	z-index:10;
}

#twitterdiv
{
width:55px;
height:20px;
	padding: 0px;
	float: right;
	margin-left:4px;
	overflow:hidden;
	scrolling:no; 
	frameborder:0px;
	z-index:10;
}

#copyright
{
	font:10px Arial, Helvetica, sans-serif;
	text-decoration:none; 
	color:#a7a9ac;
	float:left;
		margin-top:5px;
		height:12px;
		z-index:5;
		}

#hosting
{
width:160px;
height:25px;
background:url(netvlies.png);
filter:alpha(opacity=70);
-moz-opacity:70;
opacity:.70; 
background-repeat:no-repeat;
	float:left;
	margin-right:4px;
	overflow:hidden;
	z-index:10;
}	

#textdiv
{
	float:left;
	width:400px;
	height:auto;
	margin-left:0px;
	margin-bottom:25px;
		font:12px Arial, Helvetica, sans-serif;
		text-decoration:none; 	
		color:#333333; 
		font-weight:normal;
}

#imagediv
{
	float:right;
	width:300px;
	height:450px;
	margin-right:0px;
	margin-bottom:25px;
	border:none;
}

#containerportfolio
{
	position:absolute;
	left:50%;
	height:auto;
	width:1000px;
		margin-bottom:0px;
		margin-top:0px;
		margin-right:0px;
		margin-left:-500px;
	padding:0;
	background:url(background_opacity90.png) repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	z-index:2;
} 

#contenttrouwreportage
{
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:25px;
	height:2000px;
	clear:both;
}

#contentblauw
{
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:25px;
	height:1900px;
	clear:both;
}

#contentrood
{
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:25px;
	height:1500px;
}

#contentgroen
{
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:25px;
	height:1200px;
}

#contentgeel
{
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:25px;
	height:1600px;
}

#contentwit
{
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:25px;
	height:1500px;
}

#contentzwart
{
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:25px;
	height:1400px;
}

#contentportret
{
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:25px;
	height:1400px;
}

#imageportfoliodiv
{
	float:right;
	width:530px;
	height:auto;
	margin-right:0px;
	border:none;
}

#textportfoliodiv
{
	float:left;
	width:350px;
	height:auto;
	margin-left:0px;
		font:12px Arial, Helvetica, sans-serif;
		text-decoration:none; 	
		color:#333333; 
		font-weight:normal;
}

A:link { text-decoration:none; color:#a7a9ac }
A:visited { text-decoration:none; color:#a7a9ac }
A:hover { text-decoration:none; color:#333333 }
A:active { text-decoration:none; color:#a7a9ac }

#menu
{
	float:right;
	margin-right:0px;
	margin-top:0px;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none; 	
	color:#a7a9ac; 
	font-weight:bold; 
	list-style:none;
	width:600px;
	z-index:5;
}

#menu ul
{
	float:right; 
	right:5px;
	margin:0 5px 0 5px; 
	padding:0; 
}

#menu ul li
{
	padding:0; 
	margin:0; 
	list-style:none; 
	float:right; 
	display:inline;
}

#menu ul li a
{
	color:#a7a9ac; 
	text-decoration:none; 
	padding:0 5px 0 5px; 
}

#menu ul li a:hover 
{
	text-decoration:none; 
	color:#333333;
}

#menu ul li a.active
{
	text-decoration:none; 
	background:none; 
	color:#000000;
}

#menu ul li a.active:hover 
{
	text-decoration:none;
}

#menu .left
{
	top:0px; 
	left:0px; 
	width:10px; 
	height:30px; 
	display:block; 
	z-index:5;
}

#menu .right
{
	top:0px; 
	right:0px; 
	width:10px; 
	height:30px; 
	display:block; 
	z-index:5;
}

#slideshow {
    position:relative;
	width:950px;
	height:600px;
	top:0px;
	z-index:10;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}