
/* STANDAARDINSTELLINGEN VOOR ALLE PAGINA'S  */ 	

body, html {
	width: 					100%;
	margin: 				0px;
	padding: 				0px;
    font-family: 			Verdana, Sans-serif;
    font-size: 				11px;
    color: 					#003366;
    line-height: 			16px;
    background-color: 		white;
    border: 				none;
    overflow-x: 			hidden; 
    }
    
#container {
	width: 					97%;
	height: 				4000px;
	border: 				0px red solid;
	padding:				0px;
	margin: 				10px 0px 500px 10px;
	}
	
p	{
	margin: 				0px 0px 10px 5px;
	line-height:			18px;
	}

	
hr	{
	color: 					lightgrey;
	background-color: 		lightgrey;
	height: 				1px;
	width: 					100%;
	}
	
img {
	border: 				0px;
	}
	
/* INSTELLINGEN VOOR DE TITELBALK OP ALLE PAGINA'S  */ 			
    
div#balk {
	width: 					100%;
	height: 				30px;
	background-color: 		#F49300;
	margin: 				0px 0px 10px 0px;
	}
	
div#titel {
	padding: 				5px 0px 0px 10px;
	color: 					white;
	font-weight: 			bold;
	letter-spacing: 		0.01em;
	font-size: 				12px;
	margin: 				2px 0px 0px 0px;
	float:					left;
	}	
	
div#twitter {
	height:					30px;
	margin: 				0px 0px 0px 0px;
	float:					right;
	}
	
	
	
div#subcontainer {
	width: 					95%;
	height: 				4000px;
	border: 				0px yellow solid;
	margin: 				0px 0px 500px 5px;
	padding-bottom:			50px;
	}
	
div#tekst {
	width: 					100%;	
	margin: 				20px 0px 0px 15px;
	}		
	
	
	
/* INSTELLINGEN VOOR DSTART EN HSTART */ 	


table.logos {
	width: 					798px;
	border: 				0px pink solid;
	border-color: 			#003366;
	margin: 				0px 0px 20px 0px;
	}

#embleem {
	width: 					40px;
	float: 					left;
	border: 				0px;
	margin: 				0px 12px 0px 0px;
	} 
	
#embleemovk {
	height: 				35px;
	float: 					left;
	border: 				0px;
	margin: 				0px 10px 0px 0px;
	} 

/* INSTELLINGEN VOOR LINKERKANT MET LOGO,S EN BELANGRIJKSTE NIEUWS OP DSTART EN HSTART */

div#links {
	width: 					450px;
	height: 				auto;
	float: 					left;
	border: 				0px black solid;
	margin: 				0px 0px 20px 30px;
	}	
	
div#start {
	width: 					450px;
	height: 				auto;
	float: 					left;
	border: 				0px black solid;
	margin: 				0px 0px 20px 30px;
	}	
	
img.pijl {
	margin-top: 3px;
	}			

ul
{
list-style-type: 			none;
padding: 					0;
margin: 					0;
}

li
{
background-image: 			url(../images/pijltjeklein.png);
background-repeat: 			no-repeat;
background-position: 		0.4em;
padding-left: 				1.8em;
font-weight:  				bold;
line-height:				20px;
}	
	
	
	

/* DIVISIE RECHTS MET BANNERS OP DSTART EN HSTART */
	
div.banner {
	width: 					310px; 
	margin: 				0px;
	float: 					right;
	text-align:				center;
	font-size:				10px;
	border-color:			#DDDCIF; 
	border:					1px;
	padding:				5px;
	color:					#003b77;
	font-weight: 			bold;
	}

img.lightbox {
	width:					310px;
	border: 				2px #A5BCD1 solid;
	margin: 				0px;
	}
	
td.fotoshow {
	width:					310px;
	font-weight:			bold;
	font-size:				10px;
	text-align:				center;
	padding-bottom:			20px;
	margin:					0px;
	}
	
	

/* STANDAARDINSTELLINGEN VOOR DE LINKS */	
	
	   
a {
    font-weight: 			normal;
   	color: 					#003366;
   	text-decoration: 		underline;
	}
	
a:visited {
    font-weight: 			normal;
    color: 					#003366;
    text-decoration: 		underline;
	}
	
a:hover {
    font-weight: 			normal;
    color: 					#a3c0da;
    text-decoration: 		underline;
	}
	
/* APARTE STELLINGEN VOOR DE LINKS */	
	
	   
a.no {
    font-weight: 			normal;
   	color: 					#003366;
   	text-decoration: 		none;
	}
	
a.no:visited {
    font-weight: 			normal;
    color: 					#003366;
    text-decoration: 		none;
	}
	
a.no:hover {
    font-weight: 			normal;
    color: 					#a3c0da;
    text-decoration: 		none;
	}
	
	
	
	
a.bu {
    font-weight: 			bold;
   	color: 					#003366;
   	text-decoration: 		underline;
	}
	
a.bu:visited {
    font-weight: 			bold;
    color: 					#003366;
    text-decoration: 		underline;
	}
	
a.bu:hover {
    font-weight: 			bold;
    color: 					#a3c0da;
    text-decoration: 		underline;
	}	
	
	
		
	
a.nob {
    font-weight: 			bold;
   	color: 					#003366;
   	text-decoration: 		none;
	}
	
a.nob:visited {
    font-weight: 			bold;
    color: 					#003366;
    text-decoration: 		none;
	}
	
a.nob:hover {
    font-weight: 			bold;
    color: 					#a3c0da;
    text-decoration: 		none;
	}
	
	
		
	
a.nobk {
    font-weight: 			bold;
    font-size:				10px;
   	color: 					#003366;
   	text-decoration: 		none;
	}
	
a.nobk:visited {
    font-weight: 			bold;
    font-size:				10px;
    color: 					#003366;
    text-decoration: 		none;
	}
	
a.nobk:hover {
    font-weight: 			bold;
    font-size:				10px;
    color: 					#a3c0da;
    text-decoration: 		none;
	}
	
	
	
	
a.nobko {
    font-weight: 			bold;
    font-size:				10px;
   	color: 					#F49300;
   	text-decoration: 		none;
	}
	
a.nobko:visited {
    font-weight: 			bold;
    font-size:				10px;
    color: 					#F49300;
    text-decoration: 		none;
	}
	
a.nobko:hover {
    font-weight: 			bold;
    font-size:				10px;
    color: 					#a3c0da;
    text-decoration: 		none;
	}	


a.reageer {
    font-weight: 			bold;
    font-size:				8px;
   	color: 					#F49300;
   	text-decoration: 		none;
	}
	
a.reageer:visited {
    font-weight: 			bold;
    font-size:				8px;
    color: 					#F49300;
    text-decoration: 		none;
	}
	
a.reageer:hover {
    font-weight: 			bold;
    font-size:				8px;
    color: 					#a3c0da;
    text-decoration: 		none;
	}		
	
		
			
			
a.mobiel {
    font-weight: 			bold;
   	color: 					white;
   	text-decoration: 		none;
	}
	
a.mobiel:visited {
    font-weight: 			bold;
    color: 					white;
    text-decoration: 		none;
	}
	
a.mobiel:hover {
    font-weight: 			bold;
    color: 					#F49300;
    text-decoration: 		none;
	}		

/* TELLERS */	
	
		
div#hkhtellersmain {
	clear: 					both;
	width: 					100%;
	height:					auto;
	text-align: 			center;
	border: 				0px red solid;
	margin-top:				300px;
	}
	
div#hkhtellerssub {
	width: 					130px; 
	height:					auto;
	padding: 				5px; 
	border: 				0px dotted #003366; 
	background-color: 		#f9f9f9;
	color: 					#003366; 
	margin: 				0px auto 0px auto;
	text-align:				center;
	}

.hkhtellersmain {
	clear:					both;
	width: 					100%;
	text-align: 			center;
	border: 				0px pink solid;
	}
	
.hkhtellerssub {
	width: 					170px; 
	border: 				0px solid #003366; 
	background-color: 		#f9f9f9;
	color: 					#003366; 
	margin: 				500px auto 0px auto;
	text-align:				center;
	}		


/*  TABELLEN ALGEMEEN */	
	
	
table {
	border-collapse:		collapse;
	border:					0px;
	margin:					0px;
	padding:				0px;
	float:					left;
	background-color: 		white;
	}
	
tr {
	height:					14px;
	}	
	
td {
	vertical-align:			top;
	height:					14px;
	padding:				2px 5px 2px 5px;
	}
	
/*  TABELLEN SPECIAAL */		

table#center {
	border-collapse: 		collapse;
	border-color:			#0066CC;
	border: 				1px;
	background-color:		white;
	margin: 				20px auto 20px auto;
	padding: 				0px;
	}
	
table.center {
	border-collapse: 		collapse;
	border-color:			#0066CC;
	border: 				1px;
	background-color:		white;
	margin: 				20px auto 20px auto;
	padding: 				0px;
	}			
		
table.wedstr {
	border-collapse:		collapse;
	float:					left; 		
	margin:					0px 20px 20px 0px; 
	border:					1px #003366 solid;
	}
	
table.wedstr td {
	border: 				0px #003366 solid;
	border-collapse:		collapse;
	}
	
table.uitslagen {
	background-color:		white;
	margin: 				0px 0px 20px 0px; 

	width:					250px;
	}

table.programma {
	background-color:		white;
	margin: 				0px 0px 20px 0px; 
	float:					left;
	}

table.oefenpotjes {
	border-collapse: 		collapse;
	width: 					300px;
	float: 					left; 
	margin: 				0px 0px 20px 10px; 
	border: 				0px #003366 solid;
	}


tr.titel {
	background-color: 		#003366; 
	color: 					#ffffff; 
	font-weight: 			bold; 
	text-align: 			center;
	}
	
tr.titel-l {
	background-color: 		#0066cc; 
	color: 					#ffffff; 
	font-weight: 			bold; 
	text-align: 			left;
	
	}
	
tr.b {
	font-weight:			bold;
	background-color:		white;
	}
	
table.bg {
	background-color:		#D5DFE9;
	}
	
td.portret {
	width:					110px;
	font-weight:			bold;
	font-size:				10px;
	text-align:				center;
	padding-bottom: 		20px;
	}
		
td.b {
	font-weight: 			bold;
	}	
	
td.c {
	text-align: 			center;
	}
	
td.l {
	text-align: 			left;
	}
	
td.r {
	text-align: 			right;
	}	
	
tr.c {
	text-align: 			center;
	}
	
/*  KOPPEN */	
	
h1  {
	font-size: 				14px;
	font-weight: 			bold;
	color: 					#F49300;
	margin: 				20px 0px 10px 5px;
	}
	
h2	{
	width: 					800px;
	color: 					#003366;
	font-size: 				14px;
	font-weight: 			bold;
	}
	
h3	{	
	font-size: 				10px;
    color: 					#003366;
    line-height: 			16px;
    margin: 				0px 0px 2px 0px;	
	}

h4	{	
	font-size: 				11px;
    color: 					#003366;
    line-height: 			16px;
    margin:		 			0px 0px 5px 0px;	
	}	
	
h5  {
	font-size: 				12px;
	font-weight: 			bold;
	color: 					white;
	margin: 				2px 0px 0px 0px;
	}	
	
h6	{	
	font-size: 				12px;
    color: 					#F49300;
    line-height: 			16px;
    margin: 				0px 0px 2px 0px;	
	}
	
	
 /* IFRAME UITSLAGEN */

	
#mobiel	{	
	width:					250px;
	height:					26px;
	padding:				3px 10px;
	font-size: 				11px;
	font-weight:			bold;
	background-color: 		#003366;
    color: 					white;
	}	 
  
iframe.uitslagen {
	width: 					200px;
	height: 				300px;
	border: 				1px #003366 solid;
	overflow-x: 			hidden;
	overflow-y: 			auto;
	float: 					left;
	margin: 				0px 0px 0px 0px;
	}

 /* DNIEUWS en HNIEUWS */	
 
 
table.nieuws {
	width: 					100%; 
	border-top: 			0px; 
	border-right: 			0px; 
	border-bottom: 			1px #F49300 solid; 
	border-left:			0px;
	}
	
td.content {
	padding:				8px 0px 0px 0px;
	}
	
td.links {
	width: 					130px;
	padding:				8px 0px 8px 0px;
	}
		
td.bottom {
	width:					20px;
	vertical-align:			bottom;
	text-align:				right;
	}	
	
tr.nieuws {
	width: 					90%;
	height: 				10px; 
	text-align: 			right; 
	color: 					#F49300; 
	font-weight:			bold;
	border-bottom: 			1px #F49300 solid; 
	} 	
 	
tr.reageer {
	width: 					90%;
	height: 				10px; 
	text-align: 			right; 
	color: 					#F49300; 
	font-weight:			bold;
	} 
	
 	
img.hkh {
	margin: 				0px 5px 0px 0px; 
	width: 					35px; 
	float: 					left;
	}
	
img.logo {
	margin: 				0px 5px 0px 0px; 
	width: 					30px; 
	float: 					left;
	}	
	
img.vlag {
	margin: 				0px 5px 0px 0px; 
	width: 					30px; 
	float: 					left;
	}	
	
img.persoon {
	margin: 				0px 5px 0px 0px; 
	width: 					50px; 
	float: 					left;
	border: 				1px #003366 solid;
	}	

img.knhb {
	margin: 				0px 5px 0px 0px; 
	width: 					60px; 
	float: 					left;
	}	
		
a.reageer {
	text-decoration: 		none; 
	color: 					#F49300;
	}	
	
a.reageer:hover {
	text-decoration:		none; 
	color:					#003366;
	}	

 /* TEAMPAGINA'S */		

img.portret {
	margin: 				0px 0px 0px 0px;
	width: 					108px; 
	border: 				1px #003366 solid;
	}
img.portretgroot {
	margin: 				0px 0px 0px 0px;
	width: 					150px; 
	border: 				1px #003366 solid;
		
td.bok 	{
	width:					110px;
	border: 				0px;
	text-align: 			center;
	}

img.teamfoto {
	margin:					0px 20px 60px 0px;
	float: 					left;
	width:					600px;
	}
	
	
 /* MOBIEL */		
	
table.mobielstand {
	border-collapse; 		collapse;
	background-color:		white;
	width: 					280px;
	margin: 				0px auto 0px auto; 
	border: 				0px #003366 solid;
	}	
	
td.mobielstand {
	background-color:		white;
	}			 	