*{
	padding: 0px;
	margin: 0px;
}

html{
	height: 100%; /*for footerstickAlt*/
}


body{
	color: #000000;
	background-color: #000066;
	/*background-color: #ffffff; */  /*alleen voor onderhoud*/
	
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	height: 100%; /*for footerstickAlt -  belangrijk (bij97% verdwijnt in schermen met weing tekst de scrollbalk
	Nadeel daarvan is dat het beeld verspringt afhankelijk van of er wel of geen balk komt.*/
}

p{
	margin-bottom: 1em;
}

h1{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
}

h2{	
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	
	/*list-style-type: disc;
	/*list-style-position: outside;*/
}

h3{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 0.4em;		
}

h4{
	font-size: 12px;
	text-decoration: underline;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

table{
	font-size: 12px;
	
	width: 100%;
}

td{
	padding: 4px;
	
}

th{
	font-weight: bold;
	padding: 4px;
		
}
caption{
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
}

ul li{
	list-style-type: disc;
	margin-left: 45px;
	list-style-position: outside;
}

ol li{
	margin-left: 45px;
	list-style-position: outside;
}

ul{
	margin-bottom: 1em;
}

form{
	width: 400px;
	margin-left: 80px;
	text-align: left;
}

label{
	float: left;
	width: 10em;
	margin-top: 10px;
}

input{
	margin-top: 10px;
}

.submit{
	clear: both;
	float: left;
}

textarea{
	clear: both;
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 1em;
}

hr{
	margin-top: 1em;
	margin-bottom: 0.5em;
}
/*------------------------------------------------------------*/
div#pagina{ /*in  footerstickAlt heet deze #Nonfooter*/
	background-color: #FFFFFF;
	width: 775px;
	text-align: left;
	margin: 0 auto;  /* Hiermee zet hij deze div in het midden van het scherm voor firefox en de anderen*/
	background-image: url(../images/kolomstreep.gif); /*image voor faux columns*/
	position: relative; /*for footerstickAlt*/
	min-height: 100%;  /*for footerstickAlt*/
	/*height: 100%; /*deze is  speciaal voor IE moet dus wel in de IE stylesheet*/
	padding-bottom:10px;/*for footerstickAlt hier kan bij een lange pagina de footer overheenschuiven*/
	overflow: hidden;
}	

* html #pagina{  /*for footerstickAlt*/
	height: 100%;
}

	
div#header{
	width: 775px;
	height: 147px;
	background-color: #b64024;
	color: #FFFFFF;
	position: fixed;
	background-image: url(../images/header-achtergrond.gif);
}

div#titelvlak{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 414px;
	margin-top: 20px;
	width: 230px;
	height: 80px;
}

div#titelvlak h1{
	font-size: 1.8em;/*22px;*/
	position: relative;
	top: 0.7em;
	font-weight: normal;
	margin-bottom: 0em;
}

div#titelvlak h2{
	font-size: 1.3em;/*22px;*/
	position: relative;
	top: 1.3em;
	font-weight: normal;
}

div#bovenrand{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 775px;
	height: 20px;
	background-color: #000066;
	
}

div#logo{
	position: absolute;
	top: 20px;
	left: 60px;		
}

div#scheiding-submenu{ /*scheidt de header met het submenu*/
	position: absolute;
	top: 134px;
	left: 0px;
	width: 166px;/*de breedte van de oranjebalk (submenu plus padding)*/
	height: 13px;
	background-image:  url(../images/scheiding-oranje.gif);
}

div#scheiding-tekst{ /*scheidt de header met het tekstgedeelte*/
	position: absolute;
	top: 134px;
	left: 166px;
	width: 609px;/*de breedte van het witte vlak (tekst-content plus padding)*/
	height: 13px;
	background-image:  url(../images/scheiding-wit.gif);
}

div#navigatie{
	position: absolute;
	left: 0px;
	top: 104px;
	background-color: #5675b6; 
	height: 30px;
	width: 775px;
}

div#navigatie ul{
	margin-bottom: 0em;
}

div#navigatie li{
	list-style-type: none;
	display: inline;
	padding-left: 1px;
	margin-left: 0px;
}

div#submenu{
	width: 156px;
	padding-left: 5px;
	padding-right: 5px;
	position: fixed;
	margin-top: 140px; /*eigenlijk is 147(de hoogte van de header) logischer maar dit staat beter*/
	font-style: normal;
	font-size: 1.2em;	
}

div#submenu li{
	list-style-type: none;
	margin-left: 0px;	
}
/*-------------------------------------------*/
.submenu-root{
	font-weight: bold;
	padding-left: 5px;
	padding-top: 1.06em;
	color: #FFFFFF;
}

.sub-submenu {
	font-weight: normal;
	padding-left: 12px;
	padding-top: 0.3em;
	
}
/*-------------------------------------------------*/

div#submenu a{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #E6940D;
}

div#tekst-content{
	width: 579px; /*de eigenlijke ruimte voor de tekst is 775(pagina)- 181(padding links) = 594
					en dan gaat er nog 15px af voor de rechterpadding (594-15 = 579*/
	padding-left: 181px; /*de breedte van het submenu (156 + 2x5) plus nog een marge voor de tekst zelf van 15px*/
	padding-top: 154px; /* 147px is de hoogte van de header en 7px is de padding waardoor de tekst nog wat ruimte heeft bovenaan*/	
	padding-right: 15px;
	overflow: hidden;
	padding-bottom: 15px;
	
}


/*deze footer heeft alleen betekenis voor de footersstickAlt truc, die er voor zorgt
dat het de pagina (wit en oranje) doorloopt naar de onderkant van het scherm.
Deze footer moet dus buiten de overige inhoud staan (dus niet in div#pagina 
Als er een echte footer nodig is met tekst, dan kan er beter nog een andere footer worden
neergezet binnen de div#pagina . */
div#footer-onderrand{  /*de footer lijkt in de tekst-content te staan, maar in werkelijkheid staat hij helemaal onderaan
							Doordat hij gecentreerd is en dezefde (oranje witte achtergrond heeft als de rest lijkt hij erbij te horen.*/
	width: 775px;
	height: 15px;
	background-image: url(../images/kolomstreep.gif); 
	text-align: center;
	position: relative; /*for footerstickAlt*/
	margin-top: -10px; /*for footerstickAlt*/
}

/*-----------------------------------------------------*/

div#linklijst{
	/*font-size: 1.2em;
	font-weight: bold;*/
}

div#linklijst a{
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}

div#linklijst li{
	padding-bottom: 0.5em;
}
/*--------------------*/
div#organisaties_lijst li{
	margin-left: 1em;
	padding-left: 0px;
	list-style-type: none;
		
}
div#organisaties_lijst ul{
	margin-top: 1em;
}
/*-------------------------------------*/

div#lijnentabel th{
	border: 1px solid gray;
}
div#lijnentabel td{
	border: 1px solid gray;
}
/*--------------------------------------------*/
div#onderhoud{
	color: #FFFFFF;
}
div#onderhoud a{
		color: #FFFFFF;
}
/*--------------------------------*/
div#fotopagina-content{
	width: 735px; /*de eigenlijke ruimte voor de tekst is 775(pagina)- 181(padding links) = 594
					en dan gaat er nog 15px af voor de rechterpadding (594-15 = 579*/
	padding-left: 40px; /*de breedte van het submenu (156 + 2x5) plus nog een marge voor de tekst zelf van 15px*/
	padding-top: 140px; /* 147px is de hoogte van de header en 7px is de padding waardoor de tekst nog wat ruimte heeft bovenaan*/	
	padding-right: 15px;
	overflow: hidden;
	padding-bottom: 15px;
}

/*-----------------------------------------------------------*/
.dag{ /*voor de aktiviteitenoverzichten*/
	clear: both;
	float: left;
}
.tijd{ /*voor de aktiviteitenoverzichten*/
	float: right;
	text-align: right;
}
/*--------------------------------------*/
.foto-groot{
	margin-left:80px;  /*om de marge die images in de tekst-content standaard hebben gekregen ongedaan te maken*/
}

.fotoonderschrift{
	font-size: 11px;
	font-style: italic;
	text-align: center;
}
/*----------------------------------------*/
.nieuwsbericht{
	background-image: url(../images/kurk.gif);
	border: 0px;
}


.nieuws-td{
	border: 0px;
}
.nieuwsauteur{
	font-size: 0.8em;
	text-align: right;
	border: 0px;	
}

.nieuwstitel{
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #B64024;
	border: 0px;
}
.nieuwsdatum{
	color: #FFFFFF;
	background-color: #B64024;
	text-align: right;
	border: 0px;
}



.nieuwsterug{
	text-align: center;
	border: 0px;
}

.partneradres{
	font-weight: bold;
	font-size: 1.1em;
}

.tabelhoofd { /*voor th 's die een extra accent nodig hebben*/
	font-size: 1.2em;
	background-color: #A7DC8C;
	}
/*---------------------------------------------------*/
.valuta{
	text-align: right;
	padding-right: 2em;
}
/*----------------------------------*/
.image_rechts{
	float: right;
}