/* FIRST RESETTING STYLES FOR INDEX PAGE */


html, body {
    font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: x-small;}

html, body {margin:0px; border:0px;	padding:0px;}

table, tr, th, td  { border-collapse:collapse; border-spacing:0px; height:6px; border:0px; padding:0px; margin:0px; text-align: inherit; vertical-align:top;}

img {border:0px; padding:0px; margin:0px;}

div, span, blockquote { border:0px; padding:0px; margin:0px; font:inherit}

article, blockquote, aside, figure, footer, header, section {display:block;} 



/* GLOBAL STYLES FOR INDEX WEB PAGE */


body { background-color: #E4E4E4; font-size: 16px }

div {
	background-color:#B4DBFF }
	
hr {
	background-color:#C9E7FF }

div a { overflow:auto }
	
div p { overflow:auto }

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



/* weet dat de definities voor de stijl van een vak en de stijl van tekst apart gegeven worden in css */

/* KLEUREN   groen: #26A69A #3D8148 #00796B #056772 #3D8148   orange #FF9148   grijs #4D5A75   paars #CC66FF #B763CF   bordeaux #B00A0B   blauw #006CBD  #056772  #FF9148  */


/* BODY indeling en lettertypes voor INDEX pages */

/* structuur van horizontale headers en subtitels */


.banner { 
	width:100%;
	background-color:#202040;
	height:auto;
	text-align:center;
	vertical-align: middle;
	padding-top:0px;
	padding-bottom:1px;
	border-top:0px;
	border-bottom:1px;
	margin-bottom:0px;
	}

/* lichtkrant in banner: scrollend bericht */


.lichtkrant-strook {
     background-color:#202040;
     width: auto;
     height: auto;
     margin: auto;
     line-height:150%;    
     border:thin solid #21573F;
     padding: 0px;
     alignment-adjust: middle;
}


.bericht {
	font-family:Consolas;
	font-size: large;
	color: #75FF75;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}


/* structuur van  lettertypes van koppen */


h1 { 
	font-family:"Bookman Old Style";
	font-size:48px;
	letter-spacing:3px;
	font-weight:bold;
	font-style:normal;
	color:#FF9148;
	}



h2 { 
	font-family: "Bookman Old Style";
	font-size: 21px;
	letter-spacing: 2px;
	font-weight: 500;
	font-style:normal;
	color: #B160EA;
	padding:9px;	
	}


h3 {
	font-family: "Trebuchet MS";
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: bold;
	font-style: normal;
	color:#393939;
	}


h4 {
	font-family:"Arial";
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: bold;
	font-style: normal;
	line-height:1;
	color:#364551;
	}


.intro {
	font-family: "Courier New";
	font-size: 16px;
	letter-spacing: 1px;
	font-weight:600;
	font-style: normal;
	color:#4B2400;
	text-align: center;
	margin-top:3px;
	margin-bottom:3px;
	}



p {
	font-family: "Cambria";
	font-size: medium;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: normal;
	color:azure;
	text-align: center;
	margin-top:0px;
	margin-bottom:9px;
	}



/* structuur van  horizontale navigatie balk */


.menubar{ 
	width:100%;	
	text-align: center;
	vertical-align:top;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	}



/* structuur van  horizontale subtitels */


.statementB { 
	width:100%;
	height:auto;
	line-height:1.1;
	text-align: center;
	vertical-align:middle;
	margin-top:21px;
	margin-bottom:24px;	
	}


.statementM { 
	width:100%;
	height:auto;
	line-height:1.1;
	text-align: center;
	vertical-align:middle;
	margin-top:21px;
	margin-bottom:3px;
	}


/* structuur van navigatie, menu en sidebar */ 

/* script om framevenster vertikaal even hoog als sidebar te houden: zie index page */


.col-container {
		display: flex; 
		width: 100%;
		margin-bottom:0px;
		margin-top:0px;
		}

.col {
 	 display: flex;
 	 vertical-align:top; 
 	 }


#sidebarT {
	float:left;
	width:100%;
	vertical-align:top;
	padding-top:3px;
	padding-bottom:3px;	
	}
	
#sidebarB {
	float:left;
	width:100%;
	vertical-align:top;
	padding-top:3px;
	padding-bottom:3px;	
	}


.navigatie_side { 
	width: auto;
	text-align: left;
	vertical-align:top;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;	
	}


ul li {
	vertical-align:top;
	color:#FFFFFF;
	margin-top:-12px;
	margin-right:0px;
	margin-bottom:-12px;
	margin-left:0px;
	}


h5 {
	font-family: "Trebuchet MS";
	font-size: 21px;
	letter-spacing: 1px;
	font-weight: bold;
	font-style: normal;
	color: #006CBD;
	line-height:112%;
	margin-left:18px;
	margin-top:0px;
	margin-bottom:0px;
	}	


h6 {
	font-family: "Trebuchet MS";
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	line-height: 108%;
	}



/* iFRAME voor de tabellen #FF9148;  */


.iframeview {
	background-color:#FF9148; 
	margin: 1px;
	color: #000080;
	line-height: normal;
	text-align: center;
	text-indent: inherit;
	white-space: normal;
	word-spacing: normal;
	letter-spacing: normal;
	border-collapse:collapse;
	position: relative;
	overflow-y:hidden;
	text-wrap: unrestricted;
	height:auto;
	}




/* LINKS & MOUSE OVER IN NAVIGATIE */
		
/* If the link is unvisited you see this color*/

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

/* If the link is visited you see this color */


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


a.current {
     background-color:#75FF75;
     color:#FFFFFF;
	 padding:0px 0px 3px 0px;
	 line-height:120%;
}


/* On placing mouse over the link */
      
a:hover {
        background-color:#75FF75;
        color:#003FFF;
	 	padding:0px 0px 3px 0px; 
        }
   
    
/* If the link is visited you see this color*/

a:active {
        color:#03A981;
		text-decoration: none;
        }

/* Custom highlight class for sidebarB links */

.highlight {
    background-color: #B17ED2; 
    color: #FFFFFF;
    padding: 0px 0px 3px 0px;
    line-height: 120%;
}


/* Printing an iframe content  */

.print-link {
    color: #007FCC; 
    text-decoration: none;
    font-size: x-small;
    }


/* DE FOOTER */


footer { 
	background-color:#202040;
	text-align:center;
	font-family: Cambria;
	font-size: medium;
	color:aliceblue;	
	line-height:144%;
	height:auto;
	}