body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin:0px;
	padding:0px;
}

a{
	color:white;
}

p{
	text-align:justify;
}

#page{	
	background-image:url('afbeeldingen/achtergrond.png');
	background-position:bottom center;
	background-repeat:repeat-x;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	position:absolute;
}

#wrapper{
	width:928px;
	height:634px;
	position:absolute;

	top:50%;
	left:50%;
	
	margin-left:-464px;
	margin-top:-317px;
	
}
#top{
	height:131px;
}

#menu{
	width:352px;
	float:left;
}

#content{
	width:464px;
	height:448px;
	background-image:url('afbeeldingen/content.png');
	float:left;

	
}

#innercontent
{
	margin-right:50px;
	margin-left:60px;
	padding-right: 5px;
	width:330px;	
	height:448px;
	overflow:auto;

	text-align:center;
}

#spacer-midden
{	
	width:112px;
	height:448px;
	background-image:url('afbeeldingen/spacer-midden.png');
	float:left;
	
}

 /* MENU RIJ 1 */

#special
{
	display:block;
	background-image:url('afbeeldingen/special.png');
	height:131px;
	width:128px;
	float:left;
}

#special:hover{	
	background-image:url('afbeeldingen/special-hover.png');
}

#home
{
	display:block;
	background-image:url('afbeeldingen/home.png');
	height:131px;
	width:112px;
	float:left;
}

#home:hover{	
	background-image:url('afbeeldingen/home-hover.png');
}

#aquarellen
{
	display:block;
	background-image:url('afbeeldingen/aquarellen.png');
	height:131px;
	width:112px;
	float:left;
}

#aquarellen:hover{	
	background-image:url('afbeeldingen/aquarellen-hover.png');
}
 
#spacer-midden-top
{
	display:block;
	background-image:url('afbeeldingen/spacer-midden-top.png');
	height:131px;
	width:112px;
	float:left;
}

#wim-rubingh
{
	display:block;
	background-image:url('afbeeldingen/wim-rubingh.png');
	height:131px;
	width:464px;
	float:left;
}
	
 /* MENU RIJ 2 */

#fotos
{
	display:block;
	background-image:url('afbeeldingen/fotos.png');
	height:112px;
	width:128px;
	float:left;
	clear:both;
}
 
#fotos:hover{	
	background-image:url('afbeeldingen/fotos-hover.png');
}

#spacer-2-2
{
	display:block;
	background-image:url('afbeeldingen/spacer-2-2.png');
	height:112px;
	width:112px;
	float:left;
}	

#opdrachten
{
	display:block;
	background-image:url('afbeeldingen/opdrachten.png');
	height:112px;
	width:112px;
	float:left;
}

#opdrachten:hover{	
	background-image:url('afbeeldingen/opdrachten-hover.png');
}

/* MENU RIJ 3 */
 
#spacer-1-3
{
	display:block;
	background-image:url('afbeeldingen/spacer-1-3.png');
	height:112px;
	width:128px;
	float:left;
	clear:both;
}

#schilderijen
{
	display:block;
	background-image:url('afbeeldingen/schilderijen.png');
	height:112px;
	width:112px;
	float:left;
}

#schilderijen:hover{	
	background-image:url('afbeeldingen/schilderijen-hover.png');
}

#spacer-3-3
{
	display:block;
	background-image:url('afbeeldingen/spacer-3-3.png');
	height:112px;
	width:112px;
	float:left;
}

/* MENU RIJ 4 */


#zwartwit
{
	display:block;
	background-image:url('afbeeldingen/zwartwit.png');
	height:112px;
	width:128px;
	float:left;
	clear:both;
}

#zwartwit:hover{	
	background-image:url('afbeeldingen/zwartwit-hover.png');
}

#spacer-4-2
{
	display:block;
	background-image:url('afbeeldingen/spacer-4-2.png');
	height:112px;
	width:112px;
	float:left;
}

#overig
{
	display:block;
	background-image:url('afbeeldingen/overig.png');
	height:112px;
	width:112px;
	float:left;
}

#overig:hover{	
	background-image:url('afbeeldingen/overig-hover.png');
}

/* MENU RIJ 5 */

#model
{
	display:block;
	background-image:url('afbeeldingen/model.png');
	height:112px;
	width:128px;
	float:left;
	clear:both;
}

#model:hover{	
	background-image:url('afbeeldingen/model-hover.png');
}

#contact
{
	display:block;
	background-image:url('afbeeldingen/contact.png');
	height:112px;
	width:112px;
	float:left;
}

#contact:hover{	
	background-image:url('afbeeldingen/contact-hover.png');
}

#links
{
	display:block;
	background-image:url('afbeeldingen/links.png');
	height:112px;
	width:112px;
	float:left;
}

#links:hover{	
	background-image:url('afbeeldingen/links-hover.png');
}

/* FOOTER */

#footer{
	height:55px;
	clear:both;
}

#product-van-isize
{
	display:block;
	background-image:url('afbeeldingen/product-van-isize.png');
	height:55px;
	width:352px;
	float:left;
}

#spacer-midden-bottom
{
	display:block;
	background-image:url('afbeeldingen/spacer-midden-bottom.png');
	height:55px;
	width:112px;
	float:left;
}

#content-footer
{
	display:block;
	background-image:url('afbeeldingen/content-footer.png');
	height:55px;
	width:464px;
	float:left;
}


#box{
	border:solid #1b1b1b 20px;
	display:none;
	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	background-color:#1b1b1b;
}

#fotocontainer
{
	background-color:#1b1b1b;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:15;
}

#bottom{
	height:50px;
	color:white;
	margin-top:10px;
}

#maat{
	float:left;
	width:75px;
	text-align:right;
}

#text p{
	margin-top:0px 3px 0px 3px;
}

#text{
	text-align:left;
	float:left;
	width:725px;
}

.knop
{
	width:52px;
	height:52px;
	cursor:pointer;
	margin:1px;
}

#vorige-knop
{
	background-image:url('afbeeldingen/vorige-knop.png');
	float:left;
}
#volgende-knop
{
	background-image:url('afbeeldingen/volgende-knop.png');
	float:right;
}
#play-knop
{
	background-image:url('afbeeldingen/play-knop.png');
	float:left;
}
#close-knop
{
	background-image:url('afbeeldingen/close-knop.png');
	float:right;
}

.clear{
	clear:both;
}
