/* 
 Datum:   14 Juni 2008
 Auteur:  Sead Memic
 Email:   sead@vpri.nl
*/


/*Padding and margin reset*/
	html, body, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, address, table, tr, td, th, form, fieldset { margin:0; padding:0; list-style:none; font-style:normal; border:none;}

/*General*/
	html, body 			{ }
	body 				{ background: #399429; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 13px;}
	h1, h2, h3, h4 		{ }
	h1					{ font-size: 20px; font-weight: bold; letter-spacing: 2px;}
	img					{ border:0;}
	p					{ margin-top: 8px;}
	a					{ color: #000; text-decoration: none;}
	a:hover, a:focus 	{ color: #000; text-decoration: underline;}
	hr					{ background-color: none; border:1px solid #ccc;}

/*Layout*/
	#site				{ background-color: #fff; border-top: 1px solid #666666; border-bottom: 1px solid #666666; margin-top: 80px; *margin-top:-20px;}
	
	#smallNav			{ }
	#wrapper			{ width: 990px; margin: 0 auto; background: #fff url(images/logo-new.gif) left top no-repeat; min-height:560px; height:auto !important; height:560px; overflow: hidden; _overflow: inherit;}
		#headerImage	{ width: 180px; height: 350px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666;}
		#adress			{ clear: both; float: left;}
		#content		{ width: 460px; float: left; padding: 0 50px; padding-bottom: 60px; line-height: 22px;}
		#left			{ float: left;}
		#right			{ width: 210px; margin-left: 750px; padding-top: 160px;}
		#netwerkborrel	{ }
	#footer				{ width: 100%; margin: 0 auto; text-align: center; background-color: #E3E1E2; border-bottom: 1px solid #666; font-size: 11px; margin-bottom: 70px;}


/*Links*/
	#smallNav 			{ width: 210px; height: 18px; margin: 0 auto; display:block; padding-left: 800px;}
	#smallNav li		{ float: left; list-style: none; background:#000;}
	
	#smallNav a			{ padding:3px 4px; width:50px; height:15px; display: block; font-size:11px; color:#fff; text-align:center; text-transform:capitalize;}
	#smallNav a:hover,
	#smallNav a:focus	{ background-color: #666;}
		
	#menu 				{ margin-top: 53px; margin-left: auto; margin-right: auto; width:791px; padding-left: 165px;}
	#menu li			{ float: left; list-style: none; background:#E3E1E2;}
	
	#menu a				{ padding:3px 0px; width: 112px; height: 20px; display: block; font-size:11px; text-align:center; color: #000; border:1px solid #E3E1E2; border-bottom:1px solid #666; border-left:0; border-right:0;}
	#menu a:hover,
	#menu a:focus		{ background:#fff; border:0; border-bottom:1px solid #fff; margin-top: -8px; height: 20px; padding-top:12px; _margin-top:0; _padding-top:3px; _height: 17px;}
	
	#menu li ul li		{ position: relative; clear:both; margin-left: -40px; _margin-left:-20px;}
	#menu li ul 		{ position: absolute; display:none;}
	
	#menu li ul a		{ background:#333; height: 23px; color:#fff; display: block; width: 112px; border:0; text-align: left; font-size: 11px; text-align: center; padding-top:6px; _padding-top:6px; _padding-bottom:6px; }
	#menu li ul a:hover,
	#menu li ul a:focus	{ background:#666; text-decoration: underline; border:0; margin-top:0; height:23px; padding-top:6px; _padding-top:6px; _padding-bottom:0px;}
	
	#menu li:hover ul,
	#menu li.sfhover ul { display:block;}
	
	* html #menu li 	{ height: 1%; }
	* html #menu li a	{ height: 1%; }

	#content a			{ color: #399429; text-decoration: none; border-bottom: 1px dotted #333;}
	#content a:hover, 
	#content a:focus 	{ color: #399429; text-decoration: none; border-bottom: 1px solid #333; background-color: #F2F2F2;}
	
	#breadcrumb a		{ color: #399429; text-decoration: none; border-bottom: 1px dotted #333; font-size:11px;}
	#breadcrumb a:hover { color: #399429; text-decoration: none; border-bottom: 1px solid #333; }
	
	#submenu 			{ margin: 35px 0; border-bottom:1px solid #399429;}
	#submenu li			{ list-style: none; background:#fff; border-top:1px solid #399429; margin-left:-40px; *margin-left:0px; _margin-left:-40px;}
	/* Yuen 27- jul 2009 */
	#submenu li li		{ margin-left:0 !important; margin-left:40px; }
	#submenu li li a 	{ width:auto !important; width:162px; }
	
	#submenu a			{ padding:3px 4px; width:202px; display: block; font-size:11px; color:#000; letter-spacing:2px; text-align:right; _width:242px;}
	#submenu a:hover,
	#submenu a:focus           { background-color: #399429; color:#fff; text-decoration:underline;}
	
/*Contact*/
	#string				{ width: 150px; border: 1px solid #333; color: #333; letter-spacing: 1px; font-size: 11px; padding: 4px;}
	#button				{ width: 46px; color: #fff; height: 23px; background: #399429; border: 0; margin-top: -3px; *height:24px;}
	
/*News*/
	#news h1			{ width: 196px; height: 17px; background-color: #000; color: #fff; font-size: 13px; font-weight: 600; padding: 7px; letter-spacing:0px;}
	#news p				{ padding: 8px; color: #399429; font-size: 11px; font-weight: bold;}
	#news p a			{ font-size: 11px; font-weight: bold; color: #399429;}
	#news ul			{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; margin-left: 30px; *margin-left: 25px;}
	#news li			{ list-style-image: url(images/news-li.gif); list-style-type: none; width: 175px; margin-bottom: 4px;}
	#news li a			{ font-size: 11px; font-weight: bold;}
	#news li a:hover	{ }
	
/*Content*/
	#content h1			{ padding: 45px 0; padding-bottom: 35px;}
	
/*Adress*/
	#adress				{ border: 1px solid #000; padding: 0 0 7px 7px; width: 173px; margin-top: 15px; margin-bottom: 45px;}
	#adress p			{ font-size: 12px;}
	
/*Netwerkborrel*/
	.netwerkborrel		{ width: 209px; height:22px; border: 1px solid #333; margin-top: 10px;}
	a.aanmelden			{ background: #D3B33D; color: #fff; display: block; height: 22px; width: 209px; font-weight: bold; text-decoration: underline; float: left; text-align: center;}
	.netwerkborrel 
	a:hover				{ background:#333; color: #fff;}
	#content .lb td a	{ border:none;}
	#content .post_title a { border:none;}
	
/*automatic link*/
	#content a[href$='.pdf'] 		{ display:inline-block; padding:2px 0px 2px 25px; line-height:18px; min-height:18px; overflow:visible; background:transparent url(images/pdficon.gif) center left no-repeat; text-decoration:none; border:none;}
	#content a:hover[href$='.pdf'] 	{ display:inline-block; padding:2px 0px 2px 25px; line-height:18px; min-height:18px; overflow:visible; background:transparent url(images/pdficon.gif) center left no-repeat; text-decoration:none; color: #399429; text-decoration: none; border-bottom: 1px solid #333;}
