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

*{
	padding:0;
	margin:0;
}

body{
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
}

#page{
	width:930px;
	margin:0 auto;
	text-align:left;
}

#top-nav{
	border-top:6px solid #000;
	border-bottom:1px solid #a5a2a3;
	height:27px;
	text-align:right;
}

#header{
	background: url('../images/logo.png') no-repeat 8px 12px;
	height:75px;	
}

#header a, #header a:hover{
	display:block;
	height:75px;
	background:none;
	margin:0;
	padding:0;
}

#info{
	margin-top:43px;
	margin-bottom:43px;
	margin-left:1px;
}

#portfolio-nav{
	border-bottom:1px solid #000;	
	height:26px;
}

#content{
	margin-top:15px;
	height:auto;
	overflow:hidden;
}

#footer{
	border-top:1px solid #000;	
	height:17px;
	text-align:right;
	padding-top:3px;
}

/* Menu items */

#top-nav ul{
	list-style:none;
	padding-top:3px;
	height:auto;
	overflow:hidden;
}

#top-nav ul li{
	float:right;
	margin-left:14px;
}

#top-nav ul li a{
	background:none;
	font-weight:bold;
	font-size:15px;
	color:#878784;
}

#top-nav ul li a:hover{
	color:#000;
}

#portfolio-nav ul{
	list-style:none;
	padding-top:2px;
	height:auto;
	overflow:hidden;
}

#portfolio-nav ul li{
	float:left;	
	margin-right:2px;
}

#portfolio-nav ul li#work{
	font-weight:bold;
}

#portfolio-nav ul li#work a, #portfolio-nav ul li#work a:hover{
	background:none;
	margin:0;
	padding:0;
	color:#000;
}

#portfolio-nav ul li a{
	background:none;
	color:#919292;
	font-weight:bold;
}

#portfolio-nav ul li a:hover{
	color:#fff;
	background:#919292;	
}

#portfolio-nav ul li a.active, #portfolio-nav ul li a:hover.active{
	background:#000;
	color:#fff;
}

/* home */

#content ul#home{
	list-style:none;
	height:auto;
	overflow:hidden;
}

#content ul#home li{
	border:none;
	float:left;
	height:90px;
	width:90px;
	margin-right:15px;
	margin-bottom:15px;
	overflow:hidden;
}

#content ul#home li.last{
	margin-right:0;
}

#content ul#home li div{
	position:absolute;
	width:84px;
	height:84px;
	background:#000;
	padding:3px;
	z-index:1;
}

#content ul#home li div p{
	color:#dfdddd;
	font-size:11px;
	width:auto;
}
#content ul#home li div p.prevLink{
	position:absolute;
	bottom:-1px;
}

.preLink{
	position:absolute;
	bottom:-1px;
	font-size:12px;
	padding:3px;
	margin:3px;
}

.preLink span{
	visibility:hidden;	
}

#content ul#home li div p strong{
	color:#fff300;	
	font-size:12px;
	font-weight:normal;
	width:auto;
}

#content ul#home li a, #content ul#home li a:hover{
	background:url('../images/transp.png') repeat;
	padding:0;
	margin:0;
	width:90px;
	height:90px;
	display:block;
	position:absolute;
	z-index:2;
}

/* Content work */

.contentWork div{
	border-top:1px solid #000;
	height:auto;
	overflow:hidden;
	margin-bottom:15px;
	padding-top:15px;
}

.contentWork div.first{
	padding-top:0;
	border-top:none;
}

.contentWork div div{
	border-top:none;
	padding-top:0;
	margin-bottom:0;	
}

#content .contentWork p{
	width:auto;	
}

#content .workLeft a, #content .workLeft a:hover, #content .workMid a, #content .workMid a:hover{
	margin:0;
	padding:0;
	background:none;
}

.workLeft{
	float:left;
	width:545px;
}

.workMid img{
	padding-bottom:5px;	
}

.workMid{
	float:left;
	width:110px;
	margin-left:15px;
	margin-right:15px;
}

.workRight{
	float:left;
	width:245px;
}

.work2left{
	float:left;
	width:685px;
	height:auto;
	overflow:hidden;
}

/* Tekst opmaak */

h1{
	font-size:69px;
	font-weight:bold;
	letter-spacing:-2px;
	margin-bottom:2px;
}

h2{
	font-size:30px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom:1px;
}

.noyellow{
	font-size:16px;
	background:none;
	margin:0;
	padding:0;
	color:#878784;
	letter-spacing: 1px;
}

.noyellow2{
	font-size:30px;
	background:none;
	margin:0;
	padding:0;
	color:#000;
	letter-spacing: 1px;
}

p{
	font-size:16px;
	letter-spacing:0;
	word-spacing:1px;
}

#footer p{
	color:#919292;	
	font-size:12px;
}

#content p{
	color:#858585;
	margin-left:3px;
	width:310px;
	font-size:12px;
	margin-bottom:8px;
}

#content p strong{
	font-size:13px;	
}

#content p strong.strBlack{
	color:#000;
}

#content p a{
	font-size:14px;
}

a, .linkStyle{
	background:#fff300;
	text-decoration:none;
	color:#000;
	padding:0 3px;
}

a:hover, .linkStyle:hover{
	background:#dfdddd;
}

/* Ovierg */

.align-right{
	float:right;	
	padding-bottom:15px;
}

img{
	border:none;	
}

.anchor{
	height:15px;
	width:0;
	margin-top:-15px;
	display:block;
	visibility:hidden;
}

/* ceebox */

#cee_box a{
	background-color:transparent;
}

/* contact form */

#contactSet{
	border:none;	
}

#contactSet legend {
	display:none;
}

#contactSet input, #contactSet textarea{
	border:1px solid #858585;	
	background-color:#fff;
	width:160px;
}

label{
	width: 61px;
	float: left;
	text-align: left;
	margin-right: 5px;
	display: block;
}

.submit input{
	margin-left: 66px;
}