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


/* General
----------------*/
BODY 						{line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; background-color: #fff;}
DIV,SPAN 					{margin: 0; padding: 0; background: none; float: left;}
P 							{line-height: 1.6em; color: #000; margin: 2px 0 18px 0; padding: 0;}
A							{color: inherit; text-decoration:underline; outline:none; margin:0; padding:0; background:none; color:#DC2B19;}
A:hover, A:focus 			{text-decoration: none; color:#DC2B19}
A IMG						{border:0;}
H1 							{font-size: 26px; color: #DC2B19; margin: 0 0 20px; padding:0; font-weight:bold;}
H1 SPAN						{font-size: 25px; font-weight:normal; }
H2 							{font-size: 12px; color: #000; margin: 25px 0 2px 0; padding:0;}

A.pdf 						{display: block; color:#666; text-decoration:underline; padding:3px 8px; margin:0 0 5px 0; width: auto;}
A.pdf:focus,
A.pdf:hover 				{color:#000; text-decoration:underline;}
A.leesverder				{height:20px; line-height:20px; display:block; padding:0 0 0 12px; background:url(../img/arrow2.png) 0 6px no-repeat; color:#000; text-decoration:underline;}
A.back						{display: none;}



/* Divjes
----------------------- */
DIV#container 				{width: 100%; overflow: hidden; float: none; margin:0 auto;}
DIV#header	 				{display: none; }
DIV#menu 					{display: none;}
DIV#container2 				{width: 100%; overflow: hidden; background-color:#fff; padding:20px 0 0 0; }
DIV#kruimelpad 				{display: none;}
DIV#print	 				{display: none;}
DIV#print A		 			{display: none;}
DIV#home	 				{width: 580px; margin:0; padding:10px 30px 30px 40px; display:inline;}
DIV#sidebar 				{width: 250px; margin:0; padding:10px 30px 30px 40px; display:inline;}
DIV#submenu 				{display: none;}
DIV#rubrieken 				{width: 320px; margin:0; padding:20px 0 30px 0px; display:inline;}
DIV#content 				{width: 650px; margin:0; padding:20px 30px 30px 0; display:inline;}
DIV#content2 				{width: 350px; margin:0; padding:20px 30px 30px 0; display:inline;}
DIV#contentbreed 			{width: 100%; margin:0; padding:20px 0; display:inline;}
DIV#footer 					{width: 100%; height:60px; background: white url(../img/footer.png) 0 0 no-repeat;}
DIV#footerleft 				{width: 100%; height:60px; display:inline;}
DIV#footerright 			{display: none;}



/* Footer
----------------------- */
DIV#footerleft P			{color: #666; font-size: 10px; margin:11px 0 0 0; border-top: 1px solid #000;}
DIV#footerleft A			{color: #666;}



/* Nieuwshome
----------------------- */
DIV.newsitem 				{margin: 0 0 35px 0; width: 250px;}
DIV.newsitem H2 			{font-size: 12px; color: #000; margin: 0; padding:0;}
DIV.newsitem P 				{margin: 0 0 10px 0; padding: 0;}


/* Nieuwspagina
----------------------- */
DIV.newsitems 				{margin: 0 0 40px 40px; width: 385px; padding: 20px; border:1px solid #ccc; display:inline; min-height:150px; height:auto !important; height:150px;}
DIV.newsitems:hover,
DIV.newsitems:focus			{border:1px solid #DC2B19; cursor:pointer;}
DIV.newsitems H1 			{font-size: 15px; color: #DC2B19; margin: 0 0 10px 0; padding:0;}
DIV.newsitems P 			{margin: 0 0 10px 0; padding: 0;}
DIV.newsitems A.more,
DIV.newsitems A.more:hover,
DIV.newsitems A.more:focus 	{float:right; text-align:right; height:20px; line-height:20px; display:block; padding:0 18px 0 0; background:url(../img/arrow2.png) 75px 5px no-repeat; color:#000; text-decoration:none;}

.newstitle 					{width:385px; display:inline; float:left;}
.newsintro 					{width:385px; display:inline; float:left;}




/* Kolommen
----------------------- */
DIV#content #kolomtitel		{margin: 10px 0; width: 100%;}
#kolomtitel IMG				{margin: 0 auto; }
DIV#content #kolom1			{margin: 0; width: 100%; }
DIV#content #kolom2			{margin: 0; width: 100%; }

DIV#contentbreed #kolomtitel{margin: 0; width: 100%; }
DIV#contentbreed #kolom1	{margin: 0; width: 100%; }
DIV#contentbreed #kolom2	{margin: 0; width: 100%; }

DIV#content2 #kolomtitel	{margin: 0; width: 100%; }
DIV#content2 #kolom1		{margin: 0; width: 100%; }
DIV#content2 #kolom2		{margin: 0; width: 100%; }
DIV#content2 #kolompdf,
DIV#content2 #kolommovie	{margin: 0; width: 100%; }



/* Rubrieken
----------------------- */
DIV#rubriekenlijst 			{width: 400px; margin:30px 0 10px 0; display:inline;}
DIV.rubriek_item			{width: 300px; height:auto; display:inline;}
DIV.rubriek_left			{width: 55px; padding:5px; text-align:center; display:inline;}
DIV.rubriek_right			{width: 195px; padding:5px 20px; display:inline;}
DIV.rubriek_right H2		{margin: 0 0 2px 0;}
DIV.rubriek_right P			{margin: 2px 0;}
DIV.rubriek_right H2 A		{color: #000; text-decoration:underline;}

DIV.rubriek_item:hover,
DIV.rubriek_item:focus		{background: #eae9e9 url(../img/arrow4.png) top right no-repeat; cursor:pointer;}
DIV.rubriek_item:hover H2 A,
DIV.rubriek_item:focus H2 A	{color: #DC2B19; text-decoration:none;}



/* Homelist
----------------------- */
DIV#tabel #top,
DIV#tabel #middle,
DIV#tabel #bottom			{width:590px; }
DIV#tabel #middle			{background: url(../img/home_middle.png) top left repeat-y;}
DIV#top .left				{display: block; text-indent:-999em; width: 275px; height:50px; background: url(../img/home_ms.png) top left no-repeat; margin-right:35px; float: left;}
DIV#top .right				{display: block; text-indent:-999em; width: 275px; height:50px; background: url(../img/home_sa.png) top left no-repeat; float: left;}
DIV#middle .left			{width: 245px; padding:15px; margin-right:35px;}
DIV#middle .right			{width: 245px; padding:15px;}
DIV#bottom .left			{width: 275px; height:19px; background: url(../img/home_bottom.png) top left no-repeat; margin-right:35px;}
DIV#bottom .right			{width: 275px; height:19px; background: url(../img/home_bottom.png) top left no-repeat;}
DIV#middle ul				{width: 245px; padding:0; margin: 0; border-bottom:1px dotted #ccc; float: left; }
DIV#middle ul li			{width: 200px; padding:7px 5px 7px 40px; margin:0; border-top:1px dotted #ccc;; float: left; list-style:none; color:#000; font-weight:bold; font-size:11px; }
DIV#middle ul li.icon1		{background: #fff url(../img/icon1.png) left center no-repeat;}
DIV#middle ul li.icon2		{background: #fff url(../img/icon2.png) left center no-repeat;}
DIV#middle ul li.icon3		{background: #fff url(../img/icon3.png) left center no-repeat;}
DIV#middle ul li.icon4		{background: #fff url(../img/icon4.png) left center no-repeat;}
DIV#middle ul li.icon5		{background: #fff url(../img/icon5.png) left center no-repeat;}
DIV#middle ul li.icon6		{background: #fff url(../img/icon6.png) left center no-repeat;}
DIV#middle ul li.icon7		{background: #fff url(../img/icon7.png) left center no-repeat;}
DIV#middle ul li.icon8		{background: #fff url(../img/icon8.png) left center no-repeat;}
DIV#middle ul li a			{color:#000; font-weight:bold; text-decoration:none; }
DIV#middle ul li a:hover,
DIV#middle ul li a:focus	{color:#000; font-weight:bold; text-decoration:underline; }



/* Contact
-------------------------------------------------------------- */
INPUT,
TEXTAREA,
SELECT 						{background-color: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; height:16px; padding: 4px 5px; width: 200px; overflow: auto;}
SELECT 						{width: 231px; height:26px;}
TEXTAREA 					{height:100px;}
INPUT:hover,
TEXTAREA:hover,
SELECT:hover 				{border: 1px solid #dc2b19;}
INPUT:focus,
TEXTAREA:focus,
SELECT:focus 				{border: 1px solid #dc2b19; outline: 1px solid #dc2b19;}
INPUT.versturen 			{background-color: #dc2b19; border: none; color: #ccc; height:22px; padding: 4px 6px; font-weight: bold; font-size: .9em; width: auto;}
INPUT.versturen:focus,
INPUT.versturen:hover 		{color: #fff; cursor: pointer;}