/* CSS layout */
/* Color codes: 
Donkerst donkerblauw: #152241
Donkerblauw: #2D4B8F
Donkerblauw: #213668
Middelblauw: #597BCA
Lichtblauw: #CCD7EF
Grijsblauw: #919191
licht licht blauw: #A6B8E2
Licht licht licht blauw: #F3F5FB
Licht licht licht blauw: #DDDDDD
Rood: #FF0000

googleURL blauw: #0000FF;
Dark purple: #C9597B
*/

body, html{
	background-color: #FFFFFF;
	font-family: arial, helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 17px;
	color: #0000FF;
	margin:0;
	padding:0;
	line-height: 1.5em;
}

#MainInfoText {
	font-size: 110%;
	text-align:center;
}

#Disclaimer {
	font-size: 90%;
	text-align:left;
	color: #213668; 
	font-weight: normal;
	padding-left: 20px;
}

h1 {
	font-weight: normal;
	font-size:  x-large;
	color:#152241;
	font-style:normal;
	font-weight:bold;
	text-align:right;
}

h4 {
    font-size: 12px;
    margin: 0px;
}

h2 {
	color: #152241;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
}

h3 {
    font-size: 11px;
    margin: 0px;
}

hr {
    border-bottom: 2px solid #C9597B; 
    border-right: 0px;
    border-left: 0px;
}
a:link, a:visited {
	color : #0000FF;
    text-decoration: none;
    outline: none;
}

a:hover, a:active  {
    text-decoration: none;
    outline: none;
	color: #FF0000; /* #152241; */
}

img {
	border:1px;
	border-style: solid;
	border-color: #597BCA; 
}	

b{
	font-size: 125%;
	font-weight:bold;
	color: #213668;
	vertical-align: top;
}

em{
	color: red;
}

p {
	padding: 0px;	
	margin: 0px;
}

#td-header{
	padding: 5px;
	font-weight:bold;
	color: #0000FF;
	text-align:center;
}

#td-background{
	border: 1px;
	border-style: solid;
	border-color: #597BCA; 
	padding: 10px;
	background-color: #CCD7EF;
	text-align: center;
}

#img-thumbnail {
	width:135px; /* 150px; */
	height:101px; /* 112px; */
}

#btnDownload a 
{
    color: #0000FF;
    background-color: #C4C4C4;
	padding: 5px 100px 5px 100px;
	font-weight: bold;
  	text-decoration: none;
  	text-align: center;
	border: 1px;
	border-style: solid;
	border-color: #597BCA;
}

#btnDownload a:hover {
    color: #FF0000;
}

.btnRight, .btnLeft {
	font-size: 0.90em;
	color:#0000FF;
	background: #CCD7EF;
	padding: 0px 10px 0px 15px;
  	text-decoration: none;
  	width: 65px;
  	text-align:center;
	border:1px;
	border-style: solid;
	border-color: #597BCA; /* #CCD7EF; */
	margin-top:5px;
}

.btnRight a:hover, .btnLeft a:hover {
	font-weight: bold;
	color: #FF0000; /* #152241; */
}

.btnRight a:link, .btnLeft a:link {
  	text-decoration: none;
}

.btnLeft {
    background-image: url(../images/pijl_red_low_left.gif);
    background-repeat: no-repeat;
    background-position:left;
}

.btnRight {
    background-repeat: no-repeat;
    background-image: url(../images/pijl_red_low_right.gif);
    background-position:right;
}

.gobtn{
	font-size: 0.90em;
  	text-align:center;
	border: 1px;
	border-style: solid;
	border-color: #597BCA; /* #CCD7EF; */
    padding-left: 10px;
    padding-right: 10px;
    color: #FF0000; 
    background-image: url(../images/pijl_red_low_right.gif);
    background-repeat: no-repeat;
    background-position:right;
    display: block;
	float:right;
  	width: 75px;
	margin-top: 15px;
  	text-decoration: none;
}

.gobtn a {
  	text-decoration: none;
}

.gobtn a:hover {
	font-weight: bold;
	color: #FF0000; /* #152241; */
}

#maincontainer{
	width: 900px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#topsection{
	background: #FFFFFF;
	height: 205px; /*Height of top section*/
	text-align:right;
}

#topsection a:active, #topsection a:hover {
	text-decoration: underline;
}

#topsection h1{
	margin: 0;
	padding-top: 15px;
}

#contentwrapperLeftFloat{
	float: left;
}

#contentwrapperRightFloat{
	float: right;
}

#contentcolumn{
	margin: 0px 0px 0px 0px; /* Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding: 0px 0px 0px 5px;
	width: 525px; 
	background: #FFFFFF;
	text-align:left;
}

#leftcolumn
{
	float: none;
	width: 180px; /*Width of left column in pixel*/
	background: #CCD7EF;
	border: 1px;
	border-style: solid;
	border-color: #597BCA;
	height: 650px;
}

#rightcolumn
{
	float: none;
	width: 180px; /* Width of right column*/
	background: #CCD7EF;
	border: 1px;
	border-style: solid;
	border-color: #597BCA;
	height: 650px;
}

.NomarginsNoPadding {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.innertube{
	margin: 10px 10px 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.innertubeErrorPage{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
	text-align: center;
	font-size: 14pt; 
	color: #FF0000; 
}

#footer, #disclaimer, #footer a:link, #footer a:visited {
	text-align: center;
	padding: 5px;
	clear: left;
	width: 900px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	font-size: 8pt; 
	color: #0000FF; 
	text-decoration: none;
	padding-bottom: 8px; 
	font-weight: bold;
	position: relative;
}

#footer a:active, #footer a:hover {
	text-decoration: underline;
	color: #FF0000;
}

.blueBackgroundLine {
	height: 20px;
	background: #CCD7EF;
	border:1px;
	border-style: solid;
	border-color: #597BCA; /* #CCD7EF; */
}

/* styles voor de hoofdnavigatie */

/* main navigation at top ------------------------------------------------------------------------------- */
/*
#mainNav {
    display: block;
    margin-left: 50px;
    margin-top: 50px;
    width: 550px;
    float: left;
}
#mainNav .mainBtn {
    display: block;
    width: 136px;
    height: 24px;
    border-left: 1px solid #FFFFFF;
    float: left;
}
#mainNav .mainBtn a {
    display: block;
    width: 100%;
    height: 100%;
}
*/
/* links navigation panel -------------------------------------------------------------------------------- */
#navPanel {
    /* margin: 25px 25px auto 0px; */
    width: 160px;  /* 175px; */
    height: auto;
    font-style:normal;
    text-align:left;
    display: block;
   	float:none;
   	text-decoration: none;
}
#navPanel-end {
    border-top: 1px solid #C9597B;
    display: block;
    width: 160px;  /* 175px; */
    height: 20px;
}

#navPanel ul {
	padding: 0px;	
	margin: 0px;
}
#navPanel ul li {
    border-top: 1px solid #C9597B;
    display: block;
    width: 160px;  /* 175px; */
    height: 20px;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 0px;
}
#navPanel h1.navTitle {
    width: 160px;  /* 175px; */
    display: block;
    margin: 0px;
    text-align:left;
	font-size: 115%;
	font-weight:bold;
	font-style:normal;
	vertical-align:top;
	color: #0000FF;    /* #213668;  #C9597B; */
}
/* general */
#navPanel li a:link, #navPanel li a:visited  {
    display: block;
   	text-decoration: none;
}
#navPanel li a:hover, #navPanel li a:active {
    color: #FF0000; /* #C9597B; */
  	text-decoration: none;
}

/* different levels [NON-ACTIVE] */
/* level 1 */
#navPanel li.lev_1 a {
    width: 149px; /* 164px; */
    padding-left: 11px;
    background-image: url(../images/pijl_blue_low.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#navPanel li.lev_1 {
    background-color: #C4C4C4; /* #DDDDDD; */
}
/* level 2 */
#navPanel li.lev_2 a {
    width: 138px; /* 153px; */
    padding-left: 22px;
    font-weight: normal;
    background-image: url(../images/pijl_blue_low.gif);
    background-repeat: no-repeat;
    background-position: 10px 0px;
}
/* level 3 */
#navPanel li.lev_3 a {
    width: 137px; /* 142px; */
    padding-left: 33px;
    font-weight: normal;
    background-image: url(../images/pijl_blue_low.gif);
    background-repeat: no-repeat;
    background-position: 20px 0px;
}
/* level 4 */
#navPanel li.lev_4 a {
    width: 115px; /* 130px; */
    padding-left: 45px;
    font-weight: normal;
    background-image: url(../images/pijl_blue_low.gif);
    background-repeat: no-repeat;
    background-position: 32px 0px;
}

/* hovering changes all bullets */
#navPanel li.lev_1 a:hover, #navPanel li.lev_1 a:active, #navPanel li.lev_2 a:hover, #navPanel li.lev_2 a:active, #navPanel li.lev_3 a:hover, #navPanel li.lev_3 a:active, #navPanel li.lev_4 a:hover, #navPanel li.lev_4 a:active {
    background-image: url(../images/pijl_red_v.gif);
    background-repeat: no-repeat;
}

/* different levels [ACTIVE] */
/* level 1 */
#navPanel li.lev_1_active  {
    width: 149px; /* 164px; */
    padding-left: 11px;
    font-weight: bold;
    color : #FF0000;
    background-image: url(../images/pijl_red_h.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: #C4C4C4; /* #DDDDDD; */
}

/* level 2 */
#navPanel li.lev_2_active {
    width: 138px; /* 153px; */
    padding-left: 22px;
    color : #C9597B;
    background-image: url(../images/pijl_red_v.gif);
    background-repeat: no-repeat;
    background-position: 10px 0px;
}
/* level 3 */
#navPanel li.lev_3_active  {
    width: 137px; /* 142px; */
    padding-left: 33px;
    color : #C9597B;
    background-image: url(../images/pijl_red_v.gif);
    background-repeat: no-repeat;
    background-position: 20px 0px;
}
/* level 4 */
#navPanel li.lev_4_active  {
    width: 115px; /* 130px; */
    padding-left: 45px;
    color : #C9597B;
    background-image: url(../images/pijl_red_v.gif);
    background-repeat: no-repeat;
    background-position: 32px 0px;
}