/**
*
* Design and coding by Wendy Borst
* Copyright © 2010 Raadhuis
*
*/

/**
* Main elements
*/

body {
	text-align: center;
	font: 62.5% Verdana, Arial, Tahoma, Verdana, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #59370f;
	line-height: 1.5em;
	text-align: center;
}

.clearboth {
	clear: both;
	height: 0;
	font-size: 0px;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

p {
	margin: 1.5em 0 1.5em 0;
	padding: 0;
}

a {
	color: #59370f;
	font-weight: bold;
	text-decoration: underline;
}

a:link {
	color: #59370f;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #59370f;
	font-weight: bold;
	text-decoration: none;
}

hr {
	color: #af987d;
	height: 1px;
	background: #af987d;
	border: none;
	margin-bottom: 15px;
	margin-top: 5px;
	width: 100%;
}

#container {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: #FFFFFF url(images/header_bg.gif) center 15px no-repeat;
}


/**
* Form elements
*/

form {
	margin: 0;
	padding: 0;
}

.zoektextfield {
	background: url(images/zoekveld.png) left top no-repeat;
	color: #59370f;
	font-size: 1.0em;
	padding: 4px 10px 4px 10px;
	height: 16px;
	width: 250px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	border: 0;
}

.zoekbutton {
	background: url(images/zoek_btn.png) left 3px no-repeat;
	color: #FFFFFF;
	border: 0;
	padding: 3px 10px 3px 10px;
	font-size: 1.0em;
	height: 27px;
	width: 60px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
}

.textfield {
	background: url(images/veld.png) left top no-repeat;
	color: #59370f;
	font-size: 1.0em;
	padding: 4px 10px 4px 10px;
	height: 16px;
	width: 200px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	border: 0;
	margin: 2px 0px;
}

.button {
	background: url(images/btn.png) left 3px no-repeat;
	color: #FFFFFF;
	border: 0;
	padding: 3px 10px 3px 10px;
	font-size: 1.0em;
	height: 27px;
	width: 110px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	float: right;
}

.textarea {
	background: url(images/textarea.png) left top no-repeat;
	color: #59370f;
	font-size: 1.0em;
	padding: 7px 10px 7px 10px;
	height: 96px;
	width: 250px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	border: 0;
	margin: 2px 0px;
}

.checkbox {
	margin: 0px 10px 0px 0px;
}

select {
	margin: 5px 0px 0px 0px;
	width: 270px;
}

.errors {
	color: #FF0000;
	margin-bottom: 10px;
}


/**
* AjexSearch
*/

#ajaxSearch_form {
	color: #59370f;
	width: auto;
}

#ajaxSearch_form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

#ajaxSearch_form label {
	border: 0;
	margin: 0;
	padding: 0;
}

#ajaxSearch_input { 
	background: url(images/zoekveld.png) left top no-repeat;
	color: #59370f;
	font-size: 1.0em;
	padding: 4px 10px 4px 10px;
	height: 16px;
	width: 250px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	border: 0;
}

#ajaxSearch_submit {
	background: url(images/zoek_btn.png) left 3px no-repeat;
	color: #FFFFFF;
	border: 0;
	padding: 3px 10px 3px 10px;
	font-size: 1.0em;
	height: 27px;
	width: 60px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
}

#ajaxSearch_output {
	border: 1px solid #444;
	padding: 10px;
	background: #fff;
	display: block;
	height: auto;
	vertical-align: top;
}

.ajaxSearch_result {
	color: #59370f;
	margin-bottom: 3px;
}

.ajaxSearch_result hr {
	color: #d4c9bc;
	height: 1px;
	background: #d4c9bc;
	border: none;
	margin-bottom: 15px;
	margin-top: 15px;
}

.ajaxSearch_resultLink {
	text-decoration: underline;
}

.ajaxSearch_resultDescription{
	color: #59370f;
}

.ajaxSearch_more {
	color: #59370f;
}


/**
* Header
*/

#header {
	height: 306px;
	width: 970px;
	position: relative;
	margin: 0 auto;
}

#logo {
	position: absolute;
	top: 116px;
	left: 768px;
	width: 150px;
	height: 60px;
	background: url(images/logo.gif) no-repeat left top;
	z-index: 200;
}

#logo h2 {
	display: none;
}

#logo a {
	top: 0px;
	left: 0px;
	width: 150px;
	height: 60px;
	position: absolute;
}

#search {
	height: 30px;
	width: 400px;
	text-align: right;
	font-size: 1.1em;
	position: absolute;
	top: 17px;
	right: 280px;
}

#openbolheader {
	position: absolute;
	top: 15px;
	left: 710px;
	width: 260px;
	height: 260px;
	margin: 0;
	padding: 0;
	background: url(images/open_bol.png) center top no-repeat;
}

#button1 {
	position: absolute;
	top: 68px;
	left: 1px;
	width: 170px;
	height: 170px;
	text-align: center;
}

.button1link {
	width: 150px;
	height: 150px;
	text-align: center;
	padding: 10px;
	background: url(images/button1.png) no-repeat left top;
}

.button1active {
	width: 150px;
	height: 150px;
	text-align: center;
	padding: 10px;
	background: url(images/button1_active.png) no-repeat left top;
	color: #FFFFFF;
}

#button2 {
	position: absolute;
	top: 126px;
	left: 175px;
	width: 150px;
	height: 150px;
	text-align: center;
}

.button2link {
	width: 130px;
	height: 130px;
	text-align: center;
	padding: 10px;
	background: url(images/button2.png) no-repeat left top;
}

.button2active {
	width: 130px;
	height: 130px;
	text-align: center;
	padding: 10px;
	background: url(images/button2_active.png) no-repeat left top;
	color: #FFFFFF;
}

#button3 {
	position: absolute;
	top: 82px;
	left: 327px;
	width: 130px;
	height: 130px;
	text-align: center;
}

.button3link {
	width: 110px;
	height: 110px;
	text-align: center;
	padding: 10px;
	background: url(images/button3.png) no-repeat left top;
}

.button3active {
	width: 110px;
	height: 110px;
	text-align: center;
	padding: 10px;
	background: url(images/button3_active.png) no-repeat left top;
	color: #FFFFFF;
}

#button4 {
	position: absolute;
	top: 151px;
	left: 459px;
	width: 118px;
	height: 118px;
	text-align: center;
}

.button4link {
	width: 98px;
	height: 98px;
	text-align: center;
	padding: 10px;
	background: url(images/button4.png) no-repeat left top;
}

.button4active {
	width: 98px;
	height: 98px;
	text-align: center;
	padding: 10px;
	background: url(images/button4_active.png) no-repeat left top;
	color: #FFFFFF;
}

#button5 {
	position: absolute;
	top: 95px;
	left: 580px;
	width: 104px;
	height: 104px;
	text-align: center;
}

.button5link {
	width: 84px;
	height: 84px;
	text-align: center;
	padding: 10px;
	background: url(images/button5.png) no-repeat left top;
}

.button5active {
	width: 84px;
	height: 84px;
	text-align: center;
	padding: 10px;
	background: url(images/button5_active.png) no-repeat left top;
	color: #FFFFFF;
}

#button1 a, #button2 a, #button3 a, #button4 a, #button5 a {
	text-decoration: none;
}

#button1 a:hover, #button2 a:hover, #button3 a:hover, #button4 a:hover, #button5 a:hover {
	text-decoration: underline;
}

#button1 .button1active a, #button2 .button2active a, #button3 .button3active a, #button4 .button4active a, #button5 .button5active a {
	text-decoration: none;
	color: #FFFFFF;
}

#button1 .button1active a:hover, #button2 .button2active a:hover, #button3 .button3active a:hover, #button4 .button4active a:hover, #button5 .button5active a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}


/**
* Menu
*/

#nav {
	height: 35px;
	width: 360px;
	text-align: left;
	font-size: 1.1em;
	position: absolute;
	top: 15px;
	left: 0px;
	z-index: 200;
}

#nav ul {
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 8px;
}

#nav li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	display: inline;
	background: url(images/topmenu_bullet.gif) left top no-repeat;
	padding: 0px 10px 0px 20px;
}

#nav li a {
	color: #59370f;
	text-decoration: none;
	font-weight: normal;
}

#nav li a:hover {
	color: #59370f;
	text-decoration: none;
	font-weight: normal;
	text-decoration: underline;
}

#nav .active {
	color: #59370f;
	text-decoration: none;
	font-weight: bold;
}

#nav .active a {
	color: #59370f;
	text-decoration: none;
	font-weight: bold;
}

#nav .active a:hover {
	color: #59370f;
	text-decoration: none;
	font-weight: bold;
}


/**
* Content general
*/

#content {
	width: 970px;
	position: relative;
	font-size: 1.1em;
	text-align: left;
	margin: 0 auto;
	z-index: 200;
}

h1 {
	color: #59370f;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
}

h2 {
	color: #59370f;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
}

h3 {
	color: #59370f;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
}

h4 {
	color: #59370f;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
}

#contentbox {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 970px;
	position: relative;
	text-align: left;
}

#contentleft {
	padding: 0px 0px 0px 0px;
	margin: 0px 18px 0px 0px;
	width: 260px;
	float: left;
	text-align: left;
	line-height: 1.6em;
	display: inline;
}

#contentmiddle {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 410px;
	text-align: left;
	float: left;
	line-height: 1.6em;
	margin-bottom: -220px;
	display: inline;
}

#contentright {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 18px;
	width: 260px;
	float: right;
	text-align: left;
	line-height: 1.6em;
	margin-bottom: -220px;
	display: inline;
}

#contentsearch {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 685px;
	text-align: left;
	float: left;
	line-height: 1.6em;
	margin-bottom: -220px;
	display: inline;
}

#brownbox #submenu ul li {
	list-style-type: none;
	background: url(images/menubullet.gif) left 3px no-repeat;
	padding: 2px 0px 2px 28px;
	margin: 0px 0px 0px -28px;
}

#brownbox #submenu ol li {
	list-style-type: none;
	background: url(images/menubullet.gif) left 3px no-repeat;
	padding: 2px 0px 2px 28px;
	margin: 0px 0px 0px -28px;
}

#brownbox #submenu a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#brownbox #submenu a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#brownbox #submenu a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.readmore {
	float: right;
	height: 1.6em;
}

.ditto_page, .ditto_currentpage {
	margin: 0px 5px 0px 5px;
}


/**
* Box left
*/

#brownbox {
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
	background: url(images/brown_bg.gif) center top no-repeat;
	line-height: 1.6em;
	width: 220px;
	position: relative;
	color: #FFFFFF;
}

#brownboxbottom {
	margin: 0px -20px;
	background: url(images/brown_bg.gif) center bottom no-repeat;
	height: 20px;
	clear: both;
	width: 260px;
	position: relative;
}

#brownboxwide {
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
	background: url(images/brown_wide_bg.gif) center top no-repeat;
	line-height: 1.6em;
	width: 370px;
	position: relative;
	color: #FFFFFF;
}

#brownboxwidebottom {
	margin: 0px -20px;
	background: url(images/brown_wide_bg.gif) center bottom no-repeat;
	height: 20px;
	clear: both;
	width: 410px;
	position: relative;
}

#brownheader {
	background: url(images/hbol_green.png) center top no-repeat;
	position: absolute;
	left: -12px;
	top: 16px;
	height: 24px;
	width: 24px;
}

#brownbox h2, #brownboxwide h2 {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
}

#brownbox a {
	color: #d6df3b;
	font-weight: bold;
	text-decoration: underline;
}

#brownbox a:link {
	color: #d6df3b;
	font-weight: bold;
	text-decoration: underline;
}

#brownbox a:hover {
	color: #d6df3b;
	font-weight: bold;
	text-decoration: none;
}

#brownbox ul, #brownboxwide ul {
	margin: 0;
	padding: 0;
}

#brownbox ol, #brownboxwide ol {
	margin: 0;
	padding: 0;
}

#brownbox ul li, #brownboxwide ul li {
	list-style-type: none;
	background: url(images/bullet_green.gif) left 3px no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}

#brownbox ol li, #brownboxwide ol li {
	list-style-type: none;
	background: url(images/bullet_green.gif) left 3px no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}



#greenbox {
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
	background: url(images/green_bg.gif) center top no-repeat;
	line-height: 1.6em;
	width: 220px;
	position: relative;
}

#greenboxbottom {
	margin: 0px -20px;
	background: url(images/green_bg.gif) center bottom no-repeat;
	height: 20px;
	clear: both;
	width: 260px;
	position: relative;
}

#greenboxwide {
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
	background: url(images/green_wide_bg.gif) center top no-repeat;
	line-height: 1.6em;
	width: 370px;
	position: relative;
}

#greenboxwidebottom {
	margin: 0px -20px;
	background: url(images/green_wide_bg.gif) center bottom no-repeat;
	height: 20px;
	clear: both;
	width: 410px;
	position: relative;
}

#greenheader {
	background: url(images/hbol_brown.png) center top no-repeat;
	position: absolute;
	left: -12px;
	top: 16px;
	height: 24px;
	width: 24px;
}

#greenbox h2, #greenboxwide h2 {
	color: #59370f;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
}

#greenbox ul, #greenboxwide ul {
	margin: 0;
	padding: 0;
}

#greenbox ol, #greenboxwide ol {
	margin: 0;
	padding: 0;
}

#greenbox ul li, #greenboxwide ul li {
	list-style-type: none;
	background: url(images/bullet_brown.gif) left 3px no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}

#greenbox ol li, #greenboxwide ol li {
	list-style-type: none;
	background: url(images/bullet_brown.gif) left 3px no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}



#beigebox {
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
	background: url(images/beige_bg.gif) center top no-repeat;
	line-height: 1.6em;
	width: 220px;
	position: relative;
}

#beigeboxbottom {
	margin: 0px -20px;
	background: url(images/beige_bg.gif) center bottom no-repeat;
	height: 20px;
	clear: both;
	width: 260px;
	position: relative;
}

#beigeboxwide {
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
	background: url(images/beige_wide_bg.gif) center top no-repeat;
	line-height: 1.6em;
	width: 370px;
	position: relative;
}

#beigeboxwidebottom {
	margin: 0px -20px;
	background: url(images/beige_wide_bg.gif) center bottom no-repeat;
	height: 20px;
	clear: both;
	width: 410px;
	position: relative;
}

#searchbox {
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
	background: url(images/search_bg.gif) center top no-repeat;
	line-height: 1.6em;
	width: 645px;
	position: relative;
}

#searchboxbottom {
	margin: 0px -20px;
	background: url(images/search_bg.gif) center bottom no-repeat;
	height: 20px;
	clear: both;
	width: 685px;
	position: relative;
}

#beigeheader {
	background: url(images/hbol_green.png) center top no-repeat;
	position: absolute;
	left: -12px;
	top: 16px;
	height: 24px;
	width: 24px;
}

#beigebox h1, #beigeboxwide h1, #searchbox h1, #beigebox h2, #beigeboxwide h2, #searchbox h2 {
	color: #59370f;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
}

#beigebox ul, #beigeboxwide ul, #searchbox ul {
	margin: 0;
	padding: 0;
}

#beigebox ol, #beigeboxwide ol, #searchbox ol {
	margin: 0;
	padding: 0;
}

#beigebox ul li, #beigeboxwide ul li, #searchbox ul li {
	list-style-type: none;
	background: url(images/bullet_green.gif) left 3px no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}

#beigebox ol li, #beigeboxwide ol li, #searchbox ol li {
	list-style-type: none;
	background: url(images/bullet_green.gif) left 3px no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}


/**
* Footer
*/

#footer {
	width: 100%;
	height: 260px;
	background: url(images/footer_bg.gif) center bottom repeat-x;
	font-size: 1.1em;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 15px;
}

#footerbg {
	width: 100%;
	height: 260px;
	margin: 0 auto;
	color: #59370f;
	text-align: center;
}

#footercontent {
	width: 970px;
	height: 260px;
	margin: 0 auto;
	position: relative;
}

#footercontentleft {
	width: 260px;
	height: 260px;
}

#openbolfooter {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 260px;
	height: 260px;
	margin: 0;
	padding: 0;
	background: url(images/open_bol.png) center top no-repeat;
	z-index: 1;
}

#bolimage {
	position: absolute;
	bottom: 44px;
	left: 44px;
	width: 172px;
	height: 172px;
	margin: 0;
	padding: 0;
	z-index: 0;
}

#footernav {
	height: 35px;
	width: 690px;
	text-align: left;
	font-size: 0.9em;
	position: absolute;
	bottom: 0px;
	left: 280px;
}

#footernav .left {
	float: left;
	text-align: left;
}

#footernav .right {
	float: right;
	text-align: right;
}

#footernav ul {
	margin: 0px 0px 0px 0px;
	padding: 11px 20px 0px 20px;
}

#footernav li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	display: inline;
	padding: 0px 0px 0px 0px;
}

#footernav li a {
	color: #59370f;
	text-decoration: none;
	font-weight: normal;
}

#footernav li a:hover {
	color: #59370f;
	text-decoration: none;
	font-weight: normal;
	text-decoration: underline;
}

#footernav .between {
	padding: 0px 8px 0px 8px;
}

/*  ANTI-SPAM */

#hiddenformulier{
	display: none;
}