@charset "utf-8";
/* CSS Document */


/* Algemeen */
HTML, BODY 		 			{min-height:100%; width:100%; height:100%;margin:0; padding:0; }
BODY 						{margin:0; padding:0; font:normal 12px/20px Arial, sans-serif; background:#333 url(../img/bodybg.png) top right no-repeat;}
DIV							{margin:0; padding:0; background:none; border:0;}
.hidden						{display:none;}
label						{margin:0; padding:0; cursor:pointer;}


/* Tekst */
H1							{color:#000; margin:  0px  0px 10px  0px; padding:0; font-weight:bold; font-size: 20px; line-height:22px; }
H2							{color:#000; margin:  0px  0px 10px  0px; padding:0; font-weight:bold; font-size: 15px; line-height:18px; }
H3							{color:#000; margin: 15px  0px  0px  0px; padding:0; font-weight:bold; font-size: 12px; line-height:18px;}
P							{color:#000; margin: 5px   0px 20px  0px; padding:0; font-weight:normal; font-size: 12px; line-height:18px; }
SPAN						{color:inherit; margin:0; padding:0; font-style:normal;}
A							{color:#000; text-decoration:underline;}
A:hover, A:focus			{text-decoration:none; outline:none;}
IMG, A IMG					{padding:0; margin:0; border:0; outline:0;}

.nieuws_item_tekst a {text-decoration:none; border-bottom:1px dotted #000000;}
.nieuws_item_tekst A:hover, .nieuws_item_tekst A:focus {border-bottom:1px solid #000000;}


/* Algemene Divjes */
DIV#wrapper					{padding:0 10px; overflow:hidden; width:1000px; margin:10px auto; position:relative;}
DIV#top						{height: 35px; width:1000px; float:left; display:inline; background: url(../img/top.png) 0 0 no-repeat;}
DIV#inloggen				{height: 30px; width:685px; margin:5px 0 0 0; float:left; display:inline; }
DIV#zoeken					{height: 22px; width:315px; margin:13px 0 0 0; float:left; display:inline; }
DIV#logo					{height: 70px; width:928px; float:left; background:#fff ;  display:inline; padding-left:72px;}
DIV#menu					{height: 40px; width:1000px; float:left; display:inline; background: #fff url(../img/menu.png) 0 0 no-repeat;}
DIV#container				{width:980px; float:left; padding:0px 10px 0 10px; display:inline; background-color: #fff; min-height: 400px; }
DIV#containervervolg		{width:980px; float:left; padding:0px 10px 0 10px; display:inline; background: #fff url(../img/vervolgmenu_bg.png) left bottom no-repeat; min-height: 400px; }
DIV#footer					{width:980px; float:left; padding:0 10px; display:inline; background-color: #fff;}
DIV#bottom					{height: 5px; font-size:0; line-height:0; width:1000px; float:left; display:inline; background: url(../img/bottom.png) bottom left no-repeat;}
DIV#footer2					{width:980px; float:left; padding:0 10px; display:inline; height:24px;}
DIV#footer2 P				{color:#fff; font-size:11px; line-height:20px;}
DIV#footer2 P SPAN			{padding:0 5px; color:#666;}
DIV#footer2 P A				{color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
DIV#footer2 P A:hover,
DIV#footer2 P A:focus		{color:#fff; text-decoration:none; bborder-bottom:1px solid #fff;}
DIV#preloader				{display:none; visibility:hidden;}


/* Inloggen */
DIV#inloggen ul 		{list-style:none; float:right; margin:10px 20px 0 0; padding:0 15px 0 0; width:435px; height:20px; border-right:1px solid #000;}
DIV#inloggen ul li 		{position:relative; float:right; margin:0; padding:0; height: 20px;}
DIV#inloggen ul li a 	{font-size:12px; line-height:20px; height:20px; margin:0; padding:0; font-weight:bold; text-decoration:none; color:#000;}
DIV#inloggen ul li a:hover,
DIV#inloggen ul li a:focus {text-decoration:underline;}



/* Zoeken*/
#zoeken .zoektekst			{float:left; background:url(../img/bg_zoeken.png) top left no-repeat; height:16px; border:1px solid #ccc; padding:2px 5px; width:220px; font-family:arial; font-size:12px; line-height:16px; color:#000000;}
#zoeken .zoekknop			{float:left; margin:0 0 0 1px; width:60px; height:22px; background:url(../img/button_bg.png) top left repeat-x; border:0; padding:0; cursor:pointer; text-decoration:none; text-align:center; color:#FFF; font-weight:bold; line-height:22px;}



/* Menu */
ul.menu 					{list-style:none; margin:2px 0 0 200px; padding:0; width:800px; height:36px; color:#fff;}
ul.menu * 					{margin:0; padding:0}
ul.menu a {color:#ffffff;}
ul.menu li.hoofdmenu_nosub 	{position:relative; float:left; margin:0; padding:0 0 0 2px; height: 36px; z-index:999; background:url(../img/menu_line.png) 0 0 no-repeat;}
ul.menu li.hoofdmenu_nosub a{font-size:14px; line-height:30px; height:30px; padding:3px 13px; margin:0; font-weight:bold; text-decoration:none; float:left;}
ul.menu .menulink			{padding:3px 13px;}
ul.menu li.hoofdmenu 		{position:relative; float:left; margin:0; padding:0 0 0 2px; height: 36px; z-index:999; background:url(../img/menu_line.png) 0 0 no-repeat;}
ul.menu li.hoofdmenu a 		{font-size:14px; line-height:30px; height:30px; padding:3px 13px; margin:0; font-weight:bold; text-decoration:none; float:left;}
ul.menu li.hoofdmenu a.menulink	{padding:3px 20px 3px 13px; background:url(../img/menu_arrow.png) center right no-repeat;}

ul.menu li.hoofdmenu_nosub a:hover{color:#F8E616;}

/* Menu Aan */
ul.menu li.aan A 				{border-top:3px solid #F8E616; font-size:14px; line-height:30px; height:30px; padding-top:0 !important; color:#F8E616; }

/* Menu Hover */
ul.menu li.menuhover A {border-top:3px solid #000; color:#000 !important; padding-top:0 !important; background: #FFF url(../img/menu_arrow_hover.png) center right no-repeat !important;}

/* Menu Submenu */
DIV#menu ul.menu ul 			{position:absolute; top:36px; left:1px; background: url(../img/submenubg.png) bottom left no-repeat; display:none; list-style:none; width:215px; z-index:888; padding:10px 20px 18px 1px;}
DIV#menu ul.menu ul.last 		{left:-135px;}
DIV#menu ul.menu ul li 			{position:relative; border-top:none; width:215px; height:auto; padding:0; margin:0;}
DIV#menu ul.menu ul li a 		{display:block; color:#000; text-decoration: none; margin: 0; padding:8px 10px 8px 30px; float: none; line-height: 18px; width:183px;font-size: 12px; font-weight:normal; border:0; background:#fff url(../img/submenu_arrow.png) 10px 4px no-repeat !important; height:auto;}
DIV#menu ul.menu ul li a:hover,
DIV#menu ul.menu ul li a:focus 	{background:#fff url(../img/submenu_arrow_hover.png) 10px 4px no-repeat !important;}
DIV#menu ul.menu ul li .aan 	{background:#fff url(../img/submenu_arrow_hover.png) 10px 4px no-repeat !important;}




/* Sponsoren */
DIV#sponsors_top					{width:980px; height: 36px; float:left; padding:0; display:inline; background:url(../img/footer_top.png)}
DIV#sponsors_top .hoofdspon			{padding:9px 90px 0px 10px; font-weight:bold; float:left;}
DIV#sponsors_top .subspon			{padding:9px 100px 0px 10px; font-weight:bold; float:left;}
DIV#sponsors_middle					{width:958px; height:110px; float:left; border-left:1px solid #CCC; border-right:1px solid #CCC; padding:10px; display:inline;}
DIV#sponsors_bottom					{width:980px; height: 15px; float:left; padding:0; display:inline; background: #fff url(../img/footer_bottom.png) 0 0 no-repeat;}

DIV#sponsors_middle A				{display:block; background-image:url(../img/sponsors.png); float:left; padding:0; height:110px; text-indent:-999em;}
A.beukenhorst						{width:120px; background-position:0 0;  margin:0 35px 0 10px;}
	A.beukenhorst:hover,
	A.beukenhorst:focus				{background-position:0 -110px;}
A.frontis							{width:117px; background-position:-153px 0; margin:0 9px 0 0;}
	A.frontis:hover,
	A.frontis:focus					{background-position:-153px -110px;}
A.rabobank							{width:130px; background-position:-280px 0; margin:0 9px 0 0;}
	A.rabobank:hover,
	A.rabobank:focus					{background-position:-280px -110px;}
A.tuunte							{width:145px; background-position:-425px 0; margin:0 9px 0 0;}
	A.tuunte:hover,
	A.tuunte:focus					{background-position:-425px -110px;}
A.wassink							{width:190px; background-position:-580px 0; margin:0 9px 0 0;}
	A.wassink:hover,
	A.wassink:focus					{background-position:-580px -110px;}
A.leugemors							{width:170px; background-position:-780px 0; margin:0 0px 0 0;}
	A.leugemors:hover,
	A.leugemors:focus				{background-position:-780px -110px;}
	
	
	
/* Homepagina */

DIV#kolom1						{width:375px; float:left; margin:0 10px 0 0; padding-top:8px; overflow:hidden;}
DIV#kolom2						{width:375px; float:left; margin:0 10px 0 0; padding-top:8px; overflow:hidden;}
DIV#kolom3						{width:210px; float:left; margin:0  0   0 0; padding-top:8px; padding-bottom:10px; overflow:hidden;}
DIV#kolom4						{width:210px; float:left; margin:0 10px 0 0; overflow:hidden;}
DIV#kolom5						{width:520px; float:left; margin:0 10px 0 0; overflow:hidden; padding:0px 10px 10px 10px;}
DIV#kolom6						{width:660px; float:left; margin:0 0px 0 0; overflow:hidden; padding:0px 0px 10px 10px;}
DIV#kolom7						{width:750px; float:left; margin:0 0px 0 0; overflow:hidden; padding:0px 0px 10px 10px;}

.iframe {width:750px; background:#f9f9f9;}

DIV#kolom3 ul					{margin:0px; padding:0px;}
DIV#kolom3 ul li				{list-style:none; margin:0px; padding:0px;}
DIV#kolom3 ul li a				{background:url(../img/submenu_arrow2.png) no-repeat top left; width:170px; float:left;  padding:0px 0px 0px 20px; font-weight:normal; }
DIV#kolom3 ul li a:hover		{background:url(../img/submenu_arrow_hover2.png) no-repeat top left; }
DIV#kolom3 P.datum 				{margin: 0; color:#666;}
DIV#kolom3 a, DIV#kolom3 a:hover{text-decoration:none;}

DIV#uitgelicht					{height: 360px; width:375px; float:left; margin:0 0 10px 0; padding:0; background-image:url(../img/home_uitgelicht.png)}
	.item						{height: 340px; width:355px; float:left; margin:10px;}
	.item_foto					{height: 250px; width:355px; float:left;}
	.item_beschrijving			{height:  70px; width:335px; float:left; text-decoration:none; padding:10px; background: url(../img/home_uitgelicht_beschrijving.png) 0 0 repeat-x;}
	.item_beschrijving:hover,
	.item_beschrijving:focus	{background: #000 none;}
	.item_beschrijving H1		{margin:2px 0; padding:0; color:#FFF; text-decoration:none;}
	.item_beschrijving P		{margin:0; padding:0; color:#FFF; text-decoration:none;}


DIV#handigelinks				{height: 200px; width:355px; float:left; margin:0 0 10px 0; padding:10px; background-image:url(../img/home_handigelinks.png)}
DIV#handigelinks ul					{margin:0px; padding:0px;}
DIV#handigelinks ul li				{list-style:none; margin:0px; padding:0px 0px 0px 0px;}
DIV#handigelinks ul li a				{background:url(../img/submenu_arrow2.png) no-repeat top left; width:330px; float:left;  padding:0px 0px 5px 20px; font-weight:normal; text-decoration:none;}
DIV#handigelinks ul li a:hover		{background:url(../img/submenu_arrow_hover2.png) no-repeat top left; text-decoration:none;}


DIV#laatstenieuws				{height: 200px; width:355px; float:left; margin:0 0 10px 0; padding:10px; background-image:url(../img/home_handigelinks.png)}
	DIV#laatstenieuws_top		{width:355px; height: 30px; float:left; padding:10px 10px 0 10px; background:url(../img/home_laatstenieuws_top.png);}
	DIV#laatstenieuws_middle	{width:355px; padding:0 10px; float:left; display:inline; background:url(../img/home_laatstenieuws_middle.png);}
	DIV#laatstenieuws_bottom	{width:375px; height: 10px; float:left; padding:0; background: #fff url(../img/home_laatstenieuws_bottom.png) 0 0 no-repeat;}



DIV#home_agenda_top				{width:190px; height: 30px; float:left; padding:10px 10px 0 10px; background:url(../img/home_agenda_top.png);}
DIV#home_agenda_middle			{width:190px; padding:0 10px; float:left; display:inline; background:url(../img/home_agenda_middle.png);}
DIV#home_agenda_bottom			{width:210px; height: 10px; float:left; margin:0 0 10px 0; padding:0; background: #fff url(../img/home_agenda_bottom.png) 0 0 no-repeat;}


DIV#home_laatstenieuws_top		{width:190px; height: 30px; float:left; padding:10px 10px 0 10px; background:url(../img/home_agenda_top.png);}
DIV#home_laatstenieuws_middle	{width:190px; padding:0 10px; float:left; display:inline; background:url(../img/home_agenda_middle.png);}
DIV#home_laatstenieuws_bottom	{width:210px; height: 10px; float:left; margin:0 0 10px 0; padding:0; background: #fff url(../img/home_agenda_bottom.png) 0 0 no-repeat;}


A#home_jubileum					{width:180px; height: 100px; float:left; padding:15px; background:url(../img/home_jubileum.png) top left no-repeat;}
A#home_jubileum:hover			{background:url(../img/home_jubileum.png) bottom left no-repeat;}
A#home_jubileum H1				{color:#F8E616; font-size:20px;}
A#home_jubileum P				{color:#fff; font-size:12px;}



/* nieuws */
.pagination 				{float:right; text-align:right; margin:0px; padding:0px 5px 0px 0px;}
.pagination .pagtekst		{display:block; line-height:20px; font-size:12px; height:20px; border:none; font-weight:bold; color:#000; float:left; padding:0 10px; margin:2px;}

.pagination .pag			{display:block; line-height:20px; font-size:12px; height:20px; border:none; color:#fff; background-color:#000; text-align:center; font-weight:bold; float:left; margin: 0px 1px 0px 0px; padding:0 7px; cursor:pointer;}

.pagination .pag:focus,
.pagination .pag:hover		{color:#000; background-color:#F8E616; cursor:pointer !important;}

.pagination span.aan,
.pagination span.aan:hover,
.pagination span.aan:focus	{color:#000; background-color:#F8E616; cursor:pointer !important; }

#slides						{margin:0px; padding:0px; overflow:hidden;}

.nieuws_item 				{width: 350px;height: 114px; padding:0; margin: 0 0 14px 0; border-bottom:1px solid #CCC; }
.nieuws_item_afbeelding		{height:114px; width:150px; float:left;}
.nieuws_item_tekst			{height:114px; width:180px; padding:0 0 0 20px; float:left;}
.nieuws_item H3 			{margin: 0; padding:0;}
.nieuws_item P 				{margin: 0; padding:0; }
.nieuws_item P.datum 		{margin: 10px 0 0 0; color:#666;}

DIV#toggleThis				{float:left; width:458px; overflow:hidden; min-height:10px}

/*Vervolg*/

#vervolgmenu_top				{width:190px; height: 30px; float:left; border-top:10px solid #ffffff; padding:10px 10px 0 10px; background:url(../img/home_agenda_top.png);}
#vervolgmenu_middle			{width:190px; padding:0 10px; float:left; display:inline; background:url(../img/home_agenda_middle.png);}
#vervolgmenu_bottom			{width:210px; height: 10px; float:left; margin:0 0 10px 0; padding:0; background: #fff url(../img/home_agenda_bottom.png) 0 0 no-repeat;}
#vervolgmenu_middle	 ul					{margin:0px; padding:0px;}
#vervolgmenu_middle	 ul li				{list-style:none; margin:0px; padding:0px;}
#vervolgmenu_middle	 ul li a				{background:url(../img/submenu_arrow2.png) no-repeat top left; width:170px; float:left;  padding:0px 0px 5px 20px; font-weight:normal; }
#vervolgmenu_middle	 ul li a:hover		{background:url(../img/submenu_arrow_hover2.png) no-repeat top left; }
#vervolgmenu_middle	 a, DIV#kolom3 a:hover{text-decoration:none;}
#vervolgmenu_middle	 ul li .aan				{background:url(../img/submenu_arrow_hover2.png) no-repeat top left; }
#vervolgmenu_middle	 .dieper li a	{width:170px; margin-left:0px; background:none; }
#vervolgmenu_middle	 .dieper li a:hover	{width:170px; margin-left:0px; background:none; text-decoration:underline;}
#vervolgmenu_middle	 .dieper  .aan				{font-weight:bold;}
#vervolgmenu_middle	.dieper .dieper li a	{width:130px; margin-left:0px; width:150px; background:none; padding-left:40px;}


.breadcrumb					{font-size:11px; padding:8px 0px 12px 0px;}
.breadcrumb a				{text-decoration:underline; font-size:11px;}
.breadcrumb .sep			{padding:0px; margin:0px; font-size:10px;}

.zoekblok {font-size:12px;} 
.but-inloggen {cursor:pointer;}
.cc_zoekknop input {background:#000000; font-weight:bold; color:#ffffff; padding:3px 10px 3px 10px; border:0px; font-size:12px;} 
.zoekmelding .h1 {font-size:12px;} 
.pic_nieuws	{float:left; padding-right:20px; padding-top:5px; min-height:150px; _height:150px; padding-bottom:10px;}
.header1news	{font-size:12px; padding:0px; margin:0px;}
.dedatum {margin: 10px 0 0 0; color:#666;}
.leesmeernieuws {border-bottom:#000000 1px dotted; text-decoration:none;}
.kolom5 A {border-bottom:#000000 1px dotted; text-decoration:none;}
.kolom5 A:hover {border-bottom:#000000 1px solid; text-decoration:none;}
.calendarCalendar {padding:0px;}
.agendaveld2 input {background:url(../img/bg_zoeken.png) top left no-repeat; height:16px; border:1px solid #ccc; padding:2px 5px;}
.cc_zoekveld input {background:url(../img/bg_zoeken.png) top left no-repeat; height:16px; border:1px solid #ccc; padding:2px 5px;}
.cc_pulldown select {height:22px;}
.inloggentext {background:url(../img/bg_zoeken.png) top left no-repeat; height:16px; border:1px solid #ccc; padding:2px 5px;}
.but-inloggen {background:#000000; color:#ffffff; padding:3px 10px 3px 10px; font-weight:bold; border:0px; }
.nieuwslijn	{float: left; width:520px; border-top:1px #000000 dotted; height:20px;}
.formverzenden {background:#000000; color:#ffffff; padding:3px 10px 3px 10px; font-weight:bold; border:0px; }
.cc_agenda .agendazoeken {font-weight:bold;}
.cc_zoekveld input {width:150px;}



/* COUNTDOWN */
#top {background:url(../img/top_2011.png) !important;}
#countdown_dashboard {height: 40px; position:absolute; top:50px; left:200px;}
.dash {width:50px; height:35px; padding-top:5px;	background:transparent url('../img/countdown/dash.png') left bottom no-repeat;	float:left;	margin-left:2px; padding-left:25px;	position:relative; color:#333;}
.weeks_dash {background: transparent url('../img/countdown/dark_weeks_dash.png') left bottom no-repeat;}
.days_dash {background: transparent url('../img/countdown/dark_days_dash.png') left bottom no-repeat;}
.hours_dash {background: transparent url('../img/countdown/dark_hours_dash.png') left bottom no-repeat;}
.minutes_dash {background: transparent url('../img/countdown/dark_minutes_dash.png') left bottom no-repeat;}
.seconds_dash {background: transparent url('../img/countdown/dark_seconds_dash.png') left bottom no-repeat;}
.dash .digit {font: bold 30px Arial;font-weight: bold;float: left;width: 23px;text-align: center;position: relative; padding:0px 0px 1px 1px;}
.dash_title {display: none;}
.faded {color: #999;}
#loading {text-align: center;margin: 10px;display: none;position: absolute;width: 100%;	top: 60px;}