/* CSS OM ALLE MARGINS AAN TE PASSEN VAN ELEMENTEN DIE PER BROWSER ANDERS ZIJN */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
div.print { display: none; }

/* OVERIGE CSS */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
	line-height: 1.3em;
}

/* CONTAINER */
#container {
	display: block;
	width: 964px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/bg_container.gif);
	background-repeat: repeat-y;
	padding-bottom: 20px;
}

/* CONTAINER > HEAD */
#head {
	display: block;
	width: 842px;
	height: 185px;
	margin-left: 29px;
}

/* CONTAINER > MENU */
#menu {
	display: block;
	height: 32px;
	width: 932px;
	margin-left: 29px;
	background-image: url(../images/bg_menu.jpg);
	background-repeat: repeat-x;
}

#menu ul {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

#menu ul li {
	float: left;
	clear: right;
	background-image: url(../images/bg_menu_li.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 1px;
	display: inline;
	position: relative;
}

#menu ul li.left {
	background-image: none;
	padding: 0;
}

#menu ul li a {
	display: block;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	padding: 0 19px 0 18px;
	color: #FFFFFF;
	text-decoration: none;
}

#menu ul li a:hover,
#menu ul li a.actief {
	background-image: url(../images/bg_menu_actief.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}

/* CONTAINER > CONTENT */
#content {
	display: block;
	width: 907px;
	margin-left: 29px;
	padding: 30px 10px 0 15px;
	background-image: url(../images/bg_content.jpg);
	background-repeat: repeat-x;
}

#content div.homeText {
	display: block;
	float: left;
	clear: right;
	width: 630px;
	padding: 0 5px;
}

#content div.homeText div.text {
	width: 505px;
}

#content div.homeText div.wijbiedenu {
	display: block;
	width: 380px;
	height: 178px;
	color: #FFFFFF;
	background-image: url(../images/bg_wijbiedenu.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	position: relative;
	float: left;
	clear: right;
}

#content div.homeText div.wijbiedenu h1 {	
	line-height: 38px;
	vertical-align: middle;
	width: 380px;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 16px;
	color: #4A4A4C;
}

#content div.homeText div.wijbiedenu ul li {
	list-style-image: url(../images/li_wijbiedenu.gif);
	margin-left: 30px;
}

#content div.homeText div.wijbiedenu div.afbeelding {
	position: absolute;
	bottom: 10px;
	right: 0;
}

#content div.homeText div.som {
	display: block;
	width: 200px;
	height: 158px;
	margin-top: 10px;
	margin-right: 12px;
	position: relative;
	float: right;
	clear: right;
	background: url(../images/bg_som.gif) no-repeat;
	padding: 10px;
	color: #7C7C7C;
	line-height: 1.4em;
}

#content div.homeText div.som h2 {
	color: #00ABF6;
	font-size: 14px;
	margin: 0;
}

#content div.homeText div.som img.logo {
	margin-left: 25px;
}

#content div.homeText div.som img.knop {
	position: absolute;
	top: 165px;
	left: 120px;
}

#content div.pageText {
	display: block;
	width: 710px;
	margin-left: 10px;
	float: left;
	clear: right;
}

#content div.banners {
	display: block;
	width: 162px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	clear: right;
	border: 1px solid #CCCCCC;
	padding: 3px 6px 3px 7px;
}

#content div.banners img {
	margin-bottom: 3px;
	margin-top: 3px;
}

#content div.nieuws {
	background-color: #B8B8B8;
	display: block;
	float: left;
	clear: right;
	width: 250px;
	height: 445px;
	color: #4A4A4C;
	padding: 10px;
	padding-right: 3px;
	background-image: url(../images/bg_nieuws.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: -26px;
}

#content div.nieuws div.items {
	padding-right: 20px;
	overflow: auto;
	height: 360px;
}

#content div.nieuws h1 {
	text-transform: uppercase;
	line-height: 35px;
	vertical-align: middle;
	margin: 0 5px 10px;
	padding: 0;/* 20px;*/
	font-size: 16px;
	border-bottom: 1px dotted #FFFFFF;
	color: #0294C9;
	text-transform: none;
}

#content div.nieuws div.items div.item {
	margin-bottom: 20px;
	padding-left: 5px;
}

#content div.nieuws div.items div.item h2 {
	font-size: 13px;
	font-weight: bold;
}

#content div.nieuws div.items div.item p {
	text-align: left;
}

#content div.nieuws a,
#content div.nieuws a:link,
#content div.nieuws a:visited,
#content div.nieuws a:active,
#content div.nieuws a:hover {
	text-decoration: underline;
	color: #4A4A4C;
}

#content div.nieuws div.meer {
	font-size: 14px;
	font-weight: bold;
	border-top: 1px dotted #FFFFFF;
	margin-top: 10px;
	padding-top: 10px;
}

#content div.nieuws div.meer a,
#content div.nieuws div.meer a:link,
#content div.nieuws div.meer a:visited,
#content div.nieuws div.meer a:active {
	text-decoration: none;
}

#content div.nieuws div.meer a:hover {
	text-decoration: underline;
}

#content h1 {
	color: #0294C9;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: -2px;
}

#content h2 {
	margin-bottom: 10px;
}

#content h2 img {
	margin-left: -2px;
}

#content p {
	margin-bottom: 10px;
}

#content ul {
	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 10px;
}

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

#content a:hover {
	text-decoration: none;
}

#content div.afbeeldingen {
	float: right;
	width: 400px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: right;
}

#content div.leesverder {
	display: block;
	background-color: #4A4A4C;
	width: 905px;
	color: #FFFFFF;
}

#content div.leesverder h1 {
	height: 41px;
	line-height: 41px;
	vertical-align: middle;
	color: #4A4A4C;
	font-weight: bold;
	background-image: url(../images/bg_leesverder_h1.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 15px;
}

#content div.leesverder ul {
	padding-bottom: 10px;
	float: left;
	clear: right;
	width: 255px;
	margin: 0;
}

#content div.leesverder ul li {
	list-style-image: url(../images/li_wijbiedenu.gif);
	margin-left: 30px;
}

#content div.leesverder ul li a,
#content div.leesverder ul li a:link,
#content div.leesverder ul li a:active,
#content div.leesverder ul li a:visited,
#content div.leesverder ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#content div.leesverder ul li a:hover {
	text-decoration: underline;
}

#content div.leesverder div.afbeeldingen {
	display: block;
	float: right;
	width: 550px;
	margin: 0;
}

#content div.leesverder div.afbeeldingen div.afbeelding {
	display: block;
	width: 88px;
	height: 90px;
	margin-right: 10px;
	background-image: url(../images/bg_leesverder_afbeelding.gif);
	background-repeat: no-repeat;
	float: left;
	clear: right;
	padding: 5px 4px;
}

#content #merkenGeel {
	display: block;
	height: 31px;
	margin-top: 2px;
	width: 905px;
	background-repeat: repeat-x;
	background-image: url(../images/bg_merken_geel.jpg);
}

#content #merkenGroen {
	display: block;
	height: 31px;
	margin-top: 2px;
	width: 905px;
	background-repeat: repeat-x;
	background-image: url(../images/bg_merken_groen.jpg);
	color: #FFFFFF;
}

#content #merkenBlauw {
	display: block;
	height: 31px;
	margin-top: 2px;
	width: 905px;
	background-repeat: repeat-x;
	background-image: url(../images/bg_merken_blauw.jpg);
	color: #FFFFFF;
}

#content #merkenGroen a,
#content #merkenGroen a:link,
#content #merkenGroen a:visited,
#content #merkenGroen a:hover,
#content #merkenBlauw a,
#content #merkenBlauw a:link,
#content #merkenBlauw a:visited,
#content #merkenBlauw a:hover {
	color: #FFFFFF;
}

#content #merkenGeel div,
#content #merkenGroen div,
#content #merkenBlauw div {
	display: block;
	float: left;
	clear: right;
	line-height: 31px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 11px;
}

#content #merkenGeel div a,
#content #merkenGeel div a:link,
#content #merkenGeel div a:hover {
	color: #333333;
	text-decoration: underline;
}

#content #merkenGroen a,
#content #merkenGroen a:link,
#content #merkenGroen a:hover,
#content #merkenBlauw a,
#content #merkenBlauw a:link,
#content #merkenBlauw a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#content #merkenGeel div a:hover,
#content #merkenGroen div a:hover,
#content #merkenBlauw div a:hover {
	text-decoration: none;
}

#content #merkenGeel div.merken,
#content #merkenGroen div.merken,
#content #merkenBlauw div.merken {
	width: 540px;
	padding-left: 10px;
}

#content #merkenGeel div.handelsassortiment,
#content #merkenGroen div.handelsassortiment,
#content #merkenBlauw div.handelsassortiment {
	width: 345px;
	padding-right: 10px;
	text-align: right;
}

#content div.contactText {
	width: 355px;
	float: left;
	clear: right;
}

#content div#contactMap {
	display: block;
	width: 550px;
	height: 360px;
	float: left;
	clear: right;
	background-color: #99B3CC;
}

#content div#contactFormulier {
	background-color: #333333;
	color: #FFFFFF;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 895px;
	margin-top: 10px;
}

#content div#contactFormulier h1 {
	height: 41px;
	line-height: 41px;
	vertical-align: middle;
	color: #4A4A4C;
	font-weight: bold;
	background-image: url(../images/bg_leesverder_h1.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: -10px;
	width: 890px;
}

#content div#contactFormulier h1 img {
	margin-top: 10px;
}

#content div#contactFormulier p {
	margin-bottom: 10px;
}

#content div#contactFormulier p.error {
	font-weight: bold;
	color: #FFD000;
}

#content div#contactFormulier div.links,
#content div#contactFormulier div.rechts {
	display: block;
	width: 50%;
	float: left;
	clear: right;
	display: block;
	height: 25px;
	vertical-align: middle;
}

#content div#contactFormulier label {
	float: left;
	width: 160px;
}

#content div#contactFormulier input {
	background-color: #555558;
	border: 1px solid #FFFFFF;
	width: 212px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 2px;
	padding-top: 2px;
}

#content div#contactFormulier input.error {
	border: 1px solid #FFD000;
}

#content div#contactFormulier input.postcode {
	width: 45px;
}

#content div#contactFormulier input.plaats {
	width: 158px;
	margin-left: 2px;
}

#content div#contactFormulier input.voornaam {
	width: 101px;
}

#content div#contactFormulier input.achternaam {
	width: 102px;
	margin-left: 2px;
}

#content div#contactFormulier input.checkbox,
#content div#contactFormulier input.radio {
	background-color: transparent;
	border: none;
	width: auto;
	height: auto;
}

#content div#contactFormulier textarea {
	background-color: #555558;
	border: 1px solid #FFFFFF;
	width: 471px;
	height: 99px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 2px;
	padding-top: 2px;
}

#content div#contactFormulier button {
	margin-left: 160px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #D5D5D5;
	border: 1px solid #D5D5D5;
	margin-bottom: 5px;
}

/* FOOTER */
#footer {
	display: block;
	width: 964px;
	height: 54px;
	margin: 0 auto;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	font-size: 11px;
}

#footer a,
#footer a:link,
#footer a:hover {
	color: #333333;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
}

/* CLEAR DIV */
div.clear {
	width: 100%;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
}

p.small {
	font-size: 10px;
}

/* CALENDAR */
div.nieuwsPicker {
	display: block;
	width: 260px;
	float: left;
	clear: right;
}

.calendar-main {
  /*border: 1px solid #CCCCCC;*/
  font-weight: bold;
  font-size: 14px;
  width: 45px;
}

.calendar {
  width: 245px;
  border: 1px solid #CCCCCC;
  margin-top: 10px;
  border-collapse: collapse;
  border-spacing: none;
}

.calendar-month {
  border: 1px solid #CCCCCC;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  background: #EEEEEE;
}

.weekday {
  border: 1px solid #CCCCCC;
  text-align: center;
  font-weight: bold;
  background-color: #CCCCCC;
  width: 35px;
}

.day {
  border: 1px solid #CCCCCC;
  text-align: center;
}

.day a {
	text-decoration: none;
	font-weight: bold;
	color: #005398;
}

.day a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #005398;
}

#selectArchief {
	margin-top: 8px;
}