/*	
	CSS Document 
	KLJ KLUIZEN
*/

body
{
	overflow:auto;
	padding:0px;
	margin:0px;
	
	
	background-image:url(../images/verloop.png);
	background-repeat:repeat-x;
	background-color:#969796;
	font-family:Arial;
}

#NavBar
{
	background:url(../images/navBar_BG.png) repeat-x;
	height:28px;
}

#navigatie
{
	background:url(../images/navBar_lijn.png)no-repeat top left;
	width:951px;
	margin:auto;
	text-transform:uppercase;
	font-size:12px;
	color:#FFFFFF;
}

.navDiv
{
	background:url(../images/navBar_lijn.png) no-repeat top right;
	float:left;
}

.navDiv a
{
	text-transform:uppercase;
	font-size:12px;
	color:#FFFFFF;
	display:block;
	padding-left:12px;
	padding-right:12px;
	padding-top:7px;
	height:21px;
}

.navDiv a:hover
{
	background:url(../images/navBar_hover.png) repeat-x;
}

#credits, #credits a, #credits a:link, #credits a:visited, #credits a:hover
{
	margin:auto;
	width:1000px;
	font-size:.9em;
	font-family:Arial;
	font-size:11px;
	font-variant:small-caps;
	color:#333333;
	text-align:center;
	padding-bottom:5px;
}

#verloop
{
	background-image:url(../images/patroon.png);
}

#schaduw
{
	margin:auto;

	width:950px;
	height:auto;
	
	padding-left:24px;
	padding-right:24px;

	background-image:url(../images/schaduw.png);
}

#eindeSchaduw
{
	background-image:url(../images/schaduwEinde.png);
	width:1000px;
	height:30px;
	margin:auto;
}

.clearfloat
{
	clear:both;
	font-size:1px;
}

#main
{
	
	width:950px;
	height:auto;
  
	float:left;
	background-image:url(../images/patroonContent.png);
	padding-bottom:20px;

}

#flashHeader
{
	position:relative;
	top:0px;
	left:0px;
	width:950px;
	height:489px;
	z-index:1;
	margin:0px;
	padding:0px;
}

#picture
{
	position:absolute;
	
	padding:0px;
	margin:0px;
	
	height:489px;
	width:300px;
	
	z-index:5;
}

#content
{
	position:relative;
	
	float:left;
	
	width:890px;
	margin-top:10px;
	margin-left:30px;
	margin-right:30px;
}

#nav
{
	position:relative;
	top:0px;
	left:35px;
	
	height:460px;
	width:180px;
	
	background-color:#FFFFFF;
	
	border-bottom: 4px solid #98c253;

}

#news
{
	position:absolute;
	
	margin-left:700px;
	
	width:160px;
	
	background-color:#FFFFFF;
	
	border-bottom: 4px solid #98c253;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
	}

#news:hover
{
	border-bottom: 4px solid #e42a2a;
}

#alleNews
{
	display:none;
}

#tekstOnder
{
	bottom:0px;
	height:17px;
	width:100px;
	cursor:hand;
	
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#tekstOnder:hover
{
	color:#e53232;
}

#nav:hover
{	
	border-bottom: 4px solid #e42a2a;
}

#nav a
{
	text-decoration:none;
	color:Black;	
}

#nav a:active
{
	color:#e42a2a;
}


#navigatieKnoppen
{
	margin-left:30px;
	margin-top:-20px;
}

h2.hoofdNav
{
	font-family:Arial;
	font-size:11px;
	font-variant:small-caps;
	letter-spacing:2px;
	margin-top:2px;
	margin-bottom:5px;
	margin-left:25px;
}

.hoofdNavDiv
{
	margin-top:10px;
	border-bottom-width:1px;
	border-bottom-color:#b2d17e;
	border-bottom-style:dotted;
	margin-left:-25px;
	margin-right:5px;
}

.hoofdNavDiv:hover
{
	border-bottom-color:#e42a2a;
	color:#e42a2a;
	cursor: hand ;
}

h2.hoofdNav:hover
{
	color:#e42a2a;
}

#subNav
{
	position:relative;
	top:0px;
	left:20px;
	width:860px;
	height:35px;
	background-color:#FFFFFF;
	
	
	padding-left:30px;
	margin-top:10px;
	margin-left:-20px;
	margin-bottom:-15px;
	display:block;
}

.subnavButton
{
	width:103px;
	height:17px;
	background-image:url(../images/button.png);
	float:left;
	
	padding-left:15px;
	padding-top:10px;
	margin-right:5px;
	display:block;
}

.buttonContainer
{
	margin-right:5px;
	float:left;
}

.buttonLeft
{
	background:url(../images/buttonLeft.png) no-repeat;
	width:7px;
	height:27px;
	float:left;
}

.buttonRight
{
	background:url(../images/buttonRight.png) no-repeat;
	width:7px;
	height:27px;
	float:left;
}

.buttonMiddle
{
	background:url(../images/buttonMiddle.png) repeat-x;
	height:19px;
	float:left;
	text-transform:uppercase;
	letter-spacing:2px;
	padding-top:8px;
	padding-left:5px;
	padding-right:5px;
}

.buttonMiddle a
{
	text-transform:uppercase;
	color:#000000;
}

.buttonMiddle a:hover
{
	text-transform:uppercase;
	color:#FFFFFF;
}



#subNav a
{
	font-family:Arial;
	font-size:11px;
	color:Black;
	text-decoration:none;
	cursor: hand ;
}

#subNav a:hover
{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	cursor: hand 
}

#subNav a:active
{
	color:#FFFFFF;

}

.item
{
	width:830px;
	height:auto;
	background-color:#FFFFFF;	
	
	
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	
	margin-top:5px;
	float:left;
}

.tekst
{
	width:570px;
	float:left;
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;
	text-align:justify;
}

.tekstLanger
{
	width:735px;
	float:left;
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;
	text-align:justify;
}

.afbeelding
{	
	margin-left:20px;
	background-image:url(../images/standaard.jpg);
	width:239px;
	height:239px;
	float:left;
}

.afbeeldingprop
{	
	margin-left:20px;
	width:239px;
	height:239px;
	float:left;
}

/* Activiteiten */

h1
{
	font-family:Arial;
	font-size:10px;
	color:#e53232;
	letter-spacing:1px;
}

h1.doelgroep
{
	font-size:12px;
	font-weight:bold;
}

h1.beschrijving
{
	font-family:Arial;
	font-size:10px;
	color:Black;	
	line-height:20px;
	display:block;
}

h1.titel
{
	font-variant:small-caps;
	font-size:12px;
	
}

.BestuurEmail
{
	text-decoration:none;
	color:#e53232;
}

.zijAfbeelding
{
	width:239px;
	height:239px;
}

/*Contact*/

.form
{
	border:none;
	border-bottom-color:Black;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	float:left;
	width:400px;
	margin-left:5px;
	
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;
}

.form:hover
{
	border:none;
	border-bottom-color:#e53232;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	float:left;
	width:400px;
	margin-left:5px;
	
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;
}

.formBody
{
	float:left;
	width:400px;
	height:50px;
	margin-left:5px;
	
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;
	
	border:none;
	border-bottom-color:Black;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-left-color:Black;
	border-left-style:dotted;
	border-left-width:1px;
	border-right-color:Black;
	border-right-style:dotted;
	border-right-width:1px;
	border-top-color:Black;
	border-top-style:dotted;
	border-top-width:1px;
}

.formBody:hover
{
	float:left;
	width:400px;
	height:50px;
	margin-left:5px;
	
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;
	
	border:none;
	border-bottom-color:#e53232;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-left-color:#e53232;
	border-left-style:dotted;
	border-left-width:1px;
	border-right-color:#e53232;
	border-right-style:dotted;
	border-right-width:1px;
	border-top-color:#e53232;
	border-top-style:dotted;
	border-top-width:1px;
}

h3
{
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;
	
	width:80px;
	text-align:right;
	float:left;
	margin:0px;
}

.MAILEMAIL
{
	margin-bottom:10px;
	margin-top:5px;
}

.MAILBUTTON
{
	margin-left:85px;
	margin-top:30px;
	padding-top:30px;
}

.formValid
{
	font-family:Arial;
	font-size:10px;
	color:#e53232;
	letter-spacing:1px;
	font-weight:bold;
}

.RechtsForm
{
	margin-left:20px;
	margin-top:35px;
	width:239px;
	height:239px;
	float:left;
}

/*Interactief*/

.gastenboekNaam
{
	float:left;
	color:Black;
	margin-right:10px;
}

.gastenboekDatum
{
	font-variant:small-caps;
}

h4
{
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;
	margin-bottom:0px;
}

.gastenboekForm
{
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;
	
	border:none;
	width:550px;
	overflow:hidden;
	
	border-bottom-color:Black;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-left-color:Black;
	border-left-style:dotted;
	border-left-width:1px;
	border-right-color:Black;
	border-right-style:dotted;
	border-right-width:1px;
	border-top-color:Black;
	border-top-style:dotted;
	border-top-width:1px;
}

.gastenboekForm:hover
{
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;
	
	border:none;
	width:550px;
	overflow:hidden;
	
	border-bottom-color:#e53232;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-left-color:#e53232;
	border-left-style:dotted;
	border-left-width:1px;
	border-right-color:#e53232;
	border-right-style:dotted;
	border-right-width:1px;
	border-top-color:#e53232;
	border-top-style:dotted;
	border-top-width:1px;
}

/*Admin*/

.DVadmin
{
	float:left;
	height: 245px;
}

/*Wistjedat*/

.wistjedat
{
	font-family:Arial;
	font-size:9px;
	color:#e53232;
	letter-spacing:1px;
	font-variant:small-caps;	
}

.gepostDoor
{
	font-family:Arial;
	font-size:8px;
	color:Gray;
	letter-spacing:1px;
	margin-left:70px;
}

#wistjedat
{
	margin-bottom:-5px;
}

.tekstWistjeDat
{
	width:700px;
	float:left;
	font-family:Arial;
	font-size:10px;
	color:Black;
	letter-spacing:1px;
	font-weight:bold;	
}

/*kaartje*/

#kaartje
{
	margin-left:-30px;
}

/*Galerij*/

.zijAfbeeldingGalerij
{
	width:239px;
	height:inherit;
}

.afbeeldingGalerij
{	
	margin-left:20px;
	width:auto;
	height:auto;
	float:right;
}

.zijAfbeeldingGalerij
{
	border:0px;

}

.AlbumGalerij
{
	width:auto;
	height:auto;
	float:left;
}

.AlbumGalerij img
{
	border:0;
}

#item.AlbumGalerij a
{
	
}

/*nieuwsberichten*/



h1.nieuwsbericht
{
	font-family:Arial;
	font-size:10px;
	letter-spacing:1px;
	font-weight:bold;
	font-variant:small-caps;
}

h1.nieuwsbericht
{
	color:Black;
}

h1.nieuwsbeschrijving
{
	font-family:Arial;
	font-size:10px;
	color:Black;	
	line-height:15px;
	display:block;

}

#newsItem
{
	border-bottom: 1px solid #b2d17e;
	border-bottom-style:dotted;
	height:auto;
	margin-bottom:10px;
	padding-bottom:-10px;
}

#newsItem:hover
{
	border-bottom-color: #e42a2a;
}

.NaamNews
{
	float:left;
	color:#e53232;
	margin-right:10px;
	font-variant:small-caps;
	font-size:12px;
	margin-bottom:-10px;
}

.DatumNews
{
	font-family:Arial;
	font-size:10px;
	color:Black;	
	line-height:10px;
	display:block;
	font-variant:small-caps;
	margin-top:5px;
}

/*actie*/

#AfbeeldingPlakaten
{
	background-image:url(../images/actie/P1040113.jpg);
	height:320px;
}

a
{
	text-decoration:none;
	color:#57c62b;
}

.fotos
{
	
	text-align:center;
}

.foto_item
{
	float:left;
	display:inline;
	margin-left:15px;
}

.foto_item img
{
	border:0px;
}