﻿body { 
	margin:0; 
	padding:0;
	background-image: url('');
	background-color: black; }

a {	color: #000; text-decoration:none}

a:hover{
	text-decoration: underline;
	color: #002280; }

h1,
h2,
h3 { margin: 0; padding: 0 0 12px 0; }

p { margin: 0; padding: 0 0 12px 0; }

#kop-top {background-color: #000099;
	margin-left: 15px;

	text-align: center;
	font-family: Calibri, Verdana;	
	color: white;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	width: 1315px;
	height: 40px; 
}

#kop-top strong { text-transform: uppercase; padding: 12px 0; }

#menu {background-color: #3366FF;
width: 1315px;
	margin-left: 15px;

	text-align: center;
	top:10px; 
}

#menu ul{
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px solid #000000;
}

#menu ul li{
	display: inline;
}

/* Het tabblad-achtige uiterlijk instellen */
#menu li a{
	padding: 4px 20px;
	border: 1px solid #000000;
	list-style-image: none;
	display: inline;
	background-color: #99CCFF;
	font-family: Calibri, Verdana;	
	font-size: 10px;
	font-weight: bold;
}

/* de geselecteerde tab een afwijkend uiterlijk geven */
#menu li a.selected{
	border-bottom: 1px solid transparent;
	background-color: #fff;
}

#rij1 {background-color: #333; 
	margin-left: 250px;
	width: 1080px;
	height: 50px;
}	
	
#rij2 {background-color: #666; 
	
	margin-left: 250px;
	width: 1080px;
	height: 200px;
}	
	

#rij3 {background-color: #888; 
	margin-left: 250px;
	width: 1080px;
	height: 30px;
}	
	
#rij4 {background-color: #999; 
	
	margin-left: 250px;
	width: 1080px;
	height: 200px;
}
	
#rij5 {background-color: #C0C0C0; 
	margin-left: 250px;
	width: 1080px;
	height: 70px;
}
#rij6 {background-color: #CCC; 
	margin-left: 250px;
	width: 1080px;
	height: 70px;
}

#rij7 {background-color: #CCC; 
	margin-left: 250px;
	width: 1080px;
	height: 70px;
}

#links { float: left; clear: left;
	display: block; padding: 4px; background-color: #66ccFF; color: white; 
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;	
	top: 108px;
   margin-left: 15px;
  	width: 200px;
  	
  	}
	
ul { padding: 12px 0 0 12px; margin: 0; }
li ul { padding: 0; margin: 0; }
ul li { padding: 0 0 2px 0; margin: 0; list-style: none; }


h3 { font-size: 20px; text-transform: uppercase; padding: 12px 0 0 12px;  }
li.top a { display: block; width: 275px; padding: 4px; text-align: center; background-color: red; color: black; }
li.top li a { background-color: transparent; padding: 2px 0 2px 20px; }


p { 
	font-size: 10px;
	font-weight: bold;
	color: black;
	margin:0 10px;
	 padding: 8px 0;
}

img{text-align: center;
margin:0.2em;}

#kolom1,
#kolom2,
#kolom3,
#kolom4 {	
	text-align: center;
font-family: Calibri, Verdana;	
	font-size: medium;
	color: white;
	font-weight: bold;
	font-style: italic;


}
#kolom1 { float: left; clear: none;
	display: block; padding: 4px; background-color: #FFFFCC ; color:white ; 
   	top: 110px;
   	margin-left: 15px;
 	width: 250px;
	padding: 5px 0 0 0; 
  }
   
#kolom2 {  float: left; clear: none;
	display: block; padding: 4px; background-color:#FFFF99 ; color: black; 
   	margin-left: 15px;
   	width: 250px;
    top:110px;
	padding: 5px 0 0 0; 
  	 }

#kolom3 { float:left ; clear: none;
	display: block; padding: 4px; background-color:#FFFF66 ; color: black; 
   	top: 110px;
   	margin-left: 15px;
 	width: 250px;
	padding: 5px 0 0 0; 
 }

#kolom4 { float:left ; clear: right;
	display: block; padding: 4px; background-color:#FFFF00 ; color: black; 
   	top: 110px;
   	margin-left: 15px;
 	width: 250px;

	padding: 5px 0 0 0; 
  }
