html {
min-height: 101%;
}
body {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    color: #343434;
    text-align: center;
    background-color: white;
}
body, a {
    /* http://www.alistapart.com/articles/sizematters/ */
    font: xx-small/1.5em Arial, sans-serif;
    voice-family: "\"}\""; 
    voice-family: inherit;
    font-size: x-small;
} html>body, html>body a {
    font-size: x-small;
}

a,
a:link,
a:visited,
a:link:hover {
    text-decoration: underline;
    font: x-small/1.5em Arial, sans-serif;
    color: #343434;
}

img             {margin: 0; border: 0;}
form            {margin: 0;}
input           {margin: 0;}

.icon           {cursor: pointer;}
.nowrap         {white-space: nowrap;}
.error          {color: red;}

p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

/* Clear Floats Without Structural Markup
http://www.positioniseverything.net/easyclearing.html
----------------------------------------------------------*/
/* put period after content and clear it to expand div */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac *//* lay out/* lay out
---------------------------------------------- */
#center {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    text-align: left;
    width: 770px;
/*    border: 1px dashed black; /* */
}

#logo {
    margin: 0px 0px 0px 0px;
    width: 770px;
    height: 80px;
}
#logo a.logo img {
    vertical-align: bottom;
}
#logo a.logo {
    position: relative;
    left: -11px;
    display: block;
    width: 181px;
    background-color: green;
}
#logo a.logo_right img {
    position: relative;
    top: 43px;
    float: right;
}

#main_menu {
    clear: both;
    padding: 6px 20px 1px 20px;
    height: 1.5em;
    background-color: #A7C600;
}

.content {
    border-left: 1px solid #A7C600;
    border-right: 1px solid #A7C600;
}

#right_column {
    float: right;
    width: 578px;
}
#left_column {
    float: left;
    width: 178px;
}

#footer {
    clear: both;
    padding: 100px 20px 5px 20px;
    height: 1.5em;
/*    background-color: #F2FFAB; /* very light green */
}
#footer .footer_right {
    float: right;
}
#footer .footer_left {
    float: left;
    background-color: transparent;
}
/* General rules, for all indexes
--------------------------------------------------------------------------------------------*/
.header_block {
    padding: 0;
    margin: 0;
    line-height: 0px;
}
.header_block h1 {
    padding: 15px 0px 0px 12px;
    font: bold 22px/24px Arial, sans-serif;
    color: white;
}
.header_block h1 .subtitle {
    display: block;
    padding-top: 3px;
    font: normal 22px/24px Arial, sans-serif;
    color: #A7C600;
}
.header_block p {
    padding: 4px 20px 15px 14px;
}
.header_block p,
.header_block p a,
.header_block p a:hover,
.header_block p a:visited {
    font: bold 12px/18px Arial, sans-serif;
    color: white;
}

/* Footers
--------------------------------------------------------------------------------------------*/
#index_default .content        {background: white url('../img/background/footer_vleuterweide.gif') no-repeat bottom;}
#index_woningaanbod .content   {background: white url('../img/background/footer.gif') no-repeat bottom;}
#index_home .content           {background: white url('../img/background/footer_vleuterweide.gif') no-repeat bottom;}
#index_error .content          {background: white url('../img/background/footer.gif') no-repeat bottom;}


/* Error page
--------------------------------------------------------------------------------------------*/
#index_error .visual  {
    margin: 0px 0px 0px 0px;
    width: 770px;
    height: 288px;
    border-top: 1px solid white;
    background-color: #A7C600;
}
#index_error .visual.h99 {background: white url('../img/visuals/home99.jpg') no-repeat bottom;}
#index_error h2 {
    margin: 50px 0px 10px 0px;
    font: normal 15px/18px Arial, sans-serif;
    color: #004BC3;
}


/* Index home
--------------------------------------------------------------------------------------------*/

/* Visual */

#index_home .visual {
    margin: 0px 0px 0px 0px;
    width: 770px;
    height: 288px;
    border-top: 1px solid white;
    background-color: #A7C600;
}

#index_home .visual h1 {
    padding: 190px 150px 0px 18px; /* h1 bottom 217 from top */
    font: bold 22px/27px Arial, sans-serif;
    color: white;
}
#index_home .visual h1 .subtitle {
    font: bold 22px/27px Arial, sans-serif;
    color: #004BC3;
}
#index_home .visual p {
    padding: 4px 150px 0px 21px; /* p top 217 from top */
    font: bold 12px/18px Arial, sans-serif;
    color: white;
}
#index_home .visual p a {
    font: bold 12px/18px Arial, sans-serif;
    color: #004BC3;
}



/* Content items */
#index_home .content_item {
    padding: 20px 15px 0px 10px;
}
/* Content items */
#index_home .content_flash {
    background-color: #6c3;
    padding: 20px 15px 0px 10px;
}
#index_home .content_item h2 {
    margin: 0px 0px 10px 0px;
    font: normal 15px/18px Arial, sans-serif;
    color: #004BC3;
}
#index_home .content_item img {
    float: left;
    margin: 0px 15px 10px 0px;
    border: 1px solid #004BC3;
}
#index_home .content_item p {
    font: normal 12px/18px Arial, sans-serif;
    color: #343434;
}
#index_home .content_item a,
#index_home .content_item a:link,
#index_home .content_item a:visited {
    display: block;
    text-decoration: none;
    font: bold 12px/18px Arial, sans-serif;
    color: #A7C600;
}
#index_home .content_item a:link:hover, #index_home .content_item a:hover {
    text-decoration: underline;
}

/* Index default
--------------------------------------------------------------------------------------------*/

/* Header block, also see general rules on top */

#index_default .header_block {
    position: relative;
    left: 1px;
    border-top: 1px solid white;
    background-color: #0079E2;
}
#index_default .header_block img {
    float: right;
}
#index_default .header_block #vleuterweide_flash {
    float: right;
    background-image: url('../img/background/vleuterweide_flash.png');
}


/* Overview columns */

#index_default #overview .content_item {
    float: left; /* */
    width: 175px; /* 578px/3 ~ 190px */
    padding: 15px 8px 0px 9px;
/*    background-color: green; /* */
}
#index_default #overview .content_item.newline {
    clear: left;
}
#index_default #overview .content_item img {
    margin: 0px 0px 7px 0px;
    border: 1px solid #004BC3;
}
#index_default #overview .content_item h2,
#index_default #overview .content_item .header {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
    font: bold 14px/18px Arial, sans-serif;
    color: #A7C600;
}
#index_default #overview .content_item .paragraph {
    padding: 0px 0px 0px 0px;
    font: normal 11px/15px Arial, sans-serif;
    color: #343434;
}
#index_default #overview .content_item .datum {
    display: block;
    padding: 0px 0px 0px 0px;
    font: normal 11px/15px Arial, sans-serif;
    color: #343434;
}


#index_default #overview .content_item a,
#index_default #overview .content_item a:link,
#index_default #overview .content_item a:visited,
#index_default #overview .content_item a:link:hover {
    text-decoration: none;
    font: bold 14px/15px Arial, sans-serif;
    color: #A7C600;
}

/* Content items */

#index_default .content_item {
    width: 445px;
}
#index_default .content_item h1 {
    margin: 20px 0px 5px 0px;
    padding: 0px 0px 0px 10px;
    font: normal 22px/22px Arial, sans-serif;
    color: #A7C600;
}
#index_default .content_item h2,
#index_default .content_item h3 {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    color: #004BC3;
}
#index_default .content_item h2 {
    font: normal 15px/18px Arial, sans-serif;
}
#index_default .content_item h3 {
    font: normal 13px/18px Arial, sans-serif;
}
#index_default .content_item img {
    float: left;
    margin: 10px 13px 5px 10px;
    border: 1px solid #004BC3;
}
#index_default .content_item p {
    padding: 7px 0px 0px 10px;
    font: normal 12px/18px Arial, sans-serif;
    color: #343434;
}

#index_default .content_item ul,
#index_default .content_item ol {
    padding: 7px 0px 0px 10px;
    margin: 0px 0px 0px 20px;
    font: normal 12px/18px Arial, sans-serif;
    color: #343434;
}

#index_default .content_item .date {
    margin: 20px 0px 0px 0px;
}
#index_default .content_item .date,
#index_default .content_item .source {
    padding: 0px 0px 0px 10px;
    font: normal 11px/14px Arial, sans-serif;
    color: #343434;
}

#index_default .content_item a {
    font: normal 12px/18px Arial, sans-serif;
    color: #343434;
}


#index_default .content_item a.block,
#index_default .content_item a.block:link,
#index_default .content_item a.block:visited {
    display: block;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font: bold 12px/18px Arial, sans-serif;
    color: #A7C600;
}
#index_default .content_item a.block:hover {
    text-decoration: underline;
}

#index_default .content_item a.pdf {
    display: block;
    text-decoration: underline;
    background: url('../img/background/pdf_icon.gif') no-repeat;
    padding: 3px 0px 6px 30px;
}


/* planing table */

#index_default table {
    margin: 10px 0px 0px 10px;
}
#index_default th {
    width: 75px;
    font: bold 10px/18px Arial, sans-serif;
    color: #ABABAB;
    vertical-align: text-top;
}
#index_default td {
    font: normal 12px/18px Arial, sans-serif;
    color: #343434;
    vertical-align: text-top;
}


/* Contact inliners */
#index_default .content_contact .header_block h1 .subtitle,
#index_default .content_vraag_en_antwoord .header_block h1 .subtitle {
    display: inline;
}


/* Index woningaanbod
--------------------------------------------------------------------------------------------*/

/* Header block */

#index_woningaanbod .header_block {
    position: relative;
    left: -1px;
    margin-right: -2px;
    width: 770px;
    background-color: #0079E2;
    border-top: 1px solid white;
}
#index_woningaanbod .header_block h1 {
    padding-left: 15px;
    padding-bottom: 7px;
}
#index_woningaanbod .header_block h1 .subtitle {
    display: inline;
}
#index_woningaanbod .header_block p {
    padding-left: 19px;
    width: 530px;
}

#main_menu,
#main_menu a,
#main_menu a:link,
#main_menu a:visited {
    text-decoration: none;
    font: bold 11px/12px Arial, sans-serif;
    color: white;
}
#main_menu a:link:hover, #main_menu a:hover,
#main_menu a:visited.top_menu.sel,
#main_menu a.top_menu.sel {
    color: #004BC3;
}


/* menu header */
#menu_header {
    margin: 25px 10px 0px 20px;
    padding: 5px 0px 1px 0px;
    background: white url('../img/menu/white_blue_arrow_down.png') no-repeat 0px 3px; /* x-pos y-pos */
}

#menu_header a,
#menu_header a:link,
#menu_header a:visited {
    padding: 0px 0px 0px 1px;
    display: block;
    text-decoration: none;
    font: bold 15px/24px Arial, sans-serif;
    color: #004BC3;
}


/* subsection menu */
#menu,
#menu a,
#menu li.sub,
#menu li.sub a {
    font: bold 11px/14px Arial, sans-serif;
}

/* unset list props */
ul#menu,
ul#menu ul.submenu {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#menu {
    margin: 0px 10px 100px 20px;
    border-bottom: 1px solid #A7C600;
}

/* horizontal borders */
ul#menu li.main,
ul#menu ul.submenu li.sub {
    list-style-image: none;
    list-style-type: none;
    border-top: 1px solid #A7C600;
}

/* list anchors */
ul#menu a {
    display: block;
    padding: 3px 10px 2px 0px;
    text-decoration: none;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    _height: 1em; /* http://www.hicksdesign.co.uk/journal/ie-whitespace-bug */
}
/* set indentation of main and sub menu*/
ul#menu li.main a {
    padding-left: 6px;
}
ul#menu ul.submenu li.sub a {
    padding-left: 16px;
}

/* background images MAIN */
/* set all main lists to white */
ul#menu li.main {
    background: url('../img/menu/white.png') no-repeat top left;
    color: #343434;
}
/* main hover to dark green > */
ul#menu li.main a:hover {
    background: url('../img/menu/dark_green_arrow_right.png') no-repeat top left; /* */
    color: white;
}
/* main selected to dark green > */
ul#menu li.main.sel a {
    background: url('../img/menu/dark_green_arrow_right.png') no-repeat top left; /* */
    color: white;
}

/* main expanded to light green down */
ul#menu li.main.expanded a {
    background: url('../img/menu/light_green_arrow_down.png') no-repeat top left; /* */
    color: #343434;
}
/* main expanded hover to dark green down */
ul#menu li.main.expanded a:hover {
    background: url('../img/menu/dark_green_arrow_down.png') no-repeat top left; /* */
    color: white;
}
/* main expanded and selected to dark green down */
ul#menu li.main.expanded .sel a {
    background: url('../img/menu/dark_green_arrow_down.png') no-repeat top left; /* */
    color: white;
}


/* background images SUB */
/* sub background color to light light green */
ul#menu ul.submenu li.sub a {
    background-color: #F2FFAB;
    background-image: none;
    color: #343434;
}
/* sub hover to dark green > */
ul#menu ul.submenu li.sub a:hover {
    background: url('../img/menu/dark_green_arrow_right.png') no-repeat top left; /* */
    color: white;
}
/* sub selected to dark green > */
ul#menu ul.submenu li.sub.sel a {
    background: url('../img/menu/dark_green_arrow_right.png') no-repeat top left; /* */
    color: white;
}

/* the MENU MAP */
#_menu_map img {
    margin: 25px 10px -20px 20px;
}
/* hover and selected states */
/* menu header */
#menu_map #menu_map_header a .menu_name .inner_menu_name,
#menu_map #menu_map_header a:hover .menu_name .inner_menu_name {
    background: white url('../img/menu/white_blue_arrow_down.png') no-repeat 0px -2px; /* x-pos y-pos */
}
#menu_map #menu_map_header a .menu_name .inner_menu_name,
#menu_map #menu_map_header a:link .menu_name .inner_menu_name,
#menu_map #menu_map_header a:visited .menu_name .inner_menu_name{
    display: block;
    padding: 0px 0px 0px 1px;
    font: bold 15px/22px Arial, sans-serif;
    color: #004BC3;
    text-decoration: none;
}
#menu_map #menu_map_header a .menu_name {
    top: 177px;
    padding-bottom: 2px;
}

/* menu items */
#menu_map a .menu_name .inner_menu_name {
    padding: 2px 0px 1px 6px;
    font: bold 11px/16px Arial, sans-serif;
    background: url('../img/menu/white.png') no-repeat top left;
}
#menu_map a .menu_name {
    width: 147px;
    border-bottom: 1px solid #A7C600;
}
#menu_map a .menu_name .inner_menu_name {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
#menu_map a.sel .menu_name .inner_menu_name,
#menu_map a:hover .menu_name .inner_menu_name {
    background: url('../img/menu/dark_green_arrow_right.png') no-repeat top left; /* */
    color: white;
}


/* Footer stuff */
#footer,
#footer a,
#footer a:link,
#footer a:visited,
#footer a:link:hover {
    text-decoration: none;
    font: bold 11px/12px Arial, sans-serif;
    color: #ffffff;
}


#index_default .header_block .de_boomgaarden            {background-color: #82007C;}
#index_default .header_block .het_centrum_en_de_hoven   {background-color: #CF0037;}
#index_default .header_block .de_hagen                  {background-color: #CC0067;}
#index_default .header_block .de_erven                  {background-color: #378913;}
#index_default .header_block .de_rietvelden             {background-color: #0079E2;}
#index_default .header_block .de_tuinlanden             {background-color: #FD7C1E;}

/* deelgebeiden headers */
#index_default .dia {
    position: relative;
    left: 1px;
    border-top: 1px solid white;
    background-color: #ABABAB;
}

#index_default .dia .dia_img img {
    vertical-align: bottom;
    border-right: 1px solid white;
}

#index_default .dia .dia_img {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
    width: 384px;
}
#index_default .dia .dia_description {
    width: 183px; /* 193 - 10 (right margin .dia_img)*/
    float: left;
}
#index_default .dia .dia_description h3 {
    padding: 8px 0px 0px 0px;
    font: bold 11px/18px Arial, sans-serif;
    color: white;
}
#index_default .dia .dia_description p {
    padding: 0px 0px 0px 0px;
    height: 119px; /* 145 - 18 (lineheight h3)*/
    font: normal 11px/18px Arial, sans-serif;
    color: white;
}

#index_default .dia .dia_description .dia_nav {
    height: 18px;
    padding: 2px 10px 5px 0px;  /* total 25px */
    float: left;
}


#index_default .dia .dia_description .dia_nav,
#index_default .dia .dia_description .dia_nav a,
#index_default .dia .dia_description .dia_nav a:link,
#index_default .dia .dia_description .dia_nav a:visited {
    padding: 0px 3px 0px 3px;
    text-decoration: none;
    font: bold 11px/18px Arial, sans-serif;
    color: #343434;
}
#index_default .dia .dia_description .dia_nav a:link:hover,
#index_default .dia .dia_description .dia_nav a:hover,
#index_default .dia .dia_description .dia_nav a.sel,
#index_default .dia .dia_description .dia_nav a.sel:link:visited {
    color: white;
}

#index_default #mapicon {
    float: right;
    width: 192px;
    margin: 20px 0px 0px 0px;
}
#index_default #mapicon a {
    display: block;
    font: bold 10px/18px Arial, sans-serif;
    color: #8E8E8E;
    text-decoration: none;
}
#index_default #mapicon a span {
    display: block;
    text-align: center;
}

#index_default #mapicon a.de_tuinlanden                     {background: transparent  url('../img/mapicons/mapicon_de_tuinlanden_zw.gif') no-repeat top left;}
#index_default #mapicon a.de_tuinlanden:hover               {background: transparent  url('../img/mapicons/mapicon_de_tuinlanden_rgb.gif') no-repeat top left;}
#index_default .content.content_de_tuinlanden               {background: transparent url('../img/background/footer_de_tuinlanden.gif') no-repeat bottom;}

#index_default #mapicon a.de_boomgaarden                    {background: transparent url('../img/mapicons/mapicon_de_boomgaarden_zw.gif') no-repeat top left;}
#index_default #mapicon a.de_boomgaarden:hover              {background: transparent url('../img/mapicons/mapicon_de_boomgaarden_rgb.gif') no-repeat top left;}
#index_default .content.content_de_boomgaarden              {background: transparent url('../img/background/footer_de_boomgaarden.gif') no-repeat bottom;}

#index_default #mapicon a.het_centrum_en_de_hoven           {background: transparent url('../img/mapicons/mapicon_het_centrum_en_de_hoven_zw.gif') no-repeat top left;}
#index_default #mapicon a.het_centrum_en_de_hoven:hover     {background: transparent url('../img/mapicons/mapicon_het_centrum_en_de_hoven_rgb.gif') no-repeat top left;}
#index_default .content.content_het_centrum_en_de_hoven     {background: transparent url('../img/background/footer_het_centrum_en_de_hoven.gif') no-repeat bottom;}

#index_default #mapicon a.de_hagen                          {background: transparent url('../img/mapicons/mapicon_de_hagen_zw.gif') no-repeat top left;}
#index_default #mapicon a.de_hagen:hover                    {background: transparent url('../img/mapicons/mapicon_de_hagen_rgb.gif') no-repeat top left;}
#index_default .content.content_de_hagen                    {background: transparent url('../img/background/footer_de_hagen.gif') no-repeat bottom;}

#index_default #mapicon a.de_erven                          {background: transparent url('../img/mapicons/mapicon_de_spore_zw.gif') no-repeat top left;}
#index_default #mapicon a.de_erven:hover                    {background: transparent url('../img/mapicons/mapicon_de_spore_rgb.gif') no-repeat top left;}
#index_default .content.content_de_erven                    {background: transparent url('../img/background/footer_de_spore.gif') no-repeat bottom;}

#index_default #mapicon a.de_rietvelden                     {background: transparent url('../img/mapicons/mapicon_de_rietvelden_zw.gif') no-repeat top left;}
#index_default #mapicon a.de_rietvelden:hover               {background: transparent url('../img/mapicons/mapicon_de_rietvelden_rgb.gif') no-repeat top left;}
#index_default .content.content_de_rietvelden               {background: transparent url('../img/background/footer_de_rietvelden.gif') no-repeat bottom;}

/* set the deelgebieden content to a reduced width */
#index_default .deelgebied .content_item {
    width: 380px;
/*    background-color: #FF00CC; /* */
}

/* Woningaanbod sort n filter
------------------------------------------------------------------------*/
.woningaanbod_sort_n_filter {
    position: relative;
    left: -1px;
    margin-right: -2px;
    width: 770px; /* */
    background-color: #EAEAEA;
    border-top: 1px solid white;
    font: normal 11px/24px Arial, sans-serif;
    color: #343434;
}
.woningaanbod_sort_n_filter select option {
    font: normal 11px/24px Arial, sans-serif;
    color: #343434;
}

.woningaanbod_sort_n_filter select {
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
}

.woningaanbod_sort_n_filter div {
    float: left;
}

#index_woningaanbod .sort_n_filter_foto {
    width: 173px;
    padding: 0px 14px 0px 17px;
}
#index_woningaanbod .sort_n_filter_beschrijving {
    width: 175px;
    padding: 0px 5px 0px 0px;
}
#index_woningaanbod .sort_n_filter_gebieden,
#index_woningaanbod .sort_n_filter_prijsklassen,
#index_woningaanbod .sort_n_filter_ontwikkelaars {
    width: 125px;
}


/* Woningaanbod list item
------------------------------------------------------------------------*/

.woningaanbod_listitem .sort_n_filter_foto,
.woningaanbod_listitem .sort_n_filter_beschrijving,
.woningaanbod_listitem .sort_n_filter_gebieden,
.woningaanbod_listitem .sort_n_filter_prijsklassen,
.woningaanbod_listitem .sort_n_filter_ontwikkelaars {
    float: left;
}
.woningaanbod_listitem .sort_n_filter_foto {
    clear: left;
}
.woningaanbod_listitem .sort_n_filter_foto img {
    margin: 15px 0px 6px 0px;
    border: 1px solid #004BC3;
}

.woningaanbod_listitem .sort_n_filter_beschrijving {
    margin: 0px 5px 0px 0px;
}
.woningaanbod_listitem .sort_n_filter_beschrijving a {
    text-decoration: none;
}
.woningaanbod_listitem .sort_n_filter_beschrijving .header {
    display: block;
    padding: 20px 0px 6px 0px;
    font: normal 13px/18px Arial, sans-serif;
    color: #004BC3;
}
.woningaanbod_listitem .sort_n_filter_beschrijving .paragraph {
    font: normal 11px/15px Arial, sans-serif;
    color: #343434;
}
.woningaanbod_listitem .sort_n_filter_beschrijving .raquo {
    font: normal 11px/15px Arial, sans-serif;
    color: #A7C600;
}

#index_woningaanbod .woningaanbod_listitem .sort_n_filter_gebieden,
#index_woningaanbod .woningaanbod_listitem .sort_n_filter_prijsklassen,
#index_woningaanbod .woningaanbod_listitem .sort_n_filter_ontwikkelaars {
    padding: 44px 0px 0px 0px;
    width: 125px;
    font: normal 11px/15px Arial, sans-serif;
    color: #343434;
}
#index_woningaanbod .woningaanbod_listitem .sort_n_filter_gebieden {
    padding-right: 10px;
    width: 115px;
}


/* Woningaanbod detail
------------------------------------------------------------------------*/

.woningaanbod_detail .gegevens,
.woningaanbod_detail .center_column {
    float: left;
}
.woningaanbod_detail .gegevens {
    padding: 25px 0px 0px 20px;
    width: 200px;
}
.woningaanbod_detail .center_column {
    padding: 16px 0px 0px 0px;
    width: 440px;
}
.woningaanbod_detail .gegevens h2 {
    padding: 0px 0px 3px 0px;
    font: normal 13px/18px Arial, sans-serif;
    color: #004BC3;
}
.woningaanbod_detail .gegevens {
    font: normal 11px/15px Arial, sans-serif;
    color: #343434;
}
.woningaanbod_detail .center_column h2 {
    padding: 5px 0px 5px 2px;
    font: normal 15px/18px Arial, sans-serif;
    color: #004BC3;
}
.woningaanbod_detail .center_column h3 {
    padding: 5px 0px 3px 0px;
    font: normal 13px/18px Arial, sans-serif;
    color: #004BC3;
}
.woningaanbod_detail .center_column p {
    padding: 0px 0px 15px 3px;
    font: normal 12px/18px Arial, sans-serif;
    color: #343434;
}
.woningaanbod_detail .center_column img {
    margin: 0px 0px 10px 2px;
    border: 1px solid #004BC3;
}
.woningaanbod_detail .center_column a {
    margin: 0px 0px 0px 0px;
    font: bold 12px/18px Arial, sans-serif;
    color: #A7C600;
}
.woningaanbod_detail .gegevens a {
    display: block;
}

#index_woningaanbod .multipage_nav .nav_right .nav_prev,
#index_woningaanbod .multipage_nav .nav_right .nav_next {
    width: 110px
}/* Woningaanbod navigation
------------------------------------------------------------------------*/

.multipage_nav {
    position: relative;
    left: -1px;
    margin-right: -2px;
    width: 770px;
}

.multipage_nav .nav_center {
    padding-left: 204px;
}

.multipage_nav .nav_left {
    float: left;
    padding-left: 17px;
}
.multipage_nav .nav_right {
    float: right;
    padding-right: 17px;
}

.multipage_nav .nav_center span {
    float: left;
}
.multipage_nav .nav_center span.desc {
    padding-right: 20px;
}
.multipage_nav .nav_center span.pag {
    padding-right: 5px;
}


.multipage_nav,
.multipage_nav a,
.multipage_nav a:hover,
.multipage_nav a:visited {
    font: bold 11px/24px Arial, sans-serif;
}
.multipage_nav a,
.multipage_nav a:hover,
.multipage_nav a:visited {
    display: block;
    text-decoration: none;
}
.multipage_nav .nav_center a {
    float: left;
    width: 15px;
    text-align: center;
}

.multipage_nav .nav_right a {
    float: left;
    padding: 0px 0px 0px 0px;
}
.multipage_nav .nav_right .nav_prev,
.multipage_nav .nav_right .nav_next {
    padding: 0px 0px 0px 0px;
    float: left;
    display: block;
}

/* top bottom distinction */

/* TOP */
.multipage_nav .nav_top {
    background-color: #0079E2;
    border-top: 1px solid white;
}
.multipage_nav .nav_top ,
.multipage_nav .nav_top a {
    color: white;
}
.multipage_nav .nav_top a.sel {
    color: #004BC3;
}
.multipage_nav .nav_top a:hover {
    color: #004BC3;
}

/* BOTTOM */
.multipage_nav .nav_bottom {
    margin-top: 2px;
    border-top: none;
    border-left: 1px solid #A7C600;
    border-right: 1px solid #A7C600;
}
.multipage_nav .nav_bottom {
    background-color: white;
}
.multipage_nav .nav_bottom {
    color: #343434;
}
.multipage_nav .nav_bottom a {
    color: #A7C600;
}
.multipage_nav .nav_bottom a.sel {
    color: #343434;
}
.multipage_nav .nav_bottom a:hover {
    color: #343434;
}

/* Luchtfotos overview */

.content_luchtfotos .header_block h1 {
    padding-bottom: 7px;
}

.content_luchtfotos .header_block h1 .subtitle {
    display: inline;
}

.content_luchtfotos .multipage_nav {
    position: relative;
    left: 1px;
    margin-right: 0px;
    width: 578px;
}

.content_luchtfotos .multipage_nav .nav_bottom {
    margin-top: 20px;
    border-left: none;
}

#index_default .content_luchtfotos #overview .content_item img {
   margin-bottom: 7px;
/*   border: 1px solid black; /* */
}

/* Luchtfotos detailview */
#index_default .content_luchtfotos .luchtfoto_detail img {
   margin: 17px 0px 17px 10px;
   border: 1px solid #004BC3;
}
#index_default .content_luchtfotos .luchtfoto_detail p.datum {
    padding: 0px 0px 0px 16px;
    font: normal 11px/15px Arial, sans-serif;
    color: #343434;
}
#index_default .content_luchtfotos .luchtfoto_detail h2 {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 17px;
    font: bold 15px/18px Arial, sans-serif;
    color: #004BC3;
}
#index_default .content_luchtfotos .luchtfoto_detail p {
    padding: 15px 0px 0px 17px;
    width: 440px;
    font: normal 12px/18px Arial, sans-serif;
    color: #343434;
}

#index_default .content_luchtfotos .multipage_nav .nav_right .nav_prev,
#index_default .content_luchtfotos .multipage_nav .nav_right .nav_next {
    width: 120px
}
/* Article column */

/* HOME */
#index_home #article_column {
    margin: 24px 0px 75px 14px;
}
#index_home #article_column h3,
#index_home #article_column .date {
    color: #FD7C1E;
}
#index_home #article_column a:hover {
    text-decoration: underline;
}
#index_home #article_column a:hover .date {
    text-decoration: underline;
    color: #FD7C1E;
}

/* DEFAULT */
#index_default #article_column {
    margin: -75px 0px 75px 20px;
/*    background-color: pink; /* */
}
#index_default #article_column h3,
#index_default #article_column .date {
    color: #004BC3;
}
#index_default #article_column a:hover {
    text-decoration: underline;
}
#index_default #article_column a:hover .date {
    text-decoration: underline;
    color: #004BC3;
}

/* GENERAL */
#article_column h3 {
    margin: 0px 0px 9px 2px;
    font: normal 15px/18px Arial, sans-serif;
}
#article_column .header {
    display: block;
    margin: 0px 0px 2px 0px;
    font: normal 10px/14px Arial, sans-serif;
}
#article_column .header {
    margin: 0px 0px 16px 0px;
}
#article_column a {
    width: 100%; /* IE block weirdness */
    display: block;
/*    background-color: green; /* */
}
#article_column a,
#article_column a:link,
#article_column a:visited {
    text-decoration: none;
    font: normal 11px/14px Arial, sans-serif;
    color: #343434;
}
#article_column a:hover .header {
    text-decoration: underline;
    color: #343434;
}


/* Article list */

#index_default table.article_list {
    width: 100%;
}
#index_default table.article_list th {
    width: 100px;
    font: bold 10px/20px Arial, sans-serif;
    color: #004BC3;
    vertical-align: text-top;
}
#index_default table.article_list td {
    font: normal 12px/20px Arial, sans-serif;
    color: #343434;
    vertical-align: text-top;
}
#index_default table.article_list td a {
    text-decoration: none;
    display: block;
}
#index_default table.article_list td a:hover {
    text-decoration: underline;
}


/* Newsletter list */
#index_default .content_nieuwsbrief .header_block h1 {
    padding-bottom: 7px;
}
#index_default .content_nieuwsbrief .header_block h1 .subtitle {
    display: inline;
}
#index_default .content_nieuwsbrief p {
    width: 400px;
}

#index_default .newsletter_list {
    margin: 20px 0px 0px 2px;
}
#index_default .newsletter_list table.article_list th {
    width: 140px;
    line-height: 37px;
    vertical-align: baseline;
}
#index_default .newsletter_list table.article_list td {
    vertical-align: baseline;
}
/* pdf icon: b:19px, w:27px */
#index_default .newsletter_list table.article_list th img {
    border: none;
    margin: 5px 20px 5px 0px;
    vertical-align: bottom;
}


/* Article navigation */

#index_default .archive_info {
    margin: 20px 0px -5px 0px;
    padding: 5px 0px 0px 10px;
}

.content_nieuws .multipage_nav,
.content_column .multipage_nav {
    position: static;
    width: 100%;
}
.content_nieuws .multipage_nav .nav_bottom,
.content_column .multipage_nav .nav_bottom {
    border: none;
    padding: 10px 0px 0px 10px;
}
.content_nieuws .multipage_nav .nav_center,
.content_column .multipage_nav .nav_center {
    padding: 0;
}
.content_nieuws .multipage_nav,
.content_column .multipage_nav {
    font: normal 12px/14px Arial, sans-serif;
}
.content_nieuws .multipage_nav a,
.content_column .multipage_nav a {
    font: bold 12px/14px Arial, sans-serif;
}
.content_nieuws .multipage_nav .nav_center a,
.content_column .multipage_nav .nav_center a {
    width: 13px;
}

/* GENERAL */
.content_sitemap #content_center ul {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 12px;
}

.content_sitemap #content_center ul ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 12px;
}


/* MAIN */
.content_sitemap #content_center li.main {
    list-style: none;
}

.content_sitemap #content_center li.main {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.content_sitemap #content_center li.main,
.content_sitemap #content_center li.main a,
.content_sitemap #content_center li.main a:hover,
.content_sitemap #content_center li.main a:visited {
    font: normal 14px/18px Arial, sans-serif;
    color: #004BC3;
    text-decoration: none;
}
.content_sitemap #content_center li.main a:hover {
    text-decoration: underline;
}

/* SUB */
.content_sitemap #content_center li.main li {
    list-style: disc outside url('../img/background/blackball.gif');
}

.content_sitemap #content_center li.main li {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}
.content_sitemap #content_center li.main li,
.content_sitemap #content_center li.main li a,
.content_sitemap #content_center li.main li a:hover,
.content_sitemap #content_center li.main li a:visited {
    font: normal 12px/18px Arial, sans-serif;
    color: black;
    text-decoration: none;
}
.content_sitemap #content_center li.main li a:hover {
    text-decoration: underline;
}
#content_center .qa_list {
    margin: 15px 0px 0px 8px;
}
#content_center .qa_list .qa {
    margin: 0px 0px 9px 0px;
    padding: 5px 0px 0px 0px;
}
#content_center .qa_list .qa.answer {
    background-color: #F5F5F5;
}

#content_center .qa_list .qa a,
#content_center .qa_list .qa a:hover,
#content_center .qa_list .qa a:visited {
    font: normal 12px/18px Arial, sans-serif;
    color: black;
    text-decoration: underline;
}
#content_center .qa_list .qa p {
    padding: 7px 0px 10px 22px;
    font: normal 12px/18px Arial, sans-serif;
    color: #004BC3;
}

#content_center .qa_list .qa a img {
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 5px 7px 0px 6px;
    vertical-align: bottom; /* */
    border: none; /* */
}/* general menu map rules */
#menu_map {
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 75px;
    margin-left: 20px;
    height: 146px;
    background: transparent url('../img/mapicons/bck_menumap_base.gif') no-repeat top left;
}
#menu_map a .show_map,
#menu_map a .menu_name,
#menu_map a .inner_menu_name {
    display: block;
}
#menu_map a, #menu_map a:link, #menu_map a:visited, #menu_map a:hover {
    display: block;
    cursor: pointer;
    text-decoration: none;
}
#menu_map a {
    background: transparent url('') no-repeat center center;
    /* border: 1px dashed green; /* */
}
#menu_map a .show_map {
    display: none;
}


/* lokatie #deelgebieden Y0 X0
---------------------------------------------------------------------------*/
#deelgebieden {
    position: relative;
    top: 0px; 
    left: 0px;
}
#deelgebieden a, #deelgebieden a:hover {
    position: relative;
    top:    -17px;
    left:   -17px;
    width:  34px;
    height: 34px;
}
#deelgebieden a:hover {
    width:  0px;
}
#deelgebieden a:hover .show_map,
#deelgebieden a:hover .show_list,
#deelgebieden a       .menu_name {
    position:   absolute;
    display:    block;
}
#deelgebieden a:hover .show_map  {
    top:  17px;
    left: 17px;
}
#deelgebieden a       .menu_name {
    top:  182px;
    left: 17px;
}
#deelgebieden a:hover .show_list {
    top:  182px;
    left: 17px;
    width: px;
}


/* lokatie #de_boomgaarden Y72 X0
---------------------------------------------------------------------------*/
#de_boomgaarden {
    position: relative;
    top: 38px; 
    left: 0px;
}
#de_boomgaarden a, #de_boomgaarden a:hover {
    position: relative;
    top:    9px;
    left:   16px;
    width:  34px;
    height: 34px;
}
#de_boomgaarden a:hover {
    width:  0px;
}
#de_boomgaarden a:hover .show_map,
#de_boomgaarden a:hover .show_list,
#de_boomgaarden a       .menu_name {
    position:   absolute;
    display:    block;
}
#de_boomgaarden a:hover .show_map  {
    top:  -9px;
    left: -16px;
}
#de_boomgaarden a       .menu_name {
    top:  106px;
    left: -16px;
}
#de_boomgaarden a:hover .show_list {
    top:  84px;
    left: -16px;
    width: px;
}


/* lokatie #de_rietvelden Y2 X9
---------------------------------------------------------------------------*/
#de_rietvelden {
    position: relative;
    top: -66px; 
    left: 9px;
}
#de_rietvelden a, #de_rietvelden a:hover {
    position: relative;
    top:    28px;
    left:   22px;
    width:  34px;
    height: 34px;
}
#de_rietvelden a:hover {
    width:  0px;
}
#de_rietvelden a:hover .show_map,
#de_rietvelden a:hover .show_list,
#de_rietvelden a       .menu_name {
    position:   absolute;
    display:    block;
}
#de_rietvelden a:hover .show_map  {
    top:  -28px;
    left: -22px;
}
#de_rietvelden a       .menu_name {
    top:  179px;
    left: -31px;
}
#de_rietvelden a:hover .show_list {
    top:  135px;
    left: -31px;
    width: px;
}


/* lokatie #het_centrum_en_de_hoven Y33 X68
---------------------------------------------------------------------------*/
#het_centrum_en_de_hoven {
    position: relative;
    top: -69px; 
    left: 68px;
}
#het_centrum_en_de_hoven a, #het_centrum_en_de_hoven a:hover {
    position: relative;
    top:    22px;
    left:   18px;
    width:  34px;
    height: 34px;
}
#het_centrum_en_de_hoven a:hover {
    width:  0px;
}
#het_centrum_en_de_hoven a:hover .show_map,
#het_centrum_en_de_hoven a:hover .show_list,
#het_centrum_en_de_hoven a       .menu_name {
    position:   absolute;
    display:    block;
}
#het_centrum_en_de_hoven a:hover .show_map  {
    top:  -22px;
    left: -18px;
}
#het_centrum_en_de_hoven a       .menu_name {
    top:  176px;
    left: -86px;
}
#het_centrum_en_de_hoven a:hover .show_list {
    top:  110px;
    left: -86px;
    width: px;
}


/* lokatie #de_tuinlanden Y90 X57
---------------------------------------------------------------------------*/
#de_tuinlanden {
    position: relative;
    top: -46px; 
    left: 57px;
}
#de_tuinlanden a, #de_tuinlanden a:hover {
    position: relative;
    top:    11px;
    left:   25px;
    width:  34px;
    height: 34px;
}
#de_tuinlanden a:hover {
    width:  0px;
}
#de_tuinlanden a:hover .show_map,
#de_tuinlanden a:hover .show_list,
#de_tuinlanden a       .menu_name {
    position:   absolute;
    display:    block;
}
#de_tuinlanden a:hover .show_map  {
    top:  -11px;
    left: -25px;
}
#de_tuinlanden a       .menu_name {
    top:  152px;
    left: -82px;
}
#de_tuinlanden a:hover .show_list {
    top:  64px;
    left: -82px;
    width: px;
}


/* lokatie #de_erven Y2 X32
---------------------------------------------------------------------------*/
#de_erven {
    position: relative;
    top: -168px; 
    left: 32px;
}
#de_erven a, #de_erven a:hover {
    position: relative;
    top:    2px;
    left:   11px;
    width:  34px;
    height: 34px;
}
#de_erven a:hover {
    width:  0px;
}
#de_erven a:hover .show_map,
#de_erven a:hover .show_list,
#de_erven a       .menu_name {
    position:   absolute;
    display:    block;
}
#de_erven a:hover .show_map  {
    top:  -2px;
    left: -11px;
}
#de_erven a       .menu_name {
    top:  271px;
    left: -43px;
}
#de_erven a:hover .show_list {
    top:  161px;
    left: -43px;
    width: px;
}


/* lokatie #de_hagen Y15 X80
---------------------------------------------------------------------------*/
#de_hagen {
    position: relative;
    top: -189px; 
    left: 80px;
}
#de_hagen a, #de_hagen a:hover {
    position: relative;
    top:    -1px;
    left:   1px;
    width:  34px;
    height: 34px;
}
#de_hagen a:hover {
    width:  0px;
}
#de_hagen a:hover .show_map,
#de_hagen a:hover .show_list,
#de_hagen a       .menu_name {
    position:   absolute;
    display:    block;
}
#de_hagen a:hover .show_map  {
    top:  1px;
    left: -1px;
}
#de_hagen a       .menu_name {
    top:  283px;
    left: -81px;
}
#de_hagen a:hover .show_list {
    top:  151px;
    left: -81px;
    width: px;
}