/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
* {
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration:none;
}
html, body { height:100%; background-color:#ffffff; }

/* ++++++++++++++++++++ top-row LAYOUT + STYLES +++++++++++++++++++++ */
body {
	height:100%;
	margin:0px;
	padding:0px;
	min-width:940px;  /* voor ff/moz */
	text-align:center; /* voor ie5+5.5 */
}

a			{ text-decoration: none; color: #c31200; }
a:hover		{ text-decoration: underline; color: #c31200; }
a:visited	{ color: #c31200; }

#top-row { margin:0 auto; width:940px; padding-top:20px; text-align:left;}
#top-row #top-row1 { padding-top:0px; clear:both; position:relative;}
#top-row #top-row2 { padding-top:0px; margin-top:10px;clear:both; background-image:url(../afbeeldingen/bg/370pxgroen.gif); background-repeat:repeat-y; }
#top-row #top-row3 { padding-top:0px; margin-top:10px; background-color:#c31200; clear:both; background-image:url(../afbeeldingen/bg/10pxwit.gif); background-repeat:repeat-y; background-position:370px;}
#top-row #top-row4 { padding-top:0px;  margin-top:10px; clear:both;  background-color:#e1ed84; background-image:url(../afbeeldingen/bg/10pxwit.gif); background-repeat:repeat-y; background-position:655px; height: 25px }
#top-row #top-row5 { padding-top:0px; margin-top:10px; clear:both;  background-color:#c3db0a; background-image:url(../afbeeldingen/bg/10pxwit.gif); background-repeat:repeat-y; background-position:655px;}
#top-row #top-row6 { padding-top:0px; margin-top:10px; clear:both;  background-color:#c3db0a; background-position:655px;} /* e-loket title balk */

#top-row #top-row1 #meta-logo { float:left; width:252px; height:58px; background:transparent url(../afbeeldingen/logos/hardenberg_logo_252x59.gif) 0 0 no-repeat;}

#top-row #top-row1 #meta-nav { float:right; width:675px; height:14px; }
#top-row #top-row1 #meta-nav ul { width:100%; list-style:none; }
#top-row #top-row1 #meta-nav ul li { float:right; color:#c31200; }
#top-row #top-row1 #meta-nav ul li a { font-size:0.75em; color:#c31200;}
#top-row #top-row1 #meta-nav ul li a.home { }
#top-row #top-row1 #meta-nav ul li a.contact { }
#top-row #top-row1 #meta-nav ul li a.sitemap {  }
#top-row #top-row1 #meta-nav ul li a.vragen {  }
#top-row #top-row1 #meta-nav ul li a.scaleklein {  }
#top-row #top-row1 #meta-nav ul li a.scalegroot { font-size:1em;}
#top-row #top-row1 #meta-nav ul li sup{font-size:0.63em; color:#c31200;}
#top-row #top-row1 #meta-nav ul li a.engels { position:relative; top:2px; }
#top-row #top-row1 #meta-nav ul li a.duits { position:relative; top:2px; }
#top-row #top-row1 #meta-nav ul li a:hover {text-decoration:underline; }

#top-row #top-row1 #meta-info { float:left; width:750px; margin-top:15px; margin-left:5px; padding-bottom:12px; font-size:0.90em; color:#c31200; text-align:left;}
#top-row #top-row1 #meta-info a { color:#c31200;}
#top-row #top-row1 #meta-info a:hover {text-decoration:underline; }

#top-row #top-row1 #search-nav { position:relative; float:right; height:20px; width:180px; margin-top:10px; }
#top-row #top-row1 #search-nav form.search fieldset { }
#top-row #top-row1 #search-nav form.search input { float:left; width:132px; background-color:#f0f7b7; border:1px solid #c31200; text-align:left; }
#top-row #top-row1 #search-nav form.search input.submit { float:right; width:43px;  background-color:#c3db0a; border:0px; font-weight:bold; text-align:center;}

#top-row #top-row2 #main-nav { display:inline; float:left; width:370px; margin-top:0px; padding-bottom:8px; background-color:#c3db0a; line-height:1.6em;}
#top-row #top-row2 #main-nav ul { width:100%; list-style:none; padding-top:10px; min-height: 183px }
#top-row #top-row2 #main-nav ul li { text-align:left; }
#top-row #top-row2 #main-nav ul li a{ display:block; width:357px; font-size:1em; font-weight:bold; color:#000000; padding-left:13px;}
#top-row #top-row2 #main-nav ul li a:hover { background-color:#e1ed84; }
#top-row #top-row2 #main-nav ul li a:active { background-color:#e1ed84; }

#top-row #top-row2 #block-main { float:right; width:560px; margin-top:0px; position:relative; }
#top-row #top-row2 #block-main .expand {position:absolute; left:0px;  float:left; width:370px; min-height:202px; margin-top:0px; width:370px; margin-top:0px; background-color:#e1ed84; line-height:1.3em; }
#top-row #top-row2 #block-main .expand ul { width:100%; list-style:none; padding-top:7px;}
#top-row #top-row2 #block-main .expand ul li { text-align:left; }
#top-row #top-row2 #block-main .expand ul li a{ display:block; width:360px; font-size:1em; color:#000000; padding-left:10px;}
#top-row #top-row2 #block-main .expand ul li a:hover { background-color:#c3db0a; }

#top-row #top-row2 #block-main #block-een { position:absolute; left:0px; width:180px; height:202px; margin-top:0px; }
#top-row #top-row2 #block-main #block-twee { position:absolute; left:190px;  width:180px; height:202px; margin-top:0px;  }
#top-row #top-row2 #block-main #block-drie { position:absolute; left:380px;  width:180px; height:202px; margin-top:0px;  }
#top-row #top-row2 #block-main #block-groot { position:absolute; left:0px;  float:left; width:560px; height:202px; margin-top:0px; }
#top-row #top-row2 #block-main #block-grootbg { position:absolute; left:0px;  float:left; width:560px; height:202px; margin-top:0px;  background-color:#c3db0a;}
#top-row #top-row2 #block-main #block-groot-een { position:absolute; left:0px;  float:left; width:370px; height:202px; margin-top:0px;  background-color:#c3db0a;}
#top-row #top-row2 #block-main #block-groot-twee { position:absolute; left:190px;  float:left; width:370px; height:202px; margin-top:0px;  background-color:#c3db0a;}


#top-row #top-row2 #block-main #block-masker-een { overflow:hidden; position:absolute; left:180px; width:10px; height:202px; margin-top:0px; background-color:white; }
#top-row #top-row2 #block-main #block-masker-twee { overflow:hidden; position:absolute; left:370px; width:10px; height:202px; margin-top:0px;background-color:white; }

#top-row #top-row3 #sub-nav-een { float:left; width:370px; padding-top:0px; margin-top:0px; padding-bottom:7px;  background-color:#c31200; }
#top-row #top-row3 #sub-nav-een { background-image:url(../afbeeldingen/bullets/bullet_white_16x15.gif); background-repeat:no-repeat; background-position: 10px 7px}
#top-row #top-row3 #sub-nav-een a {float:left; font-weight:bolder; color:#FFFFFF; margin-top:6px; margin-left:30px; }

#top-row #top-row3 #sub-nav-twee { float:right; width:560px; padding-top:0px; margin-top:0px; padding-bottom:7px; background-color:#c31200; }
#top-row #top-row3 #sub-nav-twee ul { width:100%; list-style:none; }
#top-row #top-row3 #sub-nav-twee ul li { float:left; margin-top:6px; margin-left:1px;}
#top-row #top-row3 #sub-nav-twee ul li a {font-size:0.9em; font-weight:bolder; color:#FFFFFF; margin-left:5px; margin-right:5px; }

#top-row #top-row4 #kruimel { float:left; width:655px; margin-top:0px; margin-bottom:7px; padding-bottom:5px; background-color:#e1ed84; }
#top-row #top-row4 #kruimel ul { float:left; width:100%; list-style:none; s}
#top-row #top-row4 #kruimel ul li { float:left; margin-left:3px; margin-top:4px; }
#top-row #top-row4 #kruimel a { font-size:0.8em; color:#000000; margin-left:3px; }
#top-row #top-row4 #kruimel a:hover { text-decoration:underline; }

#top-row #top-row4 #print { float:right; width:275px; margin-top:0px; margin-bottom:7px; padding-bottom:7px; background-color:#e1ed84; }
#top-row #top-row4 #print { background-image:url(../afbeeldingen/bullets/bullet_white_14x13.gif); background-repeat:no-repeat; background-position: 10px 6px}
#top-row #top-row4 #print a {float:left; font-size:0.8em; color:#000000; margin-left:30px; margin-top:6px;}
#top-row #top-row4 #print a:hover{ text-decoration:underline; }

#top-row #top-row5 #title{ float:left; width:655px; padding-bottom:16px; padding-top:0px; margin-top:0px; background-color:#c3db0a;}
#top-row #top-row5 #title h1 { float:left; font-size:1.7em; color:#000000; margin:3px 3px 0px 5px; text-align:left; }

#top-row #top-row6 #title{ float:left; width:655px; padding-bottom:16px; padding-top:0px; margin-top:0px; background-color:#c3db0a;}
#top-row #top-row6 #title h1 { float:left; font-size:1.7em; color:#000000; margin:3px 3px 0px 5px; text-align:left; }

#top-row #top-row5 #title-twee{ height: 45px; float:right; width:275px; padding-bottom:3px; padding-top:0px; margin-top:0px; background-color:#c3db0a;}
#top-row #top-row5 #title-twee h2 { float:left; font-size:1.1em; font-weight:bold; color:#000000; margin-top:25px; margin-left:4px; }

/* ++++++++++++++++++++ middle-row LAYOUT + STYLES +++++++++++++++++++++ */

/******* begin layout styles *******/

#left-column ul { xlist-style: square outside url(../afbeeldingen/bullets/bullet_red_11x10.gif); color: #000000; list-style: disc red; padding-left:20px; }
#left-column hr { border-top: 1px solid #fff; border-bottom: 1px solid #c3db0a; margin: 3px 0 10px 0; }

#middle-row { margin:0 auto; width:940px; padding-top:0px; margin-top:10px; text-align:left; background-image:url(../afbeeldingen/bg/rechterkolom.gif); background-repeat:repeat-y; background-position: right; }
#middle-row #left-column { float:left; width:653px; padding-top:0px; margin-top:0px; padding:0px 10px 10px 2px; font-size:1em;line-height:1.45em;}
#middle-row #left-column img{ margin:10px 10px 0px 10px;}
#middle-row #left-column p{ margin-top:10px; margin-bottom:16px;}
#middle-row #left-column ol { line-height: 2em; list-style:inside; padding-left:15px; }

#middle-row #right-column { float:right; width:257px; padding-top:0px; margin-top:0px; color:#c31200; padding:10px 10px 10px 8px; font-size:0.8em;}
#middle-row #right-column a { color:#c31200; font-weight:bold; }
#middle-row #right-column p { margin-bottom:10px; }
#middle-row #right-column ul { line-height: 2em; list-style: square outside url(../afbeeldingen/bullets/bullet_red_6x5.gif); padding-left:15px; }
#middle-row #right-column.zoekpagina ul { height: 320px }

/* Zoekpagina */
.zoeken h1 { font-size: 1.5em }
.lees_verder { background: url(../afbeeldingen/bullets/bullet_red_15x16.gif) no-repeat 0px 50%; padding-left: 20px; float: right; font-weight: bold; bottom: 32px; position: relative; cursor: pointer }
.pagina-navigatie {	background-color: #eaf2a9; padding: 2px 0px 2px 5px; margin: 20px 0 10px 0; }
.pagina-navigatie a { color: #000000; }

#middle-row #left-column #zoek_resultaten {	margin-top: 20px;}

#right-column #zoekresultaat_legenda {	color: #000000 }
#right-column #zoekresultaat_legenda a { font-weight: normal }

/* Verslag Document Table */
.verslag_header td, .verslag_header th  { font-size: 0.8em; line-height: 1.4em }
.verslag_document { border-top: 1px solid #c3db0a; border-bottom: 1px solid #c3db0a; font-size: 0.9em }
.verslag_document th { width: 90px; background-color: #f9fbe6; vertical-align: top; text-align: right; font-weight: normal; padding: 5px; }
.verslag_document td { padding: 5px; line-height: 1.2em }
.verslag_document td span { font-size: 0.8em }

/* Digitaal Loket */
#left-column form table td table.producten_alfabet td, #left-column form table td table.producten_alfabet td.mouseout { 
	padding: 0px;
	width: 23px; 
	border: 1px solid #c31200; 
	background-color: #ffffff; 
	text-align: center;
	color: #c31200;
	font-weight: bold;
	font-size: 1.5em;
	cursor: pointer;
	height: 24px;
}

#left-column form table td table.producten_alfabet td.mouseover {
	background-color: #c31200;
	border: 1px solid white;
	color: #ffffff;
	cursor: pointer;
	height: 24px;
}

#left-column.digitaal_loket h2 { color: #000000; margin-top:10px; margin-bottom:16px; font-size:1.2em; display: block }
#left-column.digitaal_loket ul { margin-bottom: 40px; }

#middle-row #right-column ul.normalfontsize li a { font-weight: normal; letter-spacing: -0.01em }

/* Digitaal loket product table */
.product_loket { border-top: 1px solid #c3db0a; border-bottom: 1px solid #c3db0a; font-size: 0.9em }
.product_loket th { width: 180px; background-color: #f3f8ce; vertical-align: top; text-align: right; padding: 3px; border-right: 10px solid #fff; border-bottom: 5px solid #fff; }
.product_loket td { padding: 3px; background-color: #f9fbe6; line-height: 1.2em; border-bottom: 5px solid #fff; }
.product_loket td span { font-size: 0.8em }

/* Homepagina */
#middle-row-home { margin:0 auto; width:940px; padding-top:0px; margin-top:10px; text-align:left;}
#middle-row-home #left-column-home-een {float:left; margin:0 auto; width:370px; padding-top:0px; text-align:left;}

#middle-row-home #right-column-home-een {float:left; margin:0 0 -35px 10px; width:560px; padding-top:0px; text-align:left;}
#middle-row-home #right-column-home-een h1 { color:black; margin-top:10px; font-size:1.8em;}
#middle-row-home #right-column-home-een a { color:black;}
#middle-row-home #right-column-home-een p { color:black; margin-bottom:14px;line-height:1.45em;}
#middle-row-home .leesverdertd { width: 15px; vertical-align: bottom }
#middle-row-home .leesverder { background: url(../afbeeldingen/bullets/bullet_red_15x16.gif) no-repeat; width: 16px; cursor: pointer }

#middle-row-hometwee {position:relative; xmargin-top:10px; margin-bottom:10px; float:left; background-image:url(../afbeeldingen/bg/home.gif); background-repeat:repeat-y;  background-position:right;width:940px; }

#middle-row-home #left-column-home-twee {float:left; margin:0 auto; width:370px;  text-align:left;}
#middle-row-home #left-column-home-twee a img {border:0px;}
#middle-row-home #left-column-home-twee a {padding-bottom:10px;}
#middle-row-home #left-column-home-twee a.ruimtelinks {padding-left:10px;}
#middle-row-home #left-column-home-twee a.onderaan {padding-bottom:0px;}
#middle-row-home #right-column-home-twee {float:right; margin:0 auto; width:560px; text-align:left; background-image:url(../afbeeldingen/bg/home.gif); background-repeat:repeat-y;}
#middle-row-home #right-column-home-twee #persberichten{float:left; margin:0 auto; width:265px; padding-top:10px;  padding-left:9px; text-align:left;}
#middle-row-home #right-column-home-twee #nieuwopdesite{float:left; margin:0 auto; width:265px; padding-top:10px; padding-left:19px;  text-align:left;}

#middle-row-home #right-column-home-twee #persberichten ul { list-style: square outside url(../afbeeldingen/bullets/bullet_white_11x10.gif);  padding:10px 5px 20px 20px;}
#middle-row-home #right-column-home-twee #nieuwopdesite ul { list-style: square outside url(../afbeeldingen/bullets/bullet_red_11x10.gif); padding-left:20px;padding-top:10px; }
#middle-row-home #right-column-home-twee li { margin-top:-2px; margin-bottom:26px;line-height:1.45em;}
#middle-row-home #right-column-home-twee #persberichten li a { color:white; }
#middle-row-home #right-column-home-twee #nieuwopdesite li a { color:black; }
#middle-row-home #right-column-home-twee #persberichten li.onderbericht{ margin-top:70px;  margin-bottom:0px;}

#meerberichten { position:absolute; left:390px; bottom:10px; }
#meerberichten ul { list-style: square outside url(../afbeeldingen/bullets/bullet_white_11x10.gif); padding-left:20px;  padding-top:10px;}
#meerberichten a { color:white; }

.naartop { float:right; color:black; padding-bottom:10px; font-size:0.8em; }
.naartop a {  color:black; }
.naartop a img {  bordeR:0px; }

.big-divider { background-color: #c31200; font-size: 1.5em; padding: 4px 0px 13px 4px; color: white; margin: 10px 0 10px 0; }
.hrule_top { border-bottom: 1px solid #c3db0a; margin: 20px 0 3px 0 } 
.hrule_bottom { border-bottom: 1px solid #c3db0a; margin: 3px 0 20px 0 } 
/******* end layout styles *******/

/******* begin header styles - zie top-nav STYLES voor h1 defs *******/
h1 { color:#c31200; margin-top:10px; margin-bottom:16px; font-size:1.3em;}
h2 { color:#c31200; margin-top:10px; margin-bottom:16px; font-size:1.1em; display: inline}

/******* end header styles *******/

/******* begin paragraph/link styles *******/

/******* end paragraph/link styles *******/

/******* begin list styles *******/

/******* end list styles *******/



/******* begin tabel styles *******/

/******* end tabel styles *******/
#bottom-row { font-size: 0.8em; position:relative; clear:both; margin:0 auto; width:940px; margin-top:10px; padding:5px; background-color:#c3db0a;  text-align:left; }
#bottom-row #bottom-nav { float:left; margin-left:5px; margin-top:5px; clear:both;}

/******* begin default styles *******/
.redtext {
	color: #c31200 
}
.divider{
    clear:both;
    height:0px;
    overflow:hidden;
}

.naarlinks { width: auto; float: left }
.naarrechts { width: auto; float: left; padding-left: 50px; }

#zoekresultaat_legenda .pdf_icon, #zoekresultaat_legenda .word_icon, #zoekresultaat_legenda .html_icon {
	float: left;
	display: block;
}

.pdf_icon  { margin: 0 5px 0 8px; padding-left: 16px; height: 16px; background: url(../afbeeldingen/icons/pdf.gif) no-repeat }
.word_icon { margin: 0 5px 0 8px; padding-left: 16px; height: 16px; background: url(../afbeeldingen/icons/doc.gif) no-repeat }
.html_icon { margin: 0 5px 0 8px; padding-left: 16px; height: 16px; background: url(../afbeeldingen/icons/html.gif) no-repeat }



/******* end default styles *******/


/******* begin formulier styles ******/
#left-column form			{ xwidth: 560px;  font-size: 0.8em }
#left-column form table	{ width: 100%;}
#left-column form table td 	{ width: 1%; background-color: #ffffff; xborder-bottom: 1px solid #c3db0a; vertical-align: top; padding: 2px 10px 0px 0px; xheight: 40px; }
#left-column form table th 	{ background-color: #ffffff; border-bottom: 1px solid #ffffff; text-align: right; width: 180px; padding: 1px 3px 4px 0px; border-right: 10px solid #ffffff; font-weight: bold; font-size: 1.1em; vertical-align: top; line-height: 1em; }

#left-column form.smalltable		  { width: 100%; }
#left-column form.smalltable table td { height: auto; }
#left-column form.smalltable table td.buttons { padding: 20px 0px 4px 5px; border-bottom: none; }
#left-column form table td.buttons { height: 20px; border-bottom: none; padding: 5px }
#left-column form table td.nopadding { padding: 0px; }

#left-column form input, #left-column form textarea { width: 100px; border: 1px solid #c31200; color: #c31200; font-size: 1.1em; xpadding: 2px; background-color: #eaf2a9;  }
#left-column form input[type=radio] { width: 20px; vertical-align: middle; margin: 3px; background-color: #eaf2a9;}
#left-column form input[type=checkbox] {width: auto; vertical-align: middle; margin: 3px; background-color: #eaf2a9;}
#left-column form input[type=submit] { width: 40px; border: 1px solid black; background-color: #c31200; color: #ffffff; font-weight: bold; padding: 1px 4px 1px 4px; font-size: 1.1em; }
#left-column form input[type=reset] { width: 40px; border: 1px solid black; background-color: #c3db0a; color: #c31200; font-weight: bold; padding: 1px 4px 1px 4px; font-size: 1.1em }
#left-column form textarea { height: 115px; background-color: #eaf2a9;}
#left-column #pf input {width: 120px; margin-right: 5px;}

#left-column form select { width: auto; border: 1px solid #c31200; color: #FF0000; font-size: 1.1em; width: 50%; height: 17px; background-color: #eaf2a9;}
#left-column form .input_near_button { float: left; width: 297px; margin-right: 2px }
#left-column form .verplicht { background-color: #ffffff; font-size: 0.85em; border: none; font-style: italic;  color: #c31200; width: 80px }
/******* end formulier styles *******/

/* Readspeaker op de Homepage */
#middle-row-home #right-column-home-een #read{
	margin: 0px 0px 0px 0px;
}

#middle-row-home #right-column-home-een #read img{
	margin: 0px 0px 0px 0px;
}

#middle-row-home #right-column-home-een #read a{
	color: Black;
	font-size: 0.8em;
	margin-left: 5px;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
}

#middle-row-hometwee #right-column-home-twee #persberichten #read{
	margin: 0px 0px 10px 0px;
}

#middle-row-hometwee #right-column-home-twee #persberichten #read img{
	margin: 0px 0px 10px 0px;
}

#middle-row-hometwee #right-column-home-twee #persberichten #read a{
	color: White;
	font-size: 0.8em;
	margin-left: 5px;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
}

#middle-row-hometwee #right-column-home-twee #nieuwopdesite #read{
	margin: 0px 0px 10px 0px;
}

#middle-row-hometwee #right-column-home-twee #nieuwopdesite #read img{
	margin: 0px 0px 10px 0px;
}

#middle-row-hometwee #right-column-home-twee #nieuwopdesite #read a{
	color: Black;
	font-size: 0.8em;
	margin-left: 5px;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
}


/* Readspeaker op de vervolgpagina's */

#middle-row #left-column #read{
	margin: 2px 0px 0px -10px;
}

#middle-row #left-column #read img{
	margin: 3px 0px 0px 10px;
}

#middle-row #right-column #read{
	margin: -5px 0px 10px 0px;
}

#middle-row #right-column #read a{
	color: Black;
	font-size: 1em;
	margin-left: 5px;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
}
#middle-row #left-column #read a{
	color: Black;
	font-size: 0.8em;
	margin-left: 5px;
	vertical-align: top;
}
#read a:hover{
	text-decoration: underline;
}

#email {
font-weight: bold;
}