/*
De belangrijkste kleuren zijn
grijs: #584F4A
geel: #E5B136
donkdergroen: #6D8D23
bruin: #6D8D23
beige: #F2EEDA
*/

/*Den body als basis: geen margin of padding*/
body {
margin: 0px;
padding:0px;
background-color:#F2EEDA;
}

/*img, afbeeldingen zonder boord, class b heeft wel een mooi gekleurd boordje*/
img 		{
  			border: 0px none;
			}
img.png		{
			behavior:	url("pngbehavior.htc");
  			border: 0px none;
			}
img.randomh	{
			border: 1px solid #F2EEDA;
			margin-top: 24px;
			}
img.randomv	{
			border: 1px solid #F2EEDA;
			margin-top: 5px;
			}
img.b 		{
			border: 1px solid #000000;
			margin: 15px;
			margin-left: 100px;
			}
img.nb		{
  			border: 0px none;
			margin: 15px;
			}
img.nbnm	{
  			border: 0px none;
			margin: 0px;
			}

/* ################### Header #################################################################### */
#header {
height: 85px;
background-image: url("/v5/basis/img5/headback.gif");
}

#header div.links {
position: absolute;
left:1em;
top:1em;
padding-top:1em;
padding-left:1em;
}

#header div.midden {
position:absolute;
top:0px;
left:50%;
width:580px;
margin-left:-290px;
}

#header div.rechts {
position: absolute;
top:1em;
right:1em;
padding-right:1em;
padding-top:1em;
}

#header div.links a, #header div.rechts a {
color: #FFFFFF;
font-size: larger;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

/*################### container ##############################################*/
/*Deze div dient om #side en #body bij elkaar te houden, zo blijven ze even lang onderaan.*/
#container {
  	background: url(/v5/basis/img5/leftback.gif) repeat-y left #F2EEDA;;
  	width: 100%;
  	float: left;
  	margin-right: -200px;
	}

/* ############################# Left Sidebar ############################################################## */

#leftSideBar {
	width: 200px;
	float: left;
	font-family: "Century Gothic", "Arial", Times, non-serif;
	color: #ffffff;
	font-weight: bold;
	font-size: small;
	padding: 10px;
	}

#leftSideBar div.randomfoto {
	display: block;
	padding-top: 0px;
	height: 170px;
	width: 180px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	}
	
#leftSideBar a {
color: #ffffff;
text-decoration: none;
}

#leftSideBar a:hover {
color: #ffffff;
text-decoration: underline;
}

#leftSideBar div.expand {
	padding-left: 30px;
	}

#leftSideBar div.expand a {
	color: #ffcc00;
	text-decoration: none;
	}

#leftSideBar div.expand a:hover {
	color: #ffcc00;
	text-decoration: underline;
	}

/* ############### Body Text ################################################################## */
#bodyText {
	font-family: "Century Gothic", "Arial", Times, non-serif;
	font-size: smaller;
	margin: 5px;
	margin-left: 200px;
	padding: 2em;
	padding-top: 0px;
	background-color: #F2EEDA;
	}

#bodyText h3 {
	color:#584F4A;
	margin-bottom:1px;
	}

#bodyText p.nieuws {
	margin: 1em 200px 1em 0px;
	padding: 0.5em;
	border: dotted;
	max-width: 1000px;
	min-width: 200px;
	border-width: 1px;
	min-height: 4em;
	color:#000000;
	}

#bodyText a:link, #bodyText a:hover, #bodyText a:visited, #bodyText a:active{
		color: #000000;
		text-decoration: underline;
		}

/* ######################## Right Sidebar ########################################################## */

#rightSideBar {
	background-color: #ffffff;
	color: #000000;
	width: 160px;
	float: right;
	border: 1px solid #484848;
	margin: 5px;
	padding: 2px, 1px, 1px, 1px;
	}

#rightSideBar a:link, #rightSideBar a:visited, #rightSideBar a:active {
	font-size:90%;
	text-decoration: none;
	color: #000000;
	display:block;
	padding-left: 7px;
	}

#rightSideBar a:hover {
	font-size:90%;
	text-decoration: underline;
	color: #000000;
	padding-left: 7px;
	}

#rightSideBar h4 {
	background-color: #584F4A;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size:12px;
	padding: 5px;
	margin: 1px;
	}

#rightSideBar h5 {
	font-weight: bold;
	font-size:95%;
	padding-left: 4px;
	margin: 4px 1px 1px 4px;
	}
	
/* ###################### Footer ###################################################################### */

#footer {
	font-size: 85%;
	text-align: center;
	padding: 1em 4mm 1.5em 4mm;
	clear: left;
	color: #000000;
	background-color: #584F4A;;
	}

#footer a {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color:#000000;
	}

#footer a:hover {
	border-bottom-style: solid;
	}
	
/* ########################################################################################### */
/* #################################### NIEUWE TABS ####################################################### */

#tabs {
	background: url("/v5/tab/img/boven.png") bottom left no-repeat;
	font-family: "Century Gothic", "Arial", Times, non-serif;
	width:100%;
	height: 47px;
	font-size:90%;
	line-height:normal;
	padding: 0px;
	display:block;
	}
#tabs ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	}
#tabs li {
	float:left;
	background:url("/v5/tab/img/linksuit.png") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	}
#tabs a {
	float:left;
	display:block;
	background:url("/v5/tab/img/rechtsuit.png") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#765;
	}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {
	float:none;
	}
/* End IE5-Mac hack */
#tabs a:hover {
	  color:#333;
	  }
#tabs #taknaam {
	background: none;
	font-size: 120%;
	font-weight: bold;
	padding: 0px 15px 3px 15px;
	}
#tabs #current {
	background-image: url("/v5/tab/img/linksaan.png");
	}
#tabs #current a {
	background-image: url("/v5/tab/img/rechtsaan.png");
	color: #333333;
	padding-bottom: 5px;
	}

/* ########################################################################################### */
/* ############### Body Tab ################################################################## */
#bodyTab {
	position:absolute;
	width: 800px;
	left:50%;
	margin: 0px;
	margin-left:-400px;
	padding: 0px;
	}
	
/* ########################################################################################### */
/* ############### Afgeronde Tabs ################################################################## */

#Tabinhoud {
	background-color: #F2EEDA;
	background: url("/v5/tab/img/midden.png") top left repeat-y;
  	margin-top:0;
	font-family: "Century Gothic", "Arial", Times, non-serif;
	color:#000000;
	font-size: smaller;
	margin: 0px;
	padding: 0px;
	display:block;
	}
	
#Tabinhoud div.Tabtekst {
	margin:0;
  	margin-top:0;
  	padding:18px;
	display:block;
	}
	
#Tabinhoud div.leiding {
	text-align:left;
  	padding:15px;

	}

#Tabinhoud div.leiding img{
	border: 1px solid #000000;
	margin: 5px;
	display:block;
	float:left;
	}

#Tabinhoud div.voet p {
	background: url("/v5/tab/img/onder.png") bottom left no-repeat;
	text-align: center;
	color: #584F4A;
	padding:15px;
  	display:block;
 	margin:-2em 0 0 0;
	}

#Tabinhoud a {
	color: #000000;
	text-decoration: none;
	font-weight:bold;
	}

#Tabinhoud a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
	}

/* ########################################################################################### */


/*h1 wordt niet gebruikt, maar toch even definieren */
h1 			{ 
			font-family: "Franklin Gothic Medium Condensed", Helvetica, sans-serif;
			color: #000000;
			}
/*h2 zijn de titels bovenaan elke pagina*/
h2 			{
			font-family:  "Franklin Gothic Medium Condensed", Helvetica, sans-serif;
			color: #6D8D23;
			text-align: left;
			font-weight: bold;
			}

h3 			{ 
			font-family:  "Franklin Gothic Medium Condensed", Helvetica, sans-serif;
			color: #E5B136;
			}

h4 			{
			font-family:  "Franklin Gothic Medium Condensed", Helvetica, sans-serif;
			color: #000000;
			font-size: medium;
			text-align: center;
			font-weight: bold;
			margin: 1px;
			}
/*h5, een subtitel, best gewoon vet maken*/
h5 			{
			font-family:  "Franklin Gothic Medium Condensed", Helvetica, sans-serif;
			color: #000000;
			font-weight: bold;
			font-size: small;
			}

ul			{
			list-style-type: square;
			}

/*De selectboxen, tekstkaderkes, inputboxen en knoppen in forms*/
select, textarea, input, button
			{
			background-color : #6D8D23;
			font : 10pt "Courier", "Arial", Times, serif;
			border : 1px solid #000000;
			color: #FFFFFF;
			}