/* ++++++++++++++++++++ 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 */ } form, table, fieldset { border:0; } 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; height:60px;} #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(/internet/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 { width:160px; background-color:#f0f7b7; border:1px solid #c31200; text-align:left; } #top-row #top-row1 #search-nav form.search input.submit { 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; } /************************************************************************* Toevoegingen na restyling. *************************************************************************/ #header-row { margin:0 auto; width:940px; padding-top:20px; text-align:left; height:60px;} #header-row #meta-logo { float:left; width:252px; height:58px; background:transparent url(/internet/afbeeldingen/logos/hardenberg_logo_252x59.gif) 0 0 no-repeat;} #header-row #extra-logo { float:left; width:252px; height:58px; background:transparent;} #header-row #meta-nav { float:right; width:436px; height:14px; } #header-row #meta-nav ul { width:100%; list-style:none; } #header-row #meta-nav ul li { float:right; color:#c31200; } #header-row #meta-nav ul li a { font-size:0.75em; color:#c31200;} #header-row #meta-nav ul li a.home { } #header-row #meta-nav ul li a.contact { } #header-row #meta-nav ul li a.sitemap { } #header-row #meta-nav ul li a.vragen { } #header-row #meta-nav ul li a.scaleklein { } #header-row #meta-nav ul li a.scalegroot { font-size:1em;} #header-row #meta-nav ul li sup{font-size:0.63em; color:#c31200;} #header-row #meta-nav ul li a.engels { position:relative; top:2px; } #header-row #meta-nav ul li a.duits { position:relative; top:2px; } #header-row #meta-nav ul li a:hover {text-decoration:underline; } #header-row #meta-info { float:left; width:750px; margin-top:15px; margin-left:5px; padding-bottom:12px; font-size:0.90em; color:#c31200; text-align:left;} #header-row #meta-info a { color:#c31200;} #header-row #meta-info a:hover {text-decoration:underline; } #header-row #search-nav { position:relative; float:right; width:210px;height:20px; } #header-row #search-nav form.search fieldset { } #header-row #search-nav form.search input { width:160 px; background-color:#f0f7b7; border:1px solid #c31200; text-align:left; } #header-row #search-nav form.search input.submit { width:43px; background-color:#c3db0a; border:0px; font-weight:bold; text-align:center;} #center-row { width:940px;} #Menu-column { float:left; width:200px; font-size: 0.9em; text-align:left;} #Menu-column p { margin-bottom:0.9em; } #MenuTop a { font-weight: bold; display: block;width:180px; background: #C31200; color: white; margin-bottom: 2px; padding-left: 10px; line-height: 20px;} #MenuTop Div.Afstand { height:20px; width:180px;} #MenuMiddle Div.Afstand { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; height:20px; width:190px;} #MenuMiddle a.MenuNiveau1 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: bold; display: block; width:180px; text-decoration: none; overflow: hidden;} #MenuMiddle a.MenuNiveau2 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:170px; text-decoration: none; overflow: hidden;} #MenuMiddle a.MenuNiveau3 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:160px; text-decoration: none; overflow: hidden;} #MenuMiddle a.MenuNiveau4 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 40px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:150px; text-decoration: none; overflow: hidden;} #MenuMiddle a.MenuNiveau5 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 50px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:140px; text-decoration: none; overflow: hidden;} #MenuMiddle a.MenuNiveau6 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 60px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:130px; text-decoration: none; overflow: hidden;} #MenuMiddle a.MenuNiveau1:hover { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: bold; display: block; width:180px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveau2:hover { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:170px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveau3:hover { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:160px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveau4:hover { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 40px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:150px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveau5:hover { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 50px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:140px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveau6:hover { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 60px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:130px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveauA1 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: bold; display: block; width:180px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveauA2 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:170px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveauA3 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:160px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveauA4 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 40px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:150px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveauA5 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 50px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:140px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #MenuMiddle a.MenuNiveauA6 { border-top-color: #C3DB0A; border-top-style: solid; border-top-width: 1px; padding-left: 60px; padding-top: 5px; padding-bottom: 5px; color: black; font-weight: normal; display: block; width:130px; text-decoration: none; background-color: #E1ED84; overflow: hidden;} #iMenuMiddle #MenuMiddleSub a { padding-left: 20px; font-weight: normal; width:170px;} #iMenuMiddle #MenuMiddleSub a:hover { background-color: #EEF5BC;} #iMenuMiddle #MenuMiddleSub a.Actief { background-color: #EEF5BC;} #MenuBottom a { border-top-color: #C31200; border-top-style: solid; border-top-width: 1px; padding-left: 10px; color: #C31200; font-weight: bold; display: block; width:180px; line-height: 20px; text-decoration: none;} #MenuBottom a:hover { background-color: #F6C0C0;} #MenuBottom a.Actief { background-color: #F6C0C0;} #MenuBottom Div.Afstand { border-top-color: #C31200; border-top-style: solid; border-top-width: 1px; height:17px; width:190px;} #Address { color: #C31200; padding-left: 10px;} #Illustration-top { text-align: left; height:202px; width:100%;} #Illustration-top #block-masker-een { overflow:hidden; position:absolute; left:450px; top: 90px; width:10px; height:202px; margin-top:0px; background-color:white; } #Illustration-top #block-masker-twee { overflow:hidden; position:absolute; left:700px; top: 90px; width:10px; height:202px; margin-top:0px;background-color:white; } #Streep { width:100%; background-image: url(/internet/afbeeldingen/rood.JPG); background-repeat: repeat-x; margin-top: 3px; margin-bottom: 3px;} #middlerow { margin:0 auto; width:940px; padding-top:0px; margin-top:10px; text-align:left;} #middlerow #Content-column #kruimel{margin-bottom:10px;} #middlerow #Content-column #kruimel a{font-size: 80%;} #Content-column { float: right; width:740px; text-align: left;} #Content-Container { width: 740px;} #Content-Container p {margin-bottom:1.45em;} #Content-Container img { margin-left: 6px; margin-right: 6px;} #Content-Container #HomePage-Content { width: 538px; float: left;} #Content-Container #HomePage-Content div.NieuwsItem { margin-bottom: 10px; width: 530px;} #Content-Container #HomePage-Content div.NieuwsItem div.Kop { width: 530px; font-weight: bold; background-color: #C3DB0A; padding-top: 4px; padding-bottom: 4px; margin-bottom: 4px;} #Content-Container #HomePage-Content div.NieuwsItem div.Nieuwscontainer {float: left; background-color: #FFFFFF;} #Content-Container #HomePage-Content div.NieuwsItem div.Nieuwscontainer div.NieuwsFoto { float: left; width: 140px; background-color: #FFFFFF;} #Content-Container #HomePage-Content div.NieuwsItem div.Nieuwscontainer div.NieuwsTekst { float: left; text-align: left; background-color: #FFFFFF;} #Content-Container #HomePage-Content div.NieuwsItem div.Nieuwscontainer div.NieuwsTekst img { margin-right: 5px;} #Content-Container #HomePage-Content div.NieuwsItem div.Verder {float: right} #Content-Container #HomePage-right-menu { width: 201px; float: right; overflow: hidden; background-color: #FFFFFF} #Content-Container #HomePage-right-menu div.DirectKop { text-align: left; padding-left: 5px; font-size: 13pt; font-weight: bold;} #Content-Container #HomePage-right-menu div.DirectLink { text-align: left; padding-left: 5px; color: #FFFFFF; font-size: 0.8em; font-weight: bold; width: 100%; margin-bottom: 10px;} #Content-Container #HomePage-right-menu div.DirectLink ul { list-style-type: disc; list-style-position: outside; text-align: left; padding-left: 5px; color: #FFFFFF; font-weight: bold; width: 100%; margin-bottom: 10px;} #Content-Container #HomePage-right-menu #Poll { text-align: left; padding-left: 5px; font-size: 0.8em;} #Content-Container #WebPage-content { margin:0 auto; width:740px; padding-top:0px; margin-top:10px; text-align:left; background-image:url(../afbeeldingen/bg/rechterkolom.gif); background-repeat:repeat-y; background-position: right;} #Content-Container #WebPage-content #crums-row { float:left; width:740px; margin-top:0px; margin-bottom:5px; padding-bottom:5px; background-color:#C3DB0A;} #Content-Container #WebPage-content #crums-row #kruimel { float:left; width:500px;} #Content-Container #WebPage-content #crums-row #kruimel ul { float:left; width:100%; list-style:none;} #Content-Container #WebPage-content #crums-row #kruimel ul li { float:left; margin-left:3px;} #Content-Container #WebPage-content #crums-row #kruimel a { font-size:0.8em; color:#000000; margin-left:6px;} #Content-Container #WebPage-content #crums-row #kruimel a:hover { text-decoration:underline; } #Content-Container #WebPage-content #crums-row #print {padding-top: 4px; float:right; width:230px; text-align: right; background-image:url('../afbeeldingen/bullets/bullet_white_14x13.gif'); background-repeat:no-repeat;} #Content-Container #WebPage-content #crums-row #print a {float:left; font-size:0.8em; color:#000000; margin-left:30px;} #Content-Container #WebPage-content #crums-row #print a:hover{ text-decoration:underline; } #Content-Container #WebPage-content #title-row #title{ float:left; width:740px; padding-bottom:7px; padding-top:0px; margin-top:0px; background-color:#c3db0a;} #Content-Container #WebPage-content #title-row #title h1 { float:left; font-size:1.7em; color:#000000; margin:3px 3px 0px 5px; text-align:left; } #Content-Container #WebPage-content #TussenBlock { height: 200px; width: 32%; float: left; position: relative; margin-right: 7px; margin-bottom: 5px; overflow: hidden; text-align: left;} #Content-Container #WebPage-content #TussenBlock hr { color: #C3DB0A;} #Content-Container #WebPage-content #TussenBlock h1 { margin-bottom: 2px; min-height: 40px;} #Content-Container #WebPage-content #TussenBlock h1 { list-style-position: outside; list-style-type: none;} #Content-Container #middle-row a { color:#c31200; font-weight:normal; } #Content-Container #middle-row h1 { clear:both; } #Content-Container #middle-row p { margin-bottom:10px; } #Content-Container #middle-row ul { line-height: 1.5em; list-style: disc outside url(./afbeeldingen/bullets/bullet_red_6x5.gif); padding-left:15px; } /* #Content-Container #middle-row li { line-height: 1.5em; list-style: disc outside url(./afbeeldingen/bullets/bullet_red_6x5.gif); padding-left:15px; } */ #Content-Container #middle-row hr { color: #C3DB0A;} #Content-Container #middle-row img { margin-left: 6px; margin-right: 6px;} #footer-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; } #footer-row #bottom-nav { float:left; margin-left:5px; margin-top:5px; clear:both;} a.ISI_REMOVE {font-size: 80%; color: #000000; margin-left: 4px;} /* ReadSpeaker Expandable implementatie */ #readspeaker_button { display:block; margin-bottom:10px; overflow:hidden; } a.leesVoor { position:relative; float:left; display:inline; background:url('/internet/afbeeldingen/buttons/readspeaker.gif') top left no-repeat; padding-left:20px; } div#rs_player { width:250px; padding:5px; border:1px solid #c31200; margin-top:10px; } h1 { clear:both; } /* SWD5Search weergave zonder tabellen */ div.SearchBox{ width:100%; height:20px; margin-bottom:20px; } div.SearchBox input.txtbox{ width:190px; } div.SearchResultPaging{ width:100%; height:20px; border-top:1px solid #eee; border-bottom:1px solid #eee; } div.SearchResultPaging p{ font-weight:bold; line-height:20px; } div.SearchResultPaging a{ text-decoration:underline; } div.SearchResultPaging a:hover{ text-decoration:none; } div.SearchResults{ margin-top:10px; margin-bottom:100px; } div.singleResult{ margin-bottom:10px; clear:both; } div.SearchResultsHeader{ color:#c31200; font-style:oblique; height:30px; } div.SearchAgain{ margin-top:10px; } div.SearchAgain a{ font-weight:bold!important; } div.SearchResults div.col1 h2{ padding-left:20px; background:#fff url('') no-repeat top left; } div.SearchResults div.col1 h2.html{ background-image:url('http://www.hardenberg.nl/images/wob1/search/html.gif'); } div.SearchResults div.col1 h2.txt{ background-image:url('http://www.hardenberg.nl/Res/ico/txt.gif'); } div.SearchResults div.col1 h2.doc{ background-image:url('http://www.hardenberg.nl/internet/afbeeldingen/icons/doc.gif'); } div.SearchResults div.col1 h2.pdf{ background-image:url('http://www.hardenberg.nl/internet/afbeeldingen/icons/pdf.gif'); } div.SearchResults div.col1 h2 a{ font-weight:bold!important; } div.SearchResults div.col1{ float:left; width:60%; } div.SearchResults div.col2{ float:left; text-align:right; width:20%; } div.SearchResults div.col2 p{ margin-top:17px; } div.SearchResults div.col3{ float:left; text-align:right; width:20%; } div.SearchResults div.col3 p{ margin-top:17px; } div.Search_col1{ float:left; width:250px; } div.Search_col2{ float:left; width:250px; } div.SearchNoResults{ color:#c31200; height:30px; line-height:30px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:10px; } .hide{ display:none; }