
	body {
		font-size: 11px;
		font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
		color:#000000;
		padding:0px;
		margin:0px;
		background-image: url(../images/background2.jpg);
		background-repeat: repeat-x;
		background-position: left bottom;	
		background-attachment: fixed;
		background-color: #ffcc99;
		}
	
	#container {
		width: 800px;
		height: auto;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		}

/* --- HEADER --- */
	
	.bannernav{
		margin-left: 0px;
		margin-right: 0px;
		padding: 4px;
		background-color: #fcaf63;
		border-bottom: 1px solid #ad131e;
		height: 28px;
		}
		
	.hnav-blue{
		display: block; width: 190px; margin: 0px 6px 0px 6px; padding: 7px 0px 6px 0px;
		background-color: #0b69e2; color: #FFF;
		font-family: Times sans-serif Arial; font-size: 12px; text-align: center; float: left; }
	
		.hnav-blue:hover{
			display: block; width: 190px; margin: 0px 6px 0px 6px; padding: 7px 0px 6px 0px;
			background-color: #e30219; color: #FFF;
			font-family: Times sans-serif Arial; font-size: 12px; text-align: center; float: left; }
	
	.hnav-brown{
		display: block;  width: 132px; margin: 0px 6px 0px 0px; padding: 7px 0px 6px 0px;
		background-color: #d36a02; color: #FFF;
		font-family: Times sans-serif Arial; font-size: 12px; text-align: center; float: left; }
		
		.hnav-brown:hover{
			display: block;  width: 132px; margin: 0px 6px 0px 0px; padding: 7px 0px 6px 0px;
			background-color: #e30219; color: #FFF;
			font-family: Times sans-serif Arial; font-size: 12px; text-align: center; float: left; }
	
	.sitemap-btn{
		width: 30px; height: 27px; background-image: url(../img09/sitemap.jpg); float: left;
	}
	
		.sitemap-btn:hover{
		width: 30px; height: 27px; background-image: url(../img09/sitemap-over.jpg); float: left;
		}
	
/* --- CONTENT --- */
	
	.content {
		background-color: #ffffff;
		padding: 0px;
		margin-left: 0px;
		margin-right: 0px;
		width: 798px;
		border-bottom:1px solid #ad131e;
		border-right:1px solid #ad131e;
		border-left:1px solid #ad131e;
		float: left;
		}
	
	
	.left{
		float: left;
		width: 200px;
		height: auto;
		margin: 5px;
	}

	.left img{
		margin: 10px 0px 10px 5px;
	}
	
	.right{
		float: left;
		width: 575px;
		height: auto;
		margin: 5px;
	}
	
	
	.fotoplaats{
		height: 20px;
	}
	
/* -- LEFT GREEN --- */
	
	.left-green-top{
		background-color: #7ac03f; color: #FFF;
		margin: 15px 0px 0px 5px; padding: 5px; width: 177px;
	}
	
	.left-green{
		background-image: url(../img09/left-bg-001.jpg);
		border: 1px solid #7ac03f;
		margin: 0px 0px 0px 5px; padding: 10px 10px 10px 10px; width: 165px;
		font-size: 11px; font-weight: bold; line-height: 18px; letter-spacing: 1px;
	}

/* -- FOOTER -- */


	.footer{
		margin: 50px 10px 8px 215px; padding: 10px; width: 545px;
		float: left;
		font-size: 12px; font-weight: bold; color: #d36a02;
	}
	
	.footerspace{
		margin: 10px 10px 10px 10px padding: 10px 10px 10px 10px; float: left;
		width: 800px; height: 50px;
		color: #FFF; text-align: right;
	}


/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	.sf-menu {
		line-height:	1.0;
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		width:			10em; /* left offset of submenus need to match (see below) */
	}
	.sf-menu ul li {
		width:			100%;
	}
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			2.5em; /* match top ul list item height */
		z-index:		99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	
	/*** DEMO SKIN ***/
	.sf-menu {
		float:			left;
		margin-bottom:	0px;
		font-size: 	    10px;
		border-left:	1px solid #ad131e;
		border-right:	1px solid #ad131e;
	}
	.sf-menu a {
		border-left:	1px solid #fff;
		border-top:		1px solid #CFDEFF;
		border-right:	1px solid #fff;
		padding: 		.75em 1em;
		text-decoration:none;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			#FFF;
	}
	.sf-menu li {
		background:		#d36a02;
		width: 133px;
	}
	.sf-menu li li {
		background:		#c0131e;
		width: 			200px;
		color: 			#c0131e;
	}
	.sf-menu li li li {
		background:		#da3440;
		width: 			200px;
		color: 			#c0131e;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background:		#a6cb6b;
		outline:		0;
	}
	
	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}
	
	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
	
	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url('../images/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}


/* -- PRAGRAAF 2007 -- */


	p.subnav {
	font-size: 11px;
	text-transform:uppercase;
	background-color: #fcaf63;
	border-top:1px solid #ad131e;
	border-bottom:1px solid #ad131e;
	padding:5px 15px;
	margin:0px }
	
	p.enternav {
	font-size: 11px;
	background-color: #fcaf63;
	border-top:1px solid #ad131e;
	border-bottom:1px solid #ad131e;
	padding:5px 15px;
	margin:0px;
	text-align: center;
	}
	
	p.enter {
	font-size: 14px;
	font-weight: bold;
	color: #e55030;
	background-color: #fcaf63;
	border-top:1px solid #ad131e;
	border-bottom:1px solid #ad131e;
	padding:5px 15px;
	margin:0px;
	text-align: center; }
	
	h2 {
	font-size:20px;
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;}

	h4{
		font-size: 15px;
		letter-spacing: 1px;
		color: #008000;
	}
	h2.intro{
		font-size: 15px;
		letter-spacing: 1px;
		color: #008000;
	}
	p.introtxt{
		font-size: 10px;
		letter-spacing: 1px;
		color: #ccc0cc;
		font-style: italic;
	}
	.opmerking{
		color: #ad131e;
		font-style: italic;
	}
	
	.boom{
		color: #ad131e;
		font-style: italic;
		font-weight: bold;
		font-size: 14px
	}
	.nadruk{
		font-weight: bold;
		letter-spacing: 1px;
	}
	
	.small{
		font-size: 9px;
		color: #272727;
	}
	
	img.ill{
		border: 1px solid #000000;
		margin: 5px 5px 5px 5px;
	}
	
	img.noborder{
		margin: 5px 5px 5px 5px;
	}


/* --- Link stijlen ---*/


	a:link.linksub{		color: #000000;	text-decoration: none;	}
	a:visited.linksub{	color: #000000;	text-decoration: none;	}
	a:active.linksub{	color: #000000;	text-decoration: none;	}
	a:hover.linksub{	color: #ad131e;	text-decoration: underline;	}


	a:link.linkfooter{		color: #d36a02;	text-decoration: none;	}
	a:visited.linkfooter{	color: #d36a02;	text-decoration: none; 	}
	a:active.linkfooter{	color: #d36a02;	text-decoration: none;	}
	a:hover.linkfooter{		color: #008000;	text-decoration: underline;	}


/* --- ROLL OVERS --- */

	#thema{ width: 410px; height: 32px; background-image: url(../knop/thema1.jpg);}
	#thema:hover{ width: 410px; height: 32px; background-image: url(../knop/thema2.jpg);}
	
	#offerte{ width: 410px; height: 32px; background-image: url(../knop/offerte1.gif);}
	#offerte:hover{ width: 410px; height: 32px; background-image: url(../knop/offerte2.gif);}
	
	#contactform{ width: 410px; height: 32px; background-image: url(../knop/contact.gif);}
	#contactform:hover{ width: 410px; height: 32px; background-image: url(../knop/contact2.gif);}
	
	
/* --- NIEUWS -- */

	.nieuwsitem{
		background-color: #a6cb6b;
		width: 360px;
		margin: 0px 0px 10px 0px;
		padding: 10px 12px 10px 11px;
		color: #000000;
	}
	
	.nieuwskop{
		background-color: #7ac03f;
		background-image: url(../ill/nieuws-green.jpg);
		width: 360px;
		margin: 10px 0px 0px 0px;
		padding: 10px 12px 10px 11px;
		color: #FFF;
		font-size: 12px;
		font-variant: small-caps;
	}
	
	.intro-home{
		background-color: #7ac03f;
		padding: 10px;
		color: #000000;
		font-size: 12px;
		letter-spacing: 1px;
	}

	
/* --- ADS --- */

	img.homeimg{
		margin-top: 15px;
	}

	img.nieuwsimg{
		margin: 10px 0px 0px 15px;
		padding: 0px;
	}
	
	.nieuwsaanmelding{
		background-color: #f9f9f9;
		width: 160px;
		margin: 0px 5px 10px 15px;
		padding: 0px 5px 5px 5px;
		border-bottom: 1px solid #bababa;
	}

	.nieuwsaanmelding p{
		padding: 0px 0px 5px 0px;
		margin: 0px;
		font-size: 9px;
	}
	
	.nieuwsaanmelding form{
		margin: 0px;
		padding 0px;
	}

	.adblock01{
		background-color: #cdcaca;
		border: 1px solid #d36a02;
		width: 170px;
		padding: 0px;
		margin: 0px 5px 5px 15px;
		line-height: 15px;
	}
	
	.adblock01 p{
		margin: 5px 0px 0px 15px;
		padding 5px 0px 5px 5px;
	}
	
	.adblock01 ul li{
		padding: 2px 2px 2px 5px;
		margin: 2px 2px 2px -15px;
	}
	
	a:link.adblocklink{		line-height: 15px;	color: #000000;	text-decoration: none;	}	
	a:active.adblocklink{	line-height: 15px;	color: #000000;	text-decoration: none;	}	
	a:visited.adblocklink{	line-height: 15px;	color: #000000;	text-decoration: none;	}	
	a:hover.adblocklink{	line-height: 15px;	color: #0b69e2;	text-decoration: none;	}	

	
	.adblockkop{
		background-color: #d36a02;
		border: 1px solid #d36a02;
		width: 150px;
		padding: 5px 10px 5px 10px;
		margin: 5px 5px 0px 15px;
		color: #FFF;
		font-size: 14px;
		letter-spacing: 1px;
		font-style: italic;
	}
	
	table.home-down{
		width: 383px;
		background-color: #0b69e2;
		color: #FFF;
		padding: 10px;
	}
	
	a:link.home-down{	 color: #FFF; text-decoration: none;		}
	a:visited.home-down{ color: #FFF; text-decoration: none;		}
	a:active.home-down{	 color: #FFF; text-decoration: none;		}
	a:hover.home-down{	 color: #a6cb6b; text-decoration: none;		}

         /**
         * jQuery lightBox plugin
         * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
         * and adapted to me for use like a plugin from jQuery.
         * @name jquery-lightbox-0.5.css
         * @author Leandro Vieira Pinho - http://leandrovieira.com
         * @version 0.5
         * @date April 11, 2008
         * @category jQuery plugin
         * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
         * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
         * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
         */
        #jquery-overlay {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 90;
                width: 100%;
                height: 500px;
        }
        #jquery-lightbox {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                z-index: 100;
                text-align: center;
                line-height: 0;
        }
        #jquery-lightbox a img { border: none; }
        #lightbox-container-image-box {
                position: relative;
                background-color: #fff;
                width: 250px;
                height: 250px;
                margin: 0 auto;
        }
        #lightbox-container-image { padding: 10px; }
        #lightbox-loading {
                position: absolute;
                top: 40%;
                left: 0%;
                height: 25%;
                width: 100%;
                text-align: center;
                line-height: 0;
        }
        #lightbox-nav {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                z-index: 10;
        }
        #lightbox-container-image-box > #lightbox-nav { left: 0; }
        #lightbox-nav a { outline: none;}
        #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
                width: 49%;
                height: 100%;
                zoom: 1;
                display: block;
        }
        #lightbox-nav-btnPrev {
                left: 0;
                float: left;
        }
        #lightbox-nav-btnNext {
                right: 0;
                float: right;
        }
        #lightbox-container-image-data-box {
                font: 10px Verdana, Helvetica, sans-serif;
                background-color: #fff;
                margin: 0 auto;
                line-height: 1.4em;
                overflow: auto;
                width: 100%;
                padding: 0 10px 0;
        }
        #lightbox-container-image-data {
                padding: 0 10px;
                color: #666;
        }
        #lightbox-container-image-data #lightbox-image-details {
                width: 70%;
                float: left;
                text-align: left;
        }
        #lightbox-image-details-caption { font-weight: bold; }
        #lightbox-image-details-currentNumber {
                display: block;
                clear: left;
                padding-bottom: 1.0em;
        }
        #lightbox-secNav-btnClose {
                width: 66px;
                float: right;
                padding-bottom: 0.7em;
        }
        .zomer-type {
        	border-color: #be1f25;
        	border-style: solid;
        	border-width: 3px;
        	margin-right: 10px;
        	margin-left: 5px;
        	margin-bottom: 10px;
        	margin-top: 10px;
        	padding: 10px;
        	text-align: center;
        	color: white;
        	background-color: #aad572;
        }
        .zomer-type a:link {
        	font-weight: bold;
        	font-size: 13px;
        	text-decoration: none;
        	color: white;
        }
        .zomer-type a:visited {
        	font-weight: bold;
        	font-size: 13px;
        	text-decoration: none;
        	color: white;
        }
        .zomer-type a:active {
        	font-weight: bold;
        	font-size: 13px;
        	text-decoration: none;
        	color: white;
        }
        .zomer-type a:hover {
        	font-weight: bold;
        	font-size: 13px;
        	text-decoration: underline;
        	color: white;
        }
        
        
        .kerst-type {
        	border-color: #be1f25;
        	border-style: solid;
        	border-width: 3px;
        	margin-right: 10px;
        	margin-left: 5px;
        	margin-bottom: 10px;
        	margin-top: 10px;
        	padding: 10px;
        	text-align: center;
        	color: white;
        	background-image: url(../kerst/background-nieuwsbrief.png);
        }
        .kerst-type a:link {
        	font-weight: bold;
        	font-size: 13px;
        	text-decoration: none;
        	color: white;
        }
        .kerst-type a:visited {
        	font-weight: bold;
        	font-size: 13px;
        	text-decoration: none;
        	color: white;
        }
        .kerst-type a:active {
        	font-weight: bold;
        	font-size: 13px;
        	text-decoration: none;
        	color: white;
        }
        .kerst-type a:hover {
        	font-weight: bold;
        	font-size: 13px;
        	text-decoration: underline;
        	color: white;
        }
        
/* --- S FIGHTER --*/

		.forminput-a{
			display: none;
		}
		
		
		.speciaalbox a:link, .speciaalbox a:active, .speciaalbox a:visited{
			color: #FFF;
			text-decoration: none;
		}
		
		.speciaalbox a:hover{
			color: #d13237;
			text-decoration: underline;
		}
	
	
	