@import url(default.css);
@import url(form.css);




html, body {	
	padding:0;
	width: 100%;	
}
html {
	/* background: #ffffff url(/img/bg_html.jpg) repeat-x center top;	*/
}
body {	
	background:  url(/img/bg_body.jpg) repeat-x fixed center top;	
    margin-top: 0px;
	margin-bottom: 20px;
}

/****** (  styling )****************************/

h1 {  
    font-size: 34px;
    color: #009ede;
	margin-bottom: 12px;
	line-height: 100%;
    } 
h3 {  
    font-size: 14px;
	color: #009ede;
    }  
h4 {  
    font-size: 12px;
    color: #009ede;
    }
h5 {  
    font-size: 11px;
    color: #009ede;
    }
	 
strong { 
    color: #009ede;
    }  

/****** (  css )****************************/

#wrapper {	
	position: relative;
	width: 976px;
	margin: 0 auto;	
	background: #ffffff;
	}	
	#wrapper .spacing{  
	    padding: 37px 0 27px 37px;
	}
	.header {
		margin-bottom: 37px;
		z-index: 1; 
		}
		.header .logo {	        
			width: 227px;      height: 169px;
			overflow: hidden;
		    }
			.header .logo a{
				display: block;
                width: 227px;      height: 169px;
	            background: url(/img/logo.gif) no-repeat left top;
                text-indent: -999em;
	        }
        .header .bigTitle {            
            width: 711px;      height: 169px;
            overflow: hidden;
            }
			.header .bigTitle {            
	            display: block;
				width: 711px;      height: 169px;
				background: url(/img/title_top_big.gif) no-repeat left top;
                text-indent: -999em;
            }
			
    .container {
        position: relative;
		width: 939px;     min-height: 250px;
		z-index: 24; 
    }
	* html .container {
        height: 250px;       
        }	
		#hbdLogo_ab {
			display: block;		
			width: 169px; height: 41px;
			margin-top: 40px;
			margin-left: 8px;  
	        }
			#hbdLogo_ab a {           
	            display: block;
	            width: 169px; height: 41px;            
	            text-indent: -999em;
	            background: url(/img/logo_hbd.gif) no-repeat left top;
				z-index: 26; 
	        }		
	    .container .menu_main{
            width: 227px;
	        }
			.container .menu_main ul  {
                margin-top: 5px;
                }
				.container .menu_main ul li {
	                display: block;
					width: 169px;  height: 23px;   
		        }
				* html .container .menu_main ul li {	               
					overflow: hidden; 
	                }
					.container .menu_main li a {			             
						 display: block;
                         width: 169px;  height: 24px;  
						 padding: 3px 0 0 7px; 
						 font-size: 13px;
						 color: #9c9d9f;
						 background: url(/img/bg_menu_main_li_normal.gif) no-repeat left top;
			        }
					* html .container .menu_main li a {
						 height: 25px;     
                         padding: 2px 0 0 7px; 
                    }
					.container .menu_main li:hover a,
					.container .menu_main li.hover a,
					.container .menu_main li.active a {   
						 text-decoration: none;
						 color: #ffffff;
						 background: url(/img/bg_menu_main_li_hover.gif) no-repeat left top;
                    }
					.container .menu_main ul ul  {
	                    display: none;
	                }
		    #line_under_ul {
	            background: url(/img/bg_menu_main_ul_bottom.gif) no-repeat left top;
	            height: 1px;    width: 169px;
				overflow: hidden;
	        }
		.container .content_main{
            position: relative;
			display: block;
			width: 700px;			
            }	
		    .container .content_main .inner{
                padding: 0 24px 0 0;
				width: 525px;
            }
			.page_home .container .content_main .inner{               
                padding: 0 17px 0 0;
				width: 688px;
            }
			.container .content_main .header_comp{
                margin-bottom: 1.5em;
	            }
				.container .content_main .text_attention a,
				.container .content_main .text_attention{	              
				   color: #e0007c;	
				   font-weight: bold;				
	            }
				.container .content_main .text_attention a{                 
                   text-decoration: underline;               
                }
				.container .content_main .text_attention a:hover{                 
                   text-decoration: none;               
                }
		    .container .content_main .comp_list{
                width: 600px;
	            }
				.container .content_main .comp_list .head{
                    color: #009ede;
					font-size: 13px;
					font-weight: bold;      
                }
				.container .content_main .comp_list .sep_line{
                    height: 4px;    width: 554px;
				    background: url(/img/bg_interview_line.gif) no-repeat -1px top;   
					margin: 11px 0 13px 0;             
                }
				.container .content_main .comp_list .title{
                    height: 26px;   width: 554px;
					font-size: 18px;
					color: white;
					margin: 0 0 6px 0;	
					text-indent: -999em;								
	            }				
				/* titles interview */	
				.container .content_main .comp_list .title_waar{                                 
                    background: url(/img/bg_interview_waar.gif) no-repeat left top;                                                    
                }
				.container .content_main .comp_list .title_wat{                                 
                    background: url(/img/bg_interview_wat.gif) no-repeat left top;                                                    
                }
				.container .content_main .comp_list .title_waarde{                                 
                    background: url(/img/bg_interview_waarde.gif) no-repeat left top;                                                    
                }
				.container .content_main .comp_list .title_wie{                                 
                    background: url(/img/bg_interview_wie.gif) no-repeat left top;                                                    
                }
				.container .content_main .comp_list .title_waarom{                                 
                    background: url(/img/bg_interview_waarom.gif) no-repeat left top;                                                    
                }
				.container .content_main .comp_list .title_web{                                 
                     background: url(/img/bg_interview_web.gif) no-repeat left top;                                                    
                }
				/* END titles interview */  	
					
					.container .content_main .comp_list .title .inner{
	                    padding: 4px 0 6px 9px;                  
	                }
				.container .content_main .inner ul{
					margin-left: 16px;
					list-style: circle;
					margin-bottom: 12px;
					}  
				.container .content_main .comp_list ul{  
				    margin-bottom: 22px;
					margin-left: 0px;  
	                }
					.container .content_main .comp_list ul li{
                        position: relative;
						display: block;
						clear: both;
						width: 554px;					 
						margin-bottom: 5px;	
						padding-bottom: 6px;
						border-bottom: 1px solid #ababac;				
	                }
					* html .container .content_main .comp_list ul li{                                        
                        margin-bottom: 2px;  
                        padding-bottom: 0px;                                  
                    }
					* + html .container .content_main .comp_list ul li{                                        
                        margin-bottom: 2px;  
						padding-bottom: 0px;                                  
                        }
						.container .content_main .comp_list ul li a{
                           font-weight: normal;
						   color: #58585a;
                        }
						.container .content_main .comp_list ul li.hover a,
						.container .content_main .comp_list ul li:hover a{                           
                           color: #009fdf;
                        }
						.container .content_main li.hover .aanwijzer,
						.container .content_main li:hover .aanwijzer {
                           position: absolute;
						   top: -4px;  left: -17px;
						   display: block;
						   width: 11px;   height: 27px;
						   background: #009fdf;
                        }
						.container .content_main .comp_list .content,
						.container .content_main .comp_list span{
		                    font-size: 13px;	
							overflow: hidden;												
		                }
						.container .content_main .comp_list .content{
                            color: #58585a;   
							width:  525px;  
							margin-top: 8px;                                    
                        }
						.container .content_main .comp_list span{
                            cursor: pointer;                                              
                        }
						.container .content_main .comp_list span.clear{
			                display: block;
			            }
						.container .content_main .comp_list span.column_1{
		                   width: 225px;
						   padding-right: 10px;
		                }
						.container .content_main .comp_list span.column_2{
		                   width: 220px;
						   padding-right: 10px;
		                }
						.container .content_main .comp_list span.column_3{
		                   width: 88px;
						   text-align: right;
		                }
				.container .content_main .comp_kompas {
                     position: relative;
					 display: block;
					 height: 550px;    width: 676px;					 
					 background: url(/img/bg_kompas_home.png) no-repeat left top;   
	                }
					.container .content_main .comp_kompas .img_link a{
						 display: block;
	                     height: 60px;    width: 100px;  						   						
	                }
					.container .content_main .comp_kompas .link_1 a{
                        position: absolute;
                        top: -5px;   left: 348px;
                    }
					.container .content_main .comp_kompas .link_2 a{
                        position: absolute;
                        top: 2px;   left: 556px;
                    }
					.container .content_main .comp_kompas .link_3 a{
                        position: absolute;
                        top: 138px;   left: 593px;
                    }
					.container .content_main .comp_kompas .link_4 a{
                        position: absolute;
                        top: 270px;   left: 548px;
                    }
					.container .content_main .comp_kompas .link_5 a{
                        position: absolute;
                        top: 262px;   left: 360px;
                    }
					.container .content_main .comp_kompas .link_6 a{
                        position: absolute;
                        top: 143px;   left: 272px;
                    }
			.container .content_main .comp_interview {
                 
                }
				.container .content_main .comp_interview .content {
                   width: 484px;
                }
				.container .content_main .comp_interview .content img{
                   margin-bottom: 20px;
                }
				.container .content_main .comp_interview .footer_comp{
                  margin-top: 20px;
                }
				
			.container .content_main .comp_list .btn_winkelkompas {
                display: block;
                height: 18px;    width: 139px;      
				margin-right: 30px;      
				text-indent: -999em;         
                background: url(/img/btn_terug_kompas.gif) no-repeat left top; 				
            }	
			.container .content_main .btn_lijst {
                display: block;
                height: 18px;    width: 107px;  
				text-indent: -999em;                     
                background: url(/img/btn_volledige_lijst.gif) no-repeat left top; 
            }