﻿*{
  padding: 0px;
  margin: 0px;

}

body{
  background: url('main/groenbackground.png');
  background-repeat: repeat;
  background-position: top left;
}

img{
  border: 0px;
}

ul{
  padding-left: 14px;
  *padding-left: 15px; _padding-left: 15px;
}
ol {
	padding-left: 19px;
	*padding-left: 22px; _padding-left: 22px;
}

ul li, ol li {
	color: #333;
	line-height: 15px;
}


p{
  text-indent: 0px;
  line-height: 15px;
}

table, tr, td {
  font-size: 11px;
  font-family: verdana,arial,helvetica,sans-serif;
}

A:link{
  color: #000;
  font-size: 10px;
  font-family: verdana,arial,helvetica,sans-serif;
}

A:visited{
  color: #000;
  font-size: 10px;
  font-family: verdana,arial,helvetica,sans-serif;
}

A:active{
  color: #000;
  font-size: 10px;
  font-family: verdana,arial,helvetica,sans-serif;
}

A:hover{
  color: #000;
  font-size: 10px;
  font-family: verdana,arial,helvetica,sans-serif;
}

#background{
  width: 978px;
  background: url('main/groenschaduwrechts.png');
  background-repeat: repeat-y;
  background-position: top right;
}

#tab{
	/*
  position: absolute;
  width: 30px;
  height: 98px;
  left: 968px;
  top: 93px;
  background: url('tab.png');
  background-repeat: no-repeat;
  background-position: top left;
  */

	background: none repeat scroll 0 0 transparent;
	color: white;
	height: 98px;
	left: 728px;
	position: absolute;
	top: 15px;
	width: 230px;

}
#tab a {margin: 0px; padding: 0px; color: white;}
.home{
  cursor: pointer; position: relative;
  height: 20px; width: 27px;
  margin: 0px; padding: 0px;
}
.email{
  cursor: pointer; position: relative;
  height: 18px; width: 27px;
  margin: 0px; padding: 0px;
  /*position: relative; top: 0px;*/
  /*width: 29px; height: 20px;
  margin: 0px; padding: 0px; line-height: 20px; overflow: hidden;
  border: 1px solid white; */
}
.taal{
  cursor: pointer; position: relative;
  height: 18px; width: 27px;
  margin: 0px; padding: 0px;
}
._en { display: none; height: 0px; width: 0px; margin: 0px; padding: 0px;}
._de {  }
._en {  }

.taalend{
  cursor: pointer; position: relative;
  height: 6px; width: 27px;
  margin: 0px; padding: 0px;
}
/* werkt alleen in IE8 : #tab br {border: 1px solid red; height: 1px;} */


#banner{
  width: 968px;
  color: white;
  background-color: #1c709e;
  background: url('main/blauwgradient.png');
  background-repeat: repeat-x;
  background-position: top left;
}

#banner #groengradient{
  height: 91px;
}

#menuboven{
  position: relative;
  _position: absolute;
  top: 70px;
  left: 18px;
}

#menuboven #level1-nor{ }
#menuboven #level1-act{ }

#menubovenSublevelOffset{
  margin-left: 22px;
}

#bannertitel {
	width: 968px;
	height: 151px;
	border: 0px solid gray;
}

#banner #wit {
  height: 2px;
  width:968px;
  background-color: white;
}

#banner #grijs {
  height: 1px;
  width:968px;
  background-color: #8b8b8b;
}

#banner #flash{
  height: 151px;
  background: url('main/flashbanner.png');
  background-repeat: no-repeat;
  background-position: top left;
}

#banner #groen{
  height: 6px;
  width: 968px;
/*  background: url('main/groenbalk.png'); */
  background-color: #00395a;
  background-repeat: repeat;
  background-position: top left;
}

#main{
  width: 968px;
  background-color: #fff;
}

#main #schaduw{
  height: 33px;
  background: url('main/witgradient.png');
  background-repeat: repeat-x;
  background-position: top left;
}

#main #content{
  background: url('main/witbackground.png') 0px;
  background-repeat: repeat-y;
  background-position: top; /* 00px;*/
  border-bottom: 1px solid #1c709e;
}

#main #content #left{
  float: left;
  width: 181px;
  border-top: 1px solid #c1c0c1;

}

#main #content #normal{
  float: left;
  width: 523px;
border-top: 1px solid #c1c0c1;
  margin-left: 0px;
  padding-left: 22px;
}
#main #contentmain {
  background: url('main/witbackgroundmain.png') 0px;
  background-repeat: repeat-y;
  background-position: top; /* 0px;*/
  border-bottom: 1px solid #1c709e;
}


#main #contentmain #normal{
  float: left;
  width: 706px;
  border-top: 1px solid #c1c0c1;
  margin-left: 0px;
  padding-left: 20px;
}

#contentmain #normal #title{
	display: none;
  padding-top: 00px;
  padding-bottom:00px;
  padding-left: 00px;
}

#normal #title{
  text-transform: uppercase;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #1f1d21;
  padding-top: 20px;
  padding-bottom:10px;
  padding-left: 00px;
}

#normal ul, #normal ol {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 11px;
  padding-bottom: 10px;
}

#normal #normalcontent h1{
  font-size: 12px;
  padding-top: 0px;
  margin-top: 0px;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #333;
}

#normal #normalcontent p{
	padding-bottom: 12px;
}

p:first-line{ }

#normal #normalcontent #tekstblok{
    padding-bottom: 12px;
    padding-right: 25px;
}

#tekstblok table.contenttable {  }
#tekstblok table#landentabel {  vertical-align:top; top: 0px; margin-top:0px; padding-top: 0px; }
#tekstblok table#landentabel tbody { vertical-align:top; top: 0px; margin-top:0px; padding-top: 0px; }
#tekstblok table#landentabel p.bodytext { vertical-align:top; top: 0px; margin-top:0px; padding-top: 0px; }
#tekstblok BR,
#blokgroen BR,
#blokoranje BR{
  clear: both;
  line-height: 0;
  display: block;
}

#main #content #right{
  float: left;
  width: 212px;
  margin-left: 14px;
}

#main #contentmain #right{
  float: left;
  width: 212px;
  margin-left: 14px;
}

#right #righttopcontent #blokgroen p{
  color: #000;
  padding-top: 0px;
}
#right #righttopcontent #blokgroen .spacing {
	backgroud-color: #fff; height: 100px; width: 100%;
}

#right #righttopcontent h1{
  color: #fff;
  font-size: 12px;
}

#kopbovenoranje{
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
}

#right #righttopcontent #blokoranje p{
  padding-top: 0px;
}
#right #rightbottomcontent h1{
  font-size: 12px;
}

#main #content #height{
  float: left;
  width: 1px;
  height: 400px;
  margin-left: 1px;
}

#main #content #spacer{
  clear: both;
  height: 135px;
  width: 2px;
  position: relative;
}

#main #content #adresblokje {
    float: left;
    font-family: arial;
    font-size: 10px;
    left: 5px;
    position: absolute;
    top: -130px;
    width: 165px;
}

#main #contentmain #height{
  float: left;
  width: 1px;
  height: 400px;
  margin-left: 1px;
}

#main #contentmain #spacer{
  clear: both;
  height: 45px;
  width: 2px;
}


#main #contentmain #spacermain {
  clear: both;
  height: 45px;
  width: 2px;
}
#spacermain #functionbuttons{
  margin-left: 214px;
  margin-bottom: 5px;
  width: 100px;
}

#spacer #functionbuttons{
  margin-left: 214px;
  margin-bottom: 5px;
  width: 100px;
}

#spacermain #functionbuttons{
  margin-left: 21px;
  margin-bottom: 5px;
  width: 100px;
}

#spacer #functionbuttons .print{
  padding: 2px;
}

#spacer #functionbuttons .doorsturen{
  padding: 2px;
}
#spacermain #functionbuttons .print{
  padding: 2px;
}

#spacermain #functionbuttons .doorsturen{
  padding: 2px;
}

#printbutton{
  display: inline;
}

#doorstuurbutton{
  display: inline;
}

#content #left #leftmenu{
  margin-right:25px;
}

#leftmenu .level1-nor{
  padding-top: 21px;
  margin-right: 0px;
  padding-bottom: 10px;
  padding-left: 14px;
  border-bottom: 1px solid #bfdeee;
  text-decoration: none;
  display: none;
}

#leftmenu .level1-act{
  padding-top: 21px;
  padding-bottom: 10px;
  text-decoration: none;
}
#leftmenu div.csc-header h1 { color: #125982; padding-left: 10px;}
#leftmenu p.bodytext { color: #125982; padding-left: 10px;}
#leftmenu p.bodytext a { color: #125982; }

#leftmenutitel .level1-nor{
  padding-bottom: 5px;
  padding-top: 6px;
  padding-left: 14px;
  border-bottom: 1px solid #bfdeee;
  text-decoration: none;
  display: none;
}

#leftmenutitel .level1-act{
  padding-bottom: 5px;
  padding-top: 6px;
  padding-left: 14px;
  text-decoration: none;
}

#leftmenu .level2-nor{
  padding-bottom: 5px;
  padding-top: 6px;
  padding-left: 14px;
  border-bottom: 1px solid #bfdeee;
  text-decoration: none;
}

#leftmenu .level2-act{
  padding-bottom: 5px;
  padding-top: 6px;
  padding-left: 14px;
  border-bottom: 1px solid #bfdeee;
  text-decoration: none;
}

#leftmenu .level3-nor{
  padding-bottom: 5px;
  padding-top: 6px;
  padding-left: 14px;
  border-bottom: 1px solid #bfdeee;
  text-decoration: none;
}

#leftmenu .level3-norsub{
  padding-bottom: 5px;
  padding-top: 6px;
  padding-left: 14px;
  border-bottom: 1px solid #bfdeee;
  text-decoration: none;
  background: url('main/arrowright.png');
  background-repeat: no-repeat;
  background-position: top right;
}

#leftmenu .level3-act{
  padding-bottom: 5px;
  padding-top: 6px;
  padding-left: 14px;
  border-bottom: 1px solid #bfdeee;
  text-decoration: none;
}

#leftmenu .level4-nor{
  padding-bottom: 5px;
  padding-top: 6px;
  padding-left: 24px;
  border-bottom: 1px solid #bfdeee;
  text-decoration: none;
  background: url('main/dot.png');
  background-repeat: no-repeat;
  background-position: top left;
}

#leftmenu .level4-act{
  padding-bottom: 5px;
  padding-top: 6px;
  padding-left: 24px;
  border-bottom: 1px solid #bfdeee;
  text-decoration: none;
  background: url('main/dot-oranje.png');
  background-repeat: no-repeat;
  background-position: top left;
}

#leftmenu .level1-nor A:link,
#leftmenu .level1-nor A:visited,
#leftmenu .level1-nor A:active,
#leftmenu .level1-nor A:hover{
  font-weight: bold;
  color:#0970b1;
  font-size: 14px;
  display: none;
}

#leftmenu .level1-act A:link,
#leftmenu .level1-act A:visited,
#leftmenu .level1-act A:active,
#leftmenu .level1-act A:hover{
  color: #d57f2d;
  font-weight: bold;
  color:#0970b1;
  font-size: 14px;
}

#leftmenu .level2-nor A:link,
#leftmenu .level2-nor A:visited,
#leftmenu .level2-nor A:active,
#leftmenu .level2-nor A:hover{
  font-weight: bold;
}

#leftmenu .level2-act A:link,
#leftmenu .level2-act A:visited,
#leftmenu .level2-act A:active,
#leftmenu .level2-act A:hover{
  color: #0970b1;
  font-weight: bold;
}

#leftmenu .level3-nor A:link,
#leftmenu .level3-nor A:visited,
#leftmenu .level3-nor A:active,
#leftmenu .level3-nor A:hover{
  font-weight: normal;
}

#leftmenu .level3-norsub A:link,
#leftmenu .level3-norsub A:visited,
#leftmenu .level3-norsub A:active,
#leftmenu	.level3-norsub A:hover{
  font-weight: normal;
}

#leftmenu .level3-act A:link,
#leftmenu .level3-act A:visited,
#leftmenu .level3-act A:active,
#leftmenu .level3-act A:hover{
  color: #0970b1;
  font-weight: normal;
}
#leftmenu .level4-nor A:link,
#leftmenu .level4-nor A:visited,
#leftmenu .level4-nor A:active,
#leftmenu .level4-nor A:hover{
  font-weight: normal
}

#leftmenu .level4-act A:link,
#leftmenu .level4-act A:visited,
#leftmenu .level4-act A:active,
#leftmenu .level4-act A:hover{
  color: #0970b1;
  font-weight: normal;
}

#content #right #blokgrijs{
  border: 1px solid #c1c0c1;
  margin-bottom: 14px;
  padding-top: 3px;
  padding-right: 14px;
  padding-bottom: 9px;
  padding-left: 14px;
}

#content #right #blokgroen{
  border: 0px solid #34582c;
  margin-bottom: 14px;
  padding-top: 0px; /*-5px;*/
  padding-right: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
  color:	black;
/*  background-color: #34582c; */
}


#content #right #blokgroen .bodytext {
	border: 0px solid red;
	width: 202px;
	height: 22px;
	background-color: #d9d8d8;
	margin-bottom: 1px;
	padding-top: 6px;
	padding-left: 12px;
	font-weight: bold;
	font-size: 13px;
	color: #125982;
}

/* kleuren */
#content #right #blokgroen .bodytext A,
#content #right #blokgroen .bodytext A:link,
#content #right #blokgroen .bodytext A:visited,
#content #right #blokgroen .bodytext A:active,
#content #right #blokgroen .bodytext A:hover{
	font-weight: bold;
	font-size: 10px;
	color: #125982;
}

#contentmain #right #blokgroen{
  border: 0px solid #34582c;
  margin-bottom: 14px;
  padding-top: 0px; /* -5px;*/
  padding-right: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
  color:	black;
/*  background-color: #34582c; */
}


#contentmain #right #blokgroen .bodytext {
	border: 0px solid red;
	width: 202px;
	height: 22px;
	background-color: #d9d8d8;
	margin-bottom: 1px;
	padding-top: 6px;
	padding-left: 12px;
	font-weight: bold;
	font-size: 13px;
	color: #125982;
}

/* kleuren */
#contentmain #right #blokgroen .bodytext A,
#contentmain #right #blokgroen .bodytext A:link,
#contentmain #right #blokgroen .bodytext A:visited,
#contentmain #right #blokgroen .bodytext A:active,
#contentmain #right #blokgroen .bodytext A:hover{
	font-weight: bold;
	font-size: 10px;
	color: #125982;
}

#content #right #blokoranje {
  border: 1px solid #ec7f12;
  margin-bottom: 14px;
  padding-top: 3px;
  padding-right: 14px;
  padding-bottom: 9px;
  padding-left: 14px;
  background-color: #ec7f12;
}

#bottom{
  clear: both;
}

#bottom #groen{
  height: 21px;
  background: url('main/groenfooter.png');
  background-repeat: no-repeat;
  background-position: top left;
}

.kallenraeven{
  cursor: pointer;
  padding-right: 40px;
}

.sitemap{
  cursor: pointer;
  padding-right: 20px;
}

.disclaimer{
 	  cursor: pointer;
}

#bottom #schaduw{
  height: 9px;
  width: 975px;
  background: url('main/groenschaduwonder.png');
  background-repeat: no-repeat;
  background-position: top left;
}

.toplevel1-act{
  display: inline;
  padding-right: 20px;
}

.toplevel1-nor{
  display: inline;
  padding-right: 20px;
}

/* ### SITEMAP ### */
.csc-sitemap {}

.csc-sitemap li{
  padding-left: 10px;
}
.csc-sitemap li A,
.csc-sitemap li A:link,
.csc-sitemap li A:visited,
.csc-sitemap li A:active,
.csc-sitemap li A:hover{
  font-weight: normal;
}

/* kleuren */
.oranje A,
.oranje A:link,
.oranje A:visited,
.oranje A:active,
.oranje A:hover{
 /* color: #ec7f12;*/ color: #0970b1;
}

.error{
  position: absolute;
  top: 150px;
  left: 150px;
  width: 750px;
  height: 30px;
  text-align: center;
  display: none;
  padding-top: 12px;
  font-weight: bold;
  background-color: #ffc0c0;
  color: red;
  border: 2px solid red;
}

#zoekboxrechts {
	border: 1px solid #036484;
	width: 210px;
	height: 19px;
	padding-right: 2px;

}

#zoekboxtext {
	position: relative;
	padding-top: 0px; /* -20px; */
}
#zoekboxtext p {

	color: black;

}
#zoekboxrechts .zoekinput {
	border: 0px;
	background-color: #ffffff;
	color: #1a78b1;
	width: 160px;
	height: 14px;
	padding-top: 3px;
	padding-left: 3px;
	float:left;
}

#zoekboxrechts .zoekbutton {
	background-color: white;
	padding-top: 1px;
	width: 30px;
	float: right;
}

.csc-mailform {
  border: 0px;
  color: #000;
  font-size: 10px;
  font-family: verdana,arial,helvetica,sans-serif;
}
.csc-mailform-field {
  clear: both;
  width: 300px;
  padding: 5px;
}
.csc-mailform-label {
  clear: both;
  width: 300px;
  padding: 5px;
}
.csc-mailform-field input {
  width: 200px;
  float: right;
}

.csc-mailform-field textarea {
  width: 200px;
  float: right;
}


/* SUBISIDIE PAGINA */
#leftList ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#leftList ul li {
	border-bottom: 1px solid #BFDEEE;
    padding-bottom: 5px;
    padding-left: 14px;
    padding-top: 5px;
    text-decoration: none;
    margin-left: 0;
}
