/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 26, 2013 */
@font-face {
    font-family:Verdana, Geneva, sans-serif;
    src: url(../webfont/oxygen-light-webfont.html);
    src: url(../webfont/oxygen-light-webfontd41d.html?#iefix) format('embedded-opentype'),
         url(../webfont/oxygen-light-webfont-2.html) format('woff'),
         url(../webfont/oxygen-light-webfont-3.html) format('truetype'),
         url(../webfont/oxygen-light-webfont-4.html#oxygenlight) format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body {
	height: 100%;   /* 99% geeft niet altijd een scrollbar maar hierdoor staat de footer niet strak tegen onderzijde browser aan */
	background-color:#c3c3c2;
	background-image: url(../images/achtergrond-header.jpg);
	background-repeat:repeat-x;
	margin-top:0;
	font-family:Verdana, Geneva, sans-serif;
	/* font-family:Verdana, Geneva, sans-serif; */
}
p {
	 margin: 1em 0;
	 font-family:Verdana, Geneva, sans-serif;
	 font-size:13px;
	 color: #000;
}
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin-bottom:4px;
	color: #293426;
}
h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin:4px;
	color: #293426;
}
h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-bottom:10px;
	color: #65B024;
}
h4 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #65B024;
}
h5 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #65B024;
}
h6 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 8px;
	color: #65B024;
}
hr {
	color:#CCC;
    background-color:#CCC;
    height: 5px;	
}
.nieuwskop {
	font-size: 13px;
	color: #00B240;
}
.intro {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height:24px; 
}
a:active {
	text-decoration: none;
	color: #333;
}
a:link {
	color:#293426;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}
a:visited {
	color:#293426;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}
a:hover {
	text-decoration:underline;
	color: #090;
}
a:hover, a:active, a:focus {
	outline: 0;                /* stippellijn om knop uitschakelen (focus) */
}
/* Afwijkende links */
a.groot:active {
	text-decoration: none;
	color: #333;
}
a.groot:link {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 22px;
	margin-bottom:4px;
	color: #65B024;
	text-decoration:none;
	text-shadow: 1px 1px #000;
}
a.groot:visited {
	color:#65B024;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}
a.groot:hover {
	text-decoration:none;
	color: #293426;
}
a.groot:hover, a:active, a:focus {
	outline: 0;                /* stippellijn om knop uitschakelen (focus) */
}
/* Afwijkende link */


.opsomming { 
	list-style-type:square;
	margin: 10px -12px 5px -25px;
	color:#333;
	line-height:14px;
}
ul {
	list-style:square;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;	
}
.opsomming-nummers {
	margin: 10px -15px 5px -15px;
	color: #00B240;
	line-height:20px;	
}
.archiefmenu {
	float:left;
	width:100px;
	padding-right:5px;
	margin-right:13px;
	text-align:center;
	border:thin solid #999;
	background-color:#CCC;	
}
.wrap {
	background-image:url(../images/website-achtergrond.jpg);
	min-height: 100%;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	/* border-left:solid thin #293426;
	border-right:solid thin #293426;  */
}
.clearfix:after{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
#header {
	height: 183px;
	width: 960px;
	text-align:center;
	margin-bottom:20px;
}
.headerafbeelding {
	border:hidden;	
}
/* Fotocarrousel */

#slideshow {
    position:relative;
    height:183px;
}
#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 183px;
}
#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}
#slideshow DIV.last-active {
    z-index:9;
}
#slideshow DIV IMG {
    height: 183px;
    display: block;
    border: 0;
}
/* Header */

#header #afbeelding {
	background-image: url(../images/Header.html);
	height: 183px;
	width: 960px;
}
#menu_header {
	list-style:none;
	padding-top:0px;
	padding-left:37px;
}
#menu_header li {
    display:inline;
	text-align: center;
	padding-top:4px;
	padding-bottom:1px;
	padding-right:59px;	
}
.menuknop {
	float:left;
	height:20px;
	margin-left:15px;
	margin-right:15px;
	position:relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

#section {
    overflow: auto;
    padding-bottom: 60px;
    min-height: 800px;
}
#navlinks {
	float:left;
	width:180px;
	min-height:250px;   /* minimale hoogte van linkermenu */
	height:100%;
	/* background-color:#293426; */
	opacity:0.8;
}
#menu_links {
	list-style:none;
	margin: 0px -12px 5px -39px;	
}
#menu_links li {
    display:block;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight:bold;	
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
}
.menuknoplinks {	
	height:19px;
	width: 170px;	
	margin-bottom:30px;
	font-family: Verdana, Geneva, sans-serif;
	background-color:#CCC;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.13) 87%, rgba(255,255,255,0.06) 94%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(87%,rgba(255,255,255,0.13)), color-stop(94%,rgba(255,255,255,0.06)),color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.13) 87%,rgba(255,255,255,0.06) 94%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.13) 87%,rgba(255,255,255,0.06) 94%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.13) 87%,rgba(255,255,255,0.06) 94%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.13) 87%,rgba(255,255,255,0.06) 94%,rgba(255,255,255,0) 100%); /* W3C */
}
.bloktekst { 
	display: inline-block;
	width: 467px;
	padding:15px;
	margin-bottom:10px;
	font-size: 11px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	background-color:#E6E6E6;
	-webkit-border-radius: 12px; /* ronde hoeken, werkt niet IE6 en IE7 */
    -moz-border-radius: 12px;
    border-radius: 12px;
	-webkit-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 3px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 3px rgba(50, 50, 50, 0.75);
}
.folder { 
	display: inline-block;
	width: 467px;
	height:160px;
	padding:15px;
	margin-bottom:10px;
	font-size: 11px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	background-image:url(../images/folder.png);
	background-repeat:no-repeat;
	-webkit-border-radius: 12px; /* ronde hoeken, werkt niet IE6 en IE7 */
    -moz-border-radius: 12px;
    border-radius: 12px;
	-webkit-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 3px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 3px rgba(50, 50, 50, 0.75);
}
.plattegrond { 
	display: inline-block;
	width: 467px;
	height:220px;
	padding:15px;
	margin-bottom:10px;
	font-size: 11px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	background-image:url(../images/locatie.png);
	background-repeat:no-repeat;
	background-color:#666;
	-webkit-border-radius: 12px; /* ronde hoeken, werkt niet IE6 en IE7 */
    -moz-border-radius: 12px;
    border-radius: 12px;
	-webkit-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 3px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 3px rgba(50, 50, 50, 0.75);
}
.linkslijnend { 
	float: left;
	width:150px;
	padding: 0px;
	margin: 17px 15px 10px 0px;
	border: hidden;
}
.rechtslijnend { 
	float: right;
	padding: 10px;
	margin: 8px 0px 0px 15px;
	border: hidden;
}

/* rechterkolom */

#blokrechts {
	float: right; 
    width: 200px;
	height: 300px;
	padding-right:15px;
	padding-left:10px;
	padding-bottom:5px;
	margin-top:0px;
	margin-right:18px;
}
#blokrechtsboven {
	width: 190px;
	height: 210px;
	padding-top: 10px;
	padding-left: 15px;
	margin-top: 0px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	background-color:#E6E6E6;
	background-image:url(../images/bomen.jpg);
	background-repeat:no-repeat;
	-webkit-border-radius: 12px; /* ronde hoeken, werkt niet IE6 en IE7 */
    -moz-border-radius: 12px;
    border-radius: 12px;
	-webkit-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 3px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 3px rgba(50, 50, 50, 0.75);
}
#blokrechtsmidden {
	width: 200px;
	height: 20px;
	margin-top: 5px;
	margin-right: 20px;
	font-size: 11px;
}
#blokrechtsonder {
	width: 200px;
	height: 10px;
	padding-top: 8px;
	margin-top: 15px;
	margin-right: 20px;
	font-size: 11px;
}
.kopje {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;	
}

/* footer */
#footer {
	position: relative;
	width:960px;
	height:65px;
	margin-top: -60px; /* negatieve waarden van de footerhoogte. Het getal is gelijk aan de padding-bottom van section */
	margin-right: auto;
	background-color:#999;
	opacity:0.6;
	margin-left: auto;
	clear:both;
}
#footerlinks {
	float: left;
	padding-left: 30px;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:20px;
	font-weight:bold;
	color:#FFF;
	font-size: 13px;
}
#footermidden {
	float: left;
	margin-left: 240px;
}
#footerrechts {
	float: right;
	padding-right:40px;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:20px;
	font-size: 13px;
	color: #FFF;
}
.sociale_media {
	padding-right: 7px;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}#content {
    min-height: 600px;
}
