/* --------------------  Standaard  -------------------- */
	html, body {
	border:0;
	margin:0;
	padding:0;
	background: url(../images/achtergrond.png) repeat-x;
	background-color:#e5eef2;
	}
	
	.clear {
	clear:both;
	}

	img {
	border:0;
	}
	
	.plaatje {
	border: 1px solid #000;
	}
/* --------------------  Structuur  -------------------- */
 	
	#container {
	position:relative;
	width:1000px;
	margin:0 auto 0 auto;
	background-color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	}	
	
    #header {
	width:1000px;
	height:106px;
    }
		#headerimg {
		position: absolute;
		padding: 10px 0 0 210px;
		width: 788px;
		heigth: 96px;
		z-index: 1;
		}
		#header2 {
		position: absolute;
		width: 1000px;
		height: 106px; 
		background: url(../images/header2.png) no-repeat;
		z-index: 5;
		}
	
	#linksmenu_hoofdtekst {
	padding:10px;
	letter-spacing:0.03em;
	line-height:1.35em;
	}
	
	#rechtsmenu_menutekst {
	padding: 5px 3px 5px 10px;
	font-size:.9em;
	}
	#rechtsmenu_hoofdtekst {
	padding:10px;
	letter-spacing:0.03em;
	line-height:1.35em;
	}
	
	#blogstyle_hoofdtekst {
	padding:10px;
	letter-spacing:0.03em;
	line-height:1.35em;
	}
	#blogstyle_menutekst {
	padding: 5px 3px 5px 10px;
	font-size:.9em;
	}
	
	/* Footer styles */
	#footer {
    width:990px;
	margin: 0 auto;
	padding: 3px 5px;
	background-color:#9fde00;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.6em;
	}	

/* ----------------------- Opmaak ---------------------- */
	#fotoframe {
	width:241px;
	height:166px;
	padding-left: 5px;
	float:right;
	}
	.fotoframe_frame {
	position:absolute;
	background: url(../images/fotoframe.png) no-repeat;
	width:241px;
	height:166px;
	z-index:2;
	}
	.fotoframe_foto {
	position:absolute;
	padding:6px 0 0 13px;
	z-index:1;
	}
	
	.tips_links {
	width:263px;
	height:200px;
	overflow:hidden;
	background-color:#cfee7f; /* 50% van 9fde00 */
	float:left;
	}
	.tips_mid {
	width:264px;
	height:200px;
	overflow:hidden;
	background-color:#dff4ab; /* 33% van 9fde00 */
	float:left;
	}	
	.tips_rechts {
	width:263px;
	height:200px;
	overflow:hidden;
	background-color:#cfee7f; /* 50% van 9fde00 */
	float:left;
	}	
	
	.tips {
	behavior: url(../js/hover.htc);
	}
	.tips:hover, .tips.hover {
	height:200px;
	background-color:#c0e957;	/* 66% van 9fde00 */
	cursor:pointer;
	}
	

	.arrangement_links {
	width:395px;
	overflow:hidden;
	background-color:#cfee7f; /* 50% van 9fde00 */
	float:left;
	}
		
	.arrangement_rechts {
	width:395px;
	overflow:hidden;
	background-color:#cfee7f; /* 50% van 9fde00 */
	float:left;
	}	
	
	.arrangement {
	padding: 5px 10px;
	behavior: url(../js/hover.htc);
	}
	.arrangement:hover, .arrangement.hover {
	height:200px;
	background-color:#c0e957;	/* 66% van 9fde00 */
	cursor:pointer;
	}

	#vlinders {
	position: absolute;
	margin: 10px 0 0 900px;
	height: 128px; 
	width: 172px;
 	background: url(../images/vlinders.png) no-repeat;
    z-index: 999;
	}
	
	#nuadverteren {
	position: absolute;
	margin: 320px 0 0 935px;
	height: 101px; 
	width: 98px;
 	/*background: url(../images/nuadverteren.png) no-repeat;*/
    z-index: 998;
	}
	
	#advertentie_afbeelding {
	float:right;	
	}

	ul {
	padding:0 0 0 2em;
	margin-top:-1em;
	}

/* ----------------------- Weblog ---------------------- */
	.weblogtitel {
	width:600px;
	float:left;
	padding-top:15px;
	}

	.weblogsubtitel {
	margin: 5px 0 0 0;
	font-size:.9em;
	}
		
	.weblogdatum {
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	width: 62px;
	height: 58px;
	padding: 6px 4px;
	margin: 0 10px 5px 0;
	background:url(../images/weblog_datum.gif) no-repeat;
	text-align:center;
	float:left;
	}
	.datum_maand {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	letter-spacing:normal;
	}
	.datum_dag {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 3.7em;
	font-weight:bold;
	color:#FFF;
	}
	.datum_clear {
	width: 680px;
	height: 1px;
	background: url(../images/weblog_stippels.gif) repeat-x;
	clear:both;
	}
		
	.weblog_tekst {
	letter-spacing:.03em;
	line-height:1.35em;
	padding: 5px 0 10px 80px;
	}
		
/* ---------------------  Menulinks  -------------------- */		
	.links_top {
	width:210px;
	height:10px;
	}
	.links_mid {
	width:175px;
	padding: 0 10px 0 25px;
	letter-spacing:-0.02em;
	line-height:1.35em;
	}
	.links_bot {
	width:210px;
	height:10px;
	}

/* -------------------- Lettertypen -------------------- */
	h1 {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:3.7em;
	line-height:1em;
	letter-spacing: -0.5px;
	font-weight:normal;
	color:#9fde00;
	padding:0;
	margin:0;
	}
	h2 {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:2.5em;
	line-height:1em;
	letter-spacing: -0.5px;
	font-weight:normal;
	color:#ff7404;
	padding:0;
	margin:0;
	}
	h3 {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:1.7em;
	letter-spacing: -0.5px;
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0;
	}
	h4 {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	padding:0;
	margin:0;
	}
	h5 {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	padding:0;
	margin:0;
	}
	.weblog_h3 {
	color:#ff7404;
	padding: 10px 0 3px 0;
	}
	
	p {
	padding:0;
	margin:0 0 1em 0;
	}
	
	.klein {
	font-size: .8em;
	}

/* --------------------    Links    -------------------- */
	a,a:visited {
	color:#0095f4;
	text-decoration:none;
	}
	
	a:hover {
	color:#0095f4;
	text-decoration:underline;
	}

	a.stippels:link, a.stippels:visited, a.stippels:active {
	color:#333333; 
	text-decoration: none; 
	border-bottom: #666666; 
	border-width: 0px 0px 1px 0px; 
	border-style: none none dotted none;
	}

	a.stippels:hover {
	color:#0095f4; 
	text-decoration: none; 
	border-bottom: #666666; 
	border-width: 0px 0px 1px 0px; 
	border-style: none none dotted none;
	}
	
	a.footer, a.footer:visited {
	color:#FFF;
	text-decoration:none;
	}
	
	a.footer:hover {
	color:#0095f4;
	text-decoration:none;
	}


/* --------------------   Overige   -------------------- */
	.formulier {
	padding:3px 2px;
	margin:2px 0;
	border: 1px solid #0095f4;
	}
	
	.formulier_home {
	font-size:.9em;
	border: 1px solid #9fde00;
	padding-left:2px;
	}
	.formulier2 {
	display:none;
	}

/* --------------------   Tooltip   -------------------- */
	.hotspot {
	padding-bottom:1px; 
	cursor:pointer;
	}
	#tt {
	position:absolute; 
	display:block; 
	background:url(../images/tooltipimages/tt_left.gif) top left no-repeat;
	}
	#tttop {
	display:block; 
	height:5px; 
	margin-left:5px; 
	background:url(../images/tooltipimages/tt_top.gif) top right no-repeat; 
	overflow:hidden;
	}
	#ttcont {
	display:block; 
	padding:2px 12px 3px 7px; 
	margin-left:5px; 
	background:#666; 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	}
	#ttbot {
	display:block; 
	height:5px; 
	margin-left:5px; 
	background:url(../images/tooltipimages/tt_bottom.gif) top right no-repeat; 
	overflow:hidden;
	}


/* --------------------   Overlay   -------------------- */
	.overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 150%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
	.loadingclass {
	text-align:center;
	margin: 250px auto 0 auto;
	z-index: 120;
	}
	
/* ----------------  kolommen layout  ------------------ */
	/* column container */
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
    width:1000px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright, .colmid, .colleft {
	float:left;
	width:1000px;
	position:relative;
	}
	.rechts, .mid, .links {
	float:left;
	position:relative;
	overflow:hidden;
	}
	
	/* 2 Column (left menu) settings */
	.leftmenu {
	background:#FFF;		/* right column background colour */
	}
	.leftmenu .colleft {
	right:790px;			/* right column width */
	background:#CCCCCC;		/* left column background colour */
	}
	.leftmenu .rechts {
	width:790px;			/* right column content width */
	left:1000px;			/* 100% plus left column left padding */
	}
	.leftmenu .links {
	width:210px;			/* left column content width (column width minus left and right padding) */
	left:0;					/* (right column left and right padding) plus (left column left padding) */
	}
	
	/* 2 Column (right menu) settings */
	.rightmenu {
	background:#f7f7f7;		/* right column background colour - 3% van #000 */
	}
	.rightmenu .colleft {
	right:300px;			/* right column width */
	background:#FFF;		/* left column background colour */
	}
	.rightmenu .links {
	width:700px;			/* left column content width (left column width minus left and right padding) */
	left:300px;				/* (right column width) plus (left column left padding) */
	}
	.rightmenu .rechts {
	width:300px;			/* right column content width (right column width minus left and right padding) */
	left:300px;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

	/* 3 Column blog style settings */
	.blogstyle {
	background:#f7f7f7;		/* right column background colour - 3% van #000 */
	}
	.blogstyle .colmid {
	right:300px;			/* width of the right column */
	background:#f0f0f0;		/* center column background colour - 6% van #000 */
	}
	.blogstyle .colleft {
	right:200px;			/* width of the middle column */
	background:#FFF;		/* left column background colour */
	}
	.blogstyle .links {
	width:500px;			/* width of center column content (column width minus padding on either side) */
	left:500px;				/* 100% plus left padding of center column */
	}
	.blogstyle .mid {
	width:200px;			/* Width of left column content (column width minus padding on either side) */
	left:500px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .rechts {
	width:300px;			/* Width of right column content (column width minus padding on either side) */
	left:500px;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}	
/* ---------------------    Menu    -------------------- */	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
	.menu {
	height:25px;
	background:url(../images/menu_achtergrond.gif) repeat-x;
	position:relative; 
	z-index:100; 
	}

/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	.menu ul ul {
	}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {
	float:left;
	position:relative;
	}
/* style the links for the top level */
	.menu a, .menu a:visited {
	display:block;
	padding:2px 10px;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	color:#494949;
	letter-spacing: -1px; 
	}
	.menu a#current {
	background:#FFF url(../images/menu_selected.gif) no-repeat center bottom;
	color:#494949;
	}
/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:25px;
	left:0; 
	}

/* position the third level flyout menu */
	.menu ul ul ul{
	left:169px;
	top:0; 
	}

/* style the table so that it takes no part in the layout - required for IE to work */
	.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	}
	
/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {
	background:#ccff00; 
	color:#000; 
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	height:auto;  
	padding:5px; 
	border-top:1px solid #FFF;
	width:160px;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
 	-moz-opacity: 0.90; 
	opacity:0.90;
	}
	
/* style the top level hover */
	.menu a:hover, .menu ul ul a:hover{
	color:#000;
	}
/* style the second level hover */	
	.menu ul ul a:hover {
	background-color:#eeffab;
	filter: alpha(opacity=100);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	 -moz-opacity: 1.00; 
 	opacity:1;	
	}
/* style the third level hover */
	.menu ul ul ul a:hover {
	background-color:#eeffab;
	filter: alpha(opacity=100);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	 -moz-opacity: 1.00; 
 	opacity:1;
	}
	
/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,.menu ul a:hover ul{
	visibility:visible; 
	}

/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{
	visibility:hidden;
	}
/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{ 
	visibility:visible;
	}