@charset "utf-8";
/* 
   kleurgebruik
   normale tekst         	 donkerblauw #000066
   normale tekst hover    	 groen #060
   menubalk 		 		 background-color:#333 
   menubalk tekst		     wit #FFF 
   menubalk tekst hover      geel #FF0
   
   normale tekst		  14px 	
*/

* { font-family:Arial, Verdana, Geneva, sans-serif; font-size:14px; }

a {font-family:Verdana, Geneva, sans-serif; color:#000066; font-size:14px;}
a:link {text-decoration:none; font-size:14px;}
a:visited {text-decoration: none; font-size:14px;}
a:active {text-decoration:#000066; font-size:14px;}

*   {
    box-sizing: border-box;
	}


h1 {
	color:#33cc99; /* green Wiersma <==============================================<*/    
	font-size:22px;
}

h2 {
	color:#33cc99; /* green  <==============================================<*/
	font-size:16px;
	line-height:20px;
}

.pagina															  /* MAXIMALE PAGINA BREEDTE, INDIEN $app_screen_width gezet */	
	{
	margin: auto;
	max-width: 100%;
	top: 0px;
	}
	
.banner
	{
    max-width: 100%;
	top: 0px;
    position:relative;
    }

.img  /* alle afbeeldingen */
	{
    width: auto;
    height: auto;
    max-width: 100%;
	}

.topmenu                                                       /* OBJECTS PLACED OVER MAIN BANNER ==> TOPMENU */ 
	{
	top:3px;
	right: 15px;
	text-align:right;								/* ==> TOP MENU TEKST WIT */ 	
    color:#ffffff;
	position:absolute;
	z-index: 1;
	}
.topmenu a {color:#FFF;}
.topmenu a[href]:hover {color:#060; text-decoration:underline;}   /* ==> GROEN #060 UNDERLINE */

@media screen and (max-width: 800px) 
{
.menu_icon	/* menu tonen alleen tonen bij klein scherm */	
	{
	vertical-align: middle;	
    width: 64px;
    height: 32px;
	}
}

@media screen and (min-width: 800px) 
{
.menu_icon	{display: none;} /* menu tonen alleen tonen bij klein scherm */	
}

 .vlag   /* OBJECT PLACED OVER BANNER ==> FLAGS FOR LANGUAGE SWITCHING DUTCH <==> ENGLISH */
	{
	top:10px;
	left: 15px;
	position:absolute;
	z-index: 1;
	}
	
.boodschap													/*  STANDAARD BERICHTREGEL */
	{
	font-size:14px;
	line-height:16px;
	margin:5px;
	max-width: 100%;
	}
	
.boodschap a { color:red; }   
	
.left {float:left;}
.right {float:right;}

.tekst
	{
	font-size:14px;
	padding:4px;
	line-height:16px;
	margin:5px;
    color:#000066;												/* ==> DONKERBLAUW #000066 */
	}
.tekst a[href]:hover {color:#060; text-decoration:underline;}   /* ==> GROEN #060 UNDERLINE */

.errortxt a { color:red; }                                      /* ==> FOUT TEKST ROOD */  

.menu_container
	{
	height:29px;
	width:100%;
	background-color:#000099;
	}