/*********************************************************************************
* GLOBAL ELEMENTS
**********************************************************************************/
html { overflow:auto;}
html, body							{ margin:0px 0px 0px 0px; height: 100%;}
img {border:0px;}
input.ImputTextSmall { width:20px;}
input.ImputTextMedium { width:40px;}

.TextBlock ul		{ margin-left: 15px;margin-top:5px;margin-bottom:5px;list-style-image:url(../images/bulletorange.jpg); }
.TextBlock ul ul	{ margin-top:5px;margin-bottom:5px; margin-left:20px; list-style-image:url(../images/bulletgray.jpg); }
.hidden	{ display:none; }

.datatable { border-collapse:collapse;}
.datatable .header {margin-top:5px;margin-bottom:5px;background-color:#747678;color:#ECECED;}
.datatable .even {margin-top:5px;margin-bottom:5px;background-color:#FFFFFF; }
.datatable .odd  {margin-top:5px;margin-bottom:5px;background-color:#ECECED; }

p.download {margin-bottom:30px;}
img.intextimageleft {margin-right:10px;float:left;}
img.intextimageright {margin-left:10px;float:right;}

img#rightimage1 { margin-bottom:-3px; }

/*********************************************************************************
* MAIN CONTENT CONTAINER
**********************************************************************************/
table.FrameWorkTable				{ /*height:100%;width:100%; */}
table#ContentTable					{ width:990px; }
table#ContentTable td				{ height:100%; }
table#ContentTable div#Content		{ height:100%; width:100%; }
div#MainContainer					{ min-height:100%; position:relative;}
div#MainContainer #ContentContainer { padding-bottom: 56px; }

/*********************************************************************************
* FRAMEWORK
**********************************************************************************/
td.FrameWorkFirstRow				{ height:10px; }
td.FrameWorkSecondRow				{ height:550px; vertical-align:top;}
td.FrameWorkFirstColumn				{ width: 30%; }
td.FrameWorkSecondColumn			{ width: 980px; }
td.FrameWorkThirdColumn				{ width: 70%; }

/*********************************************************************************
* FOOTER
**********************************************************************************/
div#MainContainer div#FooterContainer	{
	height: 46px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	text-align: center;
	overflow: hidden;

}
/*********************************************************************************
* MAIN TABLE
**********************************************************************************/
table#MainTable										{ width:980px; height:100%; }
table#MainTable tr#FirstTopSpacer					{ height:8px; }
table#MainTable tr#SecondTopSpacer					{ height:4px; }
tr#FirstBottomSpacer td.FrameWorkSecondColumn		{ height:4px; }
tr#SecondBottomSpacer td.FrameWorkSecondColumn		{ height:8px; }
tr#FooterRow td.FrameWorkSecondColumn				{ height:34px; }
table#MainTable td									{ vertical-align:top; }
table#MainTable td#MainTableLeft					{ width:180px; }
table#MainTable td#MainTableMiddle					{ width:680px; }
table#MainTable td#MainTableRight					{ width:120px; }
/* Left logo box */
table#MainTable td#MainTableLeft div#LeftLogoBox	{ background-repeat:no-repeat; width:100%; height:150px; }

/* Language Bar*/
table#MainTable div#MiddleLanguageBar										{ line-height:34px;  text-align:right; }
table#MainTable div#MiddleLanguageBar div#LanguageBox						{ padding-right:10px; }


/*Top menu*/
table#MainTable td#MainTableMiddle div#MiddleMenuBar { width:100%; display:block; float:none; background-color:#BEDEDE; height:32px; }

/* Top banner*/
table#MainTable td#MainTableMiddle div#MiddleBanner {
	width: 100%;
	height: 150px;
	display: block;
	float: none;
	overflow:hidden;
}

/* Left menu*/
table#MainTable td#MainTableLeft div#LeftMenu,
table#MainTable td#MainTableLeft div#LeftBanner						{ height:auto; }						
table#MainTable td#MainTableLeft div#LeftMenu ul					{ list-style:none; margin-left:0px; padding-left:0px; padding-left:10px; line-height:20px;}
table#MainTable td#MainTableLeft div#LeftMenu ul li a				{ margin-left:-10px; padding-left:10px; }
table#MainTable td#MainTableLeft div#LeftMenu ul ul li a			{ margin-left:-20px; padding-left:20px; width: 160px; }
table#MainTable td#MainTableLeft div#LeftMenu ul ul ul li a		{ margin-left:-30px; padding-left:30px;width: 150px; }
table#MainTable td#MainTableLeft div#LeftMenu ul a					{ display:block; width:100%;}

/* Left contact information*/
table#MainTable td#MainTableLeft div#LeftContactInformation 	{ padding: 10px 10px 10px 10px; width:160px; height:90px; position:absolute;bottom:60px;}
/* Searchbox */
table#MainTable td#MainTableRight div#RightSearchBox							{ width:114px; height:24px;padding:3px 3px 3px 3px;}
table#MainTable td#MainTableRight div#RightSearchBox div#RightSearchBoxText		{ display:block; float:left; }
table#MainTable td#MainTableRight div#RightSearchBox div#RightSearchBoxButton	{ margin-left:5px; display:block; float:left;margin-top:3px;}
table#MainTable td#MainTableRight div#RightSearchBox .SearchField				{ width:86px;margin:1px 0px 0px 1px;}

/* Right menu */
table#MainTable td#MainTableRight div#RightMenuBox 				{ height:120px;background-color:#D2D3D5;}
table#MainTable td#MainTableRight div#RightMenuBox ul			{ margin-top:0px; padding-left:0px; list-style:none; margin-left:0px; line-height:20px}
table#MainTable td#MainTableRight div#RightMenuBox a			{ width:110px; display:block; padding-left:10px;}

/*********************************************************************************
* TOP MENU
**********************************************************************************/
table#MainTable div#MiddleMenuBar ul#TopNavigation span.TopMenuSpacer { color: #FFFFFF; }
table#MainTable div#MiddleMenuBar ul#TopNavigation, 
table#MainTable div#MiddleMenuBar ul#TopNavigation ul					{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:35px; }
table#MainTable div#MiddleMenuBar ul#TopNavigation > li > ul			{ padding-top:13px;}
table#MainTable div#MiddleMenuBar ul#TopNavigation ul					{ line-height:23px;}
table#MainTable div#MiddleMenuBar ul#TopNavigation a					{ display:block; padding-left:15px; padding-right:15px; float:none;}
table#MainTable div#MiddleMenuBar ul#TopNavigation a.ActiveItem	{ background-color:#ECECED; color:black;}
table#MainTable div#MiddleMenuBar ul#TopNavigation a:hover			{ background-color:#ECECED; color:black;}

table#MainTable div#MiddleMenuBar ul#TopNavigation ul li a			{ padding-left:10px; line-height:24px;}
table#MainTable div#MiddleMenuBar ul#TopNavigation li				{ float:left; position:relative;}
table#MainTable div#MiddleMenuBar ul#TopNavigation ul li			{ float:none; height:20px;}
table#MainTable div#MiddleMenuBar ul#TopNavigation ul				{ position:absolute; display:none; top:34px; width:210px;}
table#MainTable div#MiddleMenuBar ul#TopNavigation li ul a			{ height:auto;}
table#MainTable div#MiddleMenuBar ul#TopNavigation ul ul			{ top:auto;}
table#MainTable div#MiddleMenuBar ul#TopNavigation li ul ul			{ margin:-24px 0 0 10px; left:200px;}
table#MainTable div#MiddleMenuBar ul#TopNavigation li ul ul.left	{ margin:-24px 0 0 10px; right:210px; left:auto;}

table#MainTable div#MiddleMenuBar ul#TopNavigation ul.ie6			{ background-color:#EE820F; }
table#MainTable div#MiddleMenuBar ul#TopNavigation ul.ie6 ul		{ background-color:#ECECED; margin:-24px 0 0 10px;}
table#MainTable div#MiddleMenuBar ul#TopNavigation ul.ie6 li a	{ display:block; width:185px; }

table#MainTable div#MiddleMenuBar ul#TopNavigation li:hover ul ul, 
table#MainTable div#MiddleMenuBar ul#TopNavigation li:hover ul ul ul, 
table#MainTable div#MiddleMenuBar ul#TopNavigation li:hover ul ul ul ul	{ display:none; }
table#MainTable div#MiddleMenuBar ul#TopNavigation li:hover ul, 
table#MainTable div#MiddleMenuBar ul#TopNavigation li li:hover ul, 
table#MainTable div#MiddleMenuBar ul#TopNavigation li li li:hover ul, 
table#MainTable div#MiddleMenuBar ul#TopNavigation li li li li:hover ul	{ display:block; }

/*********************************************************************************
* Blokken
**********************************************************************************/
/* Standaard formaat blokken */
div.Block {display:block; float:left; overflow:hidden;}
div.Block1x1{width:170px; height:200px;}
div.Block2x1{width:340px; height:200px;}
div.Block3x1{width:510px; height:200px;}
div.Block4x1{width:680px; height:200px;}
div.Block1x2{width:170px; height:400px;}
div.Block1x4{width:170px; height:800px;}
div.Block2x2{width:340px; height:400px;}
div.Block2x4{width:340px; height:800px;}
div.Block3x2{width:510px; height:400px;}
div.Block4x2{width:680px; height:400px;}
div.Block2x2Sitemap{width:340px; min-height:400px;height:100%;}
div.Block4x2Sitemap{width:680px; min-height:400px;height:100%;}
div.Block2x2Publicaties{width:340px; min-height:400px;height:100%;}
div.Block1x2Publicaties{width:170px; min-height:400px;height:100%;}

div#PageSkip { display:block; float:none; text-align:left; margin-top:10px; margin-left:10px;}
div.PrintBar {width:100%; margin-top:10px; margin-bottom:10px; text-align:right;}
div.PrintBar a {margin-right:10px;}

/*a.Block1WideBackgroundActive,
a.Block1WideBackground {display:block; float:left; width:150px; padding:2px 10px 2px 10px;}*/
a.Block1WideBackgroundActive,
a.Block1WideBackground {display:block; width:150px; padding:2px 10px 2px 10px;}
a.Block1WideBackgroundActive,
a.Block1WideBackground:hover {}

a.Block1WideBackgroundVacanciesActive,
a.Block1WideBackgroundVacancies {display:block; float:left; width:150px; padding:5px 10px 2px 10px;}


div.ImageBlock{ width:100%; height:100%;}
div.NewsBlock,
div.NewsBlockHome,
div.TextBlock{  margin:10px 10px 10px 10px;}
div.PublicationImageBlock{
	margin:10px 10px 10px 10px;
	text-align: right;
	 
}

div.FAQBlock{  margin:10px 0px 10px 0px;}

div.HomeNewsItemActive,
div.HomeNewsItemInactive 	{display:block; float:left; padding:0px 10px 10px 10px; width:320px;}
div.NewsTextHome			{width:300px; float:left;}
img.NewsImage				{float:right;}
img.NewsImageHome			{float:right;  margin-left:10px; margin-bottom:10px;}
img.NewsImageArchive		{float:right; margin-left:10px; margin-bottom:10px;}


div#NewsSearch div#NewsSearchText input {width:100px;}
div#NewsSearch div#NewsSearchText input#SearchButton {width:30px;}
div#NewsResults {width: 510px; padding:10px 0px 10px 0px;}
div#NewsResults table#NewsResultTable {width:100%; margin-bottom:20px;}
div#NewsResults table#NewsResultTable td.NewsResultText { width:440px;}
div#NewsResults table#NewsResultTable td.NewsResultDate { width:65px;}
div#NewsResults table#NewsResultTable tr { line-height: 20px;}


img.NewsLinePublication { float: right; margin-top: -25px; }
table#NewslineArchive {width:100%;}
table#NewslineArchive td.NewslineArchiveColumn1 {width:20%;}
table#NewslineArchive td.NewslineArchiveColumn2 {width:35%;}
table#NewslineArchive td.NewslineArchiveColumn3 {width:45%;}

table.ContactForm {width:100%;}
table.ContactForm td.ContactFormColumn1{ width:40%; }
table.ContactForm td.ContactFormColumn2{ width:60%; padding-right:10px; text-align:right;}
table.ContactForm td.ContactFormColumn2 textarea,
table.ContactForm td.ContactFormColumn2 input { width:100%;}

div.PhotoHeadSpace { height: 30px; width:330px;}
div.PhotoHeadSpace a{ float:right;padding-right: 10px; }
div.PhotoOverview {width:330px; height:358px; padding:10px 10px 10px 10px;}
div.PhotoOverview div.PhotoOverviewContainer {width:330px; height:260px; display:block; float:none;}
div.PhotoOverview div.PhotoOverviewContainerHidden {width:330px; height:260px; display:none; float:none;}
div.PhotoOverview div.PhotoOverviewContainer div.PhotoOverviewItem{height:80px; width:100px; display:block; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden; text-align: center;}
div.PhotoOverview div.PhotoOverviewContainerHidden div.PhotoOverviewItem{height:80px; width:100px; display:block; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden; text-align: center;}
div.PhotoOverview div.PhotoOverviewPreviousPage {height:25px; padding-top:20px;}
div#PhotoBig {height:328px; width:330px; text-align:center;}
div.PhotoBigActive {height:328px; width:330px; text-align:center;}
div.PhotoBigHidden {height:328px; width:330px; text-align:center;display:none;}
div.EventBlock {width:100%; height:100%; background-color:#FFFFFF;}
div.EventBlock div#EventBlockTitle {width:330px; height:20px; padding:10px 10px 10px 10px; }
div.EventBlock div.EventBlockItem, 
div.EventBlock div.EventBlockItemActive{width:100%; padding:10px 10px 10px 10px; display:block; float:left;}
div.EventBlock div.EventBlockItemActive {background-color: #C8EDFF;}
div.EventBlockItemText {height:100%; width:200px; display:block; float:left;}
div.EventBlockItemImage {height:100%; width:120px; display:block; float:left; overflow:hidden;margin-left:10px;}

/*
div.EvenPhotoBox { width:155px; padding:10px 10px 10px 10px;}
div.EvenPhotoBox, div.EvenPhotoBoxActive { background-color: #C8EDFF;}
*/

/*
div.EvenPhotoBox {background-color: #FFFFFF; width:100%; padding:10px 10px 10px 10px; display:block; float:left;}
div.EvenPhotoBoxActive {background-color: #ECECED; padding:10px 10px 10px 10px;}
*/

div.EvenPhotoBox, div.EvenPhotoBoxActive { width:150px; padding:10px 10px 10px 10px;}
div.EvenPhotoBoxActive { background-color: #ECECED;}

div#EventBlockInfo {background-color:#C8EDFF; height:400px; width:155px; padding:10px 10px 10px 10px;}
div#EventBlockInfo div.EventBlockInfoItem {display:none;}
div#EventBlockInfo div.EventBlockInfoItemActive {display:block;}

div#RightRequestNewsLetter {padding: 10px 10px 10px 10px; width:100px;}
div#RightRequestNewsLetter input { width:90px;}

div#ReferenceImageContainer {width:505px; padding:10px 10px 10px 10px; display:block; float:none;}
div#ReferenceImageContainer div.ReferenceImageBox {width:74px; height:75px; overflow:hidden; display:block; float:left; margin-right:10px; margin-bottom:10px;}
div.ReferendeBox {width:100%; margin-bottom:10px;}
div.ReferendeBox div.ReferenceImage {width:100px; padding:10px 10px 10px 10px; overflow:hidden; display:block; float:left;}
div.ReferendeBox div.ReferenceText {width:385px; padding:10px 10px 10px 10px; display:block; float:left;}

span.ContactImage {
	width: 20px;
	display:block;
	float:left;
}

div#rssFeed_div { width: 95%; display: block; padding: 5px 5px 5px 10px; }
/*********************************************************************************
* VERVOLG PAGINAS
**********************************************************************************/

div.MiddleContent { background-color:#ececed }

div.MiddleLong1Wide {width: 170px; height:100%; min-height: 400px; display:block;float:left; background-color:white;}
div.MiddleLong2Wide {width: 340px; height:100%; min-height: 400px; display:block;float:left; background-color:white;}
div.MiddleLong3Wide {width: 510px; height:100%; min-height: 400px; display:block;float:left; background-color:white;}

div.NewsBlock {width: 470px; height:100%; min-height: 400px; display:block;float:left;}

div.MiddleLong1Wide div.MiddleLongSideImage {width:150px; margin:10px 10px 10px 10px;}
div.MiddleLong1Wide div.MiddleLongSideLinks {width:150px; margin: 0px 10px 10px 10px;}
div.MiddleLong1Wide div.MiddleLongSideImageCaption {width:150px; margin: 0px 10px 10px 10px;}
div.MiddleLong1Wide div.MiddleLongSideImageLinks {vertical-align:middle;width:150px; margin:10px 0px 0px 10px; height:20px;}

div.MiddleLong1Wide div.MiddleLongSideImageCaption {font-size:10px; color: #9C9C9E;}
div.MiddleLong1Wide div.MiddleLongSideImageLinks a{display:block;float:right;margin-left:10px;}
div.MiddleLong1Wide div.MiddleLongSideLinks a{font-weight:bold; display:block;float:none;}
div.MiddleLong1Wide div.MiddleLongSideLinks a:hover{color:Red;}

div.MiddleLong1Wide div.MiddleLongSideImageLinks img{vertical-align:bottom;}

div#FooterAddressBox ul {color:#747477; margin:0; padding:0; list-style-type:none;list-style-position:outside; position:relative; width:980px}
div#FooterAddressBox ul li {display: inline; margin-right:5px; margin-left:5px;}
div#FooterAddressBox img { margin-right:5px; }
div#FooterAddressBox img.FooterContactImage { margin-bottom:2px }

img.kaderklein {border: 1px solid black;}
img.kadermiddel {border: 2px solid black;}
img.kadergroot {border: 3px solid black;}

div.pollOptionWrapper{clear:both;}
div.pollOption {clear:right;float:left;}
div.pollAnswerTitle {clear:right;float:left;margin-left:5px;}
div.pollAnswerDescription {clear:right;float:left;margin-left:3px;color:#747477}
div.pollSubmit{clear:both;padding-top:5px;}