body
{
	margin: 0px 0 0 0;
	background: #5f615f url(../images/bg.n.jpg) repeat-x top center;
	font: 10px/16px Verdana, Arial;
}




#container{ 
border-left:35px solid #ffcf00;
border-right:35px solid #ffcf00;
border-bottom:35px solid #ffcf00;
width:710px;
margin:0 auto;
background: #fff;
}

#main {	
	height:415px;
	padding:0px;
	border:12px solid #fff;
	background: #fff url(../images/bg.main.gif) repeat-y top left;
	}

#header {

	padding:50px 35px 65px 35px;
	border-bottom:35px solid #ffcf00;
	background: #fff url(../images/bg.header.gif) no-repeat top center;
}

#logo{
	display:block;
	float:left;
	width:320px;
	padding:0;
	margin:0;
}


#navigatie{ 
	display:block;
	width:320px;
	float:left;
	border-top:1px solid #ffcf00;
	border-bottom:1px solid #ffcf00;
	padding-bottom:4px;
}

#navigatie ul { 

	margin:0 0 0 0px;
	padding:4px 0;
}

#navigatie li { 
	display:block;
	float:left;
	height:23px;
}

#navigatie li span{ 
	display:none;
}

.but1 a{ 
	width:89px;
	display:block;
	height:23px;
	background: #fff url(../images/btn.profiel.gif) no-repeat top left;
	margin-right:5px;
}
.but1 a:hover{ background: #fff url(../images/btn.profiel.o.gif) no-repeat top left;}
.but1 .active{ background: #fff url(../images/btn.profiel.o.gif) no-repeat top left;}

.but2 a{ 
	width:116px;
	display:block;
	height:23px;
	background: #fff url(../images/btn.portfolio.gif) no-repeat top left;
		margin-right:5px;
}
.but2 a:hover{ background: #fff url(../images/btn.portfolio.o.gif) no-repeat top left;}
.but2 .active{ background: #fff url(../images/btn.portfolio.o.gif) no-repeat top left;}

.but3 a{ 
	width:105px;
	display:block;
	height:23px;
	background: #fff url(../images/btn.contact.gif) no-repeat top left;
}
.but3 a:hover{ background: #fff url(../images/btn.contact.o.gif) no-repeat top left;}
.but3 .active{ background: #fff url(../images/btn.contact.o.gif) no-repeat top left;}




#thumbs {width:280px;display:block;margin:22px 0 12px 22px;float:left;}

/*#thumbs a img {border:none; float:left;margin-right:16px;margin-bottom:16px;}*/

.th {display:block;float:left;margin:0 16px 22px 0;}
.th img {width:74px; height:74px;position:absolute;float:left;}
.th a{position:relative;top:0;left:0px;display:block;width:76px; height:76px;z-index:2;padding:0;margin:0;background:transparent url(../images/a.gif) no-repeat top left;}
.th a:hover{background:transparent url(../images/a.o.gif) no-repeat top left;}
.active a {background:transparent url(../images/a.o.gif) no-repeat top left;}


#tel {width:400px;display:block;margin:6px 0 0px 6px;float:left;}
#contentst {	display:block;
	width:200px;
	float:right;
	margin-right:24px;
	margin-top:2px;
	height:410px;}
	
#contentst a{color:#000; text-decoration: underline;padding:1px 0px;}
#contentst a:hover{color:#ffcf00; text-decoration:none;background-color:#000;}
	
.geg{width:155px;margin-left:35px;border-bottom:1px solid #000;}

#contents {	display:block;
	width:320px;
	float:right;
	margin-right:24px;
	margin-top:24px;
	height:370px;}

.head {
padding:0;
margin:0 0 35px 0;
height:56px;
width:320px;
display:block;
background: #fff url(../images/h1.gif) no-repeat top left;}


.head  span{display:none;}



#footer {	display:block;
text-align:center;
font-size:9px;
	width:320px;
	float:right;
	height:20px;
	margin-right:24px;}

#footer a{color:#000; text-decoration:none;padding:1px 2px;}
#footer a:hover{color:#ffcf00; text-decoration:none;background-color:#000;}


#contentsp {	display:block;
	width:340px;
	float:right;
	margin-right:2px;
	height:400px;}



.omschrijving{width:340px;height:60px;position:relative;left:0;}
.h370 {top:370px;}
.h350 {top:357px;}
.h380 {top:382px;}


.omschrijving h2 { font-size:13px;font-weight:bold;margin:0;margin-bottom:2px;} 
.omschrijving p { margin:0;padding:0;line-height:13px;} 

.desc {width:290px;display:block;float:left;}

#controles {width:30px;diplay:block;float:right;margin-top:15px;}

.next {display:block; float:right;width:27px;height:19px;margin-bottom:5px;}
.next a {display:block; float:right;width:27px;height:19px;margin-bottom:5px;background:transparent url(../images/volgende.png) no-repeat top left;}
.next span {display:none;}

.prev a {display:block; float:right;width:27px;height:19px;background:transparent url(../images/vorige.png) no-repeat top left;}
.prev a {display:block; float:right;width:27px;height:19px;background:transparent url(../images/vorige.png) no-repeat top left;}
.prev span {display:none;}




.nr1 {background:transparent url(../images/portfolio/1.jpg) no-repeat top left;}
.nr2 {background:transparent url(../images/portfolio/2.1.jpg) no-repeat top left;}
.nr22 {background:transparent url(../images/portfolio/2.2.jpg) no-repeat top left;}
.nr3 {background:transparent url(../images/portfolio/handalfabet.jpg) no-repeat top left;}
.nr4 {background:transparent url(../images/portfolio/vreelande.jpg) no-repeat top left;}
.nr42 {background:transparent url(../images/portfolio/vreelande2.jpg) no-repeat top left;}
.nr5 {background:transparent url(../images/portfolio/barbershop.jpg) no-repeat top left;}
.nr6 {background:transparent url(../images/portfolio/strateon.jpg) no-repeat top left;}
.nr62 {background:transparent url(../images/portfolio/strateon2.jpg) no-repeat top left;}
.nr7 {background:transparent url(../images/portfolio/floriendaal.jpg) no-repeat top left;}
.nr72 {background:transparent url(../images/portfolio/floriendaal2.jpg) no-repeat top left;}
.nr8 {background:transparent url(../images/portfolio/mixtbaby.jpg) no-repeat top left;}
.nr9 {background:transparent url(../images/portfolio/skinso.jpg) no-repeat top left;}
.nr10 {background:transparent url(../images/portfolio/blauwestad.jpg) no-repeat top left;}
.nr102 {background:transparent url(../images/portfolio/blauwestad2.jpg) no-repeat top left;}
.nr11 {background:transparent url(../images/portfolio/jammer.jpg) no-repeat top left;}
.nr12 {background:transparent url(../images/portfolio/marco.jpg) no-repeat top left;}