/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  
  background:transparent;
}        
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	vertical-align:baseline;
}

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */

body {
	background: url('../images/bg-gradient.jpg') repeat-x #fff;
	margin: 0;
	padding: 0;
}

body, table	{
	font-family: Verdana;
	font-size: 8pt;
	line-height: 15px;
	color: #333333;	
}

#container {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 780px;
	margin: 0 auto;
}

#header {
	position: relative;
}

	#lang {
		position: absolute;
		top: 0;
		right: 0px;
		padding: 5px;
		background: #fff;
		
	}

#nav {
	list-style: none;
	height: 33px;
	padding: 0;
	margin: 0;
	background: url('../images/nav_bg.jpg') no-repeat 0px 0px #77A700;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;

}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	height: 33px;
	width: 90px;
	font-family: Verdana;
	font-size: 17px;
	color: #fff;
	line-height: 33px;
	text-decoration: none;
	padding: 0 10px 0 30px;
	background: url('../images/nav_item_bg.png') no-repeat 0px -40px
}

#nav li a:hover {
	background: url('../images/nav_item_bg.png') no-repeat 9px 2px #AACA5C;
}

#content {
	background: url('../images/krullen-bg.jpg') no-repeat #fff;
	width: 780px;
}

#contentleft {
	float: left;
	width: 450px;
	padding: 20px;
}

#contentright {
	float: left;
	width: 249px;
	border-left: 1px solid #000;
	padding: 20px;
}


#footer {
	text-align: center;
	padding: 10px;
	height: 20px;
	background: #fff;
}

select {
	font-family: Verdana;
	font-size: 8pt;
	color: #333333;
	background: #F2F2F2	
}

textarea {
	font-family: Verdana;
	font-size: 8pt;
	color: #333333;
	background: #F2F2F2	
}

input {
	font-family: Verdana;
	font-size: 8pt;
	color: #333333;
	background: #F2F2F2	
}

td {
	padding: 10px 0 10px 0;
}

.main {
	border-right: 1px;
	border-left: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-style: solid;
	border-color: #000000;
}


h1, h2 {
	font-family: Arial;
	font-size: 12pt;
	line-height: 15px;
	font-weight: bold;
	color: #24933C;
	margin: 0px 0 15px;
}

h3 {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 15px;

}

.img	{
	float: left;
	border-right: 1px;
	border-left: 1px;
	border-top: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #92B041;	
	margin: 0 10px 10px 0;	
}

a {
	font-family: Verdana;
	font-size: 8pt;
	color: #92B041;
	text-decoration: none;
}



a:hover {
	color: #92B041;
	text-decoration: underline;
}

hr {
	margin: 4px 0 10px;
}

.news {

}

.green {
	color: #679247;
}

.red {
	color: #FF0000;
}

.rand_groen {
	border-right: 1px;
	border-left: 1px;
	border-top: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #679247;		
}


/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }