@charset "utf-8";
/* CSS Document */
/* 
grijs  #a0a0a1;
"wit" #ffffff;
"zwart" #000000;
*/

body{
	background-color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#e5e3df;
	background-color:#000;
}

#load_container{
	position:relative;
	margin:0 auto;
	width:550px;
	height:400px;
	text-align:center;
	background-image:url(../img/assets/loading_image.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#000;
}

#main_container{
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	display:none;
	background-image:url(../img/assets/drawing_1.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:760px;
	background-color:#000;
}

/*header*/
#header{
	width:900px; 
	height:760px;
	position:absolute;
	top:0px;
	z-index:10;
	overflow:hidden;
	background-color:#000;
	}

#footer{
	width:900px; 
	height:760px;
	position:absolute;
	top:380px;
	z-index:10;
	overflow:hidden;
	background-color:#000;
}

#header_notification{
	width:500px;
	height:25px;
	position:absolute;
	top:30px;
	left:370px;
	z-index:3;
	overflow:hidden;
	color:#e5e3df;
	display:none;
}

#go_home{
	width:133px;
	height:57px;
	position:absolute;
	top:0px;
	left:100px;
	cursor:pointer;
	border:1px;
	background-image:url(../img/assets/logo_name.png);
	background-repeat:no-repeat;
	}


#div_menucontact{
	position:relative;
	width:120px;
	height:50px;
	background-image:url(../img/assets/menucontact.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
}
#div_menuabout{
	position:relative;
	width:120px;
	height:50px;
	background-image:url(../img/assets/menuabout.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
}
/*menu*/

#site_menu{
	position:absolute;
	top:5px;
	left:0px;
	width:350px;
	height:50px;
	overflow:hidden;
	}
	
div.navigation_div{
	height:50px;
	position:relative;
	top:0px;
	float:right;
	cursor:pointer;
	color:#a0a0a1;
	}
/*content*/
#content{
	position:absolute;
	top:55px;
	left:0px;
	z-index:2;
	width:301px;
}

#flow_content{
	width:410px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:4;
	height:338px;
	overflow:hidden;
	}

a{color:#64835c; text-decoration:none;}
a:visited{color:#64835c; text-decoration:none;}
a:hover{color:#604c68; text-decoration:underline;}

a.visit_site{color:#64835c;}
a.visit_site:visited{color:#64835c;}
a.visit_site:hover{color:#e5e3df; text-decoration:none;}

a.url{color:#604c68; text-decoration:underline;}
a.url:visited{color:#604c68; text-decoration:underline;}
a.url:hover{color:#64835c; text-decoration:none;}

a.page_nav, a.link_nav, a.link_nav:visited, a.page_nav:visited{
	color:#5d4f6e;
	text-decoration:none;
	cursor:pointer;
}
a.page_nav:hover{
	color:#bfadd7;
}
a.page_nav_active, a.page_nav_active:visited{
	color:#c0c0c0;
	text-decoration:none;
}
a.page_nav_active:hover{
	color:#c0c0c0;
	text-decoration:none;
}

#inner_content{
	position:absolute;
	top:0px;
	left:0px;
	width:400px;
	height:300px;
	border:0px solid #000000;
	display:none;
}

#inner_content_menu{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:338px;
	border-right:1px solid #000000;
	overflow:hidden;
}

#inner_content.loading, #inner_content_menu.loading{
	background-image:url(../img/assets/loading.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

/*listing menu / content headlines*/

#listing_row_container{
	width:225px;
	height:440px;
	position:relative;
	top:50px;
	border-right:1px solid #1d1d1d;
	border-bottom:1px solid #1d1d1d;
	overflow:hidden;
}

#listing_row_container.loading{
	background-image:url(../img/assets/loading.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div.listing_row{
	width:215px;
	height:80px;
	left:5px;
	position:relative;
	overflow:hidden;
	padding-top:5px;
	text-align:left;
	float:left;
}

#listing_pages_container{
	width:225px;
	height:25px;
	position:relative;
	top:50px;
	border-right:1px solid #1d1d1d;
	border-bottom:1px solid #1d1d1d;
	overflow:hidden;
}

div.page_nav{
	position:relative;
	width:22px;
	height:25px;
	text-align:center;
	float:left;
	margin:2px;
	font-size:10px;
	color:#000000;
	cursor:pointer;
}
div.page_nav_comment{
	position:relative;
	width:80px;
	height:25px;
	text-align:left;
	float:left;
	margin:2px;
	font-size:10px;
	color:#797979;
	font-weight:bold;
}

div.page_nav_txt{
	position:relative;
	width:50px;
	height:20px;
	border:1px solid #1d1d1d;
	text-align:center;
	vertical-align:middle;
	float:right;
	padding-top:4px;
	margin:2px;
	color:#bfadd7;
	font-weight:normal;
}

/*td*/
td{
	vertical-align:top;
}

/*listing categories*/
div.category_list{
	width:585px;
	position:relative;
	float:left;	
	border-bottom:1px solid #1e1e1e;
	height:18px;
	vertical-align:middle;
	padding-top:5px;
	padding-left:5px;
	cursor:pointer;
}
div.category_list.overAlbum{
	background-color:#1f1f1f;
}
div.category_list.clickedAlbum{
	background-color:#1f1f1f;
	color:#3b90b0;
	background-image:none;
}

#albumsIn{
	width:585px;
	position:relative;
	top:10px;
	float:left;	
	border-top:1px solid #1e1e1e;
	border-bottom:1px solid #1e1e1e;
	padding-left:5px;
	height:45px;
	vertical-align:middle;
	z-index:100;
}
#albumsIn.loading{
	background-image:url(../img/assets/loading.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

/*dropdown*/
.search_option{
	width:175px;
	height:21px;
	position:absolute;
	top:10px;
	left:10px;
	background-image:url(../img/assets/scroll/bg_options.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#000000;
	color:#ffffff;
	line-height:18px;
	cursor:pointer;
	}
div.search_option_values{
	width:175px;
	height:0px;
	position:absolute;
	top:31px;
	left:10px;
	margin-top:0px;
	overflow:hidden;
	background-color:#ededed;
	}
div.search_option_value{
	position:relative;
	left:0px;
	width:175px;
	height:16px;
	color:#000000;
	line-height:16px;	
	overflow:hidden;
	cursor:pointer;
	}

div.search_option_value.selected{
	color:#111111;
	}
	


#thumb_container{
	width:585px;
	position:relative;
	top:10px;
	float:left;	
	padding-left:5px;
	vertical-align:middle;
}
#thumb_container.loading{
	background-image:url(../img/assets/loading.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

div.thumbnail{
	float:left;
	border:1px solid #1e1e1e;
	margin:2px;
	padding:5px;
	background-image:url(../img/assets/loading_thumbnail.gif);
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}
table.the_thumb, td.the_thumb, img.the_thumb, IMG.the_thumb{
	text-align:center;
	vertical-align:middle;
}

div.thumbnail.overThumb{
	border:1px solid #5d4f6e;
}

div.imageContainerBackground{
	width:300px;
	height:300px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#e5e3df;
	background-image:url(../img/assets/bg_image.jpg);
	background-repeat:repeat-x;
	z-index:100;
	display:none;
}
div.imageContainerBorder{
	width:300px;
	height:300px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#000000;
	z-index:100;
	display:none;
}
div.imageContainer{
	width:300px;
	height:300px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#000;
	background-image:url(../img/assets/loading_image.gif);
	background-position:center;
	background-repeat:no-repeat;
	z-index:101;
	display:none;
}
#imageNext{
	width:41px;
	height:41px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../img/assets/scroll/scroll_next.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:101;
	display:none;
	cursor:pointer;
}
#imagePrev{
	width:41px;
	height:41px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../img/assets/scroll/scroll_prev.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:101;
	display:none;
	cursor:pointer;
}
#imageClose{
	width:44px;
	height:44px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../img/assets/btns/close_image.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:105;
	display:none;
	cursor:pointer;
}
#imageInfoBG{
	width:100px;
	height:25px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	display:none;
}
#imageInfo{
	width:80px;
	height:5px;
	position:absolute;
	left:0px;
	top:0px;
	padding:7px;
	z-index:100;
	display:none;
	text-align:left;
	color:#e5e3df;
}
/**/


td.td_info{
	vertical-align:top;
	color:#604c68;
	text-align:left;
	padding:2px;
	font-weight:bold;
	width:45px;
}
td.td_infoContent{
	vertical-align:top;
	text-align:left;
	width:240px;
	color:#000000;
	text-align:left;
	padding:2px;
}

td.td_txt{
	vertical-align:top;
	width:270px;
	color:#604c68;
	text-align:left;
	padding:2px;
	padding-top:6px;
	font-weight:bold;
}
td.td_txt_content{
	text-align:left;
	width:270px;
	color:#7b7a77;
	text-align:left;
	padding:2px;
}


/*tip*/
.tip{
	position: absolute;
	left:0px;
	top:0px;
	z-index:600;
	overflow:visible;
	width:100%;
	} 
	
.type1{
	width:50px;
	height:50px;
	position: absolute;
	left:0px;
	top:0px;
	z-index:600;
	color:#111111;
	text-align:left;
}

.type2{
	width:200px;
	height:60px;
	position: absolute;
	left:0px;
	top:0px;
	z-index:600;
	color:#F00;
	text-align:center;
	background-image:url(../img/assets/bg_tip.png);
	background-repeat:no-repeat;
	background-position:top left;
	color:#e5e3e0;
	line-height:20px;
}
		
.tip-title {
	left:0px;
	top:0px;
	width:200px;
	font-weight: bold;	
	position: absolute;
	}


 
.tip-text {
	width:200px;
	display:none;
	height:0px;
	overflow:hidden;
}

.tip-top        { height:5px; width:200px; }  
.tip-bottom     { width:200px; height:5px; }  

/*notice this*/
span.attention{
	color:#604c68;
}
span.client{
	color:#64835c;
}

/*collection*/
#label_scrollable_content{
	height:250px;
	position:absolute;
	top:0px;
}

div.collection_divs, div.collection_div_start{
	position:relative;
	width:320px;
	height:250px;
	float:left;
	cursor:pointer;
	overflow:hidden;
	margin:0px;
	font-size:10px;
	border-bottom:1px solid #CCC;
}
td.collection_header{
	text-align:center;
	color:#64835c;
	padding-top:7px;
	padding-bottom:5px;
	font-weight:bold;
}


#page_navigation_click, #imageNavigator{
	position:absolute; width:600px; z-index:5; left:340px;
}

#page_navigation_header{
	position:absolute; width:300px; z-index:5; left:0px;
}


#page_navigation_click{
	display:none;
	z-index:500;
}
#site_navigation{
	position:absolute; width:600px; left:330px; color:#000;
}

#page_navigation_nxt_20, #page_navigation_prev_20{
	position:absolute; top:300px; width:30px; background-color:#FFF; height:30px;
}

#imageNavigator{
 top:10px;	
 display:none;
}
#scroll_left{
	width:41px;
	height:41px;
	position:absolute;
	top:295px;
	left:20px;
	background-image:url(../img/assets/scroll/scroll_left.png);
	background-repeat:no-repeat;
}
#scroll_right{
	width:41px;
	height:41px;
	position:absolute;
	top:295px;
	left:20px;
	background-image:url(../img/assets/scroll/scroll_right.png);
	background-repeat:no-repeat;
}
#scroll_top{
	cursor:pointer;
	width:101px;
	height:41px;
	position:absolute;
	left:310px;
	top:0px;
	background-image:url(../img/assets/scroll/scroll_up.jpg);
	background-repeat:no-repeat;
	display:none;
}
#scroll_bottom{
	cursor:pointer;
	width:101px;
	height:41px;
	position:absolute;
	top:295px;
	left:310px;
	background-image:url(../img/assets/scroll/scroll_down.jpg);
	background-repeat:no-repeat;
	display:none;
}