body{background:#4d4a41 url('back.png') repeat-x;font-family:"SansationRegular",sans-serif;}
#background {position:fixed;top:0px;left:0px;width:100%;height:100%;background:no-repeat center top;overflow:hidden;z-index:10}
#background img{width:100%;}

a,a:visited{color:#ff9100;text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{}
img{border:none;}

#site1{width:315px;height:461px;background:url('links.png') no-repeat left;padding-left:38px;margin:40px auto;position:relative;z-index:90;}
#site2{height:461px;background:url('rechts.png') no-repeat right;padding-right:38px;}
#site3{height:461px;background:url('midden.png') repeat-x;padding:35px 0px;overflow:hidden;}
#wrapper{width:820px;}

h1{margin:0px;padding:0px;color:#fff;font-size:18pt;font-weight:normal;letter-spacing:0.2em;width:500px;overflow:hidden}
span.email{display:block;letter-spacing:0.25em;color:#bdb4a8;margin:-2px 0px 3px 0px;cursor:pointer;}
span.links{display:block;letter-spacing:0.15em;color:#bdb4a8;font-size:10pt;}

div#head{width:277px;float:left;overflow:hidden;}

#portfolio{position:relative;overflow:hidden;height:300px;width:277px;}
#portfolio div.items {position:absolute;height:20000em;}

#portfolio div.item{width:277px;height:67.5px;overflow:hidden;margin-bottom:10px;background:#666 center center;position:relative;cursor:pointer;}
div.item  h3{position:relative;z-index:100;margin:20px 10px;float:left;color:#fff;text-shadow: #000 1px 1px 15px;filter: Shadow(Color=#666666,Strength=2);}
div.item span.jaar{color:#fff;display:block;position:absolute;top:-30px;left:-5px;font-size:74pt;font-weight:bold;display:none;}
div.item span.jaar.j2010{letter-spacing:20px;}
div.item span.jaar.j2009{letter-spacing:13px;}
div.item span.jaar.j2008{letter-spacing:12px;}
div.item span.jaar.j2007{letter-spacing:13px;}
div.item .content,div.item .url{display:none;}

#actions{margin-top:5px;}
.prev{float:left;}
.next{float:right}
.prev,.next{color:#dacfc0;letter-spacing:0.15em;color:#dacfc0;font-size:10pt;line-height:20px;cursor:pointer;}
.next.disabled,.prev.disabled{display:none;}
.navi{display:block;width:50px;height:20px;margin:0px auto;padding-top:4px}
.navi a {width:8px;height:8px;float:left;margin:3px;background:url(navigator.png) 0 0 no-repeat;display:block;font-size:1px;}
.navi a:hover {background-position:0 -8px;}
.navi a.active {background-position:0 -16px;}

div#content{float:right;width:533px;position:relative;height:390px;letter-spacing:0.15em;color:#dacfc0;font-size:10pt;line-height:20px;}
div#content p{margin:0px;}
div#content #tekst{position:absolute;bottom:320px;left:0px;}
div#content #preview{height:300px;width:533px;overflow:hidden;position:absolute;bottom:20px;left:0px;}
div#sluit{position:absolute;bottom:-3px;right:0px;cursor:pointer;font-size:10pt;}

@font-face {
	font-family: 'SansationRegular';
	src: url('sansation_regular-webfont.eot');
	src: local('?'), url('sansation_regular-webfont.woff') format('woff'), url('sansation_regular-webfont.ttf') format('truetype'), url('sansation_regular-webfont.svg#webfontxEaa2khS') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* styling of the container. */
a.flowplayer {
	display:block;
	width: 533px;
	height:300px; 
	text-align:center;
}

/* play button */
a.flowplayer img {
	margin-top:100px;
	border:0px;
}