/**********************************************************
*                                                         *
*		         CSS Styles Missing Link website              *
*		                                                      *
*		         Aime van Pottelsberghe (auteur)              *
*	    	 in opdracht van Chilli Design & Multimedia       *
*		                                                      *
**********************************************************/


/* STYLES RESETTER */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, address, blockquote { margin: 0px; padding: 0px; }
html, body, form, fieldset { font: 100%/120% Verdana, Arial, Helvetica, sans-serif; color: #ffffff; }
table, thead, tbody, tfoot, tr, th, td { margin: 0px; padding: 0px; }
form input[type="submit"], form input[type="reset"] { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 10px; font-weight: bold; color: #000000; }
a { text-decoration: none; }
a span { color: #FFFFFF; }



/* CLEARFIX STYLE */

	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	/* Hides from IE-mac \*/
		* html .clearfix { height: 1%; }
	/* End hide from IE-mac */


hr{border:#CCCCCC solid 1px;}

/* STRUCTURE STYLES */

html { background: #FFF url(../images/structure/html_bg_repeat_x.jpg) repeat-x top; }
body { text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }

div#site_wrap { width: 780px; margin: 11px auto 11px auto; text-align: left; position: relative; }
	
	div.top_pics { width: 100px; height: 100px; padding: 8px; position: absolute; background: url(../images/structure/picture_bg.png) no-repeat; }
	div#top_picture { right: -9px; top: 160px; z-index: 10; }
	div#bottom_picture { right: -32px; top: 65px; z-index: 8; }

	div#head_border { width: 780px; height: 9px; background: url(../images/structure/head_border.png) no-repeat; }
	div#foot_border { width: 780px; height: 9px; background: url(../images/structure/foot_border.png) no-repeat; }
	
	div#page_wrap { width: 762px; padding: 0px 9px; background: url(../images/structure/body_bg_repeat_y.png) repeat-y; }
		
		div#header_wrap { width: 762px; height: 244px; /*background: url(../images/structure/header_bg.jpg) no-repeat; position: relative;*/ }
			div#header_wrap h1 { position: absolute; top: 114px; left: 16px; width: 190px; height: 45px; text-indent: -9999px; }
			div#header_wrap h2 { position: absolute; top: 155px; left: 16px; width: 190px; height: 15px; }
			div#header_wrap h2 { font-weight: normal; font-size: 11px; text-align: center; color: #FFF; }
		div#body_wrap { width: 762px; }
	
			div#left_column { float: left; width: 228px; background:#ebebeb; }
				div#nav_container { width: 228px; height: 420px/* 360 */; background: url(../images/structure/nav_bg.jpg) no-repeat; text-align: center; } 
				div#nav_container ul { width: 160px; margin: 0px auto; text-align: left; position: relative; top: 25px; }
				div#nav_container ul, div#nav_container ul li { list-style: none; }
				div#nav_container ul li { border-bottom: 1px solid #d0d0d0; }
				div#nav_container ul li a { display: block; width: 157px; height: 23px; padding: 7px 0px 0px 3px; font-size: 13px; color:#666666; line-height: 15px; }
				div#nav_container ul li a:hover { background:#EaEaEa; }
				div#nav_container ul li span.active { display: block; width: 157px; height: 23px; padding: 7px 0px 0px 3px; font-size: 13px; color: #930c0c; background: #FFF; line-height: 15px; }
				
				div#contact_cont { width: 228px; height: 600px; border-top: 5px solid #dfdfe0; background:#f2f2f4 url(../images/structure/contact_bg.jpg) no-repeat; text-align: center; }
				div#contact_cont p { width: 160px; margin: 0px auto; text-align: left; line-height: 18px; position: relative; top: 30px; }
				
			div#right_column { font-size:11px; float: left; width: 444px; padding: 35px 45px; color: #53585c; line-height:18px; }
			div#right_column a {color:#6B0902; text-decoration:underline;}
			div#right_column a:hover { text-decoration:none; }
				div#right_column .titel { font-size:13px; font-weight:bold; color:#666666;}
			div#right_column ul{margin-left:15px;}
			
			
	/* CONTACT PAGE */
		
		div#contact_data address { float: left; width: 180px; margin: 0px 0px 0px 10px; }
			div#contact_data address span { display: block; margin-bottom: 2px; }
			div#contact_data address a { color: #3d505a; text-decoration: none; }
			div#contact_data address a:hover { text-decoration: underline; }
		
		div#googlemap { width: 505px; height: 298px; margin: 20px 0px 0px 10px; border: 1px solid #3D505A; }
		
		hr.module_body_tss_lijntje { width: 444px; margin: 20px 0px 15px 10px; border-top: 1px dashed #d0d4d5; display: none; }
		
		div#contactform_info { width: 444px; margin: 0px 0px 0px 10px; padding: 0px 0px 15px 0px; }
		
		div#contactform { width: 434px; height: 450px; margin: 30px 0px 0px 10px; position: relative; right: 5px; }
		
			div#contactform label { color:#333333; display: block; text-align: right; width: 80px; position: absolute; right: 354px; }
			div#contactform label span.required { color: #CC3300; }
			div#contactform input.contact_txt { display: block; background: #f2f3f3; border: 1px solid #8e8e8e; position: absolute; left: 100px; width: 245px; }
			div#contactform input.input_error { border: 1px solid #FF0000; }
			div#contactform textarea.contact_ta { display: block; background: #f2f3f3; border: 1px solid #8e8e8e; position: absolute; left: 100px; width: 245px; height: 80px; }
			
			label#vnaam_lbl { top: 6px; }
			input#vnaam_txt { top: 5px; }
			
			label#naam_lbl { top: 31px; }
			input#naam_txt { top: 30px; }
			
			label#mail_lbl { top: 56px; }
			input#mail_txt { top: 55px; }
		
			hr.contact_tss_lijntje { width: 245px; position: absolute; left: 100px; top: 85px; border-top: 1px dashed #d0d4d5; }
			
			label#bericht_lbl { top: 106px; }
			textarea#bericht_txt { top: 105px; }
			
			/*p#submit_btn { position: absolute; top: 210px; right: 87px; color: #3d505a; } 
			p#submit_btn a { color: #3d505a; text-decoration: none; }
			p#submit_btn a:hover { text-decoration: underline; }*/
			input#submit_contact { background: #FFFFFF; border: none; position: absolute; right: 77px; top: 210px; display: block; width: 66px; }
			
			div#contact_mail_ok, div#contact_mail_nok { width: 434px; margin: 30px 0px 0px 10px; }
			div#contact_mail_nok { color: #FF0000; }
	
			ol {padding-left:40px; margin-top:-15px;}
	
	/* INSCHIJVINGSFORM STYLES */
				
		div#inschrijf_form { width: 284px; margin: 0px 80px; height: 1030px; position: relative; }
			div#inschrijf_form label { color: #333333; position: absolute; }
			div#inschrijf_form p { color: #333333; position: absolute; }
			div#inschrijf_form input { position: absolute; }
			div#inschrijf_form select { position: absolute; }
			
			div#inschrijf_form label span.required { color: #CC3300; }
			div#inschrijf_form input.inschrijf_txt { display: block; background: #f2f3f3; border: 1px solid #8e8e8e; width: 280px; }
			div#inschrijf_form input.inschrijf_txt2 { display: block; background: #f2f3f3; border: 1px solid #8e8e8e; }
			div#inschrijf_form select.inschrijf_sel { display: block; background: #f2f3f3; border: 1px solid #8e8e8e; width: 282px; }
			div#inschrijf_form input.input_error { border: 1px solid #FF0000; }
		
			label#geslacht_lbl { top: 0px; left: 0px; }
			input#geslacht_m_rb { top: 20px; left: 0px; }
			p#geslacht_m_lbl { top: 22px; left: 23px; }
			input#geslacht_v_rb { top: 20px; left: 60px; }
			p#geslacht_v_lbl {  top: 22px; left: 83px; }
			
			label#inschrijf_vnaam_lbl { top: 50px; left: 0px; }
			input#inschrijf_vnaam_txt { top: 67px; left: 0px; }
			
			label#inschrijf_naam_lbl { top: 95px; left: 0px; }
			input#inschrijf_naam_txt { top: 112px; left: 0px; }
			
			label#adres_lbl { top: 140px; left: 0px; }
			input#adres_txt { top: 157px; left: 0px; }
			
			label#pc_plaats_lbl { top: 185px; left: 0px; }
			input#pc_txt { top: 202px; left: 0px; width: 50px; }
			input#plaats_txt { top: 202px; left: 55px; width: 225px; }
			
			label#prov_lbl { top: 230px; left: 0px; }
			select#prov_sel { top: 247px; left: 0px; }
			
			label#inschrijf_mail_lbl { top: 275px; left: 0px; }
			input#inschrijf_mail_txt { top: 292px; left: 0px; }
			
			label#mail_check_lbl { top: 320px; left: 0px; }
			select#mail_check_sel { top: 337px; left: 0px; }
			
			label#tel_lbl { top: 365px; left: 0px; }
			input#tel_txt { top: 382px; left: 0px; }
			
			label#bereikbaar_1_lbl { top: 410px; left: 0px; }
			input#bereik_ma { top: 427px; left: 0px; }
			p#bereikbaar_1a { top: 429px; left: 22px; }			
			input#bereik_di { top: 427px; left: 50px; }
			p#bereikbaar_1b { top: 429px; left: 72px; }			
			input#bereik_wo { top: 427px; left: 90px; }
			p#bereikbaar_1c { top: 429px; left: 112px; }			
			input#bereik_do { top: 427px; left: 135px; }
			p#bereikbaar_1d { top: 429px; left: 157px; }			
			input#bereik_vr { top: 427px; left: 180px; }
			p#bereikbaar_1e { top: 429px; left: 202px; }			
			input#bereik_za { top: 427px; left: 225px; }
			p#bereikbaar_1f { top: 429px; left: 247px; }
			
			label#bereikbaar_2_lbl { top: 462px; left: 45px; }
			input#bereikbaar_2_txt { top: 460px; left: 90px; width: 30px; }
			p#bereikbaar_2b { top: 462px; left: 125px; }
			label#bereikbaar_3_lbl { top: 462px; left: 145px; }
			input#bereikbaar_3_txt { top: 460px; left: 168px; width: 30px; }
			p#bereikbaar_3b { top: 462px; left: 203px; }
			
			label#contact_choice_lbl { top: 495px; left: 0px; }
			select#contact_choice_sel { top: 512px; left: 0px; }
			
			label#geb_datum_lbl { top: 540px; left: 0px; }
			input#geb_datum_txt { top: 557px; left: 0px; }
			
			label#geb_plaats_lbl { top: 585px; left: 0px; }
			input#geb_plaats_txt { top: 602px; left: 0px; }
			
			label#geb_uur_lbl { top: 630px; left: 0px; }
			input#geb_uur_txt { top: 647px; left: 0px; width: 60px; }
			p#geb_uur_b { top: 649px; left: 65px; }
			
			label#nationaliteit_lbl { top: 675px; left: 0px; }
			input#nationaliteit_txt { top: 692px; left: 0px; }
			
			label#geaardheid_lbl { top: 720px; left: 0px; }
			input#geaardheid_txt { top: 737px; left: 0px; }
			
			label#burg_stand_lbl { top: 765px; left: 0px; }
			input#burg_stand_txt { top: 782px; left: 0px; }
			
			label#kinderen_lbl { top: 810px; left: 0px; }
			input#kinderen_txt { top: 827px; left: 0px; }
			
			label#diploma_lbl { top: 855px; left: 0px; }
			input#diploma_txt { top: 872px; left: 0px; }
			
			label#beroep_lbl { top: 900px; left: 0px; }
			input#beroep_txt { top: 917px; left: 0px; }
			
			label#taal_lbl { top: 945px; left: 0px; }
			input#taal_txt { top: 962px; left: 0px; }
			
			input#submit_inschrijving { background: #FFFFFF; border: none; position: absolute; right: -7px; top: 1000px; display: block; width: 66px; }
			
			div#inschrijf_mail_ok, div#inschrijf_mail_nok { width: 434px; margin: 30px 0px 0px 10px; }
			div#inschrijf_mail_nok { color: #FF0000; }
			
			.indent{ padding:0px 30px;}
			.geen_bollen{list-style:none; padding-left:0px;}
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
		/*div#contactform label.input_lbl { position: absolute; right: 290px; }
		div#contactform label.input_lbl span.required { color: #CC3300; }
		div#contactform input.input_txt { display: block; width: 225px; position: absolute; left: 180px;  }
		div#contactform input.input_error { border: 1px solid #FF0000; }*/
		
		/*div#contact_data p { float: left; width: 180px; margin: 0px 0px 0px 30px; }
			div#contact_data p span,*/
			
			/*label#vnaam_lbl { top: 10px; }
			input#vnaam_txt { top: 8px; }
			
			textarea#company_txt { position: absolute; left: 180px; top: 100px; background: #f2f3f3; border: 1px solid #8e8e8e;}
			
			label#naam_lbl { top: 30px; }
			input#naam_txt { top: 28px; }
			
			label#mail_lbl { top: 50px; }
			input#mail_txt { top: 48px; }
			
			hr#contact_lijntje_1 { top: 82px; }
			
			label#company_lbl { top: 100px; }
			input#company_txt { top: 98px; }
			
			label#btw_lbl { top: 120px; }
			input#btw_txt { top: 118px; }
			
			hr#contact_lijntje_2 { top: 152px; }
			
			label#straat_lbl { top: 170px; }
			input#straat_txt { top: 168px; }
			
			label#pc_lbl { top: 190px; }
			input#pc_txt { top: 188px; }
			
			label#plaats_lbl { top: 210px; }
			input#plaats_txt { top: 208px; }
			
			label#land_lbl { top: 230px; }
			input#land_txt { top: 228px; }
			
			hr#contact_lijntje_3 { top: 262px; }
			
			label#tel_lbl { top: 280px; }
			input#tel_txt { top: 278px; }
			
			label#gsm_lbl { top: 300px; }
			input#gsm_txt { top: 298px; }
			
			label#fax_lbl { top: 320px; }
			input#fax_txt { top: 318px; }
			
			hr#contact_lijntje_4 { top: 352px; }
			
			label#cat_lbl { display: block; position: absolute; top: 370px; left: 180px; text-align: left; }
			input#cat_txt { display: block; position: absolute; top: 367px; right: 350px; }
			
			label#sample_lbl { display: block; position: absolute; top: 390px; left: 180px; text-align: left; }
			input#sample_txt { display: block; position: absolute; top: 387px; right: 350px; }
			
			p#submit_btn { position: absolute; top: 430px; right: 119px; width: 70px; text-align: right; color: #3d505a; }
			*p#submit_btn {right: 116px; }
			p#submit_btn a { color: #333333; text-decoration: none; color: #3d505a; }
			p#submit_btn a:hover { text-decoration: underline; }
			
			img#progress { position: absolute; top: 429px; right: 96px; }
			
		p.mail_ok { width: 507px; height: 100px; margin: 10px 0px 0px 10px; position: relative; }
			*/