body { background-color: #45494c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #15416f; margin: 0;}

a { cursor: pointer;}

#container { background: url(../images/bg_leftcol2.png) #fff no-repeat; width: 1003px; margin: 0 auto; overflow: hidden; padding: 0; position: relative; padding: 0 0 46px 0;}
#header { width: 1003px; height: 252px; background-image: url(../images/bg_header.jpg); background-repeat: repeat-x; float: left; position: relative;}
#logo {width: 258px; height: 129px; float: left;}
#logo img { border: 0;}

#snelkeuzemenu form {position: absolute; top: 152px; left: 23px; background-color: Transparent; border: 0; margin: 0; padding: 0;}
#snelkeuzemenu form select { font-size: 11px; width: 212px; height: 20px;}

#utilities { position: relative; font-size: 11px; background-image: url(../images/utilities.jpg); width: 745px; height: 39px; float: right; text-align: right; color: #f6e934; padding: 0; margin: 0;}
#utilities ul { float: right; padding: 10px 60px 0 0; margin: 0;}
#utilities ul li{ list-style: none; float: left; border-right: 1px solid #f6e934; padding: 0 5px 0 5px;}
#utilities ul li.last { border: 0;}
#utilities ul li a { text-decoration: none; color: #15416f;}
#utilities ul li a:hover { color: #4e6da8; }

#zoek { margin: 8px 0 0 0; float: right; width:300px; position: absolute; top: 9px; right: 104px; margin: 0; padding: 0;}
#zoek form { height: 20px; width: 210px; margin: 0; padding: 0; background-color: Transparent; border: 0;}
#zoek fieldset { border: 0;}
#zoek legend { display: none; }
#zoek label { display: none; }
#zoek input.text { width: 150px; height: 12px; float:left; }
#zoek input.submit { float:left; color: #fff; font-size: 10px; border: 0; padding: 0 0 5px 0; background-image: url(../images/btn_zoek.png); height: 18px; width: 40px; margin: 0 0 0 10px;}


#doelgroep { background-image: url(../images/header_bg.jpg); width: 745px; height: 190px; float: right; border: 0;}
#doelgroep ul { margin: 46px 0 0 0; padding: 0; }
#doelgroep li { float: left; width: 246px; height: 135px; margin: 0; padding: 0; list-style: none;}
#doelgroep li a { display: block; width: 246px; height: 135px; background: transparent no-repeat top left; margin: 0 0 0 8px; font-size: 0; text-indent: -9999px; }
#doelgroep li.inwoners a { background-image: url(../images/header_inwoners.jpg); } 
#doelgroep li.bedrijven a { background-image: url(../images/header_bedrijven.jpg); } 
#doelgroep li.mijnrd4 a { background-image: url(../images/header_mijnrd4.jpg); } 

#doelgroep li a.active,
#doelgroep li a:hover { background-position: bottom left; } 

#doelgroep map area { border: 0;}
#doelgroep img { border: 0;display: block; margin: 0; }

#doelgroep .active { font-weight: bold; }

#menu { width: 745px; height: 23px; overflow: hidden; float: right; margin: 0; padding: 0; font-size: 11px;}
#menu ul { float: right; margin: 0; padding: 0;}
#menu ul li { float: left; list-style: none; display: block;}
#menu ul li a { float: left; background-image: url(../images/bg_menu.jpg); background-repeat: repeat-x; text-decoration: none; color: white; margin: 0; padding: 0;}
#menu ul li a:hover { color: #f6e934; }
#menu ul li.first .btn_end { background-image: url(../images/btn_first.jpg); height: 23px; width: 12px; float: left;}
#menu ul li.first .active .btn_end { background-image: url(../images/btn_first_active.jpg); width: 12px; height: 23px;}
#menu ul li.first .active .tekst { background: white; color: #15416f;}
#menu ul li span.tekst { float: left; padding: 4px 10px 5px 10px;}
#menu ul li span.btn_end { background-image: url(../images/einde.jpg); height: 23px; width: 17px; float: left;}
#menu ul li .active .tekst{ background: white; color: #15416f;}
#menu ul li .active .btn_end{ background-image: url(../images/sibling_active_begin.jpg);}
#menu ul li .sibling_active .btn_end{ background-image: url(../images/sibling_active.jpg); width: 17px; height: 23px;}

.omvang { overflow: hidden;}

/*--- MENU LINKS*/
#submenu ul { padding: 0; margin: 23px 23px 0 23px; list-style: none;}
#submenu a { display: block; padding: 5px 0 5px 20px; width: 192px; text-decoration: none; color: #15416f; line-height: 15px; background: url(../images/submenu_bg.png) bottom left no-repeat; }
#submenu a:hover { background: url(../images/submenu_active_bg.png) top left no-repeat; color: #fff;}
#submenu a.active { background: url(../images/submenu_active_bg.png) top left no-repeat; color: #fff;}
#submenu ul ul { margin: 0 0 0 212px; position: absolute; z-index: 10; left: -9999px; }

#submenu li:hover ul, #submenu li.sfhover ul{ margin-top: -25px; left: auto;}
#submenu li:hover ul ul, #submenu li.sfhover ul ul{ left: -9999px;}
#submenu li li:hover ul, #submenu li li.sfhover ul{ margin-top: -25px; left: auto;}

#contact { font-size: 11px; width: 194px; margin: 23px; background: url(../images/contact_informatie.jpg) no-repeat #fff; padding: 50px 0 10px 18px;}
#contact p { margin: 0; padding: 0 0 10px 0;}
#contact a { color: #15416f;}

#leftcol { width: 258px; float: left; font-size: 11px;}
#leftcol .veelgestelde_vragen { padding: 0 10px 0 35px; background: url(../images/veelgestelde_vragen.jpg) no-repeat #fff; width: 168px; height: 90px; margin: 23px; overflow: hidden; position: relative;}
#leftcol .veelgestelde_vragen ul { margin: 50px 0 30px 0; padding: 0;}
#leftcol .veelgestelde_vragen ul li { list-style-type: square; margin: 0; padding: 0; color: #ffd134;}
#leftcol .veelgestelde_vragen ul li a { color: #15416f; text-decoration: none;}
#leftcol .veelgestelde_vragen ul li a:hover { color: #4e6da8; }

/*
#leftcol .banner {width: 212px; height: 90px; background-color: #ffffff; margin: 23px; overflow: hidden; position: relative;}
#leftcol .banner img { margin: 5px 5px 0 10px; float: left;}
#leftcol .banner .auto img { margin: 12px 5px 0 4px; float: left;}
#leftcol .banner .bloem img { margin: 5px 5px 0 8px; float: left;}
#leftcol .banner h3 { font-size: 13px; position: absolute; bottom: 35px; left: 90px; float: left; margin: 0; padding: 0;}
*/

#leftcol .banner { margin: 23px 23px 0 23px; overflow: hidden; display: block; }
#leftcol .banner img { width: 212px; border: 0; }

a.btn { background-image: url(../images/btn.jpg); background-repeat: no-repeat; width: auto; margin: 0; padding: 3px 15px 3px 20px; float: right; color: #fff; text-decoration: none; position: absolute; bottom: 0; right: 0; height: 15px;}
a:hover.btn { color: #f6e934; }

#rightcol { width: 745px; float: left; padding: 0; margin: 0; background-color: #fff;}
#rightcol h1 { background-color: #fff; margin: 0; padding: 23px 23px 23px 23px; color: #15416f; font-size: 20px; font-style: italic;}
#rightcol p.inlog_tekst { margin: 0 23px 23px 23px;}
#rightcol p { margin: 0 23px 23px 23px;}
#rightcol a { color: #15416f; font-weight: bold;}
#rightcol ul.resultaten { margin: 0 23px 0 37px; padding: 0;}
#rightcol ul.resultaten li { margin: 0 0 5px 0; padding: 5px 0 0 0; list-style-type: square; border-top: 1px solid #f6e934;}
#rightcol ul.resultaten li a { font-weight: normal; text-decoration: none; font-size: 11px;}
#rightcol ul.resultaten li a:hover { text-decoration: underline;}

#rightcol .paragraaf { margin: 0 0 23px 23px; padding: 0; width: 699px; font-size: 12px; overflow: hidden;}
#rightcol .paragraaf h2 { color: #4e6da8; font-size: 16px; margin: 0 0 10px 0; padding: 0;}
#rightcol .paragraaf h3 { color: #4e6da8; font-size: 12px; margin: 0; padding: 0;}
#rightcol .paragraaf p { margin: 0 0 10px 0; padding: 0;}
#rightcol .paragraaf img { float: right; margin: 0 0 0 10px; border: 1px solid #15416f;}
#rightcol .paragraaf img a { border: 0;}
#rightcol .paragraaf ul { margin: 0 0 10px 10px; padding: 0 0 0 23px;}
#rightcol .paragraaf ul li { list-style-type: square; margin: 0 0 3px 0;}
#rightcol .paragraaf ul li a { font-weight: normal;}
#rightcol .paragraaf ul li a:hover { color: #4e6da8;}
#rightcol .paragraaf ol { margin: 0 0 10px 10px; padding: 0 0 0 28px;}
#rightcol .paragraaf ol li { margin: 0 0 3px 0;}
#rightcol .paragraaf ol li a { font-weight: normal;}
#rightcol .paragraaf ol li a:hover { color: #4e6da8;}

#rightcol .paragraaf_special { margin: 0 0 23px 23px; padding: 0; width: 699px; font-size: 12px; overflow: hidden;}
#rightcol .paragraaf_special h2 { color: #4e6da8; font-size: 16px; margin: 0 0 10px 0; padding: 0;}
#rightcol .paragraaf_special ul { margin: 0 0 10px 10px; padding: 0 0 0 23px;}
#rightcol .paragraaf_special ul li { list-style-type: square; margin: 0 0 3px 0;}
#rightcol .paragraaf_special ul li a { font-weight: normal;}
#rightcol .paragraaf_special ul li a:hover { color: #4e6da8;}
#rightcol .paragraaf_special ol { margin: 0 0 10px 10px; padding: 0 0 0 28px;}
#rightcol .paragraaf_special ol li { margin: 0 0 3px 0;}
#rightcol .paragraaf_special ol li a { font-weight: normal;}
#rightcol .paragraaf_special ol li a:hover { color: #4e6da8;}
#rightcol .paragraaf_special p { overflow: auto; margin: 0 0 10px 0; padding: 0;}
#rightcol .paragraaf_special img { float: right;  margin: 0 0 15px 10px; border: 1px solid #15416f;}
#rightcol .paragraaf_special img a { border: 0;}

#rightcol .keuzes form{ background-color: #fefcd2; border-top: 1px solid #f6e934; border-bottom: 1px solid #f6e934; margin: 10px 0 10px 0; padding: 18px 0 18px 0;}
#rightcol .keuzes form select { margin: 0 0 0 23px; width: 220px;}
#rightcol .faq ul { margin: 20px 0 20px 0; padding: 0;}
#rightcol .faq ul li { list-style-type: square; padding: 0 0 10px 23px; list-style-position: inside;}
#rightcol .faq a { text-decoration: none; font-weight: bold;}
#rightcol .faq a:hover { text-decoration: none; font-weight: bold; color: #4e6da8;}
#rightcol h6 { font-size: 12px; margin: 0 0 10px 0; padding: 0;}

#rightcol .antwoorden { background-color: #e7e7e7; border-top: 1px solid #909ec9; border-bottom: 1px solid #909ec9; padding: 13px 23px 0 23px ; margin: 0 0 50px 0;}
#rightcol .antwoorden .wrapper { overflow: hidden; margin: 20px 0 0 0; padding: 10px 0 0 0;} 
#rightcol .antwoorden h3 { font-size: 16px; margin: 0; padding: 0; color: #8e9fca;}
#rightcol .antwoorden p { margin: 0; padding: 0; width: 650px; float: left;}
#rightcol .antwoorden p strong { margin: 0 0 10px 0; padding: 0; width: 650px; float: left;}
#rightcol .antwoorden img { float: left; margin: 0 23px 0 0; padding: 0;}
#rightcol .antwoorden ul { margin: 0 0 10px 23px; padding: 0;}
#rightcol .antwoorden ul li { list-style-type: square; padding: 0 0 5px 0; list-style-position: inside;}
#rightcol .antwoorden ul li a { font-weight: normal;}
#rightcol .antwoorden ul li a:hover { text-decoration: underline; color: #4e6da8; font-weight: normal;}
#rightcol .antwoorden a { text-decoration: none; font-weight: bold; color: #15416f;}
#rightcol .antwoorden a:hover { text-decoration: none; font-weight: bold; color: #4e6da8;}

a.top_btn { background-image: url(../images/top_btn.jpg); background-repeat: no-repeat; width: 23px; height: 17px; text-indent: -9999px; display: block; float: left; margin: 0 20px 0 0;}

#rightcol a.nieuwsarchief_btn { background-image: url(../images/btn_big.jpg); background-repeat: no-repeat; width: auto; margin: 50px 0 0 0; padding: 3px 15px 3px 20px; float: right; color: #fff; text-decoration: none; height: 15px;}
#rightcol a:hover.nieuwsarchief_btn { color: #f6e934; }


#nieuws_flash { overflow: hidden; padding: 23px 23px 0 23px; margin: 0; background-color: #e7e7e7;}
#nieuws_flash img { border: 0; }
#nieuws_flash .items { width: 358px; float: left;}
#nieuws_flash .teaser_item { position: relative; height: 238px; width: 356px; overflow: hidden; margin-bottom: 20px; border: 1px solid #909ec9;}
#nieuws_flash .active_teaser_item { display: block;}
#nieuws_flash .bijschrift { overflow: hidden; position: absolute; bottom: 0px; left: 0; width: 346px; height: 40px; padding: 5px; background-color: #fff; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
#nieuws_flash .bijschrift a { color: #15416f; font-weight: bold;}
#nieuws_flash img.flash_image { width: 356px; height: 238px;}
#nieuws_flash ul { float: left; width: 341px; margin: 0; padding: 0; list-style: none; }
#nieuws_flash ul a { display: block; overflow: hidden; height: 15px; padding: 10px 20px 0 40px; color: #15416f; text-decoration: none; font-weight: bold; }
#nieuws_flash li { background-image: url(../images/nieuws.jpg); width: 341px; height: 35px; float: left; margin: 0 0 6px 0;}
#nieuws_flash li.last { margin-bottom: 0;}
#nieuws_flash li.active { background-image: url(../images/nieuws_active.jpg); width: 341px; height: 35px; float: left; margin: 0 0 6px 0;}
#nieuws_flash li.active a { color: #ffffff;}

form { font-size: 11px; background-color: #fefcd2; border-top: 1px solid #f6e934; border-bottom: 1px solid #f6e934; padding: 23px;}
form input{ font-size: 11px; width: 180px;}
form input.radio{ font-size: 11px; width: 50px;}
form input.submit { width: auto; float: left;}
form input.checkbox { width: auto; float: left; padding: 0; margin: 20px 10px 0 0;}

form legend{ display: none;}
form fieldset { border: 0; padding: 0; margin: 0;}
form label { float: left; width: 130px;}
form label.geslacht { margin: 0 0 0 130px; width: 90px;}
form label.voorwaarden {width: 250px; font-style: italic; padding: 0 0 0 0; margin: 20px 0 0 0;}

form textarea { font-family: verdana; width: 300px; font-size: 11px;}

input.radiocheck {width:auto; padding:0; margin-right:10px; float:left;}
form label.radiocheck {float:left; display:inline; margin-top:2px; width:auto; }



form label.verplicht { margin: 10px 90px 10px 0;}
form div { margin-bottom: 3px; clear: both; float: left; width:500px;}
form div.submit input { background-image: url(../images/btn_inloggen.jpg); color: #fff; text-decoration: none; padding: 0; border: 0; height: 23px; width: 95px; margin: 10px 0 0 0; cursor: pointer;}
form div.wachtwoord_vergeten { margin: 10px 0 0 0;}
form div.wachtwoord_vergeten a { color: #4e6da8; font-weight: bold;}

#rightcol .nieuws_item {  border-bottom: 1px dotted #909ec9; margin: 0px 23px 20px 23px; padding: 0 10px 10px 0;}
#rightcol .nieuws_item p { margin: 0; padding: 0; width: 500px; float: left;}
#rightcol .nieuws_item p.foto { float: left; margin: 0; padding: 0;  overflow: hidden; width: 150px; height: 112px; text-align: center;}
#rightcol .nieuws_item p.foto img { max-width: 150px;}
#rightcol .nieuws_item p.datum { font-style: italic; margin: 0 0 10px 0; padding: 0;  color: #909ec9;}
#rightcol .nieuws_item p.titel { font-weight: bold; font-size: 14px; margin: 0 0 8px 0; padding: 0; color: #4f6da9;}
#rightcol .nieuws_item p.tekst { margin: 0 0 15px 0; padding: 0;}
#rightcol .nieuws_item a { clear: left; font-weight: normal; color: #15416f; display: block; background-image: url(../images/btn_lees.jpg); background-repeat: no-repeat; width: auto; padding: 3px 22px 3px 22px; color: #fff; text-decoration: none; height: 15px; font-size: 11px;}
#rightcol .nieuws_item a:hover { color: #f6e934; }

#rightcol .nieuws_detail { position: relative; margin: 0 23px 0 23px; padding: 0 0 30px 0; overflow: hidden;}
#rightcol .nieuws_detail p { margin: 0 10px 10px 0; padding: 0;}
#rightcol .nieuws_detail p.foto { margin: 0 15px 10px 0; padding: 0;}
#rightcol .nieuws_detail p.foto img { clear: both; float: left; margin: 0 15px 10px 0;}
#rightcol .nieuws_detail p.foto a img { border: 0; margin: 0 15px 10px 0;}
#rightcol .nieuws_detail p.datum { font-style: italic; margin: 0 0 10px 0; padding: 0;  color: #909ec9; border-bottom: 1px dotted #4f6da9; padding: 0 0 10px 0;}
#rightcol .nieuws_detail p.tekst { margin: 5px;}
#rightcol .nieuws_detail a.knop { font-weight: normal; position: absolute; bottom: 10px; right: 10px; color: #15416f; display: block; background-image: url(../images/btn_overzicht.jpg); background-repeat: no-repeat; width: auto; padding: 3px 15px 3px 20px; color: #fff; text-decoration: none; height: 15px; font-size: 11px;}
#rightcol .nieuws_detail a.knop:hover { color: #f6e934;}
#rightcol .nieuws_detail ul {}
#rightcol .nieuws_detail ul li { margin: 0 0 0 25px; padding: 0;}
#rightcol .nieuws_detail ul li a { text-decoration: none;}
#rightcol .nieuws_detail ul li a:hover { text-decoration: underline;}
#rightcol .nieuws_detail ol {}
#rightcol .nieuws_detail ol li {margin: 0 0 0 25px; padding: 0;}
#rightcol .nieuws_detail ol li a { text-decoration: none;}
#rightcol .nieuws_detail ol li a:hover { text-decoration: underline;}

#footer { color: #ffffff; width: 745px; background-image: url(../images/bg_footer.jpg); background-repeat: repeat-x; height: 21px; text-align: center; padding: 5px 0 0 0; position: absolute; bottom: 0; right: 0;}
#footer a { color: #ffffff; text-decoration: none;}
#footer a:hover { color: #f6e934;}

#footer_kringloop { color: #ffffff; width: 745px; background-image: url(../images/bg_footer_kringloop.jpg); height: 36px; text-align: center; padding: 100px 0 0 0; position: absolute; bottom: 0; right: 0; overflow: hidden;}
#footer_kringloop a { color: #ffffff; text-decoration: none;}
#footer_kringloop a:hover { color: #f6e934;}

#poll { width: 182px; overflow: hidden; clear: both; background: #F8ED59 url(../images/poll.png) no-repeat 0 0; margin: 0; padding: 38px 38px 0 38px; }
#poll h2 { margin: 0; padding: 0 0 15px 0; font-size: 11px; width: 160px; }
#poll form legend { display: none; }
#poll form fieldset { margin: 0; padding: 0; border: 0; width: 162px; }
#poll form { background-color: transparent; margin: 0; padding: 0;  border: 0; width: 182px; }
#poll form .item { margin-bottom: 7px; width: 182px; }
#poll form input { float: left; width: auto; margin-left: 0; }
#poll form label { float: left; color: #000; }
#poll form input.submit { background-image: url(../images/btn.jpg); background-repeat: no-repeat; width: auto; margin: 0; padding: 3px 15px 3px 20px; float: right; color: #fff; text-decoration: none; height: 21px; border: 0; margin-right: -15px;}
#poll form input.submit:hover.btn { color: #f6e934; }
#poll .result { font-size: 10px; line-height: 14px; }
#poll .result .bar { width: 160px; height: 10px; background-color: #f6f6f6; border: 1px solid #ddd;  margin: 2px 5px 0 -3px; }
#poll .result .bar div { background: #4e6ca8 url(../images/poll_bar.png) repeat-x 0 0; height: 10px;}