body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:  Verdana, Arial, sans-serif;
	font-size: 69%;
	line-height: 17px;
	color: #484848;
	background-repeat: no-repeat;
	background-image: url(images/bg_vervolg.jpg);
 }
 
 
 body#home  {
	background-image: url(images/bg_home.jpg);
	background-repeat: no-repeat;
 } 
 
 ul {
 	list-style: none;
	}
	
a {
	text-decoration:none;
	color: #484848;
	}	
a:hover {
	text-decoration:underline;
	}		
 
 

/*lay out general*/

#container {
	width: 100%;
	text-align:center;
	border: 0px solid red;
	}

#content {    /* LET OP, heeft eigen style in FF */
	position:relative;
	width: 880px;
	margin:auto;
	text-align:left;
	border: 0px solid green;
	}

	
/*homepage*/	
#home .painting {
	position:absolute;
	left:290px;
	top:130px;	
	width:410px;
	}	
	
.home_news {
	position:absolute;
	left:750px;
	top:80px;
	width:200px;
	height:100px;
	}	
	
	
/*overzicht*/	
#overzicht {
	width:670px;
	position:absolute;
	left:290px;
	top:40px;	
	}

.item {
	float:left;
	}
	
.schaduw {
	float:left;
	margin-right:30px;
	padding-right:5px;
	padding-bottom:5px;
	background-image: url(images/shadow.gif);
	background-position:right bottom;
	}
	
.titel {
	margin-top:7px;
	margin-left:2px;
	width:130px;
	}	
	
h1 {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	line-height: 22px;
	color: #acacac;
	}	
	
	
.clear {
	clear:left
	}	
	
	
.paging {
	font-size:1.2em;
	text-decoration:underline;
	}	
	
.paging-active {
	font-size:1.2em;
	text-decoration:none;
	color:#cc3333;
	}	
	
/*lightbox detail*/	
#detail {
	position:relative;
	width:100%;
	min-height:800px;
	height:100%;
	background-color:#333333;
	opacity:0.95;
	z-index:10;
	text-align:center;
	}	
	
.close {
	position:absolute;
	top:10px;
	right:10px;
	}	
	
.home {
	position:absolute;
	top:10px;
	left:10px;
	color:#cccccc;
	}	
	
A.arrow_left {
	display:block;
	width:35px;
	height:40px;
	position:absolute;
	top:300px;
	left:5%;
	background-image: url(images/arrow_left.gif);
	background-repeat:no-repeat;
	}		
	
A:hover.arrow_left{
	background-position:0 -200px;
	}		
	
A.arrow_right {
	display:block;
	width:35px;
	height:40px;
	position:absolute;
	top:300px;
	right:5%;
	background-image: url(images/arrow_right.gif);
	background-repeat:no-repeat;
	}	
A:hover.arrow_right{
	background-position:0 -200px;
	}	
	
#detail .titel	{
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	width:390px;
	margin:auto;
	margin-top:10px;
	}		
	
/* overige pagina's */
#othercontent {
	width:660px;
	height:500px;
	overflow:auto;
	overflow-x:hidden;
	padding-right:30px;
	position:absolute;
	left:250px;
	top:80px;	
	}
	
/*NAVIGATIE*/	
	
.nav_item {
	position: absolute;
	left: -20px !important;
	left: 10px;
	margin:0;
	height:45px
	}	
	
#nav_painting { top: 85px;}			
#nav_drawing { top: 113px;}
#nav_sculpture { top: 142px;}			
#nav_ceramic { top: 170px; }	
#nav_jewelry { top: 198px;}			
#nav_monument { top: 228px; }	
#nav_installation {top: 257px;}	

#menu_painting .menubutton, 
#menu_drawing .menubutton, 
#menu_sculpture .menubutton, 
#menu_ceramic .menubutton, 
#menu_jewelry .menubutton, 
#menu_monument .menubutton, 
#menu_installation .menubutton {
	float:left;
	display:block;
	width:140px;
	height:45px;
	background-position:0 0;
	}	

#menu_painting .menubutton{
	background-image: url(images/nav_painting.gif);
	}	
#menu_painting  .active{
	background-position:0 -200px;
	}		

#menu_drawing .menubutton{
	background-image: url(images/nav_drawings.gif);
	}	
#menu_drawing a:hover{
	background-position:0 -200px;
	}	
	
#menu_sculpture .menubutton{
	background-image: url(images/nav_sculpture.gif);
	}	
#menu_sculpture a:hover{
	background-position:0 -200px;
	}	
	
#menu_ceramic .menubutton{
	background-image: url(images/nav_ceramic.gif);
	}	
#menu_ceramic a:hover{
	background-position:0 -200px;
	}		
	
#menu_jewelry .menubutton{
	background-image: url(images/nav_jewelry.gif);
	}	
#menu_jewelry a:hover{
	background-position:0 -200px;
	}	
	
#menu_monument .menubutton{
	background-image: url(images/nav_monument.gif);
	}	
#menu_monument a:hover{
	background-position:0 -200px;
	}					
	
#menu_installation .menubutton{
	background-image: url(images/nav_installation.gif);
	}	
#menu_installation a:hover{
	background-position:0 -200px;
	}		




#menu_sub_painting, 
#menu_sub_drawing, 
#menu_sub_sculpture,
#menu_sub_ceramic,  
#menu_sub_jewelry,
#menu_sub_monument, 
#menu_sub_installation   { /*subnav positie uit zicht*/
	float:left;
	display:inline;
	width:135px;
	height:120px;
	margin-left:-1px;
	background-repeat:no-repeat;
	}		
	
#menu_sub_painting,
#menu_sub_drawing,
#menu_sub_sculpture,
#menu_sub_ceramic,
#menu_sub_jewelry,
#menu_sub_monument, 
#menu_sub_installation 
 {
	background-image: url(images/nav_ul.gif);
	background-position:0 -2px;
	padding:10px;
	}	

.subactive {
	display:block
	}

A.news {
	position:absolute;
	top:320px;
	left:55px;
	height:18px;
	background-image: url(images/nav_news.gif);
	}
A:hover.news {background-position:0 -200px;}


A.about {
	position:absolute;
	top:345px;
	left:55px;
	height:18px;
	background-image: url(images/nav_about.gif);
	}
A:hover.about {background-position:0 -200px;}


A.cv {
	position:absolute;
	top:370px;
	left:55px;
	height:18px;
	background-image: url(images/nav_cv.gif);
	}
A:hover.cv {background-position:0 -200px;}


A.contact {
	position:absolute;
	top:395px;
	left:55px;
	height:18px;
	background-image: url(images/nav_contact.gif);
	}
A:hover.contact {background-position:0 -200px;}