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




html {

	width: 100%;
	height: 100%;
	
	margin: 0;
	padding: 0;
	
	overflow: hidden;

}


body {

	width: 100%;
	height: 100%;
	
	margin: 0;
	padding: 0;
	
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", helvetica,arial,sans-serif;
	
	overflow: hidden;

}


.default_div {

	width: 100%;
	height: 100%;
	
	position: absolute;
	left: 0;
	top: 0;
	
	overflow: hidden;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}


			
div.content {

	width: 100%;
	
	border-top: 199px solid #FFFFFF;	/* POSITIONERING VAN DIV*/
	
	color: #221e1f;
	text-transform: uppercase;
	font-size: 11px;
	
}


div.content_inside {

	width: auto;
	height: auto;
	
	border: 13px solid #FFFFFF;	/* POSITIONERING VAN DIV*/

	
}

div.main {
	
	overflow: auto;
}



/*----------------------------------------------------------------------
			HEADER
----------------------------------------------------------------------*/

div.header {

	width: 100%;
	height: 99px;

}

/*----------------------------------------------------------------------
			LOGO
----------------------------------------------------------------------*/

	div.header div.logo {
	
		width: 203px;
		height: 99px;
		
		background-image: url(../img/logo.jpg);
		
		float: left;
	
	}
	
		div.header div.logo a {
		
			width: 203px;
			height: 99px;
			
			display: block;
			
		}	

/*----------------------------------------------------------------------
			MENU
----------------------------------------------------------------------*/		
		
	div.header div.menu {
	
		width: auto;
		height: 99px;
		
		float: left;
	
	}		
	
		div.header div.menu  ul { 
		
			margin: 0;
			padding: 0;
			
			list-style-type: none;
		
		}		
			
			div.header div.menu  ul li.work { 
			
				margin: 0 6px 0 0;
				padding: 0;
				
				float: left;
				
				width: 100px;
				height: 99px;
				
				background-image: url(../img/li_work.gif);
							
			}
			
				div.header div.menu  ul li.work a { 
				
					display: block;
					
					width: 100px;
					height: 99px;
					
					background-image: url(../img/li_work.gif);
								
				}		

					div.header div.menu  ul li.work a:hover { 
					
						display: block;
						
						width: 100px;
						height: 99px;
						
						background-image: url(../img/li_work-hover.gif);
									
					}				

			div.header div.menu  ul li.graphics { 
			
				margin: 0 6px 0 0;
				padding: 0;
				
				float: left;
				
				width: 120px;
				height: 99px;
				
				background-image: url(../img/li_graphics.gif);
							
			}

				div.header div.menu  ul li.graphics a { 
				
					display: block;
					
					width: 120px;
					height: 99px;

					background-image: url(../img/li_graphics.gif);
								
				}			

					div.header div.menu  ul li.graphics a:hover { 
					
						display: block;
						
						width: 120px;
						height: 99px;

						background-image: url(../img/li_graphics-hover.gif);
									
					}	
				
			div.header div.menu  ul li.exhibitions { 
			
				margin: 0 6px 0 0;
				padding: 0;
				
				float: left;
				
				width: 128px;
				height: 99px;
				
				background-image: url(../img/li_exhibitions.gif);
							
			}				

				div.header div.menu  ul li.exhibitions a { 
				
					display: block;
					
					width: 128px;
					height: 99px;
					
					background-image: url(../img/li_exhibitions.gif);
								
				}			

					div.header div.menu  ul li.exhibitions a:hover { 
					
						display: block;
						
						width: 128px;
						height: 99px;
						
						background-image: url(../img/li_exhibitions-hover.gif);
									
					}
				
			div.header div.menu  ul li.publications { 
			
				margin: 0 6px 0 0;
				padding: 0;
				
				float: left;
				
				width: 140px;
				height: 99px;
				
				background-image: url(../img/li_publications.gif);
							
			}

				div.header div.menu  ul li.publications a { 
				
					display: block;
					
					width: 140px;
					height: 99px;
					
					background-image: url(../img/li_publications.gif);
								
				}

					div.header div.menu  ul li.publications a:hover { 
					
						display: block;
						
						width: 140px;
						height: 99px;
						
						background-image: url(../img/li_publications-hover.gif);
									
					}
				
			div.header div.menu  ul li.news { 
			
				margin: 0 6px 0 0;
				padding: 0;
				
				float: left;
				
				width: 90px;
				height: 99px;
				
				background-image: url(../img/li_news.gif);
							
			}	
			
				div.header div.menu  ul li.news a { 
				
					display: block;
					
					width: 90px;
					height: 99px;
					
					background-image: url(../img/li_news.gif);
								
				}				

					div.header div.menu  ul li.news a:hover { 
					
						display: block;
						
						width: 90px;
						height: 99px;
						
						background-image: url(../img/li_news-hover.gif);
						
						cursor: pointer;
									
					}	
				
			div.header div.menu  ul li.info { 
			
				margin: 0 6px 0 0;
				padding: 0;
				
				float: left;
				
				width: 84px;
				height: 99px;
				
				background-image: url(../img/li_info.gif);
							
			}

				div.header div.menu  ul li.info a { 
				
					display: block;
					
					width: 84px;
					height: 99px;
					
					background-image: url(../img/li_info.gif);
								
				}

					div.header div.menu  ul li.info a:hover { 
					
						display: block;
						
						width: 84px;
						height: 99px;
						
						background-image: url(../img/li_info-hover.gif);
						
						cursor: pointer;
									
					}			
				
/*----------------------------------------------------------------------
			BLOCK IMAGE
----------------------------------------------------------------------*/				


div.block-image {

	width: 184px;
	height: 248px;
	
	margin-right: 57px;
	margin-bottom: 57px;
	
	float: left;

}

	div.block-image div.block-image-title {

		width: 184px;
		height: 20px;
		
		background-image: url(../img/bg_block-image-title.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		
		line-height: 20px;
		z-index: 30;
		position: absolute;

	}					

		div.block-image div.block-image-title font.cat {

			color: #c8c7c7;
			font-size: 10px;

		}

		div.block-image div.block-image-title font.product {

			color: #686566;
			font-size: 10px;			
			
		}			
	
	div.block-image div.block-image-image {

		width: 184px;
		height: 218px;
		
		text-align: right;
		z-index: 20;
		position: absolute;		
		margin: 30px 0 0 0;
		
	}	
	
		div.block-image div.block-image-image img {

			float: right;
			
		}

/*----------------------------------------------------------------------
			FOOTER
----------------------------------------------------------------------*/				
				
div.footer {

	width: 100%;
	height: 0px;
	
	top: auto;						
	bottom: 0;

	color: #ffffff;
		
}