/* pagina opbouw*/  /* */

html {min-height: 100%} /* 100% focus browser */
* {
  	margin: 0;
  	padding: 0;
}
body { 
  		 background: #333333 /* url('img/body.jpg') no-repeat center top*/; 
			 color: white;
  		 font: normal 100% verdana, arial;
  		 padding-top: 10px; /* ruimte tot top*/
			 padding-bottom: 64px; /* ruimte tot onderkant*/
}
div#clear {clear: both;}
div#left {float: left;}
div#right {float: right;}

/* containers */
div#outer-container{
      	background: #333333 /* url('img/container.jpg') no-repeat center bottom*/;
				border: 0px solid #666666;/* op 0 ztten na design */
				padding-bottom: 64px; /* ruimte tov de onderkant */
				width: 99%;
}
div#inner-container{
  	border-left: 1px solid #336699;
  	border-right: 1px solid #336699;		
  	background-color:  #333333/*white*/ ;
  	margin: 0 auto;	/* centreert */
  	/*padding: 5px;	 binnen de container*/	
  	width: 1000px;
		height:100%;		
		/*margin-top: 64px;  ruimte tot top*/
}

div#mainmenu{
  	background-color: #333333 ;
		border-right: 0px solid #666666;
		float: left/*right*/;
  	padding: 5px;		
		width: 240px; /* 250 - 2x padding 5 px + border rechts 1px */
		height: 30px;
  	text-align: center;
		/*margin-top: 64px;  ruimte tot top*/
}
div#header{
  	background-color: #333333 ;
		border: 0px solid #666666;
		float: left/*right*/;		
  	padding: 5px;		
  	/* width:1000px; wordt standaard de breedte van inner-container*/
		width: 490px;
		height: 30px;
  	text-align: center;
		/*vertical-align: bottom;*/
		/*margin-top: 64px;  ruimte tot top*/
}
div#submenu{
  	background-color: #333333 ;
		border-left: 0px solid #666666;
		float: right/*left*/ ;
  	padding: 5px;	
  	/* width:1000px; wordt standaard de breedte van inner-container*/
		width: 240px;
		height: 30px;
  	text-align: center;
		/*margin-top: 64px;  ruimte tot top*/
}
div#pad{
  	border-bottom: 0px solid #666666;		
  	background-color:  #333333/*white*/ ;
		clear: both;
		page-break-inside: avoid;
		/*vertical-align: center;*/
  	padding: 5px;	
  	width: 970px;
		height:30px;
		margin-left: 10px;
		margin-right: 10px;
}
div#content{
  	border-left: 0px solid #336699;
  	border-right: 0px solid #336699;		
  	background-color:  #333333/*white*/ ;
		clear: both;
		/*vertical-align: center;
  	text-align: center;	*/
  	padding-top: 20px;	
  	width: 980px;
		height:100%;
}
div#coll1{
  	background-color: #333333 ;
		border-right: 0px solid #336699;
		float: left/*right*/;
  	padding-top: 20px;	
		padding-left: 5px;
		padding-right: 5px;		
		width: 200px; /* 200 - 2x padding 5 px + border rechts 1px */
		height: 100% /*600px*/;
  	text-align: center;
		/*margin-top: 64px;  ruimte tot top*/
}
div#coll2{
  	background-color: #333333 ;
		border: 0px solid #666666;	
		float: left/*right*/	;	
  	padding-top: 20px;	
		padding-left: 5px;
		padding-right: 5px;	
		width: 570px;
		height: 100% /*100%*/;
  	text-align: center;	
		/*margin-top: 64px;  ruimte tot top*/
}

div#coll3{
  	background-color: #333333 ;
		border-left: 0px solid #336699;
		float: right/*left*/ ;
  	padding-top: 20px;	
		padding-left: 5px;
		padding-right: 5px;	
		width: 200px;
		height: 100% /*600px*/;
  	text-align: left;
		/*margin-top: 64px;  ruimte tot top*/
}

div#foot{
  	border-top: 0px solid #336699;
  	background-color:  #333333/*white*/ ;
		clear: both;
		text-align: center;/**/
  	padding: 5px;	
  	width: 970px;
		height:40px;
		margin-left: 10px;
		margin-right: 10px;
}

.polariod{
    background: #333333 /* url('img/container.jpg') no-repeat center bottom*/;
		border: 1px solid #666666;/* op 0 ztten na design */
		padding: 0px; /* ruimte tov de onderkant */
		width: 200px;
		Height: 180px;
		text-align: center;
}

.inputbox {
	padding: 2px;
	border:solid 10px #336699;
	background-color: #FF0000;
}

/* interactief */

a:link {
	color: #999999; 
	text-decoration: none;
	font-weight: normal;
}
a:visited {
	color: #666666; 
	text-decoration: none;
	font-weight: normal;	
}
a:hover {
	color: #ff9900;	
	text-decoration: none;
	font-weight: normal;
}
a:active {
	color: #ff9900; 
	text-decoration: none;
	font-weight: normal;
}


/*uitlijnen tekst*/
.r{
text-align: right;
}
.l{
text-align: left;
}
.c{
text-align: center;
}
.u{
text-align: jusify;
}


/* fonts */
.tekst_oranje{
color: #ff9900;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}	 
.tekst_oranje_vet{
color: #ff9900;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: bold ;  /* bold, bolder, lighter, normal */
}
.kop_oranje_16{
color: #ff9900;
font-family: verdana, arial, helvetica;
font-size: 16px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}
.kop_oranje_18{
color: #ff9900;
font-family: verdana, arial, helvetica;
font-size: 18px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}
.tekst_zwart{
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}
.tekst_zwart_cursief{
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: italic; /* , normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}		
.tekst_zwart_vet{
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: bold ;  /* bold, bolder, lighter, normal */
}
.tekst_zwart_klein{
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 10px;
font-style: normal ; /* italic, normal */
}
.kop_zwart_18{
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 18px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}
.tekst_wit{
color: #FFFFFF;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}
.tekst_wit_cursief{
color: #FFFFFF;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: italic; /* , normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}		
.tekst_wit_vet{
color: #FFFFFF;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: bold ;  /* bold, bolder, lighter, normal */
}
.tekst_wit_klein{
color: #FFFFFF;
font-family: verdana, arial, helvetica;
font-size: 10px;
font-style: normal ; /* italic, normal */
}
.kop_wit_18{
color: #FFFFFF;
font-family: verdana, arial, helvetica;
font-size: 18px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}

.tekst_lichtgrijs{
color: #999999;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}
.tekst_lichtgrijs_cursief{
color: #999999;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: italic; /* , normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}		
.tekst_lichtgrijs_vet{
color: #999999;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: bold ;  /* bold, bolder, lighter, normal */
}
.tekst_lichtgrijs_klein{
color: #999999;
font-family: verdana, arial, helvetica;
font-size: 10px;
font-style: normal ; /* italic, normal */
}
.kop_lichtgrijs_16{
color: #999999;
font-family: verdana, arial, helvetica;
font-size: 16px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}
.kop_lichtgrijs_18{
color: #999999;
font-family: verdana, arial, helvetica;
font-size: 18px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}
.kop_lichtgrijs_24{
color: #999999;
font-family: verdana, arial, helvetica;
font-size: 24px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}
.tekst_geel{
color: #FFCC00;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}
.tekst_geel_cursief{
color: #FFCC00;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: italic; /* , normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}		
.tekst_geel_vet{
color: #FFCC00;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: bold ;  /* bold, bolder, lighter, normal */
}
.tekst_geel_klein{
color: #FFCC00;
font-family: verdana, arial, helvetica;
font-size: 10px;
font-style: normal ; /* italic, normal */
}
.kop_geel_18{
color: #FFCC00;
font-family: verdana, arial, helvetica;
font-size: 18px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}
.tekst_blauw{
color: #336699;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}	 
.tekst_blauw_vet{
color: #336699;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: bold ;  /* bold, bolder, lighter, normal */
}
.kop_blauw_18{
color: #336699;
font-family: verdana, arial, helvetica;
font-size: 18px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}
.tekst_groen{
color: #339900;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}	 
.tekst_groen_vet{
color: #339900;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: bold ;  /* bold, bolder, lighter, normal */
}
.kop_groen_18{
color: #339900;
font-family: verdana, arial, helvetica;
font-size: 18px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}
.tekst_paars{
color: #9933cc;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}	 
.tekst_paars_vet{
color: #9933cc;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: bold ;  /* bold, bolder, lighter, normal */
}
.kop_paars_18{
color: #9933cc;
font-family: verdana, arial, helvetica;
font-size: 18px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
} 
.tekst_rood{
color: #cc3300;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter,bold  */
}	 
.tekst_rood_vet{
color: #cc3300;
font-family: verdana, arial, helvetica;
font-size: 12px ;
font-style: normal ; /* italic, normal */
font-weight: bold ;  /* bold, bolder, lighter, normal */
}
.kop_rood_18{
color: #cc3300;
font-family: verdana, arial, helvetica;
font-size: 18px ;
font-style: normal ; /* italic, normal */
font-weight: normal ;  /* bold, bolder, lighter, normal */
}