/****************************************************************************************************************************

	CSS Layout StudentenStad.eu
	https://www.StudentenStad.eu	

	Aanpassingsdatum: 2012
    	Ontwerper: I
    
******************************************************************************************************************************/


/* Desktop html1049x2081px
/* Body 1024px x 2168px

/* Header 1024px x 165px
/* MiddleBox 620px x 1675px (leftbox + MiddleBoxContent)
  /* #MiddleBox height: 1800px; 20151113 20151114 height: 1770px; /* 1780px; /* 20151113 fit; /* 20151113 1680px;  /* 1675px; */
  /* #body height: 2168px; */
/* RightBox 200px x 811px
/* Footer 1024px x 205px
/* FooterBox 1024px x 195px




/* Mobile 
/* 980 px x 
/* text 700px x
/* Righttext 220px (right: -10px) Marge links en rechts 10px => RightBox240px



/*  width: 1024px; -> 820px;

Body

#Body
  width: 820px; /* 20181017 100%; /* 20160127 width: 1024px; */
  margin-left: -204px; /* 20181017*/

/*
Header




<div id="StudieSelecterenLogoBox">
	<div id="UniversiteitStudieLogoBox">	<div id="StudieSelecterenLogoBox">

	#HogeschoolStudieLogoBox

	#UniversiteitStudieLogoBox

#StudieSelecterenLogoBox

  margin-left: 201px; /* 20181017 */



<div id="LogoText">

#LogoText a
  right: 142px; /* 20181017 160px; /* 37px */

#LogoText a:hover
  right: 142px; /* 20181017 /* 37px */



<div id="ConstructionBox">
#ConstructionBox
  margin-left: 204px; /* 20181017 */
  left: 0px; /* 20181018 30px; /* 320px; */


<div id="menu">
#Menu
  margin-left: 204px; /* 20181017 */



Footer

<div id="Fnote2">
#Fnote2
  margin-left: 204px; /* 20181017 */

*/

/* --- 20160414  20160704 Welcome_Page.php Next Text Each Orther Folding Target Rows Nieuws 2_2 --- */

/* ------------------------------------------- Control ----------------------------------------- */






#Welcom_PageBox
  {
  position: relative; /* 20160127 absolute; */
  Margin: 0px 0px 0px 0px; /* 20160217 5px 0px 0px 0px; /* 20160127 auto; */
  padding: 0px 0px 0px 0px; /* 20160217 */  
  width: 1024px;
/* 20151120   min-width: 1024px; */
/*  padding: 10px 0px 0px 0px; */
  height: fit; 185px; /* 20160127 200px -8px -5ps padding   190px; */
 /* 20160127 border-top: 5px solid #276395;  */
  font-family: Tahoma, sans-serif, Verdana, Arial, Helvetica;
  /* background: #2215bf; */
  background: url("FooterBox_Background_1024x200.jpg") no-repeat left top;  /* 20160127 */
  color: white;
  font-size: 80%;
  text-align: center;
  line-height:140%;
/*   background: url("FooterBox_Background_1024x200.jpg") no-repeat left top; */
  clear: both;
  }

#Welcome_PageContent
  {
  position: relative;
  margin-bottom: 0px;
  margin: 0px 0px 0px 0px; /* 20160217 */
  padding: 0px 0px 0px 0px;
  text-align: left;
  line-height: 150%;
  /* color: white;*/
  }

#Welcome_PageContentBox
  {
  /* position: relative; */
  float: left;
  display: block;
  width: 300px; /* 20160217 160px; */
  margin: 0px 0px 0px 0px; /* 20160217 0px 20px 0pt 20px; */
  text-align: left;
  color: rgb(255,255,255);
  line-height: 150%;
  font-size:90%
  }

#Welcome_PageHeadingActueel
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 175px; /* 20160217 160px; */
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  }

#Welcome_PageHeadingPublicaties
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 175px; /* 20160217 160px; */
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  }

#Welcome_PageHeadingFeitenCijfers
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 175px; /* 20160217 160px; */
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  }

#Welcome_PageHeadingStudieZaken
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 175px; /* 20160217 160px; */
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  }

#Welcome_PageHeadingContact
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 175px; /* 20160217 160px; */
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  }

/* --- 20160414  20160704 Welcome_Page.php Next Text Each Orther Folding Target Rows Nieuws 2_2 --- */


/* ------------------------- 20160414  Folding Target Rows Nieuws 1_2 ----------------------- */

div.meer_nieuws :not(:target) {display: none}
div.meer_nieuws :target {display: block; font-size:95%}
div.minder_nieuws :not(:target) {display: none}
div.minder_nieuws :target {display: block; font-size:95%}

/* ------------------------- 20160414  Folding Target Rows Nieuws 2_2 ----------------------- */



/* ------------------------- 20160414  Folding Target Tekst 1_2 ----------------------- */

div.meer_tekst p:not(:target) {display: none}
div.meer_tekst p:target {display: block; font-size:95%}
div.minder_tekst p:not(:target) {display: none}
div.minder_tekst p:target {display: block; font-size:95%}

/* ------------------------- 20160414  Folding Target Tekst 2_2 ----------------------- */



/* ----------------- test 20160413 altenate css style welcome_page.php 1_2 -----------------*/
#view05
{
 height: 30px;
 overflow: collapsae;

}


.Meer
{
/* Overflow: auto;*/
 visibility: hidden;
}

/* ----------------- test 20160413 altenate css style welcome_page.php 2_2 -----------------*/


/* ---------------------------- 20160412 Folding Text 1_2 --------------------------- */

div.topic {
    display: none;
    margin-bottom: 1em;
    padding: .25em;
    border: black thin solid;
    background-color: #EEEEFF;
    width: 40em;
}

p.button {
    margin: .25em;
    padding: .25em;  
}

a.buttonControl {
  color: #004400;
  text-decoration: none;
  border-bottom: 1px solid #004400;
}

a.buttonControl:hover,
a.buttonControl:active,
a.buttonControl:focus {
  color: #880000;
  border-bottom: 2px solid #880000;
}	

/* ----------------------------------- 20160412 Folding Text 2_2 -------------------------------------- */




/* ------------------------------------------- Control 1_2 ----------------------------------------- */

#ReturnButton
  {
  display: block;
  position: absolute; /* 20151119 */
  top: 10px; /* 20160129 */
  right: 10px;
  
/*   margin-bottom: 0px; /* 20151119 -180px; */
  margin-right: 0px;
  width: 30px; /* 20151119 400px; */
/*  text-align: center; */
  
  /* line-height: 130%;
  text-decoration: none; */
  z-index: 10;
    }

#ReturnButton a:link
  {
  line-height: 100%; /* 201511119  200%; */
  font-weight: bold; /* 20160129 */
  font-size: 300%;
  color: white;
  text-decoration: none;  }

#ReturnButton a:visited
  {color: white;
    text-decoration: none;
  }

#ReturnButton a:active
  {color: white;
	text-decoration: none;
  }

#ReturnButton a:hover
  {display: block;
  color: yellow;
  /* 20151119 left: 252px; */
  font-weight: bold; /* 20151119 none; */
  /* font-size: 100% */
  /* line-height: 130%; */
  }

/*------------------------------ ReturnButton1 1_2 -------------------------------- */
#ReturnButton1
  {
  /* float: right; */
  position: relative;
  top: 6px; /* -15px; 20160204 */
  right: -91px;
  width: fit;
  display: block;  
  /* 20151222 width: fit; /* auto; */
  type-align: top;  /* float: right; */
  padding: 0px;

  height: 40px; /*20160104*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  
  vertical-align: bottom;
  font-family: Tahoma, Arial, sans-serif;
  /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size : 150%;  /* 20160104 */
  color: #ffffff;
  font-weight: bold;
  }

#ReturnButton1 ul
  {
  /* float: right; */
  position: relative; /* 20151222 */
  /* 20151222 top: 0px; /* 20151222 13px; */
  /* 20151222 right: 0px;  /* 20151222 15px; */
  width: 100%; /* 20160129 */
  top: 0px; /* 2060206 0px; /* 20160104 */
  height: 100%; /* 20160104 */
  list-style: none;
  line-height: normal;
  text-align: right;
  
/*   margin-top: 5px; */
  padding: 0px;
  border: none;
  }


#ReturnButton1 li
  {
  margin: 0px;
  list-style: none;
  list-style-image: none;
  display: inline;
  font-size: 150%
  }

#ReturnButton1 li a
  {
  display: inline;
  padding: 2px 2px 2px 2px;
  /* 20151222 padding: 2px 2px 2px 0.4em; *? */
  color: white;
  height: 40px; /* 20160129 */
    font-size: 150%;  /* 20160104 */
  font-weight: bold;
  text-decoration: none;
  /* width: 100%; */
  }

#ReturnButton1 li a:hover
  {
/*  display: inline; 20160129 */
  font-weight: bold;
  font-size: 150%;  /* 20160104 */
  color: yellow; /* #255577;  donker blauw */
  text-decoration: none;
/*   width: 100%; */
  }  
/*---------------------------------     ReturnButton1  2_2 -------------------- */

  
/* ------------------------------------------- Control 2_2 ----------------------------------------- */




/*--------------------------------- Body ----------------------------------- */


/* --------------------------------- Website Frame ------------------------- */

#html
   {
  height: fit;   /* 20160518 */
  max-height: 3500px;   /* 20160518 */
  /* height: 2367px; /* 2267px; /* 20160214 2168px;  /* Link Structure - Relative Sizes:

  #html #body <->   hoofdstructuur.preliminary(#BodyContent) <---
  hoofdstructuur.preliminary(#BodyContent) <-> #MiddleBox
  #MiddleBox <-> hoofdstructuur.preliminary(#BodyContent)
  #MiddleBoxContent


  #html height: 2168px; 2267px (veranderd) / (2311px-EN-chrome)
  #Body height: 2160px; 2251px-NL / 2301px (2301px-EN-chrome)
  #BodyContent height: 1780px; 1871px-NL / 1921-EN (1871-EN_chrome)
  #MiddleBox height: 1770px; 1860px-NL / 1911-EN (1860-EN_chrome)
  MiddleBoxContent height: fit;-NL / fit-EN
   
  */
 
  
  
  
  /* 20151113 2068px; /* 1903px; */
  width: 100%; /* fit; /* 20160109 1030px; /* 20151113 1024px ; */
  margin: 0px 0px 0px 0px; /* 20151114 */
  padding:0px 0px 0px 0px; /* 20151114  padding:0pt 0px; */
  border: none;
  /* #MiddleBox height: 1800px; 20151113 */
  /* #Body height: 2160px; /* 20151113  1800 px 2068px; /* #body height: 2168px; */
  /* #bodycontent height: 1800px; */
    /* #Footer position: relative; /* 20151113 relative; */
    /* #Footer Top: 10px; /* 20151113  Top: 1681px; */
    /* #Footer bottom:  20151113 0px; */
  /* MiddleBox height: 1770px; /* 1780px; /* 20151113 fit; /* 20151113 1680px;  /* 1675px; */
  
  
  /* Structuur opzetten HTML page */
  }
  
/* --------------------------------- Website Frame ------------------------- */



#Body
  {

  display: block; /* 20160518 */
/* --------------  20160518   1_2  -------------------*/


  position: relative; /* 20151029 absolute; /* relative; /* 20151003 */
  top: 0px; /* 20151003 */
  bottom: 0px; /* 20151029 */


/* --------------  20160518   2_2  -------------------*/
  
  
  
  
  

  margin: 0px 0px 0px 0px; /* 20151113 0.4em 1.6% 0.4em; */
/*  float: center; */
  padding:0px 0px 0px 0px;

  width: 820px; /* 20181017 100%; /* 20160127 width: 1024px; */
  margin-left: -204px; /* 20181017

  /* min-width: 960px; 20151113 */
  height: fit; /* 20160518 2361px; /* 2301px; /*2251px; /* 20160214 2160px;   /* Link Structure - Relative Sizes:

  #html #body <->   hoofdstructuur.preliminary(#BodyContent) <---
  hoofdstructuur.preliminary(#BodyContent) <-> #MiddleBox
  #MiddleBox <-> hoofdstructuur.preliminary(#BodyContent)
  #MiddleBoxContent


  #html height: 2168px; 2267px (veranderd) / 2267px-EN

  #Body height: 2160px; 2251px-NL / 2301px (2251px-EN-chrome)

  #BodyContent height: 1780px; 1871px-NL / 1921-EN (1871-EN_chrome)
  #MiddleBox height: 1770px; 1860px-NL / 1911-EN (1860-EN_chrome)
  MiddleBoxContent height: fit;-NL / fit-EN
   
  */



  /* 20151113  1800 px 2068px; /* -- height: 1865px; +200px footer -2px line  */
  left: 0px; /* 20151113 */
  background: none repeat scroll 0% 0% rgb(255,255,255);
  font-family:  Verdana, sans-serif;
  font-size: 100%;
  line-height: 150%;
/*  box-shadow: 1px 1px 2px 2px rgb(0,0,30); /* .6pt 0.6em 1em 0.4em rgb(0,0,30); */
  /* box-shadow: .6pt 0.6em 1em 0.4em rgb(0,0,30); 20151113 */
  }


#BodyContent
  {
  display: block;
  position: relative;
  top: 0px;
  left: 0px; /* 20151113 */
  width: 1024px;
  margin: 0px 0px 0px 0px; /* 20151113 */
  /* min-width: 960px; */
  height: fit; /* 20160518  height: 1988px; /* 20160214 1780px;  /* Link Structure - Relative Sizes:

  #html #body <->   hoofdstructuur.preliminary(#BodyContent) <---
  hoofdstructuur.preliminary(#BodyContent) <-> #MiddleBox
  #MiddleBox <-> hoofdstructuur.preliminary(#BodyContent)
  #MiddleBoxContent


  #html height: 2168px; 2267px-NL (veranderd) / 2267px-EN
  #Body height: 2160px; 2251px-NL / 2251px-EN
  #BodyContent height: 1780px; 1871px-NL / 1921-EN (1871-EN_chrome)
  #MiddleBox height: 1770px; 1860px-NL / 1911-EN (1860-EN_chrome)
  MiddleBoxContent height: fit;-NL / fit-EN
   
  */

  
  
  
  
  /* 20151113 1800px; /*  20151113 1750px; /* auto; /* 1700px */
  font-size: 100%;
  text-decoration: none;
  }

/*--------------------------------- Body ----------------------------------- */
  

/*---------------------------------- MiddleBox ----------------------------- */
#MiddleBox
  {
  display: block;
  overflow: hidden; /* auto; /* 20151223 ipv scroll of hidden; */
  /* top: 10px; */
  position: relative; /* 20160518  position: absolute; */
  margin-left: 202px;
  margin-top: 6px; /* 20160217 0px; /*-1688px; */
  margin-bottom: 6px; /* 20151114 10px; /* 20150907 10px; /*-12px; */
  /*   margin-top: -1748px, -1688px; - Now +60px - Before "Left Bar menu" Onderwijs Systeem en Studie Kiezen */
  
  padding: 0px;
  width: 620px;
  height: fit; /* 20160518  height: 1982px;/* 1860px;/* 1770px; 20160214  /* Link Structure - Relative Sizes:

  #html #body <->   hoofdstructuur.preliminary(#BodyContent) <---
  hoofdstructuur.preliminary(#BodyContent) <-> #MiddleBox
  #MiddleBox <-> hoofdstructuur.preliminary(#BodyContent)
  #MiddleBoxContent


  #html height: 2168px; 2267px-NL (veranderd) / 2267px-EN
  #Body height: 2160px; 2251px-NL / 2251px-EN
  #BodyContent height: 1780px; 1871px-NL / 1921-EN (1871-EN_chrome)
  #MiddleBox height: 1770px; 1860px-NL / 1911-EN (1860-EN_chrome)
  MiddleBoxContent height: fit;-NL / fit-EN
   
  */

  
  
  
  /* 1780px; /* 20151113 fit; /* 20151113 1680px;  /* 1675px; */
  /* height: 1675px; */
/*   height: 1731px; 1671px; - Now +60px - Before "Left Bar menu" Onderwijs Systeem en Studie Kiezen*/
/* overflow: hidden;  */


/* left: 1%; */


box-shadow: .1pt 0.1em .1em 0.1em rgb(0,0,0); /* 20151222  */

  color: rgb(34,34,34);
  text-align: left;
  }

#MiddleBox after {content: '.'; clear: both; visibility: hidden; display: block; line-height: 140%; width:fit;}  
  
  
/*----------------------   MiddleBoxContent  ----------------------------- */
#MiddleBoxContent
  {
  display: block;
  
  position: relative;
  margin: 3px 3px 3px 3px;
  padding: 10px;
  height: fit;
  min-height: 2000px; /* 20160518 */
  max-height: 3500px; /* 20160518 */
  /* Link Structure - Relative Sizes:

  #html #body <->   hoofdstructuur.preliminary(#BodyContent) <---
  hoofdstructuur.preliminary(#BodyContent) <-> #MiddleBox
  #MiddleBox <-> hoofdstructuur.preliminary(#BodyContent)
  #MiddleBoxContent


  #html height: 2168px; 22671px (veranderd) / 2267px-EN
  #Body height: 2160px; 2251px-NL / 2251px-EN
  #BodyContent height: 1871px; 1871px-NL / 1871px-EN
  #MiddleBox height: 1860px; 1860-NL / 1911-EN (1860-EN_chrome)
  MiddleBoxContent height: fit;-NL / fit-EN
   
  */


  
  
  
  /*   height: 99.5%;  */
/*  width: 99%;  */
/* overflow: hidden;  */
/* left: 1%; */
/*   border: 1px solid rgb(0,0,255); */
  color: rgb(34,34,34);
  text-align: left;
/* overflow: scroll; /* 20151223 hidden; */
  width: fit;
  }  

/*-------------------------   MiddleBoxContent  -------------------------- */


/*------------------------ MiddleBoxContent2 ad 468x15 ----------------------- */
/*-------- Google Ad - 20150821 - Ad met Links 468x15 - 20150821.txt ---------*/


#MiddleBoxContent2
  {
  display: block;
  overflow: hidden;
  position: relative;
  top: 0px; /* 2px; */ /*  0.5em; */
  Left: -4px; /* 20160127 0px; /* 0.3em; */
  width: fit; /* 468px; /* 185px; */
  height: 60px;/* 20170118 16px; /* 1675px; */
	/* border-right: 1px solid #000; */
  text-decoration: none;
	/*  padding: 0 0 1em 0; */
	/*  margin-bottom: 1em; */
  margin-top: -7px;
  margin-bottom: 8px;
  margin-left: 0px;  /* 20160127 */
  padding-left: 0px;  /* 20160127 */	/*  padding: 10px; */
/*  font-family: Tahoma, Arial, sans-serif;*/
/*  font-weight: normal; */
	/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
/*  font-size: 67%; */
	/* background-color: #90bade; */
	/* color: #333; */
  text-align: left;
  }

/*-------- Google Ad - 20150821 - Ad met Links 468x15 - 20150821.txt ---------*/
/*------------------------ MiddleBoxContent2 ad 468x15 ----------------------- */
  
  
  

/*------------------------ MiddleBoxContent2 ad 468x15 ----------------------- */
/*-------- Google Ad - 20150821 - Ad met Links 468x15 - 20150821.txt ----------*/
/*---------------------------- Boven MiddleBoxContent -------------------------*/

#MiddleBoxContent2a
  {
  display: block;
  overflow: hidden;
  position: relative;
  top: 0px; /* 2px; */ /*  0.5em; */
  Left: -4px; /* 20160127 0px; /* 0.3em; */
  width: fit; /* 468px; /* 185px; */
  height: fit; //90px; /* 20170119 16px; /* 1675px; */
	/* border-right: 1px solid #000; */
  text-decoration: none;
	/*  padding: 0 0 1em 0; */
	/*  margin-bottom: 1em; */
  margin-top: -7px;
  margin-bottom: 8px;
  margin-left: 0px;  /* 20160127 */
  padding-left: 0px;  /* 20160127 */
	/*  padding: 10px; */
/*  font-family: Tahoma, Arial, sans-serif;*/
/*  font-weight: normal; */
	/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
/*  font-size: 67%; */
	/* background-color: #90bade; */
	/* color: #333; */
  text-align: left-top;
  }

/*-------- Google Ad - 20150821 - Ad met Links 468x15 - 20150821.txt ---------*/
/*------------------------ MiddleBoxContent2 ad 468x15 ----------------------- */
  
    
  


/*------------------------ MiddleBoxContent3 ad 468x15 ----------------------- */
/*-------- Google Ad - 20150821 - Ad met Links 468x15 - 20150821.txt ---------*/
/*---------------------------- Onder MiddleBoxContent -------------------------*/

#MiddleBoxContent3
  {
  display: block;
  overflow: hidden;
  position: relative; /* 201512 absolute; /* relative ... */
  bottom: 6px; /* 2px; */ /*  0.5em; */
  Left: 8px; /* 20160217 10px; /* 20160127 13px; /* 0.3em; */
  width: fit; /* 468px; /* 185px; */
  height: 16px; /* 1675px; */
	/* border-right: 1px solid #000; */
  text-decoration: none;
	/*  padding: 0 0 1em 0; */
/*  margin-top: 8px; */
  margin-top: 8px;
	/*  padding: 10px; */
/*  font-family: Tahoma, Arial, sans-serif;*/
/*  font-weight: normal; */
	/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
/*  font-size: 67%; */
	/* background-color: #90bade; */
	/* color: #333; */
  text-align: left-top;
  }

/*-------- Google Ad - 20150821 - Ad met Links 468x15 - 20150821.txt ---------*/
/*------------------------ MiddleBoxContent3 ad 468x15 ----------------------- */

  
A:link
  {
  color: black;
  text-decoration: none;
  }
 	
A:hover
  {
  color: blue;
  text-decoration: none;
  }

A:visited
  {
  color: purple;
	/* text-decoration: underline; */
  }

A:active
  {
  color: red;
  text-decoration: underline;
  }

table
  {
  margin-left: 5%;
  border-width: 0px;
  border: none;
  
  font-weight: normal;

  }

th
  {
  font-family: sans-serif; background: white;
  font-size: 80%;
  font-weight: normal;
/*  text-decoration: underline; */
  color: black;
/*   width: 50%; */
  }
td
  {
  font-family: sans-serif; background: white;
  font-size: 75%;text-decoration: none; font-weight: 100%;
/*  width: 90%; */
  }

h
  {
/*  font: bold 150% Verdana, Arial, Helvetica, Tahoma, sans-serif;  20160307*/
 font: bold 110% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
/*  padding: 0em 0px 0.15em 15px; */
  }


h1
  {
/*  font: bold 130% Verdana, Arial, Helvetica, Tahoma, sans-serif; 20160307 */
  font: bold 100% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
/* 20151215  padding: 0em 0px 0.15em 15px; */
  }

h2
  {
/*  font: bold 110% Verdana, Arial, Helvetica, Tahoma, sans-serif; 20160307*/
  font: bold 90% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
/* 20151215  padding: 0em 0px 0.15em 15px; */
  }

h3
  {
/* font: bold 90% Verdana, Arial, Helvetica, Tahoma, sans-serif; */
  font: bold 80% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
/* 20151215  padding: 0em 0px 0.15em 15px; */
  }

h4
  {
  font: bold 70% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
/* 20151215  padding: 0em 0px 0.15em 15px; */
  }



sup
{
  font: 60% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
  vertical-align: text-top;   /* text-top */
}  

sub
{
  font: 60% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
  vertical-align: text-bottom;   /* text-bottom */
}


  


article
  {
  width: 100%;
  }
  
  
p
  {
  font: 75% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  text-align: left;
  line-height: normal;

  background: none;
  margin: 0px;
  padding: 0em 0px 0px 0em;
  width: 100%;
  }

.regel /*  */
  {
  background:;
  text-decoration: none;
  list-style-type: none; 
  font-size: 13 ;
  font-weight: bold;
  }  
  
  
/*-------------------------------- CN ------------------------------------*/

hCN
  {
  font: bold 175% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
/*  padding: 0em 0px 0.15em 15px; */
  }


h1CN
  {
  font: bold 155% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
  padding: 0em 0px 0.15em 15px;
  }

h2CN
  {
  font: bold 135% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
  padding: 0em 0px 0.15em 15px;
  }

h3CN
  {
  font: bold 115% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
  padding: 0em 0px 0.15em 15px;
  }

h4CN
  {
  font: bold 95% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  margin: 0px;
  padding: 0em 0px 0.15em 15px;
  }

  
pCN
  {
  font: 100% Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  text-align: left;
  line-height: normal;
  clear: both;
  background: none;
  margin: 0px;
  padding: 0em 0px 0px 0em;
  }

/*----------------------------- CN -----------------------------------*/


img
  {
  border: none;
  }






/*--------------------------- Header -------------------------------- */

#Header
  {
  /* position: relative; */
  position: relative; /* 20160105 relative; */
  width: 100%; /* 20160127 fit; */
  Top: 0px;
  bottom:0px; /* 20151113 */
  height: 165px; /* 20151113 160px */
  Margin: 0px 0px 0px 0px; /* 20151113 auto; */

  padding: 0px 0px 0px 0px; /* 20160127 */
/* 20160127  background: url("HeaderBox_Background_1024x160.jpg") no-repeat left top; */
  /* border-bottom: 5px solid #276395; 20151113 */
  font-size: 100%;
  z-index: 1; /* 20160127 -999; /* (obsoleet...) -> z=1 ...20151113 */
  line-height:normal;
  text-align: center;
  /* color: white; */
  clear: both;
  }

/*
#Header
  {
  height: 165px;
  width: 100%;
  background: url("HeaderBox_Background_1024x160.jpg") no-repeat left top;
  border-bottom: 5px solid #276395;
  
  text-align: center;
  line-height: 150%;
  color: white;
  }
 */
 
/*--------------------------- Header: Headerbox -------------------------- */
#Headerbox
  {
/*  overflow: hidden; */
  /* position: absolute; */
  position: relative;/* 20160127  absolute; /* 20160105 absolute; */
  top: 0px; /* 20151113 */
  Margin: 0px 0px 0px 0px;
  width: 1024px; /* 20151113 fit; */
  padding: 0px 0px 0px 0px;
  height: 160px;
  vertical-align: top;
  /* border-bottom: 5px solid #276395; */
  /* border-bottom:5px solid #2763A5; */
  font-family: Tahoma, sans-serif, Verdana, Arial, Helvetica;
  background: url("HeaderBox_Background_1024x160.jpg") no-repeat left top; /* 20160127 */
  /* background: #2215bf; */
  font-size: 67%;
  text-align: left;
  line-height:normal;
  clear: both;
}



/*--------------------------------- Menu start --------------------------------- */

/*--------------------------------- TopTabs8 --------------------------------- */
#Menu8
  {
  display: block;
		/*   overflow: hidden; */
  position: relative;
  top: -125px; /* 20160105 8px;*/
  right: 5px;  /* 20160105 10px; */
  height: 30px;
/*  top: 0px; /*  0.5em; */
/*  Left: 200px; /* 0.3em; */
/*  width: 800px; /* 185px; */
		/* height: fit; /* 1675px; */
		/* border-right: 1px solid #000; */
/*  font-size: 100%; */
/* z-index:1; */
  }
#MenuTabs8
  {
  float: right;
  display: block;
/*  top: 0px; /* 20151222 13px; */
/*  right: 0px;  /* 20151222 15px; */
  /* top: -9em; */
  /* right: 1em; */
  type-align: right;
  list-style: none;
  line-height: normal;
  text-align: right;
  margin: 0;
  padding: 0;
  border: none;
  }

  
#MenuTabs8 ul
  {
  /* 2015122  float: right; */
  display: block;
  top: 0px; /* 20151222 13px; */
/*  right: 0px;  /* 20151222 15px; */
  /* top: -9em; */
  /* right: 1em; */
  type-align: right;
  list-style: none;
  line-height: normal;
  text-align: right;
  margin: 0;
  padding: 0;
  border: none;
  }


#MenuTabs8 li
  {
  margin: 0;
  list-style: none;
  list-style-image: none;
  display: inline;
  font-size: 300%
  }

#MenuTabs8 li a
  {
  display: inline;
  padding: 2px 2px 2px 2px;
  /* 20151222 padding: 2px 2px 2px 0.4em; *? */
  color: white;
  font-weight: bold;
  text-decoration: none;
  /* width: 100%; */
  }

#MenuTabs8 li a:hover
  {
  display: inline;
  font-weight: bold;
  font-size: 100%;
  color: yellow; /* #255577;  donker blauw */
  text-decoration: none;
/*   width: 100%; */
  }    
/*------------------------------ TopTabs8 -------------------------------- */
#TopTabs8
  {
  float: right;
  display: block;  
  /* 20151222 width: fit; /* auto; */
  type-align: bottom;  /* float: right; */
  padding: 0;
  top: 10px;
  margin-right: 10px;
  vertical-align: bottom;
  font-family: Tahoma, Arial, sans-serif;
  /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size : 100%;
  }

#TopTabs8 ul
  {
  /* float: right; */
/*20151222  position: relative; */
  /* 20151222 top: 0px; /* 20151222 13px; */
  /* 20151222 right: 0px;  /* 20151222 15px; */
  /* top: -9em; */
  list-style: none;
  line-height: normal;
  text-align: right;
  
/*   margin-top: 5px; */
  padding: 0;
  border: none;
  }


#TopTabs8 li
  {
  margin: 0;
  list-style: none;
  list-style-image: none;
  display: inline;
  font-size: 100%
  }

#TopTabs8 li a
  {
  display: inline;
  padding: 2px 2px 2px 2px;
  /* 20151222 padding: 2px 2px 2px 0.4em; *? */
  color: white;
  font-weight: bold;
  text-decoration: none;
  /* width: 100%; */
  }

#TopTabs8 li a:hover
  {
  display: inline;
  font-weight: bold;
  font-size: 100%;
  color: yellow; /* #255577;  donker blauw */
  text-decoration: none;
/*   width: 100%; */
  }  
/*---------------------------------     TopTabs8  -------------------- */



    
/*------------------------------ TopTabs8 -------------------------------- */
#TopTabs8a
  {
  float: right;
  display: block;  
  /* 20151222 width: fit; /* auto; */
  type-align: top;  /* float: right; */
  padding: 0px;
  top: 0px;
  height: 50px; /*20160104*/
  margin-right: 10px;
  vertical-align: bottom;
  font-family: Tahoma, Arial, sans-serif;
  /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size : 150%;  /* 20160104 */
  }

#TopTabs8a ul
  {
  /* float: right; */
  position: relative; /* 20151222 */
  /* 20151222 top: 0px; /* 20151222 13px; */
  /* 20151222 right: 0px;  /* 20151222 15px; */
  top: -20px; /* 20160104 */
  height: 100%; /* 20160104 */
  list-style: none;
  line-height: normal;
  text-align: right;
  
/*   margin-top: 5px; */
  padding: 0px;
  border: none;
  }


#TopTabs8a li
  {
  margin: 0px;
  list-style: none;
  list-style-image: none;
  display: inline;
  font-size: 150%
  }

#TopTabs8a li a
  {
  display: inline;
  padding: 2px 2px 2px 2px;
  /* 20151222 padding: 2px 2px 2px 0.4em; *? */
  color: white;
    font-size: 200%;  /* 20160104 */
  font-weight: bold;
  text-decoration: none;
  /* width: 100%; */
  }

#TopTabs8a li a:hover
  {
  display: inline;
  font-weight: bold;
  font-size: 200%;  /* 20160104 */
  color: yellow; /* #255577;  donker blauw */
  text-decoration: none;
/*   width: 100%; */
  }  
/*---------------------------------     TopTabs8a  -------------------- */





/*--------------------------------- TopTabs8 --------------------------------- */

/*------------------------------ TopTabs8CN -------------------------------- */






/*--------------------------------- MenuSearch --------------------------------- */
#MenuSearch
  {
  display: block;
		/*   overflow: hidden; */
  position: absolute; /* 20160206 relative; */
  bottom: 30px; /* top: 50px; /* -50px; 20160206 -24px; /* 20160105 136px; */
  right: 10px;
  width: 100%;  /* 20160104 */
  height: 25px; /* 20160104 */
  }

#Tabs10Search
  {
  position: absolute; /* 20160104 relative; /* 20160104 */
 /* float: right;  /* 2015122 */
  right: 0px; /* 20151223  -NL.css 200px */
  top: 0px; /* 2015122 */
  text-align: right;
  width: 100%;/* 20160104  auto; */
  font-size: 100%;
/*  border-bottom:1px solid #2763A5; */
  line-height:normal;
   }

   
#Tabs10Search ul
  {
  position: absolute; /* 20160104  relative;
  /* float: right; /* 20160104 */
  top: 0px; /* 20151222 123px;  /* -4.7em;  */
  right: 0px; /* 20151222 15px;  /* 0.5em; */
  width: fit; /* 20160104 */
  display: block; /* 20160104 */
  list-style:none;          
  text-align: right; 
  margin:0;
  padding:0;
  line-height: normal;
  }

#Tabs10Search li
  {
  position: relative; /* 20160104 */
  display: block; /* 20160104 */
  top: 0px; /* 20160104 */
  right: 0px; /* 20160104 */
  width: 100%; /* 20160104 */
  display:inline;
  text-align: right;
  margin: 0px; /* 0; 20150919 */
  padding: 0px;  /* 20150919 0; */
  font-weight: bold;
  }

/*--------------------------------- MenuSearch --------------------------------- */



















/*----------------------- MenuUploadVakkenPakketStudieGidsen --------------------------- */
#MenuUploadVakkenPakketStudieGidsen
  {
  position: absolute; /* relative; /* 20160105 absolute;*/

//  margin-left: 0px; /* 20181017 */
  left: 550px; /* 20181017 50px; /* 30px */
  top: 37px;
//  height: 130px;/* 130px; */
//  width: 250px; /* 20181017 350px; /* 200px */
  font-family: Tahoma, sans-serif, Verdana, Arial, Helvetica;
  font-size: 150%;
  color: #ee0fef;
  z-index: 999;
//  background: url("StudieSelecteren - Symbool 169x82px - 20120910e.png") no-repeat left top; /* */

//  right: 0px;
  width: 100%;  /* 20160104 */
  height: 90px; /* 20160104 */


}



/*
#LogoBox  
{
  position: relative;
  left: 7px;
  top: 3px;
  background:rgb(100,183,241);
  }
*/


  
#Tabs10SearchUpload a
  {


//  position: absolute;
  /* left: 10px; */
//  right: 0px; /* 20181017 160px; /* 37px */
  /* top: 40px; */ 
  left: 550px; /* 20181017 50px; /* 30px */
  bottom: 37px;
  text-align: right;
  font-size: 150%;
  font-weight: bold; 
  color: #ee0fef; /* #1248ce; //20170201 white;*/
  }

#Tabs10SearchUpload a:hover
  {

//  position: absolute;
  /* left: 10px; */
//  right: 0px; /* 20181017 160px; /* 37px */

  left: 550px; /* 20181017 50px; /* 30px */

  bottom: 37px; /* 37px */
  font-size: 155%;
  font-weight: bold;
  color: yellow; /* #25aaff; #1577ce; */


//  text-decoration: none;
//  text-align: left;
//  list-style: none;
//  display: block;
/*  list-style-image: none; */
  }
/*-------------------------- MenuUploadVakkenPakketStudieGidsen ----------------------- */















/*--------------------------------- Menu start --------------------------------- */

/*--------------------------------- Tabs10 --------------------------------- */
#Menu
 {
  display: block;
		/*   overflow: hidden; */

margin-left: 204px; /* 20181017 */


  position: relative;
  top: -24px; /* 20160105 136px; */
  right: 10px;
  width: 100%;  /* 20160104 */
  height: 25px; /* 20160104 */

/*  top: 0px; /*  0.5em; */
/*  Left: 200px; /* 0.3em; */
/*  width: 800px; /* 185px; */
		/* height: fit; /* 1675px; */
		/* border-right: 1px solid #000; */
/*  font-size: 100%; */
/* z-index:1; */
  }


/* #Tabs10 - 20150803
  {
  display: block;
  postion: relative;
  top: 180px;
  width:fit;
  height: auto;
  text-decoration: none;
  text-align: right;
  width: auto;
  font-size: 100%;
		/*  border-bottom:1px solid #2763A5; */
/*  line-height:normal;
   }
*/

#Tabs10
  {
  position: absolute; /* 20160104 relative; /* 20160104 */
 /* float: right;  /* 2015122 */
  right: 0px; /* 20151223  -NL.css 200px */
  top: 0px; /* 2015122 */
  text-align: right;
  width: 100%;/* 20160104  auto; */
  font-size: 100%;
/*  border-bottom:1px solid #2763A5; */
  line-height:normal;
  }


   
#Tabs10 ul
  {
  position: absolute; /* 20160104  relative;
  /* float: right; /* 20160104 */
  top: 0px; /* 20151222 123px;  /* -4.7em;  */
  right: 0px; /* 20151222 15px;  /* 0.5em; */
  width: fit; /* 20160104 */
  display: block; /* 20160104 */
  list-style:none;          
  text-align: right; 
  margin:0;
  padding:0;
  line-height: normal;
  }

#Tabs10 li
  {
  position: relative; /* 20160104 */
  display: block; /* 20160104 */
  top: 0px; /* 20160104 */
  right: 0px; /* 20160104 */
  width: 100%; /* 20160104 */
  display:inline;
  text-align: right;
  margin: 0px; /* 0; 20150919 */
  padding: 0px;  /* 20150919 0; */
  font-weight: bold;
  }

 #Tabs10 a
  { 
 float: left;/* 20160104  */
  
  background:url("tableft10.gif") no-repeat left top; /* 20150919 */
/*   background-color: #90bade; /* 20150919 */
  margin: 0px ;/* 0; 20150919 */
  padding: 1 1 1 1 px; /* 0 0 0 0px; 20150919 */  /* 0 0 0 4px; */  
  text-decoration:none;
  }

#Tabs10 a span
  {
  float:left; /* 20160104 left */
  display:block;
  width: auto; /* 20160104 */
  /* background: #2577ce; /* donkerblauw 20150919 */
/*  background-color: #90bade; */
  background:url("tabright10.gif") no-repeat right top; /* 20150919 */ 
  padding: 6px 10px 4px 6px;        /* 6px 10px 4px 4px; */
  color: #FFF; /* 20150919 */
  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/

/*
#Tabs10 a span
  {
  float:none;
  }
*/

/* End IE5-Mac hack */
/*
#Tabs9 a:hover span
  {
  color:#FFF;
  }
*/
  
#Tabs10 a:hover
  {
  background-position: 0% -42px; /* 20160104 -42px; */
  }

#Tabs10 a:hover span {
  background-position: 100% -22px; /* 20160104 -22px; */
  }

#Tabs10 #current a
  {
  background-position: 100% -42px;
  }

#Tabs10 #current a span
  {
  background-position: 100% -42px;
  }

/*--------------------------------- Menu end --------------------------------- */


  
/*-------------------------  DropDown MAIN Menu  ------------------------------ */
/*-  #Tabs10 ul: after {content: '.'; clear: both; visibility: hidden; display: block; line-height: 140%; width:fit;}
/*-  #Tabs10 ul li {position: float; top:float; left: float; width:30%; border-radius:1px; line-height: 140%} 

/*------------------ DropDown menu bar items blocks --------------------------*/
/* #Tabs10 ul li:hover > a {display: block;line-height:140%; width: fit; }
*/
/*-  #Tabs10 ul li:active > a {display: block;left: 100%;width:fit;line-height: 140%}
/*------------------ DropDown menu bar items blocks --------------------------*/

/*-----  DropDown drop down list blocks first line 1st shadow color ----------------*/
/*-  #Tabs10  ul li > ul {position: absolute; left: float; top: 25px; padding-top: 0px ; background: none; width: 100%; z-index: -9999; opacity:0;-webkit-translation: 0.3s ease-out; }
/*-  #Tabs10  ul li:hover > ul { display: block; z-index: 100; opacity:1;top: float;}
/*--------------- DropDown drop down list blocks --------------------------*/

/*----------------- DropDown drop down list list blocks -----------------------*/
/*-  #Tabs10 ul li > ul li {display: block;line-height: 140%; background: lightgrey; width: fit;padding: 0.5em 5px 5px 0.5em;}
/*----------------- DropDown drop down list list list blocks ---------------------*/

/*---------------- DropDown drop down list list list blocks ---------------------*/
/*-  #Tabs10 ul li > ul li a {display: block; padding: 0px 0px; border-radius: 1px; font-size: 100%; line-height:140%; top: float;}
/*-  #Tabs10  ul li > ul li:active > a {top: float;color: #FFF; background: #290D09; }
/*----------------------- DropDown drop down list list list blocks -------------------*/

/*-------- DropDown SUB SUB Menu, distance sub menus (padding-left) ----- */
/*-  #Tabs10  ul li > ul li > ul { padding-left: 0px ;-webkit-translation: 0.3s ease-out; }
/*-  #Tabs10  ul li > ul li:hover > ul {display: block; opacity: 1; z-index: 100;  left: 100%;}
/*------------------------ DropDown SUB SUB Menu  ------------------------ */

  
/*------------------------------- Tabs10CN --------------------------------- */
#Tabs10CN
  {
  float: right;
  text-align: right;
  width: auto;
  font-size: 120%;
/*  border-bottom:1px solid #2763A5; */
  line-height:normal;
   }

  
#Tabs10CN ul
  {
  position: relative;
  top: 109px;  /* -4.7em;  */
  right: 15px;  /* 0.5em; */
  list-style:none;          
  text-align: right; 
  margin:0;
  padding:0;
  line-height: normal;
  }

#Tabs10CN li
  {
  display:inline;
  margin:0;
  padding:0;
  font-weight: bold;
  }

 #Tabs10CN a
  { 
/*  float:left; */
  background:url("tableft10.gif") no-repeat left top;
  margin:0;
  padding: 0 0 0 0px;  /* 0 0 0 4px; */  
  text-decoration:none;
  }

#Tabs10CN a span
  {
  float:left;
  display:block;
  
  background:url("tabright10.gif") no-repeat right top;
  padding: 6px 10px 6px 6px;        /* 6px 10px 4px 4px; */
  color:#FFF;
  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/

/*
#Tabs10 a span
  {
  float:none;
  }
*/

/* End IE5-Mac hack */
/*
#Tabs9 a:hover span
  {
  color:#FFF;
  }
*/
  
#Tabs10CN a:hover
  {
  background-position:0% -42px;
  }

#Tabs10CN a:hover span {
  background-position: 100% -18px;
  }

#Tabs10CN #current a
  {
  background-position: 100% -42px;
  }

#Tabs10CN #current a span
  {
  background-position: 100% -42px;
  }
/*------------------------------ Tabs10CN ---------------------------------- */





/*----------------------- StudieSelecterenlogoBox --------------------------- */
#StudieSelecterenLogoBox
  {
  position: relative; /* relative; /* 20160105 absolute;*/

  margin-left: 250px; /* 20181017 */
  left: 0px; /* 20181017 50px; /* 30px */
  top: 10px; /* 10px; */
  height: 130px;/* 130px; */
  width: 250px; /* 20181017 350px; /* 200px */
  font-family: Tahoma, sans-serif, Verdana, Arial, Helvetica;
  font-size: 150%;
  color: blue;
  z-index: 999;
  background: url("StudieSelecteren - Symbool 169x82px - 20120910e.png") no-repeat left top; /* */
}

/*
#LogoBox  
{
  position: relative;
  left: 7px;
  top: 3px;
  background:rgb(100,183,241);
  }
*/
  
#LogoText a
  {
  position: absolute;
  /* left: 10px; */
  right: 0px; /* 20181017 160px; /* 37px */
  /* top: 40px; */ 
  bottom: 37px;
  text-align: right;
  font-size: 200%;
  font-weight: bold; 
  color:  #0eefef; /* #1248ce; //20170201 white;*/
  }

#LogoText a:hover
  {
  position: absolute;
  /* left: 10px; */
  right: 0px; /* 20181017 160px; /* 37px */

  bottom: 37px; /* 37px */
  font-size: 205%;
  font-weight: bold;
  color: yellow; /* #25aaff; #1577ce; */
  text-decoration: none;
  text-align: left;
  list-style: none;
  display: block;
/*  list-style-image: none; */
  }
/*-------------------------- StudieSelecterenlogoBox ----------------------- */


/*------------------------------ Under Optimization  ------------------------- */
#ConstructionBox
  {
  position: relative; /* 20160105 absolute; */

  margin-left: 204px; /* 20181017 */
  left: 0px; /* 20181018 30px; /* 320px; */

  top: 0px;/* 20160105 140px; /* 48px; */
  width: fit; /* 100px; */
  height: fit;
  list-style-type: none;
  text-decoration: none;
/*  list-style-image: none; */
  /* vertical-align: middle; */
  
/*  background: url("UnderOptimization Box - 237x100 - 20131210.png" ) no-repeat center center;
*/
  }

#ConstructionText li
  {
  position: absolute; /* 20160105 relative; */
  display: block;
  top: 0px; /* 20160105 */
  left: 0px; /* 20160105 */
  list-style-type: none;
  /* margin:0;
  padding:0; */
  text-align: center;
  text-decoration: none;
  color: darkgrey;
/*  left:0px;
  top: 0px; */
  line-height: 85%;
  font-size: 100%;
  font-weight: bold;
  }
/*------------------------------ Under Optimization ------------------------ */





#Tabs10Ext
  {


  top:   141px;  /* -4.7em;  -25px*/
  left: 18px;  /* 0.5em; */
  
  /* width:333px; */
  height: 24px;

  /* background:url("tableft10.gif") no-repeat left top; */
  background:url("tabright10.gif") repeat;   
  
  position: absolute;
  margin: 0 0 0 -8px;
/*  position: relative; */
  
/*  bottom: -42px;
  height: 100px;
  width: 100px;
  background: url("StudieSelecteren - Symbool 169x82px - 20120910e.png") left top; */
  /* background: url("tableft10.gif") left top; */
}



#Tabs10Ext1
  {
  position: absolute;
  left: 0px;
  bottom: -42px;
  height: 22px;
  width: 20px;
  display:block;
  background:url("tabright10.gif") right top;
					/* 6px 10px 4px 4px; */
  color:#FFF;
  }



#Stud
  {
  position: absolute;
  left: 0px;
  bottom: -42px;
  height: 130px;
  width: 20px;
  font-family: Tahoma, sans-serif, Verdana, Arial, Helvetica;
  font-size: 100%;
  color: blue;
  background: url("StudieSelecteren - Symbool 169x82px - 20120910e.png") left top;
  
}


/*---------------------------------     Header    -------------------------- */



/*----------------   BodyContent  and BodyContentCN -------------------------*/

  
/*-----------------------------   LeftBox  ----------------------------- */
#LeftBox
  {
  display: block;
  position: absolute;
  top: 0px; /*  0.5em; */
  Left: 0px; /* 0.3em; */
  width: 200px;
  height: fit; /* 1675px; */
/* border-right: 1px solid #000; */
  font-size: 100%;
  height: fit; /* 20160518  height: 100%; /* 20160127 1675px; /* fit; /*  auto;  */
  }

/*------------------------ LeftBoxContent2 ad 200x200 ----------------------- */

#LeftBoxContent2
  {
  display: block;
  overflow: hidden;
  position: relative;
  top: 0px; /*  0.5em; */
  Left: -2px; /* 0.3em; */
  width: 200px;
  height: fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
/*  padding: 0 0 1em 0; */
/*  margin-bottom: 1em; */
  margin-top: 5px;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 67%;
/* background-color: #90bade; */
/* color: #333; */
  text-align: center;
  }

/*------------------------ LeftBoxContent3 ad 200x600 ----------------------- */  

#LeftBoxContent3
  {
  display: block;
  overflow: hidden;
  position: relative;
  top: 0px; /*  0.5em; */
  Left: 0px; /* 0.3em; */
  width: 200px;
  height: fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
/*   padding: 0 0 1em 0; */
/* margin-bottom: 1em; */
  margin-top: 5px;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 67%;
/* background-color: #90bade; */
/* color: #333; */
  text-align: center;
  }
  
  
#LeftBoxContent
  {
  display: block;
  position: relative;
  top: 6px; /*  0.5em; */
  Left: 2px; /* 0.3em; */
  width: 190px; /* 185px; */
  height: fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
  padding: 0 0 1em 0;
/*  margin-bottom: 1em; */
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 67%;
/* background-color: #90bade; */
/* color: #333; */
  }

#LeftBoxContent ul
  {
  list-style: none;
  line-height: 140%;
  text-align: left;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  font-weight: normal;    
  }

  #LeftBoxContent li
  {
  border-bottom: 1px solid #90bade;
  margin: 0;
  line-height: 140%;
  list-style: none;
  list-style-image: none;
  text-decoration: none;
  font-weight: normal;  
  }

#LeftBoxContent li a
  {
  display: block;
  padding: 0.5em 5px 5px 0.5em;
  color: #000;
  line-height: 140%;
  text-decoration: none;
  font-weight: 100%;
  }

#LeftBoxContent li a:hover
  {
  display: block;
  font-weight: bold;
  color: #fff;
  background: #2577ce; /* donkerblauw */
  line-height: 140%;
  text-decoration: none;
  table: collapse;
  height: fit;
  clear: both;
  }



/*-------------------------  SiteMap MAIN Menu  ------------------------------ */
#LeftboxContent ul: after
  {
  content: '.';
  clear: both;
  visibility: hidden;
  display: block;
  line-height: 140%;
  width:fit;
  }
  
#leftboxContent ul li
  {
  position: float;
  top: float;
  left: 100%;
  width:100%;
  border-radius: 2px;
  line-height: 140%
  } 

/*------------------ SiteMap menu bar items blocks --------------------------*/

#leftboxContent ul li:hover > a
  {
  display: block;
  line-height:140%;
  width: fit;
  }
  
#leftboxContent ul li:active > a
  {display: block;
  left: 100%;
  width: fit;
  line-height: 140%;
  }
/*------------------ SiteMap menu bar items blocks --------------------------*/

/*-----  SiteMap drop down list blocks first line 1st shadow color ----------------*/
#leftboxContent  ul li > ul
  {
  position: absolute;
  left: 100px;
  top: float;
  padding-top: 0px;
  background: none;
  width: 100%;
  z-index: -9999;
  opacity:0;
  -webkit-translation: 0.3s ease-out;
  }
  
#leftboxContent  ul li:hover > ul
  {
  display: block;
  z-index: 100;
  opacity:1;top:
  float;
  }
  
/*--------------- SiteMap drop down list blocks --------------------------*/

/*----------------- SiteMap drop down list list blocks -----------------------*/
#leftboxContent ul li > ul li
  {
  display: block;
  line-height: 140%;
  background: #cccccc; /* lightgrey; */
  width: fit;
  padding: 0.5em 5px 5px 0.5em;
  }
  
/*----------------- SiteMap drop down list list list blocks ---------------------*/

/*---------------- SiteMap drop down list list list blocks ---------------------*/
#leftboxContent ul li > ul li a
  {
  display: block;
  padding: 0px 0px;
  border-radius: 1px;
  font-size: 100%;
  line-height:140%;
  top: float;
  }
  
#leftboxContent ul li > ul li:active > a
  {
  top: float: 120%;
  color: #FFF;
  background: #290D09; /* #290D09; */
  }
/*----------------------- SiteMap drop down list list list blocks -------------------*/

/*-------- SiteMap SUB SUB Menu, distance sub menus (padding-left) ----- */
#leftboxContent ul li > ul li > ul
  {
  background: #555555;
  padding-left: 6px;
  -webkit-translation: 0.3s ease-out;
  }
  
#leftboxContent  ul li > ul li:hover > ul
  {
  display: block;
  opacity: 1;
  z-index: 100;
  left: 50%;
  }
  
#leftboxContent ul li > ul li > ul li
  {
  display: block;
  line-height: 140%;
  background: #aaaaaa; /* lightgrey; */
  width: fit;
  padding: 0.5em 5px 5px 0.5em;
  }
  
#leftboxContent ul li > ul li > ul li > ul li
  {
  display: block;
  line-height: 140%;
  background: #cccccc; /* lightgrey; */
  width: fit;
  padding: 0.5em 5px 5px 0.5em;
  }
/*------------------------ SiteMap SUB SUB Menu  ------------------------ */






/*-------------------------- SiteMap   "NAV"  --------------------------- */
#container
  {
  display: block;
  position: absolute;
  top: 0px; /*  0.5em; */
  Left: 20px; /* 0.3em; */
  width: 100%;
  height: fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 100%;
/* background-color: #90bade; */
/* color: #333; */
  }


nav {margin-top: 5px}
nav ul {list-style: none; background: blue; border-radius:5px; padding: 0 5px; }

nav ul li { float: left; position: relative; line-height: 20px;}
nav ul li a {display: block; color: grey; text-decoration: none; padding: 14px 15px 15px; font-size: 18px; -webkit-translation: 03s ease-out;}






/*---------------------------- SiteMap  SUB Menu  ----------------------------- */

nav ul li > ul: before {
	content: '.';
	border-style: solid;
	border-width: 0 4px 4px 4px;
	border-color: transparent transparent darkgrey transparent;
	background: blue;
	width: 110px;
	height: 100px;
	position: absolute;
	left: 105px;
	top: 10px;
}




nav ul li > ul li: first-child {border-radius: 4px 4px 0 0;}
nav ul li > ul li : last-child {border-radius: 0 0 4px 4px;}





/*------------------------- SiteMap SUB SUB Menu  ------------------------------ */

nav ul li > ul li > ul: before {
	content: '.';
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #2C3E50 transparent;
	width: 0;
	height: 0;
	position: absolute;
	left: 0px;
	top: 15px;
	-webkit-transform: rotate[270deg];
}

 

/*------------------------------------    NAV  ------------------------------- */
#container
  {
  display: block;
  position: absolute;
  top: 0px; /*  0.5em; */
  Left: 20px; /* 0.3em; */
  width: 100%;
  height: fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 100%;
/* background-color: #90bade; */
/* color: #333; */
  }


/*------------------------------------ MAIN Menu ---------------------------- */
nav {margin-top: 5px}
nav ul {list-style: none; background: blue; border-radius:15px; padding: 0 5px; }
nav ul: after {content: '.'; clear: both; visibility: hidden; display: block; height: 0px;}
nav ul li { float: left; position: relative; line-height; 20px}
nav ul li a {display: block; color: grey; text-decoration: none; padding: 14px 15px 15px; font-size: 18px; -webkit-translation: 03s ease-out;}


/*----------------------------- menu bar items blocks --------------------------*/
nav ul li:hover > a {color: #f3490D8;}
nav ul li:active > a {color:  #b298089;}
/*----------------------------- menu bar items blocks --------------------------*/


/*------------------------------------    SUB Menu  ----------------------------- */

nav ul li > ul: before {
	content: '.';
	border-style: solid;
	border-width: 0 4px 4px 4px;
	border-color: transparent transparent darkgrey transparent;
	background: blue;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 15px;
	top: 5px;
}

/*------------- drop down list blocks first line 1st shadow color ----------------*/
nav ul li > ul {position: absolute; left: 14px; top: 95%; padding-top: 13px; background: none; width: 150px; z-index: -9999; opacity:0;-webkit-translation: 0.3s ease-out; }
nav ul li:hover > ul { display: block; z-index: 100; opacity:1; top: 65%;}
/*----------------------------- drop down list blocks --------------------------*/

nav ul li > ul li: first-child {border-radius: 4px 4px 0 0;}
nav ul li > ul li : last-child {border-radius: 0 0 4px 4px;}


/*----------------------------- drop down list list blocks -----------------------*/
nav ul li > ul li {padding: 0 3px 3px; background: grey; width: 100%;}
/*----------------------------- drop down list list list blocks ---------------------*/

/*-------------------------- drop down list list list blocks ---------------------*/
nav ul li > ul li a {display: block; padding: 6px 9px; border-radius; 2px; font-size: 14px;}
nav ul li > ul li:hover > a {color: #FFF; background: #3490D0;}
nav ul li > ul li:active > a {color: #FFF; background: #290D09;}
/*----------------------------- drop down list list list blocks -------------------*/

/*------------------------------- SUB SUB Menu  ------------------------------ */
nav ul li > ul li > ul {top: 0; left: 100%; padding: 0; padding:0 ;}

nav ul li > ul li > ul: before {
	content: '.';
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #2C3E50 transparent;
	width: 0;
	height: 0;
	position: absolute;
	left: 0px;
	top: 15px;
	-webkit-transform: rotate[270deg];
}

nav ul l > ul li > ul {top: 0; left: 90%; padding: 0px; padding-left: 13px ;-webkit-translation: 0.3s ease-out; }
nav ul li > ul li:hover > ul {display: block; opacity: 1; z-index: 100; top: 0; left: 100%}


/*------------------------------- SUB SUB Menu  ------------------------------ */


 

/*---------------------------------- Button  ---------------------------------- */

  
/*--------------------------------- LeftBoxCN  ------------------------------- */
#LeftBoxCN
  {
  display: block;
  position: absolute;
  top: 6px; /*  0.5em; */
  Left: 2px; /* 0.3em; */
  width: 185px;
  height: fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 90%;
/* background-color: #90bade; */
/* color: #333; */
  }

#LeftBoxCN ul
  {
  list-style: none;
  line-height: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  font-weight: normal;    
  }

#LeftBoxCN li
  {
  border-bottom: 1px solid #90bade;
  margin: 0;
  line-height: 100%;
  list-style: none;
  list-style-image: none;
  text-decoration: none;
  font-weight: normal;  
  }

#LeftBoxCN li a
  {
  display: block;
  padding: 0.5em 5px 5px 0.5em;
  color: #000;
  line-height: 100%;
  text-decoration: none;
  width: 100%;
  font-weight: 100%;
  }

#LeftBoxCN li a:hover
  {
  display: block;
  font-weight: bold;
  color: #fff;
  background: #2577ce; /* donkerblauw */
  line-height: 100%;
  text-decoration: none;
  width: 94%;
  clear: both;
  }
/*----------------------------------  LeftBoxCN  -------------------------- */






/*-----------------------------   SiteMap  ----------------------------- */
#SiteMapContent
  {
  display: block;
  overflow: hidden;
/*  position: absolute;
/*  top: 0px; /*  0.5em; */
  Left: -20px; /* 0.3em; */
/*  text-align: left; */
  /* width: 200px; /* 185px; */
/*  height: fit; /* 1675px; */
/*  border-right: 1px solid #000; */

  font-size: 75%;
  line-height: normal;
/*  list-style: none;
  list-style-image: none;
  text-decoration: none; */
  }
  
#SiteMapContent ul
  {
  display: block;
  overflow: hidden;
/*  position: absolute;
/*  top: 0px; /*  0.5em; */
  Left: 0px; /* 0.3em; */
  /* width: 200px; /* 185px; */
/*  height: fit; /* 1675px; */
/*  border-right: 1px solid #000; */
/*  font-size: 75%; */
  line-height: 100%;
  list-style: none;
  list-style-image: none;
  text-decoration: none;
  }

  
#SiteMapContent li a
  {
  display: block;
  overflow: hidden;
/*  position: absolute;
/*  top: 0px; /*  0.5em; */
  Left: 50px; /* 0.3em; */
  /* width: 200px; /* 185px; */
/*  height: fit; /* 1675px; */
/*  border-right: 1px solid #000; */
/*  font-size: 75%; */
  line-height: 100%;
  list-style: none;
  list-style-image: none;
  text-decoration: none;
  }

#SiteMapContent  ul li a > ul li
  {
  position: absolute;
  left: 100px;
  top: float;
  padding-top: 0px;
  background: none;
  width: 100%;
  z-index: -9999;
  opacity:0;
  -webkit-translation: 0.3s ease-out;
  }

#SiteMapContent ul li:hover > a
  {
  font-color:white;
  }
  
#SiteMapContent ul li:active > a
  {
  color:white;
  }

  #leftboxContent  ul li > ul li:hover > ul
  {
  display: block;
  opacity: 1;
  z-index: 100;
  left: 50%;
  }
/*-----------------------------   SiteMap  ----------------------------- */









  
/*-------------------------   MidBox  -------------------------- */
  
  


#MidBox
  {
  display: block;
  position: absolute;
/*  top: 0px; /*  0.5em; */
  Left: 0px; /* 0.3em; */
  width: 100%; /* 185px; */
  height: fit; /* 1675px; */
/* border: 1px solid #000; */

  }



  
    
#MidBoxContent
  {
  display: block;
  position: relative;
/*  top: 6px; /*  0.5em; */
/*  Left: 2px; /* 0.3em; */
/*  width: 185px; */
  height: fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
/*  padding: 0 0 1em 0; */
/*  margin-bottom: 1em; */
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 67%;
/* background-color: #90bade; */
  border: 1px solid #000;
/* color: #333; */
  }

#MidBoxContent ul
  {
  list-style: none;
  line-height: 80%;
  text-align: left;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  font-weight: normal;    
  }


#MidBoxContent ul a: hover
  {
  list-style: none;
  line-height: 80%;
  text-align: left;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  font-weight: normal;    
  }

  
  #MidBoxContent li
  {
/*  border-bottom: 1px solid #90bade; */
  margin: 0;
  line-height: 80%;
  list-style: none;
  list-style-image: none;
  text-decoration: none;
  font-weight: normal;  
  }

#MidBoxContent li a
  {
  display: block;
  padding: 0.5em 5px 5px 0.5em;
  color: #000;
  line-height: 80%;
  text-decoration: none;
  font-weight: 100%;
  border: 1px solid #90bade;
  }

#MidBoxContent li a:hover
  {
  display: block;
  font-weight: bold;
  color: #fff;
  background: #2577ce; /* donkerblauw */
  line-height: 80%;
  text-decoration: none;
/*  table: collapse; */
  height: fit;
  width: 100%;
  clear: both;
  }











/*-------------------------------   MiddleBox   -------------------------- *

/*---------------------------------   RightBox ------------------------------ */











  
/*------------------------ RightBoxContent2 ad 200x200 ----------------------- */

#RightBoxContent2
  {
  display: block;
  overflow: hidden;
  position: relative;
  top: 6px; /*  0.5em; */
  Left: 2px; /* 2px 20160207 -2px; /* 0.3em; */
  margin-right: 2px; /* 2060206 */
  max-width: 195px;/* 20160207 195px; */
  max-height: 200px; /* 20160207 200px; /* 20160207 fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
  list-style: none;
/*  padding: 0 0 1em 0; */
/*  margin-bottom: 1em; */
  /* 20160208 margin: 2px 4px 4px 2px; */
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*  padding: 2px -2px 0px 0px; */
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
/*  font-size: 67%; */
/* background-color: #90bade; */
/* color: #333; */
  /text-align: left; /* center; */
  }


  #RightBoxContent2a
  {
  display: block;
  /* overflow: auto; */
  position: relative;
  top: 0px; /*  0.5em; */
  Left: 2px; /* 20160207 -2px; /* 0.3em; */
  margin-right: 8px; /* 2060206 */
  max-width: 195px;/* 20160207 195px; */
  height: 30px; /* 20160207 200px; /* 20160207 fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
  list-style: none;
/*  padding: 0 0 1em 0; */
/*  margin-bottom: 1em; */
  margin: 0px 0px 0px 0px;
  line-height: 100%;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
  padding: 0px -2px -2px 0px; /* 20160208 */
  /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 67%;
/* background-color: #90bade; */
/* color: #333; */
  /text-align: left; /* center; */
  }


#RightBoxContent2b
  {
  display: block;
  overflow: auto;
  position: relative;
  top: 0px; /*  0.5em; */
  Left: 2px; /* 20160207 -2px; /* 0.3em; */
  margin-right: 8px; /* 2060206 */
  max-width: 195px;/* 20160207 195px; */
  height: 160px; /* 20160207 200px; /* 20160207 fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
  list-style: none;
/*  padding: 0 0 1em 0; */
/*  margin-bottom: 1em; */
  margin: 0px 0px 0px 0px;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 67%;
/* background-color: #90bade; */
/* color: #333; */
  /text-align: left; /* center; */
  }



  

/*------------------------ RightBoxContent3 ad 200x600 ----------------------- */  

#RightBoxContent3
  {
  display: block;
  overflow: hidden;
  position: relative;
  top: 2px; /*  0.5em; */
  Left: -2px; /* 20151111 0px; /* 0.3em; */
  text-align: center;
  width: 200px;
  height: fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
/*   padding: 0 0 1em 0; */
/* margin-bottom: 1em; */
  margin-top: 5px;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 67%;
/* background-color: #90bade; */
/* color: #333; */
  }


  





  
  
  
/*-----------------------------   RightBox  ----------------------------- */  

#RightBox
  {
/*
  display: block;

  position: absolute;
  top: 0px;
  Left: 0px;
  width: 185px;
  height: fit;
  }
*/
  
  display: block;
  position: absolute;
  top: 0px;
  width: 200px;
  margin-top: 0px; /*   margin-top: 10px;  */
  margin-left: 822px; /* margin-left: 816px 818px; */
						/* margin-bottom: 10px; */
  height: fit; /* 20160518 height: 100%; /* 20160127 1675px; /* fit; /*  auto;  */

/*  box-shadow: .1pt 0.1em .1em 0.1em rgb(0,0,0); */
/* float: right; */
/* border: 2px; */
/*  border: 1px solid rgb(0,0,255);   */
  /* overflow: hidden; */
  font-family: arial, helvetica, sans-serif;
  font-size: 100%;
  font-weight: normal;
  line-height: 140%;
  color: rgb(34,34,34);
  text-align: left;
  clear: both;

  box-shadow: 1px 0px 0px 0px rgb(0,0,30); /* 20160127 */
/*  box-shadow: .1pt 0.1em .1em 0.1em rgb(0,0,0);
  color: rgb(34,34,34);
*/
  }

  
  
/*------------------------ RightBoxContent ad 190x918 ----------------------- */ 
  
    
#RightBoxContent
  {
  display: block;
  position: relative;
  top: 6px; /*  0.5em; */
  Left: 4px; /* 0.3em; */
  width: 190px;
  height: fit; /* 1675px; */
/* border-right: 1px solid #000; */
  text-decoration: none;
  padding: 0 0 1em 0;
/*  margin-bottom: 1em; */
  font-family: Tahoma, Arial, sans-serif;
  font-weight: normal;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
  font-size: 67%;
/* background-color: #90bade; */
/* color: #333; */
  }

#RightBoxContent ul
  {
  list-style: none;
  line-height: 140%;
  text-align: left;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  font-weight: normal;    
  }

  #RightBoxContent li
  {
  border-bottom: 1px solid #90bade;
  margin: 0;
  line-height: 140%;
  list-style: none;
  list-style-image: none;
  text-decoration: none;
  font-weight: normal;  
  }

#RightBoxContent li a
  {
  display: block;
  padding: 0.5em 5px 5px 0.5em;
  color: #000;
  line-height: 140%;
  text-decoration: none;
  font-weight: 100%;
  }

#RightBoxContent li a:hover
  {
  display: block;
  font-weight: bold;
  color: #fff;
  background: #2577ce; /* donkerblauw */
  line-height: 140%;
  text-decoration: none;
  /* table: collapse; */
  height: fit;
  clear: both;
  }
  
  

/*-------------------------  SiteMap MAIN Menu  ------------------------------ */
#RightBoxContent ul: after 
  {
  content: '.';
  clear: both;
  visibility: hidden;
  display: block;
  line-height: 140%;
  width:fit;
  }

#RightBoxContent ul li 
  {
  position: float;
  top:float;
  left: 100%; width:100%; border-radius:2px; line-height: 140%} 

/*------------------ SiteMap menu bar items blocks --------------------------*/
#RightBoxContent ul li:hover > a 
  {
  display: block;
  line-height:140%;
  width: fit;
  }

#RightBoxContent ul li:active > a 
  {
  display: block;
  left: 100%;
  width:fit;
  line-height: 140%
  }
  
/*------------------ SiteMap menu bar items blocks --------------------------*/

/*-----  SiteMap drop down list blocks first line 1st shadow color ----------------*/
#RightBoxContent  ul li > ul 
  {
  position: absolute;
  right: 100px;
  top: float;
  padding-top: 0px;
  background: none;
  width: 100%;
  z-index: -9999;
  opacity:0;
  -webkit-translation: 0.3s ease-out; }

#RightBoxContent  ul li:hover > ul
  {
  display: block;
  z-index: 100;
  opacity:1;
  top: float;
  }
  
/*--------------- SiteMap drop down list blocks --------------------------*/

/*----------------- SiteMap drop down list list blocks -----------------------*/

#RightBoxContent ul li > ul li
  {
  display: block;
  line-height: 140%;
  background: lightgrey;
  width: fit;
  padding: 0.5em 5px 5px 0.5em;
  }
  
/*----------------- SiteMap drop down list list list blocks ---------------------*/

/*---------------- SiteMap drop down list list list blocks ---------------------*/

#RightBoxContent ul li > ul li a
  {
  display: block;
  padding: 0px 0px;
  border-radius: 1px;
  font-size: 100%;
  line-height:140%;
  top: float;
  }
  
#RightBoxContent  ul li > ul li:active > a
  {
  top: float: 120%;
  color: #FFF;
  background: #290D09;
  }

/*----------------------- SiteMap drop down list list list blocks -------------------*/

/*-------- SiteMap SUB SUB Menu, distance sub menus (padding-left) ----- */

#RightBoxContent  ul li > ul li > ul
  {
  background: #555555;
  padding-left: 6px;
  -webkit-translation: 0.3s ease-out;
  }

#RightBoxContent  ul li > ul li:hover > ul
  {
  display: block;
  opacity: 1;
  z-index: 100;
  right: 50%;
  }


#RightboxContent ul li > ul li > ul li
  {
  display: block;
  line-height: 140%;
  background: #aaaaaa; /* lightgrey; */
  width: fit;
  padding: 0.5em 5px 5px 0.5em;
  }
  
#RightboxContent ul li > ul li > ul li > ul li
  {
  display: block;
  line-height: 140%;
  background: #cccccc; /* lightgrey; */
  width: fit;
  padding: 0.5em 5px 5px 0.5em;
  }  
  
/*------------------------ SiteMap SUB SUB Menu  ------------------------ */
 
  
  
  
  
  
  
  
  
  
  
/*------------------------  BodyContent  ---------------------*/

/*------------------------   Footer  ----------------------------------- */
/*----------------------  Footer: FooterBox  --------------------------- */

#Footer
  {

  position: relative; /* 20151113 relative; */
  Top: 10px; /* 20151113  Top: 1681px; */
  /* bottom:  20151113 0px; */
  height: 200px;
  Margin: 0px 0px 0px 0px ; /* 20151113 auto; */
  width: 100%; /* 20160127 fit; /* auto; /* width: 100%; */
  /*z-index:-999; */
/* 20160127  background: url("FooterBox_Background_1024x200.jpg") no-repeat left top;  /* waarom Rechts wit ruimte met: no-repeat left top; */
/* 20160127  border-top: 5px solid #276395; */
  vertical-align: baseline; /* weglaten .. */
  text-align: center;
  line-height: 140%;
  /* clear: both; */
  color: blue;
  z-index: 999; /* 20151113 */
  

/* boven nieuw */
/* --------------------------- */
/* beneden oud */ 
/*   position: absolute; Werkt niet */

/*  Top: 1681px; */
/* bottom:0px; */
/*  height: 200px; */
/* Margin: auto; */
/*  width: 100%; /* width: 100%; */
/*  background: url("FooterBox_Background_1024x200.jpg") left top;  
/* waarom Rechts wit ruimte met: no-repeat left top; */
/*  border-top: 5px solid #276395; */
/* vertical-align: baseline; */
/*  text-align: center; */
/*   line-height: 140%; */
/*   color: white; */

}

#FooterBox
  {
  position: relative; /* 20160127 absolute; */
  Margin: 0px 0px 0px 0px; /* 20160217 5px 0px 0px 0px; /* 20160127 auto; */
  padding: 10px 0px 5px 0px; /* 20160217 */  
  width: 1024px;
/* 20151120   min-width: 1024px; */
/*  padding: 10px 0px 0px 0px; */
  height: 185px; /* 20160127 200px -8px -5ps padding   190px; */
 /* 20160127 border-top: 5px solid #276395;  */
  font-family: Tahoma, sans-serif, Verdana, Arial, Helvetica;
  /* background: #2215bf; */
  background: url("FooterBox_Background_1024x200.jpg") no-repeat left top;  /* 20160127 */
  color: white;
  font-size: 80%;
  text-align: center;
  line-height:140%;
/*   background: url("FooterBox_Background_1024x200.jpg") no-repeat left top; */
  clear: both;
  }  
  
 
#FooterContent
  {
  position: relative;
  margin-bottom: 0px;
  margin: 0px 0px 0px 20px; /* 20160217 */
  padding: 0px 0px 0px 0px;
  text-align: left;
  line-height: 150%;
  /* color: white;*/
  }

#ContentBox
  {
  /* position: relative; */
  float: left;
  display: block;
  width: 200px; /* 20160217 160px; */
  margin: 0px 0px 0px 0px; /* 20160217 0px 20px 0pt 20px; */
  text-align: left;
  color: rgb(255,255,255);
  line-height: 150%;
  font-size:90%
  }

#HeadingActueel
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 175px; /* 20160217 160px; */
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  }

#HeadingPublicaties
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 175px; /* 20160217 160px; */
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  }

#HeadingFeitenCijfers
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 175px; /* 20160217 160px; */
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  }

#HeadingStudieZaken
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 175px; /* 20160217 160px; */
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  }

#HeadingContact
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 175px; /* 20160217 160px; */
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  }

#FooterLinks
  {
  display: block;
  color: rgb(255,255,255);
  font-size: 100%;
  margin: 10pt 5pt;
  width: 185px; /* 20160217 150px; */
  padding: 10pt 0pt 0px 0px; /* 20160217 10pt 7pt 0 0pt; */
  text-decoration: none;
  text-align: left;
  }

#Fnormal
  {
  display: block;
  color: rgb(255,255,255);
  line-height: 140%;
  font-size: 100%;
  text-decoration: none;
  }

#Fnormal a
  {
  display: block;
  color: normal;
  font-weight: normal;
  }

#Fnormal a:link
  {color: #FFFFFF;
 	text-decoration: none;  }

#Fnormal a:visited
  {color: white;
    text-decoration: none;
  }

#Fnormal a:active
  {color: white; /* color: #FF0000 */
	text-decoration: none;
  }

#Fnormal a:hover
  {
  display: block;
  color: yellow;
  font-weight: bold;
  }
  
#FooterNote
  {
  position: absolute;
  bottom: -189px;
  left: 0px;
  height: 18px;
  width: 100%;
  padding: 7px 0 0 0px;
  vertical-align: baseline;
  color: black;
  font-size: 90%;
  font-weight: normal;
/*  background: url("FooterBox_Background_1024x200.jpg") no-repeat left top; 20150915 */
/*  background: none; */
  /* clear: both;  */
  }



  
#Fnote
  {
  display: block;
  position: absolute;
  /* bottom: -180px; */
  left: 512px;
  /* width: 400px;
  text-align: center; */
  font-size: 100%;
  color: black;
  /* color: white; */
  /* line-height: 130%;
  text-decoration: none; */
    }

#Fnote a:link
  {color: black;
 	text-decoration: none;  }

#Fnote a:visited
  {color: black;
    text-decoration: none;
  }

#Fnote a:active
  {color: black;
	text-decoration: none;
  }

#Fnote a:hover
  {display: block;
  font-weight: bold;
  color: darkgrey;
  left: 290px;
  /* font-weight: none; */
  /* font-size: 100% */
  /* line-height: 130%; */
  }
  
  
#Fnote2
  {
  display: block;
  position: absolute;
  /* bottom: -180px;  */
  left: 20px;

  margin-left: 204px; /* 20181017 */
  /* width: px; */
  text-align: left;
  font-size: 80%;
  color: black;
  /* line-height: 140%; */
  text-decoration: none;
  }

#Fnote3
  {
  display: block;
  position: absolute;
  /* bottom: -180px; */
  right: 170px;
  /* width: 200px; */
  /* text-align: right; */
  font-size: 85%;
  color: black;
  /* line-height: 140%; */
  font-weight: bold;
  text-decoration: none;
  }
  
#Fnote3 a:link
  {color: black;
 	text-decoration: none;  }

#Fnote3 a:visited
  {color: black;
    text-decoration: none;
  }

#Fnote3 a:active
  {color: black;
	text-decoration: none;
  }

#Fnote3 a:hover
  {display: block;
  font-weight: bold;
  color: darkgrey;
  /* font-weight: none; */
  /* font-size: 100% */
  /* line-height: 130%; */
  }
  


#Fnote4
  {
  display: block;
  position: absolute;
  /* bottom: -180px; */
  right: 20px;
  /* width: 200px; */
  /* text-align: right; */
  font-size: 85%;
  color: black;
  /* line-height: 140%; */
  text-decoration: none;
  }

#Fnote4 a:link
  {color: black;
 	text-decoration: none;  }

#Fnote4 a:visited
  {color: black;
    text-decoration: none;
  }

#Fnote4 a:active
  {color: black;
	text-decoration: none;
  }

#Fnote4 a:hover
  {display: block;
  right: 24px;
  font-weight: 120%;
  color: darkgrey;
  /* font-weight: none; */
  /* font-size: 100% */
  /* line-height: 130%; */
  }
/* ----------------------------  FooterCN  ------------------------------- */

#FooterCN
  {
  position: relative;
  Top: 0px;
  bottom:0px;
  height: 200px;
  Margin: auto;
  width: auto; /* width: 100%; */
  background: url("FooterBox_Background_1024x200.jpg") no-repeat left top;  /* waarom Rechts wit ruimte met: no-repeat left top; */
  border-top: 5px solid #276395;
  vertical-align: baseline;
  text-align: center;
  line-height: 140%;
  color: white;
  }


#FooterBoxCN
  {
  position: absolute;
  margin: auto;
  width: 1024px;
  min-width: 1024px;
  padding: 10px 0 0 0px;
  height: 185px;
  font-family: Tahoma, sans-serif, Verdana, Arial, Helvetica;
  /* background: #2215bf; */
  color: white;
  font-size: 80%;
  text-align: center;
  line-height:140%;
/*   background: url("FooterBox_Background_1024x200.jpg") no-repeat left top; */
  }

#FooterContentCN
  {
  position: relative;
  margin-bottom: 0px;
  padding: 0 0px 0 0px;
  text-align: left;
  line-height: 150%;
  color: white;
  }

#ContentBoxCN
  {
  /* position: relative; */
  float: left;
  display: block;
  width: 160px;
  margin: 0px 20px 0pt 20px;
  text-align: left;
  color: rgb(255,255,255);
  line-height: 150%;
  font-size:100%
  }

#HeadingActueelCN
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 160px;
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  font-size: 130%;
  }

#HeadingPublicatiesCN
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 160px;
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  font-size: 130%;
  }

#HeadingFeitenCijfersCN
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 160px;
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  font-size: 130%;  
  }

#HeadingStudieZakenCN
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 160px;
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  font-size: 130%;
  }

#HeadingContactCN
  {
  float: left;
  display: block;
  color: rgb(255,255,255);
  font-weight: bold;
  height: 22px;
  width: 160px;
  border-bottom: 1px solid rgb(255,255,255);
  text-align: left;
  padding: 0 0pt;
  font-size: 130%;
  }

#FooterLinksCN
  {
  display: block;
  color: rgb(255,255,255);
  font-size: 100%;
  margin: 10pt;
  width: 150px;
  padding: 10pt 7pt 0 0pt;
  text-decoration: none;
  text-align: left;
  }

#FnormalCN
  {
  display: block;
  color: rgb(255,255,255);
  line-height: 140%;
  font-size: 100%;
  text-decoration: none;
  }

#FnormalCN a
  {
  display: block;
  color: normal;
  font-weight: normal;
  }

#FnormalCN a:link
  {color: #FFFFFF;
 	text-decoration: none;  }

#FnormalCN a:visited
  {color: white;
    text-decoration: none;
  }

#FnormalCN a:active
  {color: white; /* color: #FF0000 */
	text-decoration: none;
  }

#FnormalCN a:hover
  {
  display: block;
  color: yellow;
  font-weight: bold;
  }

#FooterNoteCN
  {
  position: absolute;
  bottom: -185px;
  left: 0px;
  height: 20px;
  width: 100%;
  vertical-align: baseline;
  color: white;
  font-size: 90%;
  font-weight: normal;
  }
  
#FnoteCN
  {
  display: block;
  position: absolute;
  /* bottom: -180px; */
  left: 410px;
  /* width: 400px; */
  text-align: center;
  font-size: 100%;
  /* color: white; */
  /* line-height: 130%;
  text-decoration: none; */
    }

#FnoteCN a:link
  {color: white;
 	text-decoration: none;  }

#FnoteCN a:visited
  {color: white;
    text-decoration: none;
  }

#FnoteCN a:active
  {color: white;
	text-decoration: none;
  }

#FnoteCN a:hover
  {display: block;
  color: yellow;
  /* font-weight: none; */
  /* font-size: 100% */
  /* line-height: 130%; */
  }
  
  
#Fnote2CN
  {
  display: block;
  position: absolute;
  /* bottom: -180px;  */
  left: 20px;
  /* width: px; */
  text-align: left;
  font-size: 100%;
  font-weight: normal;
  color: white;
  /* line-height: 140%; */
  text-decoration: none;
  }

#Fnote3CN
  {
  display: block;
  position: absolute;
  /* bottom: -180px; */
  right: 170px;
  /* width: 200px; */
  /* text-align: right; */
  font-size: 100%;
  color: white;
  /* line-height: 140%; */
  font-weight: bold;
  text-decoration: none;
  }
  
#Fnote3CN a:link
  {color: white;
 	text-decoration: none;  }

#Fnote3CN a:visited
  {color: white;
    text-decoration: none;
  }

#Fnote3CN a:active
  {color: white;
	text-decoration: none;
  }

#Fnote3CN a:hover
  {display: block;
  color: yellow;
  /* font-weight: none; */
  /* font-size: 100% */
  /* line-height: 130%; */
  }
  


#Fnote4CN
  {
  display: block;
  position: absolute;
  /* bottom: -180px; */
  right: 20px;
  /* width: 200px; */
  /* text-align: right; */
  font-size: 85%;
  color: white;
  /* line-height: 140%; */
  text-decoration: none;
  }


  
/* ------------------------------ FooterCN ------------------------------- */


  
/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}  
  
  

  
  
/*-------------------------------  Footer ------------------------------------ */


/*--------------------------------   Body  ----------------------------------- */