/*
De goede kleur groen:#86A315 oftewel R134 G163 B21
*/

body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-color:#86A315;
	}

/*Topsection pag.1*/
#topsection1{
	background-color:#86A315;
	height: 80px; /*Height of top section*/
	}

/*Topsection pag.2 t/m 5*/
#topsection{
	background: url(images/bg_header.jpg) repeat-x #86A315;
	height: 110px; /*Height of top section*/
	}

.logo{
	margin: 0px 0px 0px 11.8%;
	padding-top: 6px;
	border:none;
	}

/*Navigatiemenu*/

#navpos{
	background-color:transparent;
	position: absolute;
	top: 0; 
	left: 0; 
	width: 100%; 
	}

#nav{
	background-color:transparent;
	height:18px;
	position: absolute;
	top: 0; 
	right: 0; 
	}
	
#tabs {
	float:left;
	width:100%;
	}
	
#tabs ul {
	margin:0px 30px 0px 0px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	font-family: Verdana;
	font-size: 11px;
	float:left;
	margin:0;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	display:block;
	color:#333;
	}
	
#tabs a.current{
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
	float:none;
	}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FFF;
	}

#tabs a:hover{
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

/*Einde navigatiemenu*/

#banner{
	margin: 0;
	width:100%;
	height:400px;
	background-color: #FFF;
	}

#rand{
	height:20px;
	width:100%;
	background: url(images/bg_rand.jpg) repeat-x #FFF;
	}

#columnwrapper{
	float: left;
	width: 100%;
	background-color:#FFF;
	padding:40px 0;
	height:auto;
	min-height:520px;
	}

#columnwrapper_index{
	float: left;
	width: 100%;
	background-color:#FFF;
	padding:40px 0;
	height:auto;
	min-height:320px;
	}

#rightcolumn{
	margin: 0 11% 0 11%; /*Margins for right column. Should be "0 contentcolumnWidth 0 rightcolumnWidth*/
	background: #FFF;
	min-width:1000px;
	height:auto;
	}
	
.maintext{
	width:699px;
	float:left;
	height:auto;
	border-right: 1px solid #AAA;
	}
	
.maintext h6, .maintext h5{
	color:#666;
	font-family:Verdana;
	}
	
.maintext2{
	width:999px;
	float:left;
	height:auto;
	}
	
.sidetext{
	float:left;
	width:300px;
	height:auto;
	}
	
#rightcolumn p, #rightcolumn ul{
	font-family:Verdana;
	font-size:11px;
	color:#666;
	text-align:justify;
	}

#rightcolumn ul a{
	font-family:Verdana;
	font-size:11px;
	color:#666;
	text-align:justify;
	}

ol{
	font-family:Verdana;
	font-size:11px;
	color:#666;
	text-align:justify;
	}

.de{
	font-family:Verdana;
	font-size:76%;
	color:#666;
	text-align:justify;
	}
	
#cont_div{
	height:auto;
	margin: 0 13% 0 13%; /*Margins for right column. Should be "0 contentcolumnWidth 0 rightcolumnWidth*/
	background: #FFF;
	min-width:1000px;
	}

#rightcolumn h2{
	font-family:Verdana;
	color:#666;
	font-size:92%;
	}
	
#leftcolumn{
	float: left;
	width: 13%; /*Width of left column in percentage*/
	margin-left: -100%;
	background: #C8FC98;
	}

#contentcolumn{
	float: left;
	width: 13%; /*Width of content column in percentage*/
	margin-left: -13%; /*Set margin to -(contentcolumnWidth)*/
	}

.pic_proj{
	float:right;
	width:300px;
	height:200px;
	margin:42px 0 15px 20px;
	padding:4px;
	border:1px solid black;
	text-align:center;
	background-color:#F3F6E7;
	}

.pic_2{
	margin:0 0 15px 20px;
	padding:4px;
	border:1px solid black;
	text-align:center;
	background-color:#F3F6E7;
	}

#footer{
	clear: left;
	width: 100%;
	height:35px;
	background:#;
	color: #FFF;
	padding: 24px 0;
	}

#footercontent{
	padding: 0 13%;
	}

#footer a{
	font-family:Verdana;
	font-size:11px;
	color:#333;
	text-decoration:none;
	float:left;
	}

#footer a:hover{
	color:#FFF;
	}

.googleplus{
	float:left;
	margin-left:200px;
	}

.gplus{
	margin-left:20px;
	border:none;
	}

#fonzo{
	float:right;
	}

.innertube{
	margin: 40px;
	margin-top: 0;
	}
	
/*------------- nivo slider --------------------- */

#slider-wrapper {
	height:450px;
	margin:0 10.4%;
	padding-top:32px;
	}
	
#slider {
	position:relative;
	width:960px;
	height:320px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#slider a {
	border:0;
	display:block;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
	font-family:arial;
	text-transform:uppercase;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
	color:red;
	text-decoration:none;
}
.nivo-caption a:hover {
	text-decoration:underline;
	color:blue;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	crsor:pointer;
	background:url(imges/arrows.png) no-repeat;
	text-indent:-9999px;
	width:30px;
	height:30px;
	display:block;

}
a.nivo-prevNav {
	left:15px;
}
a.nivo-nextNav {
	right:15px;
	background-position:-30px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	left:50%;
	bottom: -30px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	float:left;
	background: url(images/bullets.png) no-repeat;
	width:22px;
	height:22px;
	text-indent:-9999px;
	margin-top:250px;
}
.nivo-controlNav a.active {
	background-position: 0 -22px;
	
}

/*------------- end nivo slider --------------------- */