body, html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body, p, td, h1, h2, h3, h4, h5, h6, input, textarea, select, ul, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000066;
}

body {
	font-size: 0.8em;
	line-height: 1.35em;
	color: #000066;
}
ul { list-style-image: url("../images/pijltje.gif") }


html {
	overflow-y: scroll;	/* Toont in Firefox altijd een scrollbar. Gecentreerde site verspringt niet steeds. CSS3 */
}

p {
	margin: 0;
}

h1 {
	font-size: 1.4em;
	color: #000066;
	margin: 0;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}

h2 {
	font-size: 1em;
	color: #000066;
	font-weight: bold;
	padding: 14px 0 4px;
	margin: 0;
}

h3 {
	color: #000066;
	font-weight: bold;
	padding: 14px 0 0;
	margin: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #666699;
}

a:hover, a:focus, a:active {
	text-decoration: underline;
}

a img, :link img, :visited img {
	border: 0;
}

.alignLeft {
	float: left;
}

.alignRight {
	float: right;
}

img.alignLeft {
	display: block;
	margin: 0 14px 0 0;
}

img.alignRight {
	display: block;
	margin: 0 0 0 14px;
}
* html img.alignRight {
	margin-right: 4px;
}

strong, b {
	font-weight: bold;
	color: #000066;
}


/* --------- de site ------------- */

#container {
	position: relative;   /* #footer wordt t.o.v. deze div gepositioneerd */
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/bg_site.jpg) #bfbfdc repeat-y 50% 0;
}

html>body #container {
   height: auto;
   min-height: 100%;
}

#top {					/* deze div omvat alles boven de footer */
   margin: 0;
   padding: 0 0 40px;   /* bottompadding minstens de totale hoogte van de footer */
}

.site {
   width: 950px;   		/* breedte van de site wordt hier bepaald */
   margin: 0 auto;
   overflow: hidden;
   background: url(../images/bg_site.jpg) #000066 repeat-y 0 0;
}

/* --------- header met eventuele menu's ------------- */
#header {
	height: 155px;
	padding: 0;
	background-color: #ddd;
	clear: both;
}

	/* --- indien menu, hieronder 
		   positioneren en opmaken --- */
	div#hoofdMenu{
		height: 50px; 
		width: 100%;
		margin: 0;
		padding: 0;
	}

/* --------- body ------------- */

#contentRight {
	float: left;
	width: 758px; /* 758px */
	padding: 0;
}

	#content {
		float: left;
		width: 688px; /* 758px */
		padding: 0 40px 0 30px;
	}
	
		#content img {
		padding: 6px 6px 0 0;
		}
		#content img.last {
			padding: 6px 0 0;
		}

	
#kolomLeft {
	float: left;
	width: 192px; /* 192px */
}
	ul#nav {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 192px;
	}
	
		ul#nav li {
			margin: 0;
			padding: 0;
			line-height: 0;
		}
		
		*:first-child+html ul#nav li {
			font-size: 10%;
		} 
		
					
			li ul#subMenu {
				margin-left: 40px;
				padding: 0;
				list-style: none;
				
			}
			
				li ul#subMenu li a {
					display: block;
					padding: 10px;
					color: red;
					font-family: georgia;
					text-decoration: none;
					border-bottom: 1px solid grey;
				}
				
					*:first-child+html ul#subMenu li a {
						font-size: 100em;
					}
				
				li ul#subMenu li a:hover {
					color: orange;
					text-decoration: underline;
				}


/* --------- footer ------------- */
#footer {
   position: absolute;   /* positioneer t.o.v. #container */
   bottom: -1px;
   width: 100%;
}

html>body #footer {
   bottom: 0;
}

#footer .site {
	height: 40px;			/* let op: indien hoogte wijzigt ook bottompadding div#top aanpassen */
	background-color: transparant;
}

	div#colofon {
		text-align: left;
		padding-left: 40px;
	}
		#colofon a {
			color: white;
			font-size: 0.7em;
			text-decoration: none;
		}
		#colofon a:hover, #colofon a:active {
			color: #000069;
			text-decoration: underline;
		}