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

body{
	background-color:#ffffff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#525252;
}

#load_container{
	position:relative;
	margin:0 auto;
	width:550px;
	height:400px;
	text-align:center;
}

#bg1{
	position:absolute;
	width:111px;
	height:111px;
	top:-8px;
}
#bg2{
	position:absolute;
	width:422px;
	height:422px;
	top:160px;
}

#main_container{
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	display:none;
}

/*header*/
#header{
	width:900px; 
	height:100px; 
	position:absolute;
	top:0px;
	z-index:2;
	overflow:hidden;
	background-color:#000;
	background-image:url(../img/assets/bg_header.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	}

#footer{
	width:900px; 
	height:95px; 
	position:absolute;
	top:0px;
	z-index:2;
	overflow:hidden;
	background-color:#000;
	background-image:url(../img/assets/bg_header.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}

#header_notification{
	width:500px;
	height:25px;
	position:absolute;
	top:30px;
	left:370px;
	z-index:3;
	overflow:hidden;
	color:#bfadd7;
	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;
	}

/*menu*/

#site_menu{
	width:680px;
	height:40px;
	position:absolute;
	top:25px;
	left:300px;
	overflow:hidden;
	}
	
div.navigation_div{
	width:125px;
	margin-left:10px;
	padding-top:4px;
	height:30px;
	position:relative;
	top:10px;
	float:left;
	cursor:pointer;
	color:#a0a0a1;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	}
/*content*/
#content{
	position:absolute;
	top:130px;
	left:0px;
	z-index:2;
}

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

a{color:#a8a8a8;}
a:visited{color:#a8a8a8;}
a:hover{color:#666; text-decoration:none;}

a.mail, a.mail:visited, a.mail:hover{
	background-image:url(../img/assets/mail_icon.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:14px;
	padding:4px;
	padding-left:25px;
	color:#818181;
	text-decoration:none;
}
a.mail:hover{
	color:#555555;
	text-decoration:underline;
}
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;
}

span.header_1 {
	width:70px;
	vertical-align:bottom;
	color:#3b90b0;
	font-size:12px;
}

span.txt_2 {
	font-size:11px;
	color:#818181;
}

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

#inner_content_menu{
	position:absolute;
	top:0px;
	left:0px;
	width:400px;
	height:338px;
	border:0px solid #333;
}

#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_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:#ffffff;
	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:#FFF;
	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_right.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_left.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;
	background-color:#000000;
	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:center;
	color:#FFF;
}
/**/

/*tip*/
.tip{
	position: absolute;
	left:0px;
	top:0px;
	z-index:200;
	overflow:visible;
	width:100%;
	} 
	
.type1{
	width:50px;
	height:50px;
	position: absolute;
	left:0px;
	top:0px;
	z-index:200;
	background-image:url(../img/assets/loading.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:#111111;
	text-align:left;
}

.type2{
	width:160px;
	height:40px;
	position: absolute;
	left:0px;
	top:0px;
	z-index:200;
	color:#F00;
	text-align:center;
	background-color:#5d4f6e;
	color:#c0c0c0;
}
		
.tip-title {
	width:100%;
	font-weight: bold;	
	position: absolute;
	}


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

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

/*notice this*/
span.attention{
	color:#3b90b0;
}

/*input n stuff*/
td.label{
	padding:0px;
	text-align:left;
	width:90px;
	vertical-align:middle;
}
td.input{
	padding:0px;
	text-align:right;
	width:155px;
	vertical-align:top;
}

input, select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
input.input_text{
	width:150px;
	border:1px solid #8a6898;
	padding:2px;
}
#credits{
	position:absolute;
	left:0px;
	top:75px;
	z-index:6;
	text-align:right;
	width:100px;
	overflow:hidden;
	height:20px;
	z-index:1000;
}

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

div.collection_divs, div.collection_div_start{
	position:relative;
	width:266px;
	height:250px;
	float:left;
	cursor:pointer;
	background-image:url(../img/assets/loading_image.gif);
	background-position:center;
	background-repeat:no-repeat;
}
td.collection_header{
	text-align:center;
	font-weight:bold;
	font-size:10px;
}
#page_navigation, #imageNavigator{
	position:absolute; top:300px; width:520px; z-index:200; background-color:#FFF; height:30px;
}
#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;
}

#dealers_search_container{
	width:377px;
	height:98px;
	position:absolute;
	top:0px;
	left:60px;
}

#dealers_search_options{
	width:377px;
	height:69px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../img/assets/bg_dealers.jpg);
	background-repeat:no-repeat;
	
}

#dealers_search_btn{
	width:61px;
	height:29px;
	position:absolute;
	top:69px;
	left:316px;
	background-image:url(../img/assets/btns/dealers_search.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

#provincie_container{
	position:absolute;
	top:0px;
	z-index:11;
}
#stad_container{
	position:absolute;
	top:30px;
	z-index:10;
}

#dealer_results{
	position:absolute;
	top:90px;
	left:0px;
}

#dealer_div_header{
	position:absolute;
	top:0px;
	height:20px;
	border-bottom:1px solid #000;
	font-weight:bold;
}

#dealer_div_content{
	position:absolute;
	top:30px;
	width:570px;
	height:210px;
	overflow:hidden
}

div.dealer_div{
	width:220px;
	height:60px;
	position:relative;
	float:left;
	margin-top:15px;
	background-image:url(../img/assets/dealer_point.png);
	background-repeat:no-repeat;
	background-position:top left;
}

div.dealer_div_name{
	width:200px;
	height:20px;
	position:absolute;
	font-size:12px;
	font-weight:bold;
	left:20px;
	
}

div.dealer_div_details{
	width:200px;
	height:40px;
	position:absolute;
	left:20px;
	top:20px;
	float:left;
	color:#a8a8a8;
}