/***************************************************
*                                                  *
*		       CSS Styles Kringloop 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, hr { margin: 0px; padding: 0px; }
html, body, form, fieldset { font: 100%/120% Verdana, Arial, Helvetica, sans-serif; color: #687885; }
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; }
address { font-style: normal; }



/* CLEARDIV 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 */




/* COMMON TEXT STYLES */
	
	.green_it { color: #8eab2c; }
	.required { color: #FF0000; }



/* MY STRUCTURE STYLES */

html { background: #2E3A42 url(../images/body_bg_repeat.jpg) repeat-y center; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
body { background: url(../images/html_bg_repeat.jpg) repeat-x top; text-align: center; }

a#chilli_lnk { display: block; width: 33px; height: 18px; text-indent: -9999px; outline: none; background: url(../images/chilli_logo.gif) no-repeat; }
a#chilli_lnk { position: fixed; right: 25px; bottom: 10px; z-index: 10; }

div#body_wrapper { width: 704px; margin: 0 auto; text-align: left; }
	
	div#header_super_wrap { width: 704px; height: 325px; position: relative; }
	*div#header_super_wrap { margin-left: 1px; }
		div#header_slogan { position: absolute; bottom: 50px; left: 10px; color: #FFFFFF; text-transform: uppercase; font-size: 17px; line-height: 20px; }		
		div#header_logo_wrap { width: 704px; height: 101px; }
			div#header_logo_wrap h3 { width: 228px; height: 37px; position: relative; top: 53px; background: url(../images/kringloop_logo.gif) no-repeat; text-indent: -9999px; }
			div#header_logo_wrap h6 { text-indent: -9999px; }		
		div#header_nav_wrap { width: 704px; height: 25px; text-align: right; color: #FFFFFF; }
			div#header_nav_wrap ul {}
			div#header_nav_wrap ul, div#header_nav_wrap li { display: inline; list-style-type: none; }
			div#header_nav_wrap li { margin-left: 13px; padding: 0px 0px 2px 0px; }
			*div#header_nav_wrap li { padding: 0px 0px 2px 3px; }		
				div#header_nav_wrap li a { text-decoration: none; color: #FFFFFF; text-transform: uppercase; }
				div#header_nav_wrap li a:hover { color: #ADD036; }
				div#header_nav_wrap li.active { border-bottom: 3px solid #8eab2c; }	
	
	div#body_space_super_wrap { display: none; }
	
	div#body_super_wrap { font-size: 11px; }
		div#left_content_wrap { width: 172px; float: left; text-align: right; padding-right: 28px; }		
		div#right_content_wrap { width: 477px; float: left; text-align: left; padding: 0px; }
	
	/*div#footer_super_wrap { margin-left: 200px; width: 504px; height: 25px; padding: 10px 0 0 0; position: relative; }
	div#footer_super_wrap { border-top: 1px solid #a6a4a5; background: #FFFFFF; text-align: center; }
	*div#footer_super_wrap { margin-left: 1px; }
	
	div#footer_super_wrap a { color: #616161; text-decoration: none; }
	div#footer_super_wrap a:hover { color: #8eab2c; }*/
	
	
	

/* CONTENT STYLES */

	/* Page header images */
	
	body.index div#header_super_wrap { background: url(../images/header_foto_2.jpg) no-repeat left bottom; }
	body.nieuws div#header_super_wrap { background: url(../images/header_foto_2.jpg) no-repeat left bottom; }
	body.hergebruik div#header_super_wrap { background: url(../images/header_foto_2.jpg) no-repeat left bottom; }
	body.kopen div#header_super_wrap { background: url(../images/header_foto_2.jpg) no-repeat left bottom; }
	body.kalender div#header_super_wrap { background: url(../images/header_foto_2.jpg) no-repeat left bottom; }
	body.contact div#header_super_wrap { background: url(../images/header_foto_2.jpg) no-repeat left bottom; }
	
	/*body.index div#header_super_wrap { background: url(../images/header_foto_dvdk.jpg) no-repeat left bottom; }
	body.nieuws div#header_super_wrap { background: url(../images/header_foto_dvdk.jpg) no-repeat left bottom; }*/
	body.index div#header_slogan,
	body.nieuws div#header_slogan { display: none !important; }


	/* COMMON CONTENT STYLES */
	
	.padd_it { padding: 0px 0px 0px 27px !important; }
	div.h2_wrapper { padding: 0px 0px 0px 27px; background: url(../images/green_arrow.gif) no-repeat 14px 6px; height: 25px; }
	div.h3_wrapper { position: relative; right: -3px; margin-bottom: 10px; }
	
	
	
	/* LEFT CONTENT STYLES */
	
	div#left_content_wrap p { margin: 0px 0px 17px 0px; padding: 0; color: #a6a4a4; }
	div#left_content_wrap h3 { font-weight:normal; font-size: 11px; color: #616161; }
	div#left_content_wrap h3 a { color: #616161; }
	div#left_content_wrap h3 a:hover { color: #8eab2c; }
			
	div.left_sub_nav { border-bottom: 1px dotted #8eab2c; padding: 0px 0px 9px 0px; margin: 0px 0px 17px 25px; }
		div.left_sub_nav ul { list-style: none; }
		div.left_sub_nav ul li { margin-bottom: 8px; }
			div.left_sub_nav ul li a { color: #616161; }
			div.left_sub_nav ul li.active a { padding-left: 12px; background: url(../images/green_arrow.gif) no-repeat 0px 4px; }
			div.left_sub_nav ul li.active a, div.left_sub_nav ul li a:hover { color: #8eab2c; }
	
	
	
	/* RIGHT CONTENT STYLES */
	
	div#right_content_wrap p { margin: 0px 0px 17px 0px; padding: 0; color: #616161; line-height: 14px; }
	div#right_content_wrap ul { margin: 0px 0px 17px 0px; padding: 0px 0px 0px 14px; }
	div#right_content_wrap ul, div#right_content_wrap li { color: #8eab2c; line-height: 14px; }
	div#right_content_wrap li span { color: #616161; }
	div#right_content_wrap a { color: #8eab2c; text-decoration: underline; line-height: 14px; }
	
	
	
	/* PAGE CONTENT STYLES */
		
		/* Home pagina styles */
		
			div.front_news { margin: 10px 0px 25px 27px !important; border-bottom: 1px solid #8eab2c; }
			div.front_news h4 { color: #8eab2c; font-weight: normal; text-transform: uppercase; padding: 5px 0px; }
			div.front_news p { color: #616161; }
			div.front_news a { color: #616161 !important; text-decoration: none !important; }
			
			
	
		/* WAT WEL page content styles */
			
			ul#wat_wel_list { }
			ul#wat_wel_list li { margin-bottom: 10px; }
	
	
		/* NIEUWS page content styles */
	
	
			div.news_item { border-bottom: 1px dotted #8eab2c; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 27px; }
			div.news_item h4 { padding-bottom: 15px; color: #8eab2c; font-weight: bold; font-size: 11px; }
	
	
		/* KALENDER page content styles */
	
			table#kalender_tbl { margin: 7px 0px 17px 27px; border-collapse: collapse; }
			table#kalender_tbl th { padding: 10px 0px; border: 1px solid #616161; background: #EEE; text-align: center; }
			table#kalender_tbl td { padding: 5px; border-bottom: 1px solid #616161; border-left: 1px solid #616161; border-right: 1px solid #616161; }
			table#kalender_tbl td.fst_col { text-align: center; padding: 5px 0px; }
	
	
		/* CONTACT page styles */
	
			div#contact_wrap { margin: 0px 0px 17px 27px; }
				div#contactform_info { margin-bottom: 15px; }
				div#contact_errors { margin-bottom: 20px; color: #CC3333; font-weight: bold; }
				div#contactform { width: 450px; height: 300px; }
					
					div.frm_txt_wrap { margin-bottom: 3px; float: left; }
						div.frm_txt_wrap label.input_lbl { float: left; display: block; width: 170px; }
						div.frm_txt_wrap input.input_txt { float: left; display: block; width: 240px; border: 1px solid #a7a6aa; background: #FFF; color:#666; }
	
					div.frm_ta_wrap { margin-bottom: 5px; float: left; }
						div.frm_ta_wrap label.input_lbl { float: left; display: block; width: 170px; }
						div.frm_ta_wrap textarea { float: left; display: block; width: 240px; height: 120px; border: 1px solid #a7a6aa; background: #FFF; color:#666; }
						
					div.frm_send_wrap { position: relative; width: 412px; height: 40px; }
					*div.frm_send_wrap { width: 415px; }
						div.frm_send_wrap input#submit_frm { display: block; position: absolute; right: 0px; top: 0px; width: 80px; }
						div.frm_send_wrap input#submit_frm { background: #EEE; border: 1px solid #a7a6aa; color:#666; }
						
					input.input_error { border: 1px solid #CC3333 !important; }
		
		/* VESTIGINGEN page styles */
		
			p.vestiging_wrap { margin-bottom: 30px !important; }
			p.vestiging_wrap span.green_it { text-transform: uppercase; }
	
			div#map_veurne { width: 450px; height: 300px; margin: 0px 0px 30px 27px; }
			div#map_poperinge { width: 450px; height: 300px; margin: 0px 0px 30px 27px; }
			div#map_ieper { width: 450px; height: 300px; margin: 0px 0px 30px 27px; }
			div#map_diksmuide { width: 450px; height: 300px; margin: 0px 0px 30px 27px; }