@CHARSET "ISO-8859-1";\

html { height: 100%; overflow: auto; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #000;
	color: #b6b6b6;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: justify;
}

img { border: 0px; }
form {margin: 0px; padding: 0px; }

a{ 
	color: #fff;
	outline: none;
	text-decoration: none;
}

h1{
	position: relative;
	margin: 0px;
	padding: 20px 0 15px 0;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
}

h2{
	position: relative;
	margin: 0px;
	padding: 25px 0 5px 0;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}

h3{
	font-size: 12px;	
	padding: 0px;
	margin: 0px;	
}

strong{
	color: #fff;
}

.dialog { 
	border: 1px solid #000; 
	background: #fff;
	text-align: center;
}

.dialog h1{
	color: black;	
}

.close { clear: both; float: right; font-size: 9px; background: #eee; padding: 5px; cursor: pointer; }

.furst_big{
	position: absolute;
	font-size: 48px;
	top: 30px;
	left: -1px;
	
	color: #fff;
	margin: -26px -25px -10px -27px;
	color: #fff;	
}

.sub_navigation .spacer{
	margin: 0 10px; 
	float: left;
}

.sub_navigation .sub_nav, #country_selector .sub_nav{
	display: block;
	font-size: 10px;
	color: #6d6e6f;
	text-transform: uppercase;
	background: transparent;
	
}

#country_selector .sub_nav{

}

.sub_navigation .active, #country_selector .active{
	color: #fff;
}

#header #country_selector{
	position: absolute;
	margin: 10px;
	right: 0px;
	top: 0px;
	width: 60px;
	height: 20px;
}

#header #country_selector span{
	padding: 1px;
	float: left;	
}

#header #country_selector a{
	padding-top:  3px;
	float: left;
}

.nice{
	display: block;
	font-size: 12px;
	color: #fff;	
}
.small_nice {
	font-size: 10px;
	color: #6d6e6f;	
}    

.hover, .sub_navigation .hover{
	color: #fff;
}
           
#home_animatie{
	width: 100%;
	height: 100%;
}

#in_fading{
	position: absolute;
	right: -300px;
	top: 20px;	
}

#background_img, #background_bar, #background_contaner, #background_contaner_old{
	position: absolute;
	height: 416px;
	width: 100%;
	margin-top: -208px;
	top: 50%;
	z-index: 1;
	overflow: hidden;
}

#background_contaner_old{
	z-index: 10;	
}

#background_img{
	width: 951px;	
	margin-left: -475px;
	left: 50%;
}

#contents {
	position: absolute;
	height: 580px;
	width: 950px;
	
	margin-left: -475px;
	margin-top: -290px;

	left: 50%;
	top: 50%;
	border: 0px;
	overflow-x: hidden;

	border: 1px solid #383838;
	z-index: 2;
}

#header, #footer{
	background: #000;
	position: absolute;
	width: 100%;
	height: 81px;
	z-index: 13;
}

#header .logo img{
	margin-left: 13px;
	margin-top: 13px;	
}

#header #nav {
	position: absolute;
	height: 15px;
	top: 52px;
	left:  170px;
}

/*Drop menu*/

#header #nav .menu .submenu .nav_item{
	background: transparent;	
	z-index: 100;
}

#header #nav .menu{
	float: left;
	position: absolute;
	z-index: 12;
}

#header #nav .menu .background{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	left: 0px;
	top: 0px;
	z-index: 0;
	
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}

#header #nav .menu .main_item{
	cursor: pointer;
	color: #fff;
	position: relative;
	padding-bottom: 3px;
	z-index: 14;
	font-weight: bold;
}

#header #nav .sub-menu {
	overflow: hidden;
	height: 28px;
	z-index: 14;
}

#header #nav .menu_item {
	text-align: center;
	display: block;	
	margin-right: 16px;
	color: #fff;
	font-size: 12px;
	background: #000;
	padding:2px 5px 6px 5px;
	z-index: 150;
}

#header #nav .menu .submenu{
	padding-left: 3px;
	padding-top: 15px;
	z-index: 100;
}

#header #nav .menu .submenu .nav_item{
	text-transform: uppercase;
	font-size: 9px;
	width: 100%;
	margin: 0px;
	padding-bottom: 5px;
	display: block;
}
/* EIND DROP MENU */

#header #nav .active{
	z-index: 20;
	border-bottom: 1px solid #464646;
}

#footer{
	bottom: 0px;	
	left: 0px;
	height: 83px;
}

#footer .logo{
	position: absolute;
	right: 0px;
	bottom: 0px;	
}

#footer .item{
	height: 100%;
	width: 230px;
	padding-left: 35px;
	padding-right: 20px;
	float: left;
	font-size: 10px;
}

/*nieuws brief*/
#nieuws{
	position: relative;	
}

#nieuws .nieuws_input{
	width: 80px;
	border: none;
	background: #404040;
	color: #b6b6b6;
	text-align: center;	
	float: left;
	margin-right: 2px;
	font-size: 12px;
}

#error_emailadres{
	color: red;
	position: absolute;
	margin-top: 20px;
	left: 35px;	
}

#main_left .content #error_emailadres, #main_right .content #error_emailadres{
	margin: 0px;
	left:0px;
	position: relative;
}

.login_table td{
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px;	
}

.service_input, .login_input{
	font-family: Arial, sans-serif;
	color: #000;
	background: #fff;
	font-size: 10px;
	border: none;
	
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	
	padding: 2px 4px;
	
	margin-bottom: 4px;
	width: 100%;
	margin-top: 1px;
}

.login_input{
	width: 90%;	
}

.service_submit, .login_submit{
	font-family: Arial, sans-serif;
	color: #fff;
	background: #000;
	font-size: 10px;
	border: none;
	
	cursor: pointer;
	float: right;
	
	filter:alpha(opacity=75);
	-moz-opacity:.60;
	opacity:.60;
	
	margin-top: 1px;
	padding: 2px 4px;
	height: 14px;

}

.login_submit{
	margin-top: 1px;
	padding-bottom: 3px;
	height: 17px;
	font-weight: bold;
	width: 100%;	
}


.service_submit:hover, .login_submit:hover{
	filter:alpha(opacity=90);
	-moz-opacity:.75;
	opacity:.75;
}

.intresse td{
	vertical-align: top;
	text-align: left;	
}

#nieuws .nieuws_input .gray { 
	color: #999; 
	text-transform: uppercase; 
}

#main_content{
	position: absolute;
	top: 81px;
	height: 417px;
	width: 100%;
	z-index: 0;
	left: 0px;
}

#main_left , #main_right, #route_div{
	position: relative;
	height: 417px;
	overflow: hidden;
}



#main_left .content, #main_right .content{
	margin:5px 20px 0 50px;
	z-index: 10;
	position: relative;
	height: 411px;
}

#main_left .background, #main_right .background,  #route_div .background{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000;
	width: 100%;
	height: 100%;	
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	z-index: 1;
}

.main_left{
	height: 100%;
	float: left;
}

.main_right{
	float: left;
	height: 100%;
}
 
.left{
	float: left;
	width: 48%;	
} 
 
.right{
	float: right;
	width: 48%;	

}   

.sub_navigation {
	position: absolute;
	bottom: 10px;	
	left: 0px;
}

.job{
	display: block;
	text-decoration: none;
	color: #b6b6b6;	
}

.job:hover{
	color: #fff;	
}

.contact_user{
	padding:10px 0px;	
	border-bottom: 1px solid #3a3a3a;
	height: 75px;
	width: 250px;
	float: left;
	margin-right: 20px;
}

.contact_user img{
	float: left;
	
}

.contact_user .contact_user_content{
	position: relative;
	/*padding-left: 60px;*/
	height: 75px;
}

.offer{
	display: block;
	padding: 10px 0;	
	color: #b6b6b6;
}

.offer strong{
	color: inherit;
}

.offer:hover{
	color: #fff;	
}

#special_offer_img{
	position: relative;
	text-align: center;
	float: right;
	width: 60%;
	height: 400px;
	overflow: hidden;
	z-index: 10;
	margin-top: 7px;
}

.faq_link, .store{
	/*border-top: 1px dashed #ccc;*/
	padding: 5px 0px;
	color: #b6b6b6;
	display: block;
}
.faq_link:hover, .store:hover{
	color: #fff;
}

.store{
	padding: 0px;	
}

.route_div{
	width: 200px;
	height: 100%;
	background: red;
	float: left;	
}

/*INSPIRATiON DIVs*/
#inspiration{
	position: relative; 
	width: 100%; 
	height: 100%;
		
}

#inspiration_img{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}

.inspiration_area{
	
}

.inspiration_info{
	position: absolute;
	left: -10px;
	top: -10px;
	min-width: 100px;
	
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
	
	display: none;
}

.inspiration_info .background{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #fff;
	width: 100%;
	height: 100%;	
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	z-index: 0;	
}

.inspiration_info .info{
	z-index: 10;
	position: relative;
	color: #000;
	padding: 5px;
	text-align: left;
}
.inspiration_info .info .info_shadow{
	position: absolute;
	top: 0px;
	right: -7px;
	height: 100%;
	width: 7px;
	background: url('../img/insparation/main_right.png');		
}
.inspiration_info .top{
	position: relative;	
	width: 100%;
	height: 5px;
}

.inspiration_info .top .top_right{
	position: absolute;
	top: 0px;
	right: -7px;
	width: 7px;
	height: 5px;
	background: url('../img/insparation/top_right.png') ;
}
.inspiration_info .footer{
	position: relative;
	text-align: center;
	height: 4px;
	width: 100%;
}

.inspiration_info .footer .footer_right{
	position: absolute;
	bottom: -8px;
	right: -7px;
	height: 12px;
	width: 7px;
	background: url('../img/insparation/footer_right.png');
}

.inspiration_info .footer .footer_left{
	position: absolute;
	left: 0px;
	bottom: -7px;
	width: 100%;
	height: 7px;
	background: url('../img/insparation/footer_left.png');
}

.inspiration_info .footer .pointer{
	position: absolute;
	width: 28px;
	height: 15px;
	bottom: -15px;
	left: 20px;
	background: url('../img/insparation/pointer.png');
}

#inspiration_scroller{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 79px;
	height: 356px;
	padding-left: 2px;
}

#inspiration_scroller .background{
	background: #000;	
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	width: 84px;
	height: 416px;
	position: absolute;
	top: 0px;
	left: -3px;
}

#inspiration_scroller #open{
	position: absolute;
	width: 300px;
	height: 15px;
	background: #000;
	top: -15px;
	left: 325px;	
	background: url('../img/insparation/bottom.png');
	text-align: center;
	color: #fff;
	cursor: pointer;
}

#slider_items a{
	margin: 0 2px 2px;
	display: block;
	width: 75px;
	height: 75px;
}

#viewport{
	width: 79px;
	height: 100%;	
}

#go_top
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 79px;
	height: 34px;
	z-index: 500;
}

#go_bottom
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 79px;
	height: 34px;
	z-index: 500;
}

#go_right, #go_left{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0 5px;	
	cursor: pointer;
}

#go_left{
	left: 0px;	
}

/*SELECTOR CHANGER*/
.select_class{
	height: 17px;
}
.sc-select_container{

}

.sc-options_container{

}

.sc-active_option{
	padding-left: 2px;
	padding-top: 2px;
	font-size: 10px;
	color: #000;
	background: url("../img/custom_select/selected_pointer.gif") right top no-repeat;
}

.sc-active{
	background: url("../img/custom_select/pointer.gif") right top no-repeat;	
}

.sc-option{
	padding-left: 2px;
	color: #000;
}

.sc-option:hover{
	background: #fff;
}

.sc-select_bottom{
	top: 0px;
	height: 200px;
	background: #fff;	
	
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60; 
}	

.sc-select_bottom_left {

}

.sc-select_bottom_right{

}

/*INtro */

#intro{
	position: absolute;
	width: 590px;
	height: 509px;
		
	left: 50%;
	top: 50%;
	margin-top: -280px;
	margin-left: -314px; 	
}

#intro_txt{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 250px;
	margin-left: -314px; 
	
	width: 590px;
	height: 20px;
	color: #525252;
}