/* ---- Standaard stijlkenmerken  ---- */

	body {
	  margin:0;
	  padding:15px 0;
	  font-size:small;
	  font-family:Verdana,Arial, Helvetica, sans-serif;
	  font-size:72%;
	  line-height:1.6em;
	  text-align:center;
		color:#414141;
	  background:#ede8e2;
	}
	
	a { text-decoration: none; }
	a img { border:none; }

	h1 {font-size:30px; }
	
	.low {display:none; }

	p { margin:0; padding:0 0 18px 0;	}
	
	ul { margin:0 0 0 1.4em; padding:0 0 18px 0; }
	ul ul { padding:0; }

	h1, h1 a, 
	h2, h2 a, 	
	h3 a,
	a { color: #006163; }
	
	h1 a:hover,	
	h2 a:hover,	
	h3 a:hover,
	a:hover { color: #000000; }
	

/* ---- Styling van de layout divs ---- */
	#container {
	  width:690px;
	  margin:0 auto;
	  padding:0 30px 0 30px;
	  border-top:30px solid white;
	  background: white;
	  text-align:left;
	}

	#header {
		background: #f0f9f9 url('../images/header_bg.jpg') no-repeat;
	  height:115px;
	  padding:0 0 0 18px;
	}
	#header h1 { 
		display:none; !important 
		padding-top:50px;
	}
	
	#footer {
	  clear:both;
	 	padding:25px 0 15px 0;
	  font-size:0.95em;
	  color:#a0a0a0;
	  background:white	  
	}
	#footer p {
	  padding:12px 70px 18px 70px;
	  border-top: 6px solid #f0f0f0;
	}
	#footer strong { font-weight:normal; color:#999999; }
	#footer a { color:#a0a0a0; }
	#footer a:hover { color:#414141; }
	
/* -------- Menu styling --------- */
	#navigation { height:2.7em; line-height:2.7em; background-color: #69bfde; }
	#admino_navigation { height: 1.7em; }
	#navigation form {
	  float:right;
	  height:100%;
	  width:169px;
	  padding:0 3px 0 15px;
	  border-left:1px solid white;
  	background:#FEC42D url('../images/corner_bottom_right.gif') bottom right no-repeat;
	  line-height:0;
	}
	#navigation form fieldset {
	  /* centering the search form could've
	  been done way more elegant but IEWin
	  and Opera refused to follow the rules */
	  margin-top:7px;
	  border:0 solid; /* Opera */
	  white-space: nowrap;
	}
	* html #navigation form fieldset {margin-top:7px;}
	#navigation ul, #admino_navigation ul { margin:0; padding:0;	}
	#navigation li, #admino_navigation li  {
	  float:left;
	  margin:0; padding:0;
	  list-style-type:none;
	  border-right:1px solid white;
	  white-space:nowrap;
	}
	#navigation li a, #admino_navigation li a {
	  display:block;
	  padding:0 10px;
	  font-size:0.8em;
	  text-transform:uppercase;
	}
	#navigation li a {
	  letter-spacing:1px;
	  color:white;
	}

	#navigation li.current_page_item a:link,
	#navigation li.current_page_item a:visited,
	#navigation li.current_page_item a:hover,
	#navigation li.current_page_item a:active,
	#navigation a:hover { background-color:#FEC42D; }
	
	#admino_navigation li a:hover { background-color: #fffbf0; border-bottom: 1px dotted #006163; }
	#admino_navigation li a.niv0_actief { border-bottom: 1px dotted #006163; }
	
	* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */
	
/* ----------- Content styling ---------- */
	#content {
	  width:550px;
	  padding-top: 32px; margin:0 70px;
	}

	#content h1 {
	  margin:0 0 18px 0;
	  font-family:Georgia, serif;
	  font-size:1.6em;
	  font-weight:normal;
	}

	#content h2 {
	  margin:0 0 18px 0;
	  font-size:1em;
	}

	#content h3 {
	  margin:0 0 18px 0;
	  font-size:1em;
	}

/* ------------ Module styling --------------- */
		.sub a, .sub span { color: #006163; font-weight: bold; }
		.main a { color: #69bfde; font-size: 2em; font-weight: bold;}
		
		#admino_module_theoryu_inhoudsopgave { 
			width:550; height:384px; /* background-color: #fffbf0; */
		}
		#admino_module_theoryu_inhoudsopgave div {
			position: absolute; float: left;
		}
		#admino_module_theoryu_inhoudsopgave div span {
			position: relative;
		}
		
		/* Positionering van de inhoudsopgave elementen */
		#opschorten span { top: 10px; left: 60px; }
		#zien span { top: 50px; left: 15px; }
		#opnieuwrichten span { top: 120px; left: 30px; }
		#sensing span { top: 180px; left: 15px; }
		#loslaten span { top: 250px; left: 70px; }
		#presencing span { top: 310px; left: 160px; }
		#wieismijnzelf span { top: 340px; left: 170px; }
		#watismijnwerk span { top: 360px; left: 170px; }
		#latenkomen span { top: 250px; left: 300px; }
		#uitkristalliseren span { top: 180px; left: 320px; }
		#uitvoeren span { top: 120px; left: 380px; }
		#prototyping span { top: 50px; left: 360px; }
		#belichamen span { top: 10px; left: 380px; }