/* CSS Document */

html, body {

height: 100%; /* héél belangrijk */

}

.titels {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	color: #000000;

}

.titels2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	color: #ffffff;

	text-decoration: none;



}



a:link,

a:visited{

text-decoration: none;

}

a:link,

a:visited

{

	color: #000000;

}

a:hover

{

	color: #9C0510;
	text-decoration: underline;

}



td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

}

table#navigatorheader 
{ 
text-align: center; 
line-height: 1.8em;
} 

table#navigatorheader tr td 
{border: 0px solid silver;} 

table#navigatorheader tr td a 
{display: block; 
text-decoration: none; 
margin: 0; 
padding: 0; 
width: 100%; 
height: 100%; 
} 

table#navigatorheader tr td a:link, table#navigatorheader tr td a:visited 
{ 
color: black; 
} 

table#navigatorheader tr td a:hover 
{ 
color: #FFFFFF; 
background-color: #FFFFFF; 
} 

table#navigatorheader tr td a:active{color: navy;} 

table#navigator 
{ 
text-align: center; 
line-height: 1.8em;
} 

table#navigator tr td 
{border: 1px solid silver;} 

table#navigator tr td a 
{display: block; 
text-decoration: none; 
margin: 0; 
padding: 0; 
width: 100%; 
height: 100%; 
} 

table#navigator tr td a:link, table#navigator tr td a:visited 
{ 
color: black; 
} 

table#navigator tr td a:hover 
{ 
color: #FFFFFF; 
background-color: #FFFFFF; 
} 

table#navigator tr td a:active{color: navy;} 


#volledig {

position: relative;

min-height: 100%;

height:100% !important; /* voor moderne browsers */

height:100%; /* voor IE */

}

#inhoudgta

{

	/*position:fixed !important;*/

	display:block;

	font-size: 12px;

	position:relative; /*Dit zorgt ervoor dat de positie relative staat tegenover de plaats waar deze staat. Als hier absolute wordt ingevuld, dan komt deze kader links bovenaan te staan */

	left:0px;

	right:0px;

	/*margin-left: auto;

	margin-right: auto;

	padding: 0px 0px 0px 0px;*/

	width: 100%; /*Dit is de breedte van het vlak*/

	height:250 !important; /* voor moderne browsers */

	height: 98%;/*360; /*Dit moet je gebruiken als je het vlak altijd op dezelfde grootte wilt houden.*/

	z-index:2; /*De z-index staat voor de plaats (achter de vorige foto of ervoor plaatsen)*/

	overflow:auto; /*Deze code zorgt ervoor dat je moet scrollen als het veld groter is dan de plaats die je ervoor krijgt*/

	scrollbar-arrow-color: #9C0510; /*Dit is de kleur van de pijltjes in IE (werkt niet in firefox)*/

	scrollbar-face-color: #ffffff;

	scrollbar-highlight-color: #ffffff;

	scrollbar-3dlight-color: #ffffff;

	scrollbar-shadow-color: #ffffff;

	scrollbar-darkshadow-color: #ffffff;

	scrollbar-track-color: #ffffff;

	

}