*{
	margin:0px;
	padding:0px;
}
body{
	background-image:url(Images/pattern.png);
	font-family: Geneva, Helvetica, Arial;
}
a{
	color:#FFF;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;	
}
img{
	border:none;	
}
p{
	color:#003300;
}
span{
	color:#FFF;	
}
fieldset{
	border-style:none;
	border:none;
	width:auto;
}



/*---------------------*/
/*   GENERAL CLASSES   */ 
/*---------------------*/

/* --- MENU --- */
#menu{
	float:left;
	margin-top:155px;
	margin-left:35px;
}
#menu ul li{
	display:inline;
	margin-right:10px;
	color:#000;
	font-size:0.875em;
}
.active{
	color:#FFF;
	text-decoration:underline;
}
#form{
	float:right;	
	margin-top:155px;
	margin-right:15px;
}



/*---------------------*/
/* CONTAINING ELEMENTS */ 
/*---------------------*/

/* --- HEADER --- */
#header{
	background-image:url(Images/header.png);
	width:800px;
	height:180px;
	margin-top:30px;
	margin-bottom:10px;
	position:relative;
	float:left;
}
#pagina{
	font-size:1.30em;
	width:110px;
	color:#FFF;
	position:absolute;
	left: 670px;
	top: 90px;
	text-align:right;
	text-transform:uppercase;
}



/* --- CONTAINER --- */
#container{
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}



/* Banner */
#sponsors{
	float:left;
	margin-left:10px;
	margin-top:10px;
	clear:right;
	margin-bottom:20px;
}
#jaco{
	width:140px;
	background-image:url(Images/bg_jaco.png);
	height:250px;
}
#banner_sponsors{
	width:140px;
	background-image:url(Images/bg_jaco.png);
	height:250px;
	margin-bottom:10px;
}
#logoJaco{
	float:left;
	margin-left:5px;
}
#tekstJaco{
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
	font-size:0.8em;
	margin-top:45px;
	margin-bottom:10px;
	width:100px;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
}
#logos{
	margin-left:5px;
}
#tekstLogos{
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
	font-size:0.8em;
	margin-top:40px;
	margin-bottom:5px;
	width:100px;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
}


/* Breadcrumb */
#breadcrumb{
	background-image:url(Images/breadcrumb2.png);
	width:650px;
	height:60px;
	color:#FFF;
	float:left;
}
#breadcrumb p{
	margin-top:5px;
	margin-left:35px;
}
.beginletter{
	text-transform: capitalize;
}


/* Left and Rightsided content */
#leftside_content{
	float:left;
}
#rightside_content{
	position:absolute;
	left:648px;
	top:220px;
}



/* Content */
#content{
	width:650px;
	height:auto;
	background-color:#006600;
	float:left;
	margin-top:10px;
}
#content p{
	font-size:0.75em;
	float:left;
}
.inlineTekst{
	margin-left:35px;
	width:730px;
	margin-bottom:10px;
}

.tweet{
	font-size:0.75em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-bottom:5px;
	width:130px;
}



/* subItems op pagina */
.subItems{
	float:left;
	margin-bottom:20px;
	width:650px;
}



/* koptitels */
h1{
	font-size:1.25em;
	margin-left:35px;
	width:530px;
	float:left;
	text-transform:uppercase;
}
h2{
	font-size:0.90em;
	float:left;
	clear:right;
	margin-bottom:5px;
	text-transform:uppercase;
}
.top{
	font-size:0.6em;
	float:right;
	margin-top:10px;
	margin-right:35px;
}
.arrows{
	float:right;
	margin-left:5px;
}
.kopSubline{
	width:585px;
	height:1px;
	background-color:#000;
	float:left;
	margin-left:35px;
	margin-bottom:10px;
}
.geschiedenisKoppen{
	margin-left:35px;	
}



/* nieuwsitems en nieuwspagina */
.nieuwsKop{
	float:left;
	margin-bottom:20px;
	margin-top:10px;
	margin-left:35px;
}
.titelNieuws{
	width:400px;
}
/*.nieuwsTekst{
	width:620px;
	text-align:justify;
	float:left;
}*/
.nieuwsTekst{
	margin-right:35px;
	/*margin-left:30px;*/
	text-align:justify;
	clear:both;
	float:left;
}
.datumnieuws{
	float:right;
	margin-right:35px;
	font-size:0.7em;
	font-weight:normal;
}
.bulletBall{
	float:left;
	margin-right:5px;
}
.nieuwsImages{
	float:left;
	margin-right:10px;
	max-height:200px;
	clear:left;
}
.nieuwsMetFoto{
	width:470px;
	text-align:justify;
	float:right;
	margin-bottom:10px;
}
.nieuwsItemsMetFoto{
	width:375px;
	text-align:justify;
	float:right;
	margin-bottom:10px;
}
.nieuwsItemsMetFoto p{
	margin-bottom:10px;
}
.inlineTekstBlokken{
	text-align:justify;
	float:left;
	margin-bottom:10px;
	margin-right:55px;
}
.inlineTekstBlokken p{
	margin-bottom:10px;	
}
.inlineTekst{
	width:585px;
}
.openAffiche{
	float:right;
}
.paginas_nieuws{
	font-size:0.8em;
	margin-left:35px;
	text-transform:uppercase;
}



/* Teams */
#fotoContainer{
	width:600px;
	float:left;
	margin-left:35px;
}
.fotoInContainer{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}



/* Bestuur */
#bestuur{
	float:left;
	margin-left:25px;
}
.bestuursLid{
	float:left;
	margin-bottom:20px;
	margin-top:10px;
	margin-left:10px;
	width:300px;
}
.bestuurTekst{
	float:left;
}
.bestuursLid h2{
	float:left;
}
.bestuursLid img{
	float:left;
}


/* Geschiedenis */
.citaat{
	margin-left:35px;
	width:730px;
	margin-bottom:10px;
	font-style:italic;
}


/* Ligging */
#googleMaps{
	float:left;
	margin-left:35px;
}


/* Contactform */
#contactForm{
	float:left;
	margin-left:35px;
	width:730px;
}
#contactForm label{
	font-family:Geneva, Helvetica, Arial;
	font-size:0.90em;
	font-weight:bold;
	display:block;
	width:120px;
	float:left;
	margin-top:2px;
	clear:both;
}
.inputveld{
	background-image:url(Images/inputfield.png);
	width:348px;
	height:21px;
	border:none;
	color:#FFF;
	font-family:Geneva, Helvetica, Arial;
	padding-left:5px;
}
.inputTextarea{
	margin-top:2px;
	color:#FFF;
	float:left;
	background-image:url(Images/inputfieldGroot.png);
	width:348px;
	height:121px;
	border:none;
	font-family: Geneva, Helvetica, Arial;
	font-size:0.65em;
	padding-left:5px;
}
.submitbutton{
	background-image:url(Images/submitbutton.png);
	width:109px;
	height:21px;
	border:none;
	float:left;
	clear:both;
	margin-left:365px;
	margin-top:5px;
	font-family: Geneva, Helvetica, Arial;
}
#errors{
	float:left;
	margin-left:35px;
	font-family: Geneva, Helvetica, Arial;
	margin-bottom:10px;
	margin-top:10px;
}
#errors h2{
	float:left;
	clear:both;
}
#errors ul{
	float:left;
	clear:both;
}
#errors li{
	font-size:0.75em;
	list-style-type:none;
}
.faultInput{
	color:#660000;
	font-weight:bold;
}



/* Teams */
.spelersVoorstelling{
	float:left;
	margin-bottom:20px;
	margin-top:10px;
	margin-left:35px;
	width:275px;
}
.spelersNaam{
	float:left;
	text-transform:uppercase;
	width:100px;
	font-size:0.8em;
}
.ploegfoto{
	float:left;;
	margin-left:35px;
}


/* Traingen */
.tableTraining{
	margin-top:10px;
	border:none;
	float:left;
	font-size:0.75em;
	margin-left:35px;
	border-style:solid;
	border-width:1px;
	border-color:#003300;
	margin-bottom:10px;
}
.tableTraining td{
	width:120px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	border-color:#009900;
	border-style:solid;
	color:#003300;
}
.thead{
	font-weight:bold;
}
.afwezigheidTrainers{
	float:left;
	margin-left:35px;
	padding-left:5px;
	padding-right:30px;
	margin-bottom:20px;
}
.afwezigheidTrainers p{
	float:left;
	clear:both;
}


/* Kalender */
.tableKalender{
	float:left;
	margin-left:35px;
}
.theadKalender{
	font-size:0.90em;	
	font-weight:bold;
	width:auto;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#003300;
}
.theadKalenderDatum{
	font-size:0.90em;	
	font-weight:bold;
	width:auto;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#003300;
	padding-right:25px;
}
.theadKalenderUur{
	font-size:0.90em;	
	font-weight:bold;
	width:auto;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#003300;
	padding-right:35px;
}
.theadKalenderTeam{
	font-size:0.90em;	
	font-weight:bold;
	width:auto;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#003300;
	width:153px;
}
.theadKalenderOpmerking{
	font-size:0.90em;	
	font-weight:bold;
	width:auto;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#003300;
	padding-right:12px;
}
.theadKalenderUitslag{
	font-size:0.90em;	
	font-weight:bold;
	width:auto;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#003300;
	padding-right:25px;
}


.theadKalenderGespeeld{
	font-size:0.90em;	
	font-weight:bold;
	width:auto;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#003300;
}
.theadSpeeldag{
	font-size:0.75em;
	color:#003300;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
}
.theadMatchen{
	font-size:0.75em;
	color:#003300;
	height:20px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#017701;
}
.theadBeernem{
	height:25px;
	font-size:0.75em;
	color:#000;
	font-weight:bold;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#017701;
}
.theadMatchenGespeeld{
	font-size:0.75em;
	color:#003300;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#017701;
}
.theadMatchenDatumGespeeld{
	height:25px;
	font-size:0.75em;
	color:#003300;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#017701;
}
.theadBeernemGespeeld{
	font-size:0.75em;
	color:#000;
	font-weight:bold;
}



/* Voetbalterreinen */
#zoekterrein{
	float:left;
	margin-left:35px;
	margin-bottom:25px;
}
.zoekbutton{
	background-image:url(Images/zoekbutton.png);
	width:77px;;
	height:22px;
	border:none;
}
.voetbalterreinenBlok{
	float:left;
	margin-left:35px;
}
.voetbalterreinen{
	width:192px;
	height:70px;
	margin-right:5px;
	margin-bottom:20px;
	float:left;
}
.voetbalterreinen p{
	float:left;
	clear:both;
}



/* --- SPONSORS --- */
.sponsor_images
{
	float:left;
	margin-right:20px;
}




/* --- FOOTER --- */
#footer{
	background-image:url(Images/footer.png);
	width:650px;
	height:62px;
	margin-bottom:30px;
	font-size:0.7em;
	float:left;
}
#footer p{
	float:right;
	margin-right:35px;
	margin-top:40px;
}