body {
	background-repeat: repeat;
	background-image: url(jokaweb/afbeeldingen/bodylogo.gif);
	}

/* LAY-OUT HEADERS EN PARAGRAFEN */


h1{
	font-family:Arial;
	font-size:14px;
	font-style:bold;
	color:#69029E;
	text-align:left;
	margin-left:20px;
	border-bottom: 1px solid #69029e;
	margin-right:20px;
	}

h2 {
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	color:#e1cced;
	text-align:left;
	margin-left:5px;
	}

h3 {
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#e1cced;
	text-align:left;
	margin-left:5px;
	}

h4 {
	font-family:Arial;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#69029e;
	margin-top:20px;
	}

h5{
	font-family:Arial;
	font-size:14px;
	font-style:bold;
	color:#3f3e40;
	text-align:left;
	margin-left:20px;
	margin-right:20px;
	}
h6{
	font-family:Arial;
	font-size:12px;
	font-style:bold;
	color:#663CC;
	text-align:left;
	margin-left:20px;
	margin-right:20px;
	background-color: #6633CC;
	}
.titelgroot {
	font-family:Arial;
	font-size:36px;
	font-weight:bold;
	text-align:left;
	color:#69029e;
	margin-top:20px;
	}
.titelklein {
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#69029e;
	}
#titel ul li{
	list-style-image:url(jokaweb/afbeeldingen/pijltje.gif);
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#69029e;
	}

#opsomming ul li{
	list-style-image:url(jokaweb/afbeeldingen/pijltje.gif);
	font-family:Arial;
	font-size:12px;
	color:#3f3e40;
	}

p {
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#3F3E40;
	text-align:left;
	margin-left:20px;
	margin-right:20px;
	}

p2 {
	margin-top:-10px;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	color:#3F3E40;
	text-align:left;
	}

.p3{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#3F3E40;
	text-align:left;
	}

/* LAY-OUT HYPERLINKS */

#contact a:link {color:#e1cced; text-decoration:none;}
#contact a:active {text-decoration:none;}
#contact a:visited {
	text-decoration:none;
	background-attachment: fixed;
}
#contact a:hover {text-decoration: underline; color:#663399;}
a:link {font-family:Arial; font-size:12px; color:#663399; text-decoration:none;}
a:active {font-family:Arial; font-size:12px;  text-decoration:none;}
a:visited {font-family:Arial; font-size:12px;  color:#663399; text-decoration:none;}
a:hover {
	font-family:Arial;
	font-size:12px;
	color:#3f3e40;
	text-decoration:none;
	background-color: #ECE9D8;
}
#tableanchor a:link {font-family:Arial; font-size:12px; font-weight:bold; color:#69029e; text-decoration:none;}
#tableanchor a:active {font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none;}
#tableanchor a:visited {font-family:Arial; font-size:12px; font-weight:bold; color:#663399; text-decoration:none;}
#tableanchor a:hover {font-family:Arial; font-size:12px; font-weight:bold; color:#3f3e40; text-decoration:none;}


/* LAY-OUT FORMULIEREN */

textarea {
	background-color:#f6ce11;
	color:#69029e;
	font-family:Arial;
	font-weight:bold;
	}

input {
	background-color:#f6ce11;
	color:#69029e;
	font-family:Arial;
	font-weight:bold;
	}

select {
	background-color:#f6ce11;
	color:#69029e;
	font-family:Arial;
	font-weight:bold;
	}

#formulier {
	border:1px solid #f6ce11;
	margin-left:3px;
	margin-right:3px;
	}


/* LAY-OUT TABELLEN */

.tableheadercolor{
	color:#3F3E40;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
	}

.tableheadercolor2{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	height:15px;
	margin-bottom:2px;
	margin-top:2px;
	color:#e1cced;
	}

.tableheadercolor3{
	color:#69029E;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	height:15px;
	margin-bottom:10px;
	border-left:1px solid #69029e;
	border-right:1px solid #69029e;
	border-top:1px solid #69029e;
	}

.tablecolor {
	font-family:Arial;
	font-size:12px;
	color:#3f3e40;
	border:2px solid #e1cced;
	}

.tablebordercell5{
	border-right: 1px solid #69029e;
	border-bottom: 1px solid #69029e;
	margin-top:2px;
	margin-left:2px;
	}

.tablebordercell6{
	border-bottom: 1px solid #69029e;
	margin-top:2px;
	margin-left:2px;
	}

#tableanchor {
	width:400px;
	margin-left:30px;
	height:80px;
	}

#tableanchor ul li {
	width:350px;
	display:block;
	height:20px;
	list-style-type:none;
	}


/* HOOFD-ELEMENTEN PAGINA */

marquee {
	margin-left:25px;
	}

#wrap{
	width:820px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	background-color:#fce577;
	}

#broodtekst {
	width:620px;
	float:right;
	z-index:-1;
	background-color:#fce577;
	overflow:auto;
	height:630px;
	}

#broodtekst2 {
	width:620px;
	float:right;
	z-index:-1;
	background-color:#fce577;
	overflow:auto;
	height:710px;
	}

#blogframe {

	width:620px;
	height:30px;
	background-color:#fce577;
	float:right;
	}

.blog {
	background-color:#e1cced;
	font-family:Arial;
	font-weight:bold;
	color:#69029e;
	float:right;
	width:300px;
	height:30px;
	valign:center;
	}

#secretariaatstoriesframe {
	width:620px;
	height:70px;
	background-color:#fce577;
	float:right;
	}

.secretariaatstories  {
	background-color:#e1cced;
	font-family:Arial;
	font-weight:bold;
	float:right;
	width:350px;
	height:30px;
	margin-top:10px;
	valign:center;S
	}
#kruimelspoorframe {
	width:620px;
	height:20px;
	background-color:#fce577;
	float:right;
	z-index:2;
	}

#kruimelspoor{
	text-align:right;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-right:5px;
	float:right;
	}
	
#bovenkolom {
	background-color:#e1cced;
	width:620px;
	height:120px;
	z-index:1;
	float:right;
	margin-top: 0px;
	}
	
#indexbovenkolom {
	background-image:url(jokaweb/afbeeldingen/indexbovenkolom.jpg);
	width:620px;
	height:120px;
	z-index:1;
	float:right;
	margin-top: 0px;
	}	

#jokalogo {
	background-image:url(jokaweb/afbeeldingen/jokalogo.gif);
	background-repeat:no-repeat;
	width:150px;
	height:125px;
	}

#linkerkolomA {
	background-color:#69029e;
	width:200px;
	height:605px;
	}

#linkerkolomB {
	background-color:#69029e;
	background-image:url(jokaweb/afbeeldingen/linkerkolomB.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	width:200px;
	height:245px;
	}

#linkerkolomC {
	background-image:url(jokaweb/afbeeldingen/linkerkolomC.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index:0;
	height:400px;
	width:300px;
	}

#scrolltext {
	height:100px;
	width:300px;
	background-image:url(jokaweb/afbeeldingen/nieuwtjesbox.gif);
	margin-left:19px;
	margin-top:10px;
	float:left;
	color:#3f3e40;
	font-family:Arial;
	font-size:14px;
	}


#foto{
float:left;
margin-top:10px;
margin-left:70px;
}

#scroller {
	float:right;
	margin-top:25px;
	margin-right:20px;
}


#scroller b#thumbs {display:block; width:580px; height:120px; z-index:3;}
#scroller b#thumbs a {display:block; float:right; margin-left:20px; width:75px; height:75px; }
#scroller b#thumbs a img {width:75px; height:75px; border:0;}

#scroller b#thumbs a:hover img.hr {width:260px; height:195px; position:absolute; top:150px; left:600px;}
#scroller b#thumbs a:hover img.vt {width:120px; height:160px; position:absolute; top:150px; }


#contact {
	color:#e1cced;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	text-align:left;
	margin-left:10px;
	margin-top:-120px;
	}
	
#footer {
	background-color:#e1cced;
	width:100%;
	height:30px;
	}

/* HOOFDMENU */

#menu {
	z-index:1;
	float:left;
	width:200px;
	}


#hoofdmenu {
	z-index:1;
	float:left;
	width:200px;
	}

#hoofdmenu ul {
	list-style-type:none;
	width:150px;
	margin: 0px;
	padding: 0px;
	}
	
	#hoofdmenu ul li{
	list-style-type:none;
	width:150px;
	margin: 0px;
	padding: 0px;
	}
	
	#hoofdmenu ul li a{
		height:38px;
		width: 150px;
		position:relative;
		display: block;
		}
		
	#hoofdmenu ul li a span{
		visibility: hidden;
	}
		
		
		
		/*HOOFDMENU AFBEELDINGEN KNOPPEN INLADEN*/
			#hoofdmenu ul li a.joka {
				background:url(jokaweb/afbeeldingen/menu_watisjoka.gif) no-repeat bottom center;
				width:150px;
				}
			#hoofdmenu ul li a.nieuws {
				background:url(jokaweb/afbeeldingen/menu_nieuws.gif) no-repeat bottom center;
				width:150px;
				}
			#hoofdmenu ul li a.kampen {
				background:url(jokaweb/afbeeldingen/menu_kampen.gif) no-repeat bottom center;
				width:150px;
				}
			#hoofdmenu ul li a.tjaardoor {
				background:url(jokaweb/afbeeldingen/menu_werkjaar.gif) no-repeat bottom center;
				width:150px;
				}
			#hoofdmenu ul li a.extra {
				background:url(jokaweb/afbeeldingen/menu_extra.gif) no-repeat bottom center;
				width:150px;
				}
			#hoofdmenu ul li a.interactief {
				background:url(jokaweb/afbeeldingen/menu_interactief.gif) no-repeat bottom center;
				width:150px;
				}
			#hoofdmenu ul li a.contact {
				background:url(jokaweb/afbeeldingen/menu_contact.gif) no-repeat bottom center;
				width:150px;
				}
			
			/* HOOFDMENU HOVER AFBEELDINGEN KNOPPEN INLADEN */
				#hoofdmenu ul li a.joka:hover {
					background-position:center center;
					}
				#hoofdmenu ul li a.nieuws:hover {
					background-position:center center;
					}
				#hoofdmenu ul li a.kampen:hover {
					background-position:center center;
					}
				#hoofdmenu ul li a.tjaardoor:hover {
					background-position:center center;
					}
				#hoofdmenu ul li a.extra:hover {
					background-position:center center;
					}
				#hoofdmenu ul li a.interactief:hover {
					background-position:center center;
					}
				#hoofdmenu ul li a.contact:hover {
					background-position:center center;
					}

/* SUBMENU'S */			

#hoofdmenu ul li ul {
	display:none;
	top:0px;
	margin-left:0px;
	z-index:1;
	}
	
	#hoofdmenu ul li ul a{
		display:block;
		width:150px;
		height:38px;
		}
		
		
			
			
			/* SUBMENU AFBEELDINGEN KNOPPEN INLADEN */
					
						#hoofdmenu ul li .historiek {
						background:url(jokaweb/afbeeldingen/menu_historiek.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .kampformule {
						background:url(jokaweb/afbeeldingen/menu_kampformule.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .visie {
						background:url(jokaweb/afbeeldingen/menu_visie.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .missie {
						background:url(jokaweb/afbeeldingen/menu_missie.gif) no-repeat bottom center;
						width:150px;
						
						}
						#hoofdmenu ul li .laatstenieuws {
						background:url(jokaweb/afbeeldingen/menu_laatstenieuws.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .nieuwsbrief {
						background:url(jokaweb/afbeeldingen/menu_nieuwsbrief.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .agenda {
						background:url(jokaweb/afbeeldingen/menu_agenda.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .kampkalender {
						background:url(jokaweb/afbeeldingen/menu_kampkalender.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .mini-jokakamp {
						background:url(jokaweb/afbeeldingen/menu_minjokakamp.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .praktisch {
						background:url(jokaweb/afbeeldingen/menu_praktisch.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .inschrijven {
						background:url(jokaweb/afbeeldingen/menu_inschrijven.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .weekend {
						background:url(jokaweb/afbeeldingen/menu_weekend.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .slotdagen {
						background:url(jokaweb/afbeeldingen/menu_slotdagen.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .vorming {
						background:url(jokaweb/afbeeldingen/menu_vorming.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .ploegen {
						background:url(jokaweb/afbeeldingen/menu_ploegen.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .muziekproject {
						background:url(jokaweb/afbeeldingen/menu_muziekproject.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .cinejoka {
						background:url(jokaweb/afbeeldingen/menu_cinejoka.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .fotopagina {
						background:url(jokaweb/afbeeldingen/menu_fotopagina.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul  li .promotie {
						background:url(jokaweb/afbeeldingen/menu_promotie.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .bestellen {
						background:url(jokaweb/afbeeldingen/menu_bestellen.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .links {
						background:url(jokaweb/afbeeldingen/menu_links.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .forum {
						background:url(jokaweb/afbeeldingen/menu_forum.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .inloggen {
						background:url(jokaweb/afbeeldingen/menu_inloggen.gif) no-repeat bottom center;
						width:150px;
						}
						#hoofdmenu ul li .basishouding {
						background:url(jokaweb/afbeeldingen/menu_basishouding.gif) no-repeat bottom center;
						width:150px;
						}
						/* SUBMENU HOVER AFBEELDING KNOPPEN INLADEN */
						
						#hoofdmenu ul li .historiek {
						background-position: center center;
						}
						#hoofdmenu ul li .visie {
						background-position: center center;
						}
						
						#hoofdmenu ul li .missie {
						background-position: center center;
						}
						
						#hoofdmenu ul li .kampformule {
						background-position: center center;
						}
						
						#hoofdmenu ul li .laatstenieuws:hover {
						background-position: center center;
						}
				
						#hoofdmenu ul li .nieuwsbrief:hover {
						background-position: center center;
						}
						
						#hoofdmenu ul li .agenda:hover {
						background-position: center center;
						}
						
						#hoofdmenu ul li .kampkalender:hover {
						background-position: center center;
						}
						
						#hoofdmenu ul li .mini-jokakamp:hover {
						background-position: center center;
						}
						
						#hoofdmenu ul li .praktisch:hover {
						background-position: center center;
						}
						
						#hoofdmenu ul li .inschrijven:hover {
						background-position: center center;
						}
						
						#hoofdmenu ul li .weekend:hover{
						background-position: center center;
						}
						
						#hoofdmenu ul li .slotdagen:hover {
						background-position: center center;
						}
						
						#hoofdmenu ul li .vorming:hover{
						background-position: center center;
						}
						
						#hoofdmenu ul li .ploegen:hover{
						background-position: center center;
						}
						
						#hoofdmenu ul li .cinejoka {
						background-position: center center;
						}
						#hoofdmenu ul li .fotopagina:hover{
						background-position: center center;
						}
						
						#hoofdmenu ul li .promotie:hover {
						background-position: center center;
						}
						
						#hoofdmenu ul li .bestellen:hover {
						background-position: center center;
						}
						
						#hoofdmenu ul li .links:hover {
						background-position: center center;
						}
						#hoofdmenu ul li .forum {
						background-position: center center;
						}
						#hoofdmenu ul li .inloggen {
						background-position: center center;
						}
						#hoofdmenu ul li .basishouding {
						background-position: center center;
						}
						
/* SUBSUBMENU */

			#hoofdmenu ul li a.kamper {
				background:url(jokaweb/afbeeldingen/menu_kamper.gif) no-repeat bottom center;
				width:150px;
				}
			
			#hoofdmenu ul li a.voorziening {
				background:url(jokaweb/afbeeldingen/menu_voorziening.gif) no-repeat bottom center;
				width:150px;
				}
						
			#hoofdmenu ul li a.voorziening:hover {
				background-position:center center;
				}
				
			#hoofdmenu ul li a.kamper:hover{
				background-position:center center;
				}
			
			ul#subsubmenu {
				z-index:1;
				}
				
						
						


	
.opsomming {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	list-style-type: disc;
}