/* D66 Barendrecht stylesheet */

body{ background: #dff3e0; margin: 0; padding: 0; font: 12px Verdana, Arial, Helvetica, sans-serif; }

.clear{ clear: both; }
a{ color: #009900; }
a:hover{ color: #000; }
#left h1{ margin: 10px 0; font-size: 22px; }
strong{ color: #00a100; }

#container{ background: url(../img/bg.gif) no-repeat; height: 143px; margin: 0 auto; width: 838px; }

#logo{ background: url(../img/logo.gif) bottom no-repeat; padding: 26px 0 0 0; float: left; }

	#logo a{ display: block; width: 462px; height: 64px; }

#top_links{ width: 300px; float: right; }

	#top_links a{ color: #000; font-size: 13px; border-right: 2px solid #CCC; padding: 7px 10px 0 10px; display: block; float: left; text-decoration: none; font-weight: bold; }

	#menu{ margin: 13px 10px 0 0; }

	#menu ul{ margin: 0; padding: 0; list-style: none; font-weight: 700; }
	#menu ul li{ float: right; margin: 0 3px; }
	#menu ul li a{ display: block; color: #000; text-decoration: none; font-size: 14px; }
	#menu ul li a:hover{ color: #009933; }
	
	#menu li ul { position: absolute; background: #FFF; width: 170px; left: -999em; margin: 0 0 0 3px; border: 1px solid #d9f1d9; border-top: 0; padding: 5px 0 0 0; }
	
	#menu li:hover ul, #menu li.sfhover ul { left: auto; line-height: 1.5; }
	
	#menu li ul li a{ font-size: 12px; text-align: left; display: block; text-align: left; width: 160px; padding: 1px 0 1px 5px; }
	
	#menu ul li a.small{ width: 64px; height: 22px; padding: 10px 0 2px 16px; }
	#menu ul li a.small:hover{ background: url(../img/small_menu.gif) no-repeat; }
	
	#menu ul li a.medium{ width: 100px; height: 22px; padding: 10px 0 2px 12px; }
	#menu ul li a.medium:hover{ background: url(../img/medium_menu.gif) no-repeat; }
	
	#menu ul li a.medium2{ width: 80px; height: 22px; padding: 10px 0 2px 16px; }
	#menu ul li a.medium2:hover{ background: url(../img/medium2_menu.gif) no-repeat; }
	
	#menu ul li a.large{ width: 118px; height: 22px; padding: 10px 0 2px 18px; }
	#menu ul li a.large:hover{ background: url(../img/large_menu.gif) no-repeat; }

#content{ background: url(../img/content.gif) repeat-y; padding: 14px 0 0 15px; }

#left{ width: 474px; float: left; padding: 5px 0 0 4px; line-height: 1.3; }

	.datum{ margin: 12px 0 0 0; }
	.titel{ font-size: 16px; font-weight: bold; margin: 0 0 8px 0; }
	.plaatje{ margin: 0 5px 0 0; }
	
#right{ float: left; width: 298px; margin: 20px 0 0 23px; }

	.vak{ background: #e0dcd6; border-top: 3px solid #00a000; padding: 10px; line-height: 1.5; }
	.vak h1{ color: #000; font-size: 15px; font-weight: bold; margin: 0; padding: 0; }

	#steun{ width: 298px; height: 149px; background: url(../img/steun_d66.gif); padding: 6px 0 0 0; }
	#steun ul{ list-style: none; margin: 0; padding: 0; }
	#steun ul li{ background: url(../img/steun_button.gif) no-repeat; width: 131px; height: 31px; margin: 0 0 6px 150px; }
	#steun ul li a{ display: block; color: #FFF; font-size: 13px; font-weight: bold; text-decoration: none; padding: 7px 0 7px 9px; }
	#steun ul li a:hover{ color: #000; }
	
#bottom{ height: 10px; width: 838px; background: url(../img/content_bottom.gif) no-repeat; }

.contact{ border: 2px solid #CCC; padding: 4px; margin: 0 0 5px 20px; font: 12px Verdana, Arial, Helvetica, sans-serif; }
textarea{ border: 2px solid #CCC; font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 4px; margin: 0 0 0 20px; }