/***************************************
 **                                   **
 **  Created in 2007 by Marcel Boon   **
 **                                   **
 ***************************************/


/**************************************
 **         Colors                   **
 **************************************/

body {
	color: #222;
	background:#666}
#content {
	background:white}
#footer {
	color:white;
	background: #222}
div#header{
	background:#FFF}

/* Nifty tabs */
ul#nav a{
	background:#FFCC33;
	color:#000000}
ul#nav a:hover{
	background:#FF9933 }
ul#nav li.activelink a,ul#nav li.activelink a:hover{
	background: #FFFFFF;
	color: #003}

/* Nifty items */
div.itemheader{
	color: #000000;
	background:#FF9933}
	
div.itemtext{
	background: #FFCC33}

.rood {
	color: red;
}
.blauw {
	color: darkblue;
}


/**************************************
 **         Typography               **
 **************************************/
#body {
	}
#header{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 300%;
	line-height: 150%;
	font-weight:bolder}
/* Nifty tabs */
ul#nav a{
	font-size:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	text-decoration:none}

/* Nifty newsitems */
div.itemheader{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; }
	
/**************************************
 **         Layout                   **
 **************************************/
#header, #menu,#content,#footer {
	overflow:hidden;
	display:inline-block;
	text-align:left}
div#footer {
	clear:both}
body 	{
	width:780px;
	margin:0 auto;
	padding: 0;
	text-align:center;}

div#header{
    margin:15px  0;
	padding:0;
	text-align:center}
div#menu{
	padding: 0px;
	margin: 15px 0 0 0;
	text-align:center}
div#content{
	padding:20px 20px 0 20px;
	margin:0}
div#footer{
	margin: 15px 0;
	padding:7px;
	text-align:center}

/* Nifty tabs */
ul li {
	display:inline; 
	margin:0}
ul#nav,ul#nav li{
	list-style-type:none;
	margin:0;
	padding:0}
ul#nav{ 
	width:100%}
ul#nav li{
	float:left;
	margin-right: 3px; 
	text-align: center}
ul#nav a{
	float:left;
	width: 12em;
	padding: 4px 2px 4px 2px}

/*items*/
div.item { 
	clear: both;
	width:740px;
	padding:0; 
	margin:0}

div.itemheader{
	margin:0;
	padding:3px 20px 3px 20px;
	text-align:left}
	
div.itemtext {
	margin:0 0 20px 0;
	padding:10px 20px 10px 20px;}


div.picright div.itempic {
	float:right
	}

div.picleft div.itempic {
	float:left;
	}

div.picright div.itemheader, div.picright div.itemtext{
	width:430px;
	float:left}
	
div.picleft div.itemheader, div.picleft div.itemtext{
	width:430px;
	float:right;}
	
div.itempic{
	padding:0 0 20px 0}