/* --------- Algemeen ------------------------------- */
body{
	background-color: #B2B2B2;
    margin: 0px 0px 0px 0px;
}

body, div, span, font, a, table, td,{
	font-family: Verdana, arial;
	font-weight: normal;
	color: #525252;
	text-decoration: none;
	font-size: 100%;
	line-height: 130%;
}

a {
  color: #000000;
  text-decoration: underline;
}

a:hover {
  color: #F3B927;
  text-decoration: underline;
}

form{
  margin: 0px;
}

center{
	height:100%;
}

P{
  margin: 0px;
  color: #525252;
}

#beeldContainer{
		position: absolute;
		z-index: 10;
}


/* --------- zoeken ---------------------------------- */
#zoekContainer{
		position: relative;
		z-index: 10;
		top: 162px;
		left: 587px;
}

.zoekVeld{
	border: 0px solid white;
	height: 18px;
	width: 120px;
	font-family: verdana, arial;
	font-weight: normal;
	color: Black;
	font-size: 10px;
	padding: 2px 0px 0px 4px;
  margin-top: 3px;
}
html>body .zoekVeld {
  margin-top: 4px;
  height: 18px;
}

.btnZoek{
	margin: 0px 0px -4px 1px;
}
html>body .btnZoek {
  position: absolute;
  top:4px;
}

/* --------- Mainmenu ---------------------------------- */
.mainMenuLinksTitle{
	font-family: verdana, arial;
	background-image: url(../../gfx/werkstuksite/bg_submenutitle.gif);
  background-repeat: no-repeat;
	height: 20px;
	padding: 2px 0px 0px 27px;
	font-weight: bold;
	color: Black;
	font-size: 75%;
  background-color:#F3B927;
}

.mainMenuLinksItem{
	font-family: verdana, arial;
	margin: 5px 0px 0px 35px;
	font-size: 70%;
}

.mainMenuLinksItem a{
	font-weight: bold;
	color: Black;
	text-decoration: none;
}

.mainMenuLinksItem a:hover{
	font-weight: bold;
	color: #F3B927;
	text-decoration: none;
}

.mainMenuLinksItem .highLight{
	color: #ff5907;
}

.mainMenuLinksPijl{
	margin: 0px 0px 0px -10px;
  background-image: url(../../gfx/werkstuksite/menuPijl.gif);
  background-repeat: no-repeat;
}


/* --------- Content ---------------------------------- */
.leftContent{
	margin: 0px 0px 0px 27px;
  padding-top: 15px;
  padding-bottom: 15px;
	font-family: verdana, arial;
	font-weight: normal;
}

.rightContent{
	margin: 0px 20px 0px 0px;
  padding-top: 15px;
  padding-bottom: 15px;
	font-family: verdana, arial;
	font-weight: normal;
}

.centerline {
  background: url(../../gfx/werkstuksite/line-vertical-dotted-yellow.gif) repeat-y left top;
}
/*  Titles + texten  */
.titleA{
  font-family: Verdana, arial;
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 10px;
	margin-top: 0px;
	display: block;
  text-decoration: none;
  color: #F3B927;
}

.titleB, .titleC {
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 0px;
	margin-top: 0px;
	display: block;
  text-decoration: none;
}

.titleB{
    color: black;
}

.titleC{
    color: #F3B927;
}

.titleD, titleE{
	font-weight: bold;
	font-size: 70%;
	margin-bottom: 0px;
	margin-top: 0px;
	display: block;
  text-decoration: none;
}

.titleD{
    color: black;
}

.titleE{
    color: #F3B927;
}

.textA{
  font-size: 70%;
	color: #525252;
}

.textB{
  font-size: 70%;
	color: #F3B927;
}
.titleA, .titleB, .titleC, .titleD, titleE,
.textA, .textB, .textC {
  padding-left: 25px;
}
.textA p, .textB p, .textC p {
  padding-bottom: 10px; 
}
.leftContent .titleA, .leftContent .titleB, .leftContent .titleC, .leftContent .titleD, .leftContent .titleE,
.leftContent .textA, .leftContent .textB, .leftContent .textC {
  padding-left: 0;
}
/*  Titles + texten  */

a.leesMeer{
  font-size: 70%;
	color: #929292;
	text-decoration: none;
}

a:hover.leesMeer{
	color: Black;
}

.bottomMargin{
  height: 2px;
  background: transparent url(../../gfx/werkstuksite/line-dotted-yellow.gif) no-repeat 0 0;
	margin: 10px 0;
  overflow: hidden;
}
.breadcrumline {
  height: 2px;
  background: transparent url(../../gfx/werkstuksite/line-dotted-yellow.gif) no-repeat 0 0;
	margin: 4px 25px 0 25px;
  overflow: hidden;
}
.breadcrum {
  margin: -20px 0 3px 0;
  padding: 0 25px;
	font-family: verdana, arial;
	font-weight: normal;
	color: #9D9D9D;
	height: 18px;
  font-size: 70%;
  background: transparent;
}
html>body .breadcrum {
  margin: -10px 0 3px 0;
}

.breadcrum a{
  padding: 0;
  display: inline;
  height: 18px;
  font-weight: normal;
	text-decoration: none;
	color: #9D9D9D;
	padding-top: 4px;
}
.newsLineYellow,
.newsLine {
  margin: 0 0 3px 0;
	font-family: verdana, arial;
	font-weight: normal;
	color: Black;
	line-height: 1;
  font-size: 70%;
  /* background: transparent url(../../gfx/werkstuksite/pijltjesDubbel_geel.gif) no-repeat 25px 20px; */
}
.newsLineYellow a,
.newsLine a{
  padding: 0 19px;
  display: block;
  height: 18px;
  font-weight: bold;
	text-decoration: none;
	color: #525252;
	padding-top: 2px;
}
.newsLineYellow .date,
.newsLine .date{
  margin: 0 0 -2px 19px;
}
.newsLineYellow a img,
.newsLine a img{
  margin: 0 0 0 0;
  padding: 0; 
}
.newsLine a:hover, .newsLineYellow a:hover {text-decoration: none;}
.newsDate {color: #B2B2B2; font-weight: normal;}

.newsArchiveLine{
	font-family: verdana, arial;
	font-weight: normal;
  	height: 18px;
	text-decoration: none;
	color: Black;
	padding: 8px 5px 2px 5px;
	line-height: 150%;
  background: transparent url(../../gfx/werkstuksite/line-dotted-yellow.gif) no-repeat 0 0;
}

.newsArchiveLineYellow{
	font-family: verdana, arial;
	font-weight: normal;
   height: 18px;
   /*width: 433px;*/
	text-decoration: none;
	color: Black;
	padding: 8px 5px 2px 5px;
	line-height: 150%;
  background: transparent url(../../gfx/werkstuksite/line-dotted-yellow.gif) no-repeat 0 0;
}
.newsLine, .newsLineYellow, .newsArchiveLine, .newsArchiveLineYellow {
  padding-left: 0px;
}
.agendaIcon{
  margin: 0px 0px -2px 3px;;
}

.blockItem{
	font-family: verdana, arial;
	border-top: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
	/*width: 247px;*/
	padding: 3px 5px 5px 27px;
  background-color: #D8D8D8;
}

.blockItem a.title{
	font-family: verdana, arial;
	font-weight: bold;
	font-size: 90%;
	display: block;
  text-decoration: none;
  color: #F3B927;
}

.blockItem a:hover.title{
	color: Black;
}

/*  Relevante links  */

.relevanteLinks{
	font-family: verdana, arial;	
  font-size: 70%;
  padding: 5px 0 0 0;
}

.menuLinksItem,
.menuLinksTitle,
.relevanteLinksItem {
	font-family: verdana, arial;
  font-size: 70%;
	margin: 3px 0px 0px 0;
  padding: 0 0 0 10px;
  background: url(../../gfx/werkstuksite/pijltjeEnkel_geel.gif) no-repeat left center;
}
.menuLinksItem { margin-left: 10px; }

.btnMail .label.
.menuLinksItem a,
.menuLinksTitle a,
.relevanteLinksItem a{
	color: #525252;
  font-weight: bold;
	text-decoration: none;
}
.menuLinksItem a img,
.menuLinksTitle a img,
.relevanteLinksItem a img{
  display: none; 
}
.menuLinksItem a:hover,
.menuLinksTitle a:hover,
.relevanteLinksItem a:hover{
	color: black;
}


/* --------- Other ---------------------------------- */

.datum {
  padding: 0 25px;
	font-family: verdana, arial;
	font-weight: normal;
	color: #9D9D9D;
	height: 18px;
  font-size: 70%;
  background: transparent;
}

.btnMail {
  margin-left: -10px;
  }
.btnMail .label {
  padding: 0 0 0 10px;
	color: #525252;
  font-weight: bold;
	text-decoration: none;
  font-size: 70%;
  background: url(../../gfx/werkstuksite/pijltjeEnkel_geel.gif) no-repeat left center;
}

.txtBrowserComp{
	position:relative;
	z-index: 200;
	margin: 0px 0px -15px 0px;
	visibility:hidden;
}
.readon {
  padding-right: 15px;
  background: url(../../gfx/werkstuksite/pijltjesDubbel_geel.gif) no-repeat right center;
  color:#F3B927;
  text-decoration: none;
}

.leftContent .textA img { margin: -7px 0; }
.leftContent .attentionBox a.back { 
  margin: -7px 2px -7px 0; 
  padding: 3px 5px 3px 18px;
  font-family: verdana, arial;
	font-weight: normal;
	font-size: 70%;
	display: block;
  text-decoration: none;
  color: #fff;
  background: #F3B927 url(../../gfx/werkstuksite/backarrow_white.gif) no-repeat 5px 6px ;
}
.pagetoolbar { margin: -8px 0 0 0; padding: 0 0 0 20px; text-align: right; }
.pagetoolbar a.back { float: left; background: url(../../gfx/werkstuksite/nav_back_yellow.gif) no-repeat 0px 0px ; width: 50px; height: 20px;}
.pagetoolbar a.back:hover { float: left; background: url(../../gfx/werkstuksite/nav_back_f2.gif) no-repeat 0px 0px ;}
.pagetoolbar a.top {background: url(../../gfx/werkstuksite/nav_top_yellow.gif) no-repeat 0px 0px ; width: 42px; height: 20px;}
.pagetoolbar a.top:hover {background: url(../../gfx/werkstuksite/nav_top_f2.gif) no-repeat 0px 0px ; }
.pagetoolbar a.print {background: url(../../gfx/werkstuksite/nav_print_yellow.gif) no-repeat 0px 0px ; width: 57px; height: 20px;}
.pagetoolbar a.print:hover {background: url(../../gfx/werkstuksite/nav_print_f2.gif) no-repeat 0px 0px ; }



.itemlistBar {
  padding: 0 0 0 25px;
  border-bottom: 1px solid white;
  font-family: verdana, arial;
  font-size: 0.70em;
}
.itemlistBar .itembar {
  margin: 0;
  padding: 2px 5px;
  font-size: 1.2em;
  background: #F3B927;
  color: #525252;
  cursor: hand;
}
html>body .itemlistBar .itembar {
  cursor: pointer;
}
.open .itembar {
  background: #F3B927 url(../../gfx/werkstuksite/pijltjeEnkel_down_zwart.gif) no-repeat 98.5% 50% ;
}
.open .listlinks {
  display: block;
}
.closed .listlinks {
  display: none;
}
.closed .itembar {
  background: #F3B927 url(../../gfx/werkstuksite/pijltjeEnkel_zwart.gif) no-repeat 98.5% 50% ;
}
.itemlistBar .listlinks {
  margin: 5px 8px;
  font-family: verdana, arial;
  font-size: 1em;
  
}

.itemlistBar .listlinks a{
  padding-left: 10px;
  display: block;
  text-decoration: none;
  color: #525252;
  background: transparent url(../../gfx/werkstuksite/pijltjeEnkel_geel.gif) no-repeat left center;
}
.itemlistBar .listlinks a:link{
  color: #525252;
}
.itemlistBar .listlinks a:visited{
  color: #525252;
}
.itemlistBar .listlinks a:hover{
  text-decoration: underline;
  color: #525252;
}
.itemlistBar .listlinks a:link{
  text-decoration: underline;
  color: #000;
}


#flashbox {
  padding: 10px 25px;
}

#flashbox .titleA{
  padding: 0;
  font-size: 1.3em;
  font-weight: normal;
}

.alfabetNav {font-size: 60%; margin: 0px 0px 0px 25px;}
.alfabetNav a {font-weight: bold; text-decoration: none; color: #5C5C5C;}
.alfabetNav a:hover {font-weight: bold; text-decoration: underline; color: #000;}


/* ################################################################################################ */
/* FREEFIND CSS */

form{ margin: 0px; }
form table.werkstukForm {margin-left: 10px;}
form table.werkstukForm td {  font-size: 70%;}

.textVeld, .openVeld, .getalVeld, .bedragVeld, .datumVeld{
  border: 1px solid #525252;
  width: 225px;
  height: 20px;
  padding: 1px 0px 0px 3px;
  margin: 0px 0px 0px 0px;
  font-family: verdana, arial;
	font-weight: normal;
	color: Black;
	font-size: 11px;  
}

.openVeld{
  height: 54px;
  padding: 1px 0px 0px 3px;
  margin: 0px 0px 0px 0px;
	font-size: 11px;  
}

.radio{
  padding: 10px 0px 0px -5px;
}

.submitVersturen{
  width: 80px;
  height: 20px;
  border: 0px;
  background-color: #F3B927;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 2px 0px;
  font-family: verdana, arial;
	font-weight: bold;
	color: White;
	font-size: 12px; 
  cursor: hand;
  float: right: 
}

.formSelect {
  border: 1px solid Black;
  height: 18px;
  padding: 1px 0px 0px 3px;
  margin: 0px 0px 0px 0px;
  font-family: verdana, arial;
	font-weight: normal;
	color: Black;
	font-size: 11px; 
}



/* ################################################################################################ */
/* FREEFIND CSS */
.searchResultTitle {color: #5C5C5C; font-weight: bold; }
.searchLine{ font-family : Verdana, Arial; font-size : 70%; margin: 30px 10px 20px 25px; }
.searchResultContainer{ font-family : Verdana, Arial; font-size : 70%; margin: 0 0 0 25px;}
.searchResult{ margin: 20px 10px 20px 0px; }
.search-nav-form-table{ width: 433px; margin: 5px 0px 5px 0px; background-color: #F3B927;}
.search-nav{ color: #fff; font-size: 90%; font-weight: normal;}
.search-nav a{ color: #fff;}
.search-nav a:hover{ color: #5C5C5C;}
.searchTemplateContainer{ margin: 5px 0px 0px 0px; }
.searchTemplateContainer input.zoekVeld {border: 1px solid #B2B2B2; margin: 0px;}
.searchTemplateContainer input.btnZoek {background-color: #B2B2B2; border: 0px; font-size: 11px; color: #fff; font-weight: bold; margin: 0px; height: 18px; cursor: hand;}
/*
div.searchResultContainer                      { margin: 0 0 0 15px; width: 512px !important; background-color: #fff !important; }
div.searchResultContainer *                    { background-color: #fff !important; }
div.searchResultContainer body                 { width: 512px !important; background-color: #fff !important; }
div.searchLine                                 { padding: 0 0 3px 0; background: #fff !important; }
span.searchResultTitle                         { font-weight: bold; color: #007BC2; background: #fff !important; }
.search-nav-form-table                         { margin: 0 0 0 0; width: 100%; text-align: right; background-color: #fff !important; }
.search-nav-form-table td                      { padding: 0 0 00px 0 !important; background-color: #fff !important; }
font.search-headline                           { font-size: 15px; }
font.search-results                            { line-height: 16px; }
font.search-results a                          { font-weight: bold; }
font.search-results small                      { line-height: 25px; }
.search-count small                            { padding: 3px 0 3px 0; color: #666; background-color: #fff !important; }
*/