/* center wrapper, min max width */
#pagewrapper {
	border: 1px solid black;
	/*border-color: #FFFFFF; */
    margin: 0 auto;       /* this centers wrapper */
    /*max-width: 70em;   /* IE wont understand these, so we will use javascript magick */
   /* min-width: 50em; */
	width: 70em;
    height: auto;
    background-color: #fff;
    color: #595A48;
	line-height: 130%;
}

#sitename {
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: 3em;
}

#subsitename {
	margin-left: 3em;
	color: black;
}

#header {
	height: 175px;
	display: block;
	border: 1px solid #FFFFFF;
	/*background: url(../uploads/images/bg_header.jpg) no-repeat; */
	background: url(../uploads/images/bg_header_logo1.jpg) no-repeat;
	/*background-position: 170px 37px;  */
}


#changedate {
	float: right;
	clear: both;
	margin-top: 0;
	padding: 0;
	margin-right: 20px;
	color: black;
	margin-top: 160px;
}

#navigation {
	clear: both;
	height: 30px;
	margin-bottom: 1em;
	background: url(../uploads/images/bg_nav.jpg);
}

#hoofdmenu {
	list-style: none; /* show no dots for unsorted list */
	color: #FFFFFF;
	height: 100%;
	margin: 0;
	padding: 0;
}

#hoofdmenu li {
	float: left;
	text-align: center;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 1em;
}

#hoofdmenu li a {
	color: #FFF;
	text-decoration: none;
	padding: 0.5em;
	font-size: 1.2em;
}

.adsense {
	width: 350px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	height: 35px;
	border: 1px solid black;

}

.navigationheader {
	width: 75%;
	margin-left: 1.7em;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 1.3em;
	height: 17px;
	/*background: #294B5F; */
	text-align: left;
	padding-left: 4px;
	color: #FFFFFF;
}

#sidenavigation {
	float: left;
	clear: both;
	width: 220px;
	margin-right: 1em;
	margin-bottom: 2em;
	margin-top: 0.5em;
	height: auto;
	border-right: 1px black dotted;
	border-bottom: 1px black dotted;
}

#sidenavigation ul {
	margin-left: 1.0em;
	padding:0;
	font-size: 1.3em;
	margin-bottom: 1em;
	margin-top: 1.3em;
}

#sidenavigation ul li {
	padding-top: 0.3em;
	padding-bottom: 0.6em;
	list-style: none;
	list-style-position: outside;
	background: url(../uploads/images/bg_money.jpg) no-repeat;
	background-position: left center;
}

#sidenavigation ul li a {
	text-decoration: none;
}

a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #C3D4DF;
   color: #385C72;
}

#news {
	margin-top: 7em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	margin-bottom: 4em;
	height: auto;
	width: 100%;
	padding-bottom: 0.5em;
	/*background: url(../uploads/images/bg_news.jpg) no-repeat;
	background-position: 160px 5px; */
	border-top: 1px black dotted;
}

#news ol {
	margin: 0;
	padding: 0;
}

#newsitem {
	margin-left: 0.7em;
	margin-right: 0.7em;
}

#newsitem h2 {
	/*margin-top: 1.4em; */
	padding-top:1.4em;
	color: #267F00;
	font-size: 1.3em;
	margin-bottom: 0;
	height: auto;
}

#newsitem li {
	list-style: none; /* show no dots for unsorted list */
	list-style-position: outside; /*set this value to outside instead of inside -- IE bug with list-style property. */
	margin-bottom: 0.5em;
	margin-top: 0;
	padding-top: 0;
}


#newsheader {
	color: #267F00;
}

#sidemenu li a{
	color: #1C32FF;
}

#content {
	float: left;
	margin-right: 1em;
	margin-bottom: 2em;
	width: 68%;
	height: auto;
}

.wrapper {
	float: left;
	height: auto;
	width: 98%;
	margin-left: 1em;
	margin-top: 0.8em;
	margin-bottom: 0;
	padding-top: 0.3em;
}

.leftside {
	float: left;
	padding: 1em;
	margin-bottom: 1em;
	height: auto;
	width: 300px;
}

.links {
	float: left;
	padding: 1em;
	margin-bottom: 1em;
	height: auto;
	width: 250px;
}

.rightside {
	float: left;
	margin-bottom: 1.4em;
	padding: 1em;
	height: auto;
	width: 30%;
}

.rigthside ol {
	margin: 0;
	padding: 0;
}

.rechts {
	float: left;
	margin-bottom: 1.4em;
	padding: 1em;
	height: auto;
	width: 200px;
}


.rechts ul {
	margin: 1em;
	padding: 0;
}

.rightside b {
	color: #267F00;
}

.rightside ul {
	margin-left: 0.5em;
	padding: 0;
}

.rightside li {
	color: black;
}

.head {
	width: 100%;
	height: auto;
	padding: 0.5em;
	background: url(../uploads/images/bg_icon.jpg) no-repeat;
	margin-bottom: 1em;
}

#top {
	float: left;
	padding: 1em;
	margin-left: 1em;
	width: 98%;
	color: #FFF;
	height: auto;
	/*background: #294B5F; */
	color: #FFFFFF;
	font-size: 1.1em;
	/* background: url(bg_top2.jpg) repeat-x; */
	/*background-position: bottom; */
}

#top b {
	color: #FFFFFF;
	/*font-size: 1.3em; */
}

#top h3 {
	font-size: 1.3em;
}


#item1 {
	float: left;
	width: 43%;
	margin-left: 1em;
	margin-top: 1em;
	padding: 0.5em;
	height: auto;
	background: url(../uploads/images/bg_icon.jpg) no-repeat;
}

#item3 {
	float: right;
	width: 43%;
	clear: right;
	margin: 1em;
	padding: 0.5em;
	height: auto;
	background: url(../uploads/images/bg_icon.jpg) no-repeat;
}

#item4 {
	float: left;
	width: 43%;
	margin-left: 1em;
	margin-top: 1em;
	margin-right: 1em;
	clear: left;
	padding: 0.5em;
	height: auto;
	background: url(../uploads/images/bg_icon.jpg) no-repeat;
}

#overzicht {
	color: black;
	width: 450px;
	text-align: left;
	border-spacing: 0;
}

#tabelheader {
	background-color: #267F00;
	color: #FFFFFF;
	font-size: 1.1em;
}

#overzicht tr td {
	padding: 0.5em;
}

#footer {
	clear: both;
	width: 100%;
	height: 50px;
	margin-top: 4em;
	color: black;
	background: #267F00;
}

#copyright {
	float: right;
	color: #FFFFFF;
	padding-right: 20px;
	padding-top: 20px;
	height: auto;
}

#home {
	float: left;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 20px;
	height: auto;
}

#home a {
	color: #FFFFFF;
}

.sitemap {
	font-size: 1.2em;
}

.sitemap li {
	padding: 0.5em;
	color: black;
}

.uitbetaling {
	margin-top: 1em;
	margin-bottom: 1em;
}

.tip {
	font-size: 1.1em;
	color: #1C32FF;
	margin-bottom: 1em;
}

.subheader {
	color: #267F00;
	font-size: 1.3em;
}

.subheader2{
	color: #267F00;
	font-size: 1.1em;
}

.bl {
	background: url(../uploads/images/bl.gif) 0 100% no-repeat #294B5F;
	width: 100%;
}

.br {
	background: url(../uploads/images/br.gif) 100% 100% no-repeat;
}

.tl {background: url(../uploads/images/tl.gif) 0 0 no-repeat}
.tr {background: url(../uploads/images/tr.gif) 100% 0 no-repeat; padding:10px}

.clear {font-size: 1px; height: 1px}


/*****************
basic layout 
*****************/
body {
	text-align: left;
	font-family: Arial,Tahoma,Verdana, Geneva, Helvetica, sans-serif;
	font-size: 0.70em;
	line-height: 1em;
	/*background-color: #ccc; */
	/*background-color: #E2E4FF; */
	/*background-color: #EAF7FF; */	
	background-color: #E8F2F4;
	color: #333; 
	margin: 2em;    /* gives some air for the pagewrapper */
}

html {
	height: 100%;
}

.textcolor {
	color: #294B5F;
}

.textcolor2 {
	color: #267F00;
}