/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, frameset, frame { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
/* h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } */
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a {outline:none; text-decoration:none;}
a img { border:none } /* Gets rid of IE's blue borders */


/* WAT HANDIGE DINGEN */
/* ----------------------------------------- */
.clear	 {								clear:both;}
.floatright	 {							float:right;}
.floatleft	 {							float:left;}

/* KLEURENSCHEMA */
/*
	 #FFFFFF: Wit van de tekst
	 #323779: Lichte blauw van de achtergrond
	 #0F0422: Donkere blauw van de achtergrond
	 #FA9B0E: Oranje kleur van de titel
*/


/* TYPOGRAFIE */
h1	 {									font-size:24px; color:#FA9B0E; margin:0 0 10px 0;}
h2	 {									font-size:20px; color:#FFF; margin:0 0 3px 0;}
#container p a h2	 {					font-size:20px; color:#FFF; margin:14px 0 3px 0;
	  									text-decoration:underline;}
#container p a h2:hover	 {				text-decoration:none;}	  
a	 {									color:#FFFFFF;
	 									text-decoration:underline;}
a:hover	 {								text-decoration:none;}

/* CSS STYLE AAFSJLAAG ZITTERD */
/* ----------------------------------------- */

body	 {								font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px;
	  									background-color:#323779;}
#container	 {							width:877px;
	  									margin:0 auto;}
#headerwrapper	 {						border-bottom:#FFFFFF solid 1px;
	  									height:54px;}
#heus	 {								margin:4px 0 0 0;}
#player	 {								margin:-5px 8px 0 0;}
#mainwrapper	 {						background:url(images/bg-main.jpg) repeat-x;
	  									height:100%;}
#footerwrapper	 {						border-top:#FFFFFF solid 1px;
	  									height:50px;}
#header	 {								background:url(images/header.jpg) no-repeat;
	  									height:188px;}
#menu	 {								background:url(images/bg-menu.jpg) repeat-x;
	  									height:42px;}
#content	 {							width:500px; padding-top:5px;
	  									float:left;
	  									min-height:500px;}
#captcha	 {							margin-left:30px;}
#fotoalbum	 {							width:600px; padding-top:5px;
	  									float:left;
	  									min-height:500px;}	  
#col-rechts	 {							float:right;
	  									width:200px;
	  									padding-top:5px;}
#footer	 {								font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;
	  									height:100px; padding-top:5px;}

/* Het menu */
#menu	 {								padding-top:5px;}
li.navigatie	 {						display:inline;}
li.navigatie a	 {						text-transform:uppercase; font-weight:bold; color:#FFFFFF; text-decoration:none;
	  									font-size:16px;
	  									margin:0 0 0 27px; padding:10px 5px;}
li.navigatie a:hover	 {				color:#C6416E; background-color:#FFFFFF;
	  									border-top:#C6416E solid 3px;
	  									border-bottom:#C6416E solid 3px;}
a.active	 {							color:#C6416E !important; background-color:#FFFFFF;
	  									border-top:#C6416E solid 3px;
	  									border-bottom:#C6416E solid 3px;}
	  
/*content*/
p	 {									margin:0 0 10px 10px;}
th	 {									height:20px;}