/* --------------------  Standaard  -------------------- */
	html {
	margin:0;
	padding:0;
	}
	
	body {
	margin:0;
	padding:0;
	background: url(../images/achtergrond5.gif) repeat;
	background-color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	}
	
	.clear {
	clear:both;
	}

	img {
	border:0;
	}
	
	.plaatje {
	border: 1px solid #000;
	}
/* --------------------  Structuur  -------------------- */
	#container {
	width:900px;
	margin:0 auto 0 auto;
	}
		
	#header {
	position: absolute;
	margin: 7px 0 0 -30px;
	height: 142px; 
	width: 308px;
 	background: url(../images/Flipper01.png) no-repeat;
    z-index: 5;
	}
	
	#midden {
	margin: 25px 0 0 0;
	color:#000;
	}
	
		.midden_rechts {
		padding: 0 0 0 7px;
		}
		.midden_mid {
		padding: 0 10px;
		background:url(../images/dot_midmid.gif) repeat-y;
		}
		.midden_links {
		padding: 0 10px 0 0;
		}
	
	
	#footer {
	margin-top:10px;
	width:880px;
	height:20px;
	background:url(../images/bottom.png) no-repeat;
	padding: 3px 10px;
	font:.8em Verdana, Arial, Tahoma, sans-serif;
	}

/* ----------------------- Opmaak ---------------------- */
	.mid_top {
	height: 15px;
	background: url(../images/midden_top.png) no-repeat;
	}
	
	.mid_mid {
	padding: 0 10px;
	background-color:#FFFFFF;
	min-height: 300px;
	}
	
	#indextekst {
	margin-right: 180px;
	min-height: 150px;
	}
	
	.mid_bottom {
	height: 15px;
	background: url(../images/midden_bottom.png) no-repeat;
	}
	
	#polaroid {
	position: absolute;
	margin: -30px 0 0 700px;
	width:210px;
	height:240px;
	z-index:4;
	}
	
	#weblog {
	width:630px;
	margin: 5px 0;
	float:left;
	}
	
	#creatie {
	width:800px;
	margin: 5px 0;
	}
		
		.weblogtitel {
		width:550px;
		float:left;
		padding-top:10px;
		}

		.weblogsubtitel {
		margin: 5px 0 0 0;
		font-size:.9em;
		}
		
		.weblogdatum {
		font-family:Arial, Helvetica, sans-serif;
		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: .9em;
			font-weight:bold;
			}
			.datum_dag {
			font-family:Arial, Helvetica, sans-serif;
			font-size: 3em;
			font-weight:bold;
			color:#FFF;
			}
			.datum_clear {
			width: 630px;
			height: 3px;
			background: url(../images/dot_weblog.gif) repeat-x;
			clear:both;
			}

			.creatie_stippels {
			margin-left:80px;
			width: 720px;
			height: 3px;
			background: url(../images/dot_weblog.gif) repeat-x;
			clear:both;
			}	
			
		.weblog_tekst {
		font-size:.9em;
		padding: 5px 0 10px 80px;
		}
		
		.afbeelding_creatie {
		float:left;
		padding:0 10px 0 0;
		}
		
	#reageren {
	width:500px;
	padding: 5px 0 0 80px;
	font-size:.9em;
	}
	
		.reactie_foutmelding {
		background-color:#ffbfbf;
		padding:5px;
		border: 1px solid #ff0000;
		}
	
	#weblogarchief {
	font-family:Arial, Helvetica, sans-serif;
	width:230px;
	padding-left:5px;
	background:url(../images/archief.gif) no-repeat;
	float:right;
	color:#333333;
	font-size:.8em;
	}

/* -------------------- Lettertypen -------------------- */
	h1 {
	font-size: 3em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
	font-weight:normal;
	color:#f40056;
	margin:0;
	padding:0;
	}

	h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 3em;
	letter-spacing:-2px;
	font-weight:normal;
	color:#0095f4;
	margin:0;
	padding:0;
	}
	
	h3 {
	font-size: 2.5em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
	font-weight:normal;
	color:#0095f4;
	margin:0;
	padding:0;
	}
	
	h4 {
	font-size: 2em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#f40056;
	margin:0;
	padding:5px 0 0 0;
	}
	
	p {
	padding:0;
	margin:0 0 1em 0;
	}
	
	.klein {
	font-size: .8em;
	}

	.linksafbeelding {
	float:left;
	padding-right:8px;
	}
	.rechtsafbeelding {
	float:right;
	padding-left:8px;
	}
	.linksafbeelding_border {
	float:left;
	padding-right:8px;
	border:1px solid #000;
	}
	.rechtsafbeelding_border {
	float:right;
	padding-left:8px;
	border:1px solid #000;
	}

/* --------------------    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.insidelink,a.insidelink:visited {
	font-size:.9em;
	color:#7b7b7b;
	text-decoration:none;
	}
	
	a.insidelink:hover {
	font-size:.9em;
	color:#7b7b7b;
	text-decoration:underline;
	}
	
	a.footer, a.footer:visited {
	color:#aeff00;
	text-decoration:none;
	}
	
	a.footer:hover {
	color:#0095f4;
	text-decoration:none;
	}

	a.donkerder:link, a.donkerder:visited, a.donkerder:active {
	color:#0978bf; 
	text-decoration: none; 
	}

	a.donkerder:hover {
	text-decoration:underline;
	}
/* ---------------------    Menu    -------------------- */	
	#menu {
	margin:25px 0 0 0;
	float:right;	
	}
	
		.menu_links {
		width: 12px;
		height:45px;
		background:url(../images/menu_links.png) no-repeat; 
		float:left;
		}
	
		.menu_mid {
		height:45px;
		background:url(../images/menu_mid.png) repeat-x;
		float:left;
		}	
		
		.menu_rechts {
		width: 12px;
		height:45px;
		background:url(../images/menu_rechts.png) no-repeat;
		float:left;
		}

	#menu ul { 
	margin: 0;
	padding: 6px 0 0 0;
	list-style-type: none; 
	}
	
	#menu li { 
	margin: 0;
	list-style-type: none;
	display:inline; 
	}
	
	#menu li a {
	float: left;
	text-decoration: none;
	font-family: sans-serif, Arial, Tahoma, sans-serif;
	font-size: 2em;
	color:#aeff00;
	height: 0px !important;
	height /**/:35px; /* IE 5/Win hack */ 
	padding: 35px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	}
		#menu li#home a { width: 80px; height:35px; background: url(../images/home.gif) no-repeat; float:left; }
		#menu li#home a:hover { width: 80px; height:35px; background: url(../images/home_hover.gif) no-repeat; float:left; }
		#menu li#overmij a { width: 116px; height:35px; background: url(../images/overmij.gif) no-repeat; float:left; }
		#menu li#overmij a:hover { width: 116px; height:35px; background: url(../images/overmij_hover.gif) no-repeat; float:left; }
		#menu li#fotografie a { width: 135px; height:35px; background: url(../images/fotografie.gif) no-repeat; float:left; }
		#menu li#fotografie a:hover { width: 135px; height:35px; background: url(../images/fotografie_hover.gif) no-repeat; float:left; }
		#menu li#contact a { width: 108px; height:35px; background: url(../images/contact.gif) no-repeat; float:left; }
		#menu li#contact a:hover { width: 108px; height:35px; background: url(../images/contact_hover.gif) no-repeat; float:left; }

	
	#menu a:hover {
	color: #0277e8;
	text-decoration: none;
	}


/* --------------------   Overige   -------------------- */
	.formulier {
	padding:3px 2px;
	margin:2px 0;
	border: 1px solid #0095f4;
	}
	
	.formulier2 {
	display:none;
	}
	
	.plaatje {
	border: 1px solid #000;
	}
	

/* --------------------   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;
	}
	
/* ---------------------   sIFR   ---------------------- */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

	.sIFR-active h1 {
	visibility: hidden;
	line-height: 1em;
	font-size: 3em;
	} 
	.sIFR-active h3 {
	visibility: hidden;
	line-height: 1em;
	font-size: 2.5em;
	} 

	.sIFR-active h4 {
	visibility: hidden;
	line-height: 1em;
	font-size: 2em;
	} 
	
	.sIFR-active h5 {
	visibility: hidden;
	line-height: 1em;
	font-size: 2em;
	} 
	
/* --------------  3 kolommen structuur  --------------- */
	/* column container */
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
    width:880px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
	}
	.midden,
	.links,
	.rechts {
	float:left;
	position:relative;
	/*padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead, make it whatever value you need */
	overflow:hidden;
	}
	
	/* 3 Column settings */
	.threecol {
	}
	.threecol .colmid {
	right:290px;			/* width of the right column */
	}
	.threecol .colleft {
	right:300px;			/* width of the middle column */
	}
	.threecol .midden {
	width:300px;			/* width of center column content (column width minus padding on either side) */
	left:880px;				/* 100% plus left padding of center column */
	}
	.threecol .links {
	width:290px;			/* Width of left column content (column width minus padding on either side) */
	left:290px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .rechts {
	width:290px;			/* Width of right column content (column width minus padding on either side) */
	left:590px;				/* 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) */
	}
	
/* --------------------   Uitschakeling website   -------------------- */
	.uitschakeling {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 150%;
	background-color: #000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	}
	
	.uitschakeling_bericht {
	width:300px;
	margin:150px auto 0 auto;
	padding:10px;
	background-color:#FFFFFF;
	color:#FF0000;
	border: 3px solid #ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	}