@charset "utf-8";
/* CSS Document */


/* Standaard elementen */
*{
	font-weight:normal;
	margin:0px;
	padding:0px;
	}
body{
	background-color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	font-size:14px;
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	background-position:top left;
	padding:0px;
	margin:0px;
	}
::selection {
	background:#9bba1f;
	color:#fff;
}

::-moz-selection {
	background:#9bba1f;
	color:#fff;
}

::-webkit-selection {
	background:#9bba1f;
	color:#fff;
}
p{
  margin:5px;
}
img{
	border:none;
	}
h1{
	text-shadow: 0 1px 1px #999;
	color:#000;
	padding:0px 0px 5px 0px;
	margin:0px;
	text-transform:uppercase;
	}
h2{
	text-transform:uppercase;
	text-shadow: 0 1px 1px #666;
	color:#fff;
	padding:0px 0px 5px 0px;
	margin:0px;
	}
h3{
	text-shadow: 0 1px 1px #999;
	color:#000;
	padding:0px 0px 5px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:16px;
	}
	
a{
	color:#e64215;
	text-decoration:none;
	}
a:hover{
	color:#000;
	}
a:visiteda{
	color:#666
	}
a:active{
	color:#ccc
	}
input{
  width:350px;
}
textarea{
  width:350px;
  height:200px;
  	font-family:Tahoma, Geneva, sans-serif;
}

/* Kleine opmaak */
.groen{
	background-color:#9bba1f;
	}
.geel{
	background-color:#ffa200;
	}
.rood{
	background-color:#e64215;
	}
.blauw{
	background-color:#009ee0;
	}
.links{
	float:left;
	}
.rechts{
	float:right;
	}
.inlineicon{
	margin-bottom:-2px;
	padding-right:5px;
	}

/* Website onderdelen */
#site{
	width:960px;
	margin:auto;
	}

#logo{
	margin:auto;
	height:120px;
	width:317px;
	margin:10px 10px 20px -25px;
	}
		
#sldr{
	height:305px;
	width:1002px;
	margin:auto;
	margin-left:-80px;
	padding:16px 60px;
	background-image:url(../images/frame.png);
	background-position:center;
	background-repeat:no-repeat;
	}

#side{
	width:270px;
	padding:20px 15px;
	margin:10px 0px 10px 0px;
	color:#fff;
	text-shadow: 0 1px 1px #999;
		-webkit-box-shadow: 3px 3px 4px #ccc;
		box-shadow: 3px 3px 4px #ccc;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";  
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc');
	}
#side hr{
	border:none;
	border-top:1px solid #FFF;
	width:270px;
	margin:10px 0px;
	}
#contentfull{
	width:920px;
	padding:0px 10px 10px 10px;
	text-align:justify;
	font-weight:normal;
	}
#content{
	width:620px;
	padding:0px 10px 10px 10px;
	text-align:justify;
	font-weight:normal;
	}
#content hr, #contentfull hr{
  border:none;
	border-top:1px solid #999;
	width:620px;
	margin:10px 0px;
}
#footer{
	width:960px;
	border-top:1px solid #ddd;
	clear:both;
	padding:10px;
	font-size:12px;
	color:#aaa;
	text-align:center;
	}
.socialicons{
	float:right;
	width:200px;
	font-size:24px;
	line-height:24px;
	}
.socialicons img{
	padding:5px;
	}
.copy{
  clear:both;
}
.copy a{
  color:#999;
}

#nieuwsitem{
	width:610px;
	border:1px solid #ccc;
	border-top:none;
	border-right:none;
	margin:0px 0px 10px 0px;
	padding:10px;
}
#nieuwsitem .datum{
	background-color:#009ee0;
	color:#fff;
	width:60px;
	height:65px;
	font-size:36px;
	float:left;
	text-align:center;
	margin:0px 10px 10px 0px;
		-webkit-box-shadow: 3px 3px 4px #999;
		box-shadow: 3px 3px 4px #999;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";  
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');
	}
.klein{
	font-size:16px;
	}	
	
/* Kalender */
#kalender{
	width:270px;
	clear:both;
	}
#kalender td{
	text-align:center;
	padding:3px;
	}
.wday{
	background-color:#009ee0;
	color:#fff;
	font-weight:bold;
	height:20px;
		-webkit-box-shadow: 3px 3px 4px #999;
		box-shadow: 3px 3px 4px #999;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";  
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');
	}
.maandnaam{
	float:right;
	color:#2a2a2a;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:-55px;
	}
.today{
	background-color:#e64215;
	color:#fff;
	padding:0px;
		-webkit-box-shadow: 3px 3px 4px #999;
		box-shadow: 3px 3px 4px #999;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";  
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');
	}
.echtvandaag{
		border:1px dashed #fff;
		cursor:default;
}
.today a{
  color:#fff;
  cursor:pointer;
  display:block;
}
ul.date{
	list-style-image:url(../images/icons/date.png);
	width:270px;
	}
ul.date li{
	padding:5px 0px 0px 0px;
	margin-left:25px;
	}
ul.date li a{
	color:#fff;
	}
.graydate{
  color:#999;
}
.greenbull{
  color:#9bba1f;
}
#kal_next{
  height:20px;
  width:20px;
	color:#fff;
		text-align:center;
		float:right;
		margin:5px 0px;
		cursor:pointer;
}
#kal_prev{
  height:20px;
  width:20px;               
	color:#fff;
		text-align:center;
		float:left;
		margin:5px 0px;
		cursor:pointer;
}
#vandaag{
  height:20px;
  width:60px;
	color:#fff;
		text-align:center;
		float:left;
		margin:5px 85px 0px 85px;
		cursor:pointer;
}

/* MENU */
#menu{
	float:right;

	}

#menu ul li a{
color:#fff;
display:block;
height:120px;
width:99px;
line-height:110px;
margin:-5px;
padding:5px;
}	
#menu ul li ul li a{
color:#fff;
display:block;
width:180px;
height:20px;
line-height:20px;
margin:-5px -10px;
padding:5px 10px;
}	
#menu ul{
	padding:0px;
	margin:0px 0px 0px 0px;
	}
	
#menu li{
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	display:inline-block;
	height:120px;
	width:99px;
	line-height:110px;
	color:#fff;

	text-transform:uppercase;
	text-align:center;
	padding:5px;
	float:left;
	}
	
#menu li ul{
	display:none;
	}
#menu li:hover ul{
	display:block;
	padding:0px;
	margin:0px 0px 0px -5px;
	top:140px;
	position:absolute;
	z-index:102;
	
	}
#menu li:hover ul li{
	clear:left;
	margin:0px;
	display:list-item;
	list-style:none;
	width:180px;
	height:20px;
	line-height:20px;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	padding:5px 10px;
	}

#menu li:hover{
	height:130px;
	cursor:pointer;
}

#menu li:hover ul li:hover{
	background-image:url(../images/20white.png);
	}
	
#menu .actief{
	height:130px;
	}
	
.spacer{
  clear:both;
  height:1px;
}

#contactform{
  width:620px;
}
#contactform td{
  padding:10px;
}                                                                                   

.team{
width:920px;
}
.team td{
  padding:5px;
}
.team img{
  padding:10px;
  background-color:#eee;
  border:1px solid #ddd;
  width:150px;
  margin:5px 18px;
    -webkit-box-shadow: 3px 3px 4px #999;
		box-shadow: 3px 3px 4px #999;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999')";  
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999');
}

/* FILMPJES */
#mediaspace{
  height:390px;
  width:700px;
  margin:0px;
  border:none;
}
#videos{
  float:right;
  height:390px;
  width:210px;
  padding:0px;
  color:#fff;
  overflow-y:scroll;
}
.videothumb li{
  list-style:none;
  height:30px;
  width:170px;
  padding:10px;
  font-size:10px;
  color:#000;
  border:1px solid #bbb;
  margin:0px 0px 5px 0px;
  background-image:url(../images/knop_inactive.png);
}
.videothumb li:hover{
  cursor:pointer;
  border:1px solid #aaa;
  background-image:url(../images/knop_active.png);
}
.videothumb li img{
  height:30px;
  margin-right:5px; 
  float:left;
}
.videothumb li .beschrijving{
  font-size:10px;
  color:#2a2a2a;
}
.videothumb li.jaar{
  list-style:none;
  height:14px;
  width:170px;
  padding:2px 10px 2px 10px;
  font-size:10px;
  color:#000;
  border:1px solid #bbb;
  margin:0px 0px 5px 0px;
  background-image:url(../images/knop_inactive.png);
}
.videothumb li.jaar:hover{
  border:1px solid #bbb;
  background-image:url(../images/knop_inactive.png);
}

/* error pages */
.wolkje{
  height:241px;
  width:520px;
  background-image:url(../images/wolkje.png);
  float:right;
  padding:50px 50px 50px 100px;
  color:#fff;
  font-size:20px;
}

/* Sitemap */
.sitmaptable{
  float:left;
}
.sitmaptable td{
  vertical-align:top;
  text-align:justify;
  width:125px;
}
.sitmaptable td a{
  font-size:10px;
  color:#999;
}
.sitmaptable td a:hover{
  font-size:10px;
  color:#2a2a2a;
}

/* Homepage  afbeeldingen in nieuwsitems*/
.prevpicnews{
  margin:10px 0px 10px 10px;
}

/* Error melding*/
ul.error li{
	list-style:url(../images/exclamation--frame.png);
	margin-left:26px;
	line-height:16px;
}

/* Fotoalbum */
#categorieen li{
  height:20px;
  width:890px;
  margin:10px;
  padding:10px;
  border:1px solid #999;
  background-color:#ddd;
  list-style:none;
}
#categorieen li a{
  display:block;
  height:22px;
  line-height:22px;
  padding:10px;
  margin:-11px;
  width:890px;
}
#categorieen li:hover{
  border:1px solid #2a2a2a;
  background-color:#eee;
}

table#fotos{
  width:940px;
}
table#fotos td{
  text-align:center;
  padding:10px;
  width:155px;
}
table#fotos td img{
  padding:5px;
  border:1px solid #bbb;
  -webkit-box-shadow: 3px 3px 4px #ccc;
		box-shadow: 3px 3px 4px #ccc;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";  
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc');
}
#apendfocus{
  width:940px;
  height:10px;
  border:1px solid #bbb;
}
.navi{
  width:910px;
  line-height:25px;
}
.fotoloader{
  width:910px;
  background-color:#fff;
  text-align:center;
  padding:5px;
  color:#9bba1f;
  text-shadow: 0 1px 1px #999;
}
.fotoloader img{
  margin:auto;
}
.thumbs{
  margin:10px;
  width:940px;
  padding:10px;
  text-align:center;
}
.thumbs_line{
  padding:5px;
  border:1px solid #bbb;
  margin:0px 30px;
  -webkit-box-shadow: 3px 3px 4px #ccc;
		box-shadow: 3px 3px 4px #ccc;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";  
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc');
}
.thumbs_line:hover{
  background-color:#9bba1f;
}
img.active{
  background-color:#009ee0;
}
.fotocenter{
width:940px;
text-align:center;
padding:10px;
position: relative;
}
.grotefoto{
  padding:10px;
  border:1px solid #bbb;
  -webkit-box-shadow: 3px 3px 4px #ccc;
		box-shadow: 3px 3px 4px #ccc;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";  
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc');
}

/* Documenten */
#documenten li{
  height:20px;
  width:870px;
  margin:10px;
  padding:10px;
  border:1px solid #999;
  background-color:#ddd;
  list-style:none;
  background-image:url(../images/pdf.png);
  background-repeat:no-repeat;
  background-position:20px 12px;
  padding-left: 50px;
}
#documenten li a{
  display:block;
  height:22px;
  line-height:22px;
  padding:10px;
  margin:-11px;
  width:890px;
}
#documenten li:hover{
  border:1px solid #2a2a2a;
  background-color:#eee;
}
/* Go to top */
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

.fnext{
  height:420px;
  width:250px;
  background-image:url(../images/f_next.png);
  background-repeat:no-repeat;
  background-position:center;
  float:right;
  position: absolute;
  top: 50%;
  right:0;
  margin-left: -125px;
  margin-top: -210px;
  opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);	
}
.fback{
  height:420px;
  width:250px;
  background-image:url(../images/f_back.png);
  background-repeat:no-repeat;
  background-position:center;
  float:left;
  position: absolute;
  top: 50%;
  left:0;
  margin-top: -210px;
  opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	z-index:100;
}
.fnext:hover{
  opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
}
.fback:hover{
  opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
}