﻿body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color:#317227;
}

img
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:large;
}

h2
{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:medium;
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:medium;
}
/**********************DIV*****************************/
/***Main(ALL)***/
div.main
{
	padding-top:30px;
	width:auto;
}
/***MENU***/
div.left
{
	padding-left:20px;
	float:left;
	width: 190px;
	margin-right: 0px;
}
/***Body***/
div.body
{
	width:686px;
	height:auto; 
	margin-left:200px;
	padding-left:20px;
	min-height: 420px;
	margin-right: 0px;
	background-color: #8EDD77;
	border: 1px Solid Black;
}

div.topBody
{	
	width: 662px;
	margin-left: 8px;
	margin-right: 8px;
}

div.topMenu
{	
	width: 662px;
	margin-left: 8px;
	margin-right: 8px;
	height:auto;
}

div.mainBody
{	
	height: auto;
	width: 662px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 6px;
}

/***Right***/
div.right
{
	background-color: #8EDD77;
	padding:8px;
	border:1px Solid Black;
	width: 184px;
	height: 617px;
	position:absolute;
	left:925px;
	top:30px;
	padding-right:-10px;
}

/***Footer***/
div.footer
{
	width:686px;
	height:auto;
	margin-left:200px;
	margin-right: 0px;
	margin-top:20px;
	background-color: #8EDD77;
	border: 1px Solid Black;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	text-align:center;
}

/**********************MENU*****************************/

.menu 
{
	list-style: none;
	width: 125px;
	margin-top:0px;
}

.menu li 
{
    margin-bottom: 3px;
}

.menu li a 
{
	background-color: #8EDD77;
	color: #333;
	display: block;
	height: auto;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
	font-size:large;
	text-decoration: none;
	border: 1px solid Black;
}

.menu li a:hover
{
	background-color: #317227;
	color: White;
	display: block;
	border: 1px solid White;
}

.menu .current_page_item a
{ 
	background-color: #317227;
	color: White;
	display: block;
	border: 1px solid White;
} 

/**********************TopMenu*****************************/

.navlist 
{
	list-style-type: none;
	width: 687px;
	position:absolute;
    display:block;
    left:190px;
	top:250px;
	height: 100px;
}

.navlist li 
{
	width: 125px;
	display:inline-block;
	height: 100px;
	vertical-align:middle;
	min-width:125px;
	max-width:125px;
}

.navlist li a 
{
	background-color: #8EDD77;
	color: #333;
	text-align:center;
	font-size:large;
	text-decoration: none;
	border: 1px solid Black;
	margin-left:-1px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}

.navlist li a:hover
{
	background-color: #317227;
	color: White;
	display:inline-block;
	border: 1px solid White;
}

.navlist .current_page_item a
{
	background-color: #317227;
	color: White;
	display:inline-block;
	border: 1px solid White;
}
/***********************Collapsepanel**************************/

div.panel
{
	border:solid 1px Black;
	padding:5px;
	width:649px;
	margin-top:-1px;
}

/***********************Nieuws**************************/

img.JUFnieuws
{	
	height:65px;
	width:75px; 
	position:absolute;
	left:17px;
	top:384px;
}

img.JUFnieuws:hover
{	
	height:150px;
	width:160px; 
	position:absolute;
	left:6px;
	top:345px;
}

/***********************OTHER**************************/

.leftAL
{
	margin-left:39px;
	text-align:center;
	width: 127px;
	color:White;
}

img.Header
{	
	height: 305px;
	width:706px; 
	position:absolute;
	left:201px;
	top:31px;
	border-bottom:solid 1px Black;
}



img.Test
{	
	position:absolute;
	left:800px;
	top:200px;
}

span.onderschrift
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:italic;
}

.buttonstyle
{
	cursor:pointer;
}


