/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	height: 100%;
	text-align: center;
	background-image: url(bg_body.png);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #FF9000;
}

#wrap {
	min-height: 100%;
	width: 1000px;
	background: #fff;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#main {
	overflow:auto;
	padding-bottom: 50px;/* must be same height as the footer */
	background-color: #fff;
}  

#header {
	background-color: #FFF;
	background-image: url(bg_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 267px;
} 

#header #menucontainer {
	background-color: #000;
	padding: 0px;
	height: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
	margin-top: 128px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	width: 1000px;
	}

#header #menucontainer #menu {
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 300px;
	float: left;
	}

#header #menucontainer #menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#header #menucontainer #menu li {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#header #menucontainer #menu ul li a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9600;
	text-decoration: none;
	}

#header #menucontainer #menu ul li a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9600;
	text-decoration: none;
	}
	
#header #menucontainer #menu ul li a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}

#header #menucontainer #menu ul li a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9600;
	text-decoration: none;
	}

#header #menucontainer #menu ul li a.actief {
	color: #fff;
	}


.slideshowcontainer {
	background-color: #000;
	padding: 0px;
	width: 166px;
	height: 110px;
	float: left;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	position: relative;
	}

.laatsteslideshow { background-color: #000;
	padding: 0px;
	width: 164px;
	height: 110px;
	float: left;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	position: relative; }
	

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #0f7898;
	text-align: right;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
}

#sidebar1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#sidebar1 ul li a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0f7898;
	text-decoration: none;	
	}

#sidebar1 ul li a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0f7898;
	text-decoration: none;	
	}
	
#sidebar1 ul li a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF9600;
	text-decoration: underline;
	}

#sidebar1 ul li a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0f7898;
	text-decoration: none;	
	}

#sidebar1 ul li a.actief {color: #FF9600;}

#mainContent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 280px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-image: url(bg_sidebar.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
} 

#mainContent p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #333;
	padding-top: 4px;
	padding-bottom: 4px;
} 


#mainContent a:link { font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 16px; font-weight: normal; color: #ff9600; text-decoration: none; padding-top: 4px; padding-bottom: 4px; }
#mainContent a:visited { font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 16px; font-weight: normal; color: #ff9600; text-decoration: none; padding-top: 4px; padding-bottom: 4px; }
#mainContent a:hover { font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 16px; font-weight: normal; color: #0f7898; text-decoration: underline; padding-top: 4px; padding-bottom: 4px; }
#mainContent a:active { font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 16px; font-weight: normal; color: #ff9600; text-decoration: none; padding-top: 4px; padding-bottom: 4px; }
 
#mainContent h1 { font-family: Verdana, Geneva, sans-serif; font-size: 15px; line-height: 18px; font-weight: bold; color: #fe9600; font-style: normal; } 

#mainContent h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
	font-style: italic;
} 

#mainContent .klein9px { font-size: 9px; }
#mainContent .groter15px { font-size: 15px; }
#mainContent .grootst20px { font-size: 20px; }
#mainContent li ul, li ol { margin:0 1.5em 0 20px; }
#mainContent ul, ol {margin:1em 1.5em 1em 25px;}
#mainContent ul { list-style-type: disc; }
#mainContent ol {list-style-type:decimal;}
#mainContent .invulveld { color: #656565; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; width: 399px; margin-bottom: 10px; padding: 1px 22px 3px 2px; border: solid 1px #ff9600; }
#mainContent .invulvak { color: #656565; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; width: 399px; height:100px; overflow: auto; margin-bottom: 10px; padding: 1px 22px 3px 2px; border: solid 1px #ff9600; }
#mainContent .invulvelderror { color: #656565; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; background-image: url(error.gif); background-repeat: no-repeat; background-position: right center; width: 399px; margin-bottom: 10px; padding: 1px 22px 3px 2px; border: solid 1px red; }

#mainContent .thumbwrapper { width: 166px; height: 110px; float: left; overflow: hidden; margin: 15px 15px 0 0; }

#mainContent #fotoknop{ float: right; margin-right: 160px; }

#footer {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FF9600;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	} 

#footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding-top: 25px;
	} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]

*/