/* CSS Document */

/*Layout*/
body 	 { background-color:#FFFFFF; color:#000000;}

h1 		 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#53A219; font-size:18px; line-height:22px; letter-spacing:-1px; text-transform:uppercase;}
h2 		 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#53A219; font-size:13px; line-height:13px;}
h3		 { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; color:#333333; font-size:11px; line-height:18px;}
h4 		 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#53A219; font-size:18px; line-height:22px; letter-spacing:-1px;}

a			{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#53A219; font-size:11px; text-decoration:none; text-transform:uppercase;}
a:hover		{ color: #000;}

body	 { margin: 10px 0px; padding: 0px; background:#DAF5C6 url(../images/gradient.jpg) left top repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:12px; line-height:20px;}
#site	 { margin: 0 auto; width:972px; height:auto;}

#header  { width:972px; height:106px; background:#DAF5C6 url(../images/top.jpg) left top no-repeat; position:relative;}
#zoek	 { margin-left:785px; margin-top:10px; width:180px; position:absolute; z-index:2; }

#content { width:972px; height:auto !important; height:830px; min-height:830px; display:block; background:#DAF5C6 url(../images/bg_content.jpg) left top repeat-y;}

#menu	 { float:left; width:203px; padding:60px 0px 20px 0px; background:transparent url(../images/menutop.jpg) left top no-repeat; position:relative; z-index:90;}
#taal	 { float:left; height:40px; padding-top:20px; width:188px; text-align:center;}
#donatie { float:left; width:188px; text-align:center;}

#inner_carrousel { margin-left:205px; margin-top:75px; width:570px; height:200px; position:absolute; background-color:#DAF5C6;}
#inner_content 	 { margin-left:205px; padding-top:250px; width:570px;}
#inner_nieuws 	 { margin-left:205px; width:570px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#333333; font-size:12px; line-height:13px;}

#melief			{ float:right; width:187px;}
#melief_content { width:167px; background:#FFFFFF url(../images/melief_top.jpg) left top no-repeat; padding:180px 5px 5px 5px;}
#melief_bottom  { width:177px; height:22px; background:#DAF5C6 url(../images/melief_bottom.jpg) left top no-repeat;}

#footer { margin: 0 auto; width:972px; height:75px; background:#DAF5C6 url(../images/bottom.jpg) left top no-repeat; text-align:center;}

/*Navigation */
	#menu ul					{ list-style:none; text-decoration:none; padding:0; margin:0; padding-left:10px;}
	#menu li					{ text-decoration:none; float:left;}
	#menu li a				    { display:block; color:#DAF5C6; text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-variant:normal; font-size:12px; font-weight: normal; padding:6px 0px; width:168px; border-bottom:1px solid #DAF5C6;}
	#menu li a:hover			{ border-bottom:1px dotted #DAF5C6; color:#FFF; text-decoration:none; font-weight: bold;}
	#menu li.menu-current a 	{ border-bottom:1px solid #DAF5C6; color:#FFF; text-decoration:none; font-weight: bold;}
	
	#menu li ul li		    { position: relative; clear:both; margin-left: 0px; }
	#menu li ul 			{ position: absolute; display:none; margin-left:168px; margin-top:-41px; padding:0px;}
	#menu li ul:hover	    { _margin-top:0px; }
	
	#menu li ul a		    { background:#53A219; border-bottom:1px dotted #DAF5C6; color:#DAF5C6; display: block; text-align: left; font-size: 11px; text-align: left; padding:10px 14px; 
						      max-width:80px; min-width:80px; _width:90px;}
	#menu li ul a:hover,
	#menu li ul a:focus	    { border-bottom:1px dotted #FFF; color:#FFF; text-decoration:none; }
	
	#menu li:hover ul,
	#menu li.sfhover ul 	{ display:block;}
	
	* html #menu li 		{ height: 1%; }
	* html #menu li a	    { height: 1%; }
	
	/*Submenu*/
	#menu li ul ul {
		margin: -40px 0 0 105px;
		_margin: -42px 0 0 120px;
	}
	#menu, #menu ul {
		list-style: none; 
	}
	#menu li:hover ul ul, #menu li.sfhover ul ul {
		left: -999em;
	}
	#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
		left: auto;
	}

/*Search*/
#zoek_img			{ margin-top:5px; }
#zoek_img:hover		{ cursor:pointer;}	
.zoekveld			{ width:130px; height:15px; border:1px solid #DAF5C6; color:#333; font-size:11px; letter-spacing:1px; padding:3px; }