/* links */

a{
	color: #000000;
}

a:hover{
	color: #ec008b;
}

/* menu */

#menu ul { list-style:none; margin:0; padding:0;  }
#menu li { float:left; height:43px;}
#menu li a span{ display:none; }
#menu li a { display:block; height:43px; }
#menu li a:hover span { display: block; position: relative;  height:43px;}

#menu li#fotografie { background-image:url(images/fotografie_kleur.png); width: 187px;}
#menu li#illustratie { background-image:url(images/illustratie_kleur.png); width: 182px;}
#menu li#ontwerp { background-image:url(images/ontwerp_kleur.png); width: 155px;}

#menu li#contact a{ background-image:url(images/contact_kleur.png); width: 170px;}
#menu li#contact a:hover span { background-image:url(images/contact_grijs.png); width: 170px;}
#menu li#kijken a{ background-image:url(images/kijken_kleur.png); width: 138px;  }
#menu li#kijken a:hover span { background-image:url(images/kijken_grijs.png); width: 138px;}
#menu li#expositie a{ background-image:url(images/expositie_kleur.png); width: 216px;  }
#menu li#expositie a:hover span { background-image:url(images/expositie_grijs.png); width: 216px;}

#menu li#bio a{ background-image:url(images/bio_kleur.png); width: 79px;  }
#menu li#bio a:hover span { background-image:url(images/bio_grijs.png); width: 79px;}
#menu li#cv a{ background-image:url(images/cv_kleur.png); width: 59px;  }
#menu li#cv a:hover span { background-image:url(images/cv_grijs.png); width: 59px;}
#menu li#visie a{ background-image:url(images/visie_kleur.png); width: 131px;  }
#menu li#visie a:hover span { background-image:url(images/visie_grijs.png); width: 131px;}
#menu li#inspiratie a{ background-image:url(images/inspiratie_kleur.png); width: 256px;  }
#menu li#inspiratie a:hover span { background-image:url(images/inspiratie_grijs.png); width: 256px;}

/* normal css  */

*{
	margin: 0;
}

img{ 
	border: 0;
}


html{
	height: 100%;
}

 body {
	height: 100%;
	font-family: Helvetica, Arial, Verdana,  sans-serif;
	font-size: 12px;
}



#contentleft{
	width: 346px;
	float: left;	
	background-image: url(images/confetti/rotator.php);
	background-repeat: repeat-y;
	min-height: 736px;
	height: 736px;
}

#contentright{
	width: 654px;
	float: right;
}

#container {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px;
	background-image: url(images/bg.png);
	background-repeat: repeat-y;
}

#copyright{
	width: 1000px;
	height: 20px;
	margin: auto;
}

#copyrightpush {
	width: 1000px;
	height: 20px;
}
#menu{
	width: 525px;
	background-color: #ffffff;
	padding-bottom: 15px;
	padding-top: 15px;	
	float: left;

}
#content{
	width: 495px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-top: 2px #c8c8c8 solid;
	float: left;
	background-image: url(images/bg_content.png);
}
#logo{
	float: right;
	margin-top: 15px;
	margin-right: 30px;	
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	width: 215px;
	height: 215px;
}
.menurow{
	float: left;
	width: 525px;
	height: 43px;
	margin-bottom: 15px;	
}
.imgleft{
	float: left;	
}
.imgright{
	float: right;	
}

.clear{
	clear: both;	
}
.thumb{
	margin-right: 8px;
	border: 1px solid #777777;	
}