@charset "UTF-8";
/** STANDAARD DEFINITIES **/
body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 10px;
	background-image: url(none);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	}
h1 {
	color: #666;
	font-size: 4em;
	margin: 0;
	}
h2 {
	color: #666666;
	font-size: 2.3em;
	margin-top: 4px;
	}
h3 {
	color: #666666;
	font-size: 1.8em;
	margin: 0;
	}
a {
	color: #999999; 
	}
a:hover {
	color: #999999;
	}
p {
	margin: 0;
	padding: 0;
	}
/** EINDE STANDAARD DEFINITIES **/


/** EIGEN DEFINITIES **/
div#wrapper {
	width: 950px;
	margin: 30px auto 0px auto;
	background: #FFFFFF;
	padding: 0px;
	background-image: url(none);
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	}	
	div#header {
	height: 225px;
	background-image: url(none);
	background-repeat: no-repeat;
	margin: 0px 0px 15px 0px;
	padding: 0;
	position: relative;
	}
	#headerlinks {
	font-size: 1.2em;
	color: #FFFFFF;
	width: 500px;
	margin-left: 190px;
	margin-top: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	display: none;
	}
	#headerlinks a {
	color: #FFFFFF;
	text-decoration: none;
	z-index: 10;
	}
	#headerlinks a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

	
/** DRIE KOLOMS LAYOUT **/	
div#drieKolomContainer {
	overflow: hidden; /* forceer onderliggende floatende elementen om ruimte in te nemen */
	background-color: #FFFFFF;
	}
	#linkerKolom {
	width: 175px;
	float: left;
	}	
	/** HORIZONTAAL MENU **/
	div#verticaalMenu {
	position: relative;
	background: #fff;
	width: 175px;
	display: none;
	}	
	div#verticaalMenu ul{ /* Deze regels zijn standaard voor bijna alle menu's */
	margin: 0px 0px 0px 0px;
	list-style: none;
	padding: 0;
	}
	div#verticaalMenu ul li{
	width: 170px;
	float: left;
	position: relative;
	padding: 0px 0px 5px 0px;
	}
	div#verticaalMenu ul li a{
	font-size: 1.5em; /* anderhalf keer de grootte bij body */
	font-weight: 300;
	background: #ffffff;
	color: #0164a8;
	text-decoration: none;	/* zet de hoogte, zodat je het menu eronder goed kunt positioneren */
	width: 160px;
	display: block;
	padding: 1px 0px 1px 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #006699;
	}
			div#verticaalMenu ul li.active a, /* de link onder het actieve item */
			div#verticaalMenu ul li a:hover,	/* de link onder de muis (mouseover) */
			div#verticaalMenu ul li:hover a,	/* de link onder het menuitem waar met de muis overheen gegaan wordt */
			div#verticaalMenu ul li:hover ul li a:hover, /* de link onder het submenu van een hoofdmenu item waar met de muis overheen gegaan wordt */
			div#verticaalMenu ul li.active ul li a:hover { /* de link onder het submenu van het actieve item */
			color: #FFFFFF;
			background-color: #0164a8;
			}
			div#verticaalMenu ul li ul { /* het submenu */
			position: absolute; /* plaats het menu */
			z-index: 4; /* voor de zekerheid een z-index */
			left: 175px; /* positioneer het submenu aan de linkerkant */
			display: none;
			width: 170px;
			top: 0px;
			}

				div#verticaalMenu ul li:hover ul {					
				display: block; /* zorgt ervoor dat bij muisover van de li (li:hover) de onderliggende ul weergegeven wordt */
				}
				div#verticaalMenu ul li ul li {
				float: none; /* deze li's moeten onder elkaar (subniveau) dus geen float */
				}
				div#verticaalMenu ul li ul li a, /* een link in het submenu */
				div#verticaalMenu ul li:hover ul li a, /* een link in het submenu, als er met de muis over het menuitem gegaan wordt */
				div#verticaalMenu ul li.active ul li a { /* een link in het submenu, onder een actief hoofdmenuitem */
				width: 160px;	/* specificeer de breedte van het submenu */
				background: #ffffff;
				color: #0164a8;
				font-size: 1.5em;
				}
				
#linkerKolom #leftplaceholder1 {
	float:left;
	margin-top:0px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #D2EDFF;
	padding: 10px 5px 0px 10px;
	}
#linkerKolom #leftplaceholder2 {
	float:left;
	margin-top:20px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #D2EDFF;
	padding: 10px 5px 0px 10px;
}	
div#middelsteKolom  {
	float: left; /* plaats middelsteKolom3 naast middelsteKolom3 */
	width: 560px;
	padding: 10px 10px 0px 10px;
	overflow: auto;
	overflow-y: hidden;
	}
div#videoviewer {
	width:560px;
	height:360px;
	}
div#rechterKolom  {
	float: left; /* plaats rechterKolom3 naast middelsteKolom3 */
	width: 175px;
	padding: 20px 5px 0px 10px;
	overflow: auto;
	}

/** BEGIN CLASSES **/
.txt10px {
	font-size: 10px;
	}
.txt12px {
	font-size: 12px;
	}
.leftplaceholder_kop {
	font-weight: bold;
	color: #006699;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 1.6em;
	margin: 3px 0 0;
	padding: 0;
	}
.leftplaceholder_leesverder {
	font-size: 0.9em;
	text-align:right;
	color: #006699;
	text-decoration:none;
	margin: 0px 0px 10px 0px;
	padding: 0;
	}

.leftplaceholder_leesverder a{
	font-size: 1em;
	text-align:right;
	color: #006699;
	text-decoration:none;
	}
.leftplaceholder_leesverder a:hover{
	font-size: 1em;
	text-align:right;
	color: #006699;
	text-decoration:underline;
	}
#middelsteKolom p {
	font-size: 1.2em;
	color: #333333;
	}
#rechterKolom p {
	font-size: 1.1em;
	color: #333333;
	}
#linkerKolom p {
	font-size: .9em;
	color: #333333;
	}

div#footer {
	background-image:url(images/footer.jpg);
	height:75px;
	background-repeat:no-repeat;
	}
div#subfooter {
	height: 25px;
	padding: 15px 0px 0px 0px;
	color: #666666;
	text-align:center;
	}
#subfooter a {
	color: #FFFFFF;
	}

#wrapper {
}