﻿html,body, form						{ margin: 0px; padding: 0px; width: 100%; height: 100%;}

body											{ background-color: #92918F; background-image: url(../img/bgBody.jpg); background-repeat: repeat-x; }

body,td,a,p,th,ul,ol			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; vertical-align: top; }

a													{ text-decoration: underline; }
a:hover										{ text-decoration: underline; color: #F5821F; }

th												{ font-weight: normal; text-align: left; }
img												{ border: none 0px #000000;}
table											{ border-collapse: collapse; }

ul												{ list-style-image: url(../img/bullet.gif); }

/*-----------------------------------------------------------
	stijlen voor de container(s) van alle elementen
------------------------------------------------------------*/

div#divMasterTop 				{ z-index: 1200; position: absolute; width: 994px; height: 140px; left: 50%; margin: 0 0 0 -497px; background-image: url(../img/bgTopV3.jpg); background-repeat: no-repeat; }
div#divMasterLeft 			{ z-index: 1300; position: absolute; width:  60px; height: 100%; left: 50%; margin: 0 0 0 -497px; background-image: url(../img/bgLeft.jpg); background-repeat: no-repeat; }
div#divMasterRight 			{ z-index: 1300; position: absolute; width:  60px; height: 100%; left: 50%; margin: 0 0 0  437px; background-image: url(../img/bgRight.jpg); background-repeat: no-repeat; background-position: -5px 0px; }
div#divMasterMiddle			{ z-index: 1000; position: absolute; width: 900px; height: 100%; left: 50%; margin: 0 0 0  -450px; background-color: #fff; }
div#divMasterContainer 	{ z-index: 1100; position: absolute; width: 993px; left: 50%; margin: 0 0 0 -497px; background-image: url(../img/bgContentContainer.jpg); background-repeat: repeat-y;}

div#divMaster						{ margin: 140px 0px 10px 60px; width: 874px; }

div#divMasterTop a#clickHome				{ position: absolute; display: block; top: 40px; left:  50px; width: 610px; height: 60px; text-decoration: none; }
div#divMasterTop a#clickMKBNijmegen { position: absolute; display: block; top: 30px; left: 760px; width: 180px; height: 80px; text-decoration: none; }


table#tblMasterContainer 														{ width: 870px; border: none 1px black; vertical-align: top; }
table#tblMasterContainer td													{ vertical-align: top; text-align: left; }
table#tblMasterContainer td#tdMasterContainer				{ vertical-align: top; }

table#tblContainer 										{ width: 950px; border: none 1px red; background-image: url(../img/bgBody.gif); background-repeat: repeat-x;}
table#tblContainer td#tdTop						{ text-align: left; vertical-align: top; border: solid 0px black; height: 114px; background-image: url(../img/bgTop.jpg); background-repeat: no-repeat; }

div#divLeftColumn									{ width: 233px; background-color: #fff; margin-left: 0px; overflow: hidden; margin-bottom: 20px; }
div#divContent										{ width: 389px; background-color: #fff; overflow: hidden; margin: 20px 0px; }
div#divRightColumn								{ width: 232px; background-color: #fff; overflow: hidden; }

img.c1		{ width: 233px; height: 1px; background-color: Transparent; }
img.c2		{ width: 416px; height: 1px; background-color: Transparent; }
img.c3		{ width: 225px; height: 1px; background-color: Transparent; }

div#divContent.twoColumn					{ width: 641px; }
div#divContent.twoColumn img.c2		{ width: 641px; }
div#divContent.twoColumn img.c3		{ width: 0px; visibility: hidden; display: none;  }

td#tdRightColumn.twoColumn				{ visibility: hidden; display: none; }
div#divRightColumn.twoColumn			{ visibility: hidden; display: none; }

td#footer													{ border-top: solid 1px #F5821F; padding: 10px 0px; text-align: right; }
td#footer a												{ float: right; }

/*--------------------------------------------------------------------------------------
 stijlen voor het inhoudsgedeelte
----------------------------------------------------------------------------------------*/

div#contentContainer 					{  display: block; position: inherit; height: auto; width: 100%; margin: 0; padding: 0px; border: 0px solid #8f8; }

table#tblInhoud  							{ margin: 0px; padding: 0; width: 100%; height: auto; }
table#tblInhoud  td#inhoud		{ text-align: left; color: #000; }

table#tblInhoud  h1						{ font-size: 20px; font-weight: bold; color: #666; text-transform: uppercase; padding: 0px; margin: 0px 0px 1em 0px; line-height: 24px; }
table#tblInhoud  h2						{ font-size: 14px; font-weight: bold; color: #666; margin: 1em 0px 0px 0px; }
table#tblInhoud  td						{ margin: 0px; line-height: 18px; }
table#tblInhoud  th						{ margin: 0px; line-height: 18px; }
table#tblInhoud  p		    		{ margin: 0px; line-height: 18px; margin: 1em 0px 1em 0px; }
table#tblInhoud  ul						{ line-height: 18px; padding-left: 20px; }
table#tblInhoud  ol						{ line-height: 18px; }
table#tblInhoud  a						{ color: #666666; text-decoration: underline; line-height: 18px; }
table#tblInhoud  a:hover			{ color: #F5821F;		text-decoration: underline; }
table#tblInhoud  a:visited		{ color: #8888ff; text-decoration: underline; }

table#tblInhoud  table.adresgegevens td	{ padding: 0px 20px 4px 0px; }
table#tblInhoud  img.right							{ margin: 0px 0px 8px 2em; }
table#tblInhoud  img.left								{ margin: 0px 2em 8px 0px; }

/*--------------------------------------------------------------------------------------
 stijlen voor het homepagebuttons
----------------------------------------------------------------------------------------*/

div#HomePageButtons																		{ border: 0px solid #008; display: block; position: inherit; height: auto; width: 100%; }
div#HomePageButtons table#hpButtons										{ margin-top: 10px; float: none; border: 0px solid red; 	}
div#HomePageButtons table#hpButtons td.reageer				{ padding: 0px 8px; height: 168px; } 
div#HomePageButtons table#hpButtons a									{ line-height: normal; vertical-align: middle; }

div#HomePageButtons div#hpButtonsUitleg1							{ width: 250px; overflow: hidden; background-color: #FFE7CF; }
div#HomePageButtons div#hpButtonsUitleg2							{ display: none; visibility: hidden; width: 388px; overflow: hidden; background-color: #FFE7CF; }
div#HomePageButtons div#hpButtonsUitleg3							{ display: none; visibility: hidden; width: 388px; overflow: hidden; background-color: #FFE7CF; }

div#HomePageButtons  h1						{ font-size: 18px; font-weight: bold; color: #666; text-transform: uppercase; padding: 0px; margin: 0px 0px 1em 0px; }
div#HomePageButtons  h2						{ font-size: 14px; font-weight: bold; color: #666; margin: 1em 0px 0px 0px; }
div#HomePageButtons  td						{ margin: 0px; line-height: 18px; }
div#HomePageButtons  th						{ margin: 0px; line-height: 18px; }
div#HomePageButtons  p		    		{ margin: 0px; line-height: 18px; margin: 1em 0px 1em 0px; }
div#HomePageButtons  ul						{ line-height: 18px; padding-left: 20px; }
div#HomePageButtons  ol						{ line-height: 18px; }
div#HomePageButtons  a						{ color: #666666; text-decoration: underline; line-height: 18px; vertical-align: middle; }
div#HomePageButtons  a:hover			{ color: #F5821F;		text-decoration: underline; }
div#HomePageButtons  a:visited		{ color: #8888ff; text-decoration: underline; }

div#HomePageButtons div.hbContent	{ padding: 10px 10px 0px 10px; }

div#HomePageButtons h1#columntemplateheader		{ font-size: 14px; padding: 0px; margin: 0px; color: #F78419; font-weight: bold; }
div#HomePageButtons p#columntemplatebody			{ padding: 0px; margin: 0px;  }
div#HomePageButtons p#columntemplatebody p		{ padding: 0px; margin: 0px;  }

/*--------------------------------------------------------------------------------------
 stijlen voor het linkegedeelte
----------------------------------------------------------------------------------------*/

div#divLeftColumn	p.intro								{ font-size: 12px; font-weight: bold; margin: 10px 0px 8px 0px; padding: 0px; line-height: 18px; }
div#divLeftColumn	p.intro strong				{ color: #F5821F; }
div#divLeftColumn	a.oranje							{ font-weight: bold; text-decoration: none; color: #F5821F;}
div#divLeftColumn	a.oranje:hover				{ text-decoration: underline; }

div#divLeftColumn	ul										{ margin: 18px 0px 30px 0px; margin-left: 16px; line-height: 20px;}

div#divLeftColumn table#visualRechts		{ }
div#divLeftColumn td.content						{ background-image: url(../img/visualRechtsBG.jpg); background-repeat: repeat-y; }
div#divLeftColumn table#visualRechts p	{ margin: 0px 20px 10px 20px;  font-size: 10px; color: #CED6F2; width: 180px; line-height: 14px; }

/*--------------------------------------------------------------------------------------
 stijlen voor het rechtergedeelte
----------------------------------------------------------------------------------------*/

div#divRightColumn	p.intro								{ font-size: 12px; font-weight: bold; margin: 0px; padding: 5px; line-height: 18px; background-color: #F5821F; color: #fff; }
div#divRightColumn	p.intro strong				{ color: #F5821F; }
div#divRightColumn	ul										{ margin-top: 4px; margin-left: 16px; line-height: 18px;}

/*-------------------------------------------------------------------------------------
 stijlen voor de RSS
----------------------------------------------------------------------------------------*/

div#rss													{ width: 225px; overflow: hidden; padding: 10px; background-image: url(../img/bgRssFeed.jpg); background-repeat: no-repeat; margin: 0px; }
div#rss h1											{ font-size: 18px; color: #fff; font-weight: bold; text-transform: uppercase; padding: 0px; margin: 0px 0px 1em 0px; }
div#rss p												{ font-size: 10px; color: #fff; padding: 0px; margin: 1em 0px 0px 0px;}
div#rss a												{ font-size: 10px; color: #fff;}
div#rss a:hover									{ color: #1E49B6;}
div#rss div.module							{ height:180px; overlfow-y:auto; }

/*-------------------------------------------------------------------------------------
 stijlen voor het nieuwsoverzicht
----------------------------------------------------------------------------------------*/

div#nieuwsContent													{ background-color: #fff; padding: 20px 10px 10px 10px; margin-bottom: 10px; }
div#nieuwsContent h1											{ font-size: 18px; color: #999; font-weight: bold; text-transform: uppercase; padding: 0px; margin: 0px 0px 1em 0px; }
div#nieuwsContent div.linkNaarOverzicht		{ margin: 10px 0px; }
div#nieuwsContent td.newsArchief					{ padding: 0px 0px 10px 0px; }
div#nieuwsContent table.newsItem th				{ padding: 0px 0px 0px 0px; font-weight: bold; font-size: 11px;  }
div#nieuwsContent table.newsItem td				{ line-height: 16px; font-size: 11px;  }
div#nieuwsContent table.newsItem td.meer	{ text-align: right; padding: 4px 0px 10px 0px; }
div#nieuwsContent table.newsItem td.meer a	{ font-size: 11px; }

/*--------------------------------------------------------------------------------------
 stijlen voor het agendaoverzicht
----------------------------------------------------------------------------------------*/

div#agendaContent													{ padding: 10px 20px 0px 10px; margin: 10px 0px 0px 0px; background-image: url(../img/bgAgendaTop.jpg); background-repeat: no-repeat; }
div#agendaContent h1											{ font-size: 18px; color: #999; font-weight: bold; text-transform: uppercase; padding: 0px; margin: 0px 0px 1em 0px; }
div#agendaContent div#newsitems						{ width: 225px; background-color: Red; }
div#agendaContent div.linkNaarOverzicht		{ margin: 10px 0px; }
div#agendaContent td.newsArchief					{ padding: 0px 0px 10px 0px; }
div#agendaContent table.newsItem th				{ color: #999; padding: 0px 0px 0px 0px; font-weight: bold; font-size: 18px;  }
div#agendaContent table.newsItem td				{ color: #999; line-height: 16px; font-size: 11px;  }
div#agendaContent table.newsItem td.meer	{ text-align: right; padding: 10px 0px 0px 0px; }
div#agendaContent table.newsItem td.meer a				{ color: #666; font-size: 11px; }
div#agendaContent table.newsItem td.meer a:hover	{ color: #000; }

div#agendaContentBottom										{ margin: 0px 0px 10px 0px; padding: 0px; }

/*--------------------------------------------------------------------------------------
 stijlen voor de verschillende menu's
----------------------------------------------------------------------------------------*/

div#menuContainer												{ z-index: 1500; top: 0px; left: 0px; height: 50px; background-image: url(../img/bgMenu.jpg); background-repeat: repeat-x; background-position: 0px 20px; }

div#linksTop														{ float: right; }
div#linksTop a													{ color: #999; text-decoration: none; font-size: 10px;}
div#linksTop a:hover										{ color: #F5821F; text-decoration: underline;}
div#linksTop td													{ padding: 0px 10px; border-right: solid 1px #999; }
div#linksTop td.f												{ padding: 0px 10px; border-right: solid 1px #999; }
div#linksTop td.l												{ padding: 0px 0px 0px 10px; border-right: none 1px #999; }

div#menuTop															{ z-index: 1500; position: relative; top: 6px; left: 97px; }
div#menuTop a														{ height: 20px; font-size: 10px; text-transform: uppercase; font-weight: bold; overflow: hidden; color: #fff; text-decoration: none; cursor:pointer; }
div#menuTop a														{ background-color: #FEC796; color: #fff; background-image: url(../img/bgMenu.jpg); background-repeat: repeat-x; background-position: 0px 40px; }
div#menuTop a:hover,
div#menuTop a.focused:hover							{ background-color: #F5821F; color: #fff; background-image: url(../img/bgMenuActive.jpg); background-repeat: repeat-x; background-position: 0px 40px; }
div#menuTop a.focused										{ background-color: #F5821F; color: #fff; background-image: url(../img/bgMenuActive.jpg); background-repeat: repeat-x; background-position: 0px 40px; }

div#menuTop a.linkTop										{ text-align: center; border: none; background-position: 0px 0px; }
div#menuTop a.linkTop span							{ width: 104px; text-align: center; }
div#menuTop a.linkTopActive							{ text-align: center;  border: none; background-position: 0px 0px; background-color: #fff; color: #F78418; }
div#menuTop a.linkTopActive:hover				{ text-align: center;  border: none; background-position: 0px 0px; background-color: #fff; color: #F78418; }
div#menuTop a.linkTopActive span				{ width: 104px; text-align: center; }

div#menuTop li.last											{ border-right: solid 1px white; }
div#menuTop li.item											{ border-left:  solid 1px white; }

/*-----------------------------------------------------------
	Images
------------------------------------------------------------*/

adiv#sectionImageContainer								{ border: solid 0px green; position: absolute; z-index: 20; left: 527px; top: 4px; width: 253px; height: 134px; padding: 0px; margin: 0px; } 

/*-----------------------------------------------------------
	Images
------------------------------------------------------------*/

table.contactFormulier th									{ padding: 0 2em 0px 2em; border: 0px solid black; text-align: left; font-size: 11px; color: #999;}
table.contactFormulier .checkbox					{ font-size: 11px; }
table.contactFormulier input							{ width: 290px; margin-top: 4px; margin-right: 4px; height: 14px; font-family: Verdana, Arial; }
table.contactFormulier textarea						{ width: 290px; margin-top: 4px; margin-right: 4px; font-size: 11px; font-family: Verdana, Arial;}
table.contactFormulier td.knoppen					{ text-align: right; padding: 1em 0px; }
table.contactFormulier td.knoppen	input		{ width: 100px; height: auto; }
table.contactFormulier td.checkBox span		{ width: 200px; height: auto; }
table.contactFormulier td.checkBox input	{ width: 20px; padding: 0px; margin: 0px; }
table.contactFormulier td.upload					{ width: 290px; padding-left: 2px;  }
table.contactFormulier td.upload input		{ width: 290px; padding: 0px; margin: 0px; font-size: 11px; font-family: Verdana, Arial; height: 21px;}

/*-----------------------------------------------------------
	Kruimelpad
------------------------------------------------------------*/

div#crumbContainer											{ font-size: 11px; color: #999; position: absolute; z-index: 300; left: 234px; top: 100px; border: none 1px green; padding: 0px; margin: 0px; }
div#crumbContainer div#crumbPath				{ display: none;}

/*-----------------------------------------------------------
	Zoeken
------------------------------------------------------------*/

table.tblResults									{ border: none 1px green; margin-top: 1em; margin-bottom: 2em; }
table.tblResults td.title					{ font-weight: bold; padding: 0px 0px 1em 0px; }
table.tblResults td.criteria			{ font-weight: bold; padding: 0px 0px 1em 0px; }
table.tblResults div.result				{ border: solid 1px #aaa; margin: 0px 0px 10px 0px; padding: 0.5em; background-color: #eee; display: inline-block; }
table.tblResults p.resultTitle		{ font-weight: bold; }
table.tblResults div.result a			{ float: right; }
table.tblResults ul								{ padding-left: 20px; }

/*--------------------------------------------------------------------------------------
 stijlen voor de sitemap
----------------------------------------------------------------------------------------*/

div#sitemap li.d1										{ margin-left:  20px; font-weight: bold; font-size: 16px; line-height: 1.5em; }
div#sitemap li.d2										{ margin-left:  40px; font-weight: normal; font-size: 14px; line-height: 1.5em; }
div#sitemap li.d3										{ margin-left:  60px; font-weight: normal; font-size: 12px; line-height: 1.5em; }
div#sitemap li.d4										{ margin-left:  80px; }
div#sitemap li.d5										{ margin-left: 100px; }

div#sitemap a												{ color: White; }
div#sitemap a:hover									{ color: #37A4C9; text-decoration: underline; }

/*--------------------------------------------------------------------------------------
 styles voor externe-link-pagina
----------------------------------------------------------------------------------------*/

div#divFrameForExternalPage					{ width: 620px; height: auto; }
div#divFrameForExternalPage iframe	{ width: 620px; height: 500px; }
