* { margin: 0; padding: 0; }

html { background: #1c1c1c url(html.jpg) center top repeat-x; font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; cursor: default; }

a img { border: 0; }
h1, h2, h3 { color: #fff; margin-bottom: .5em; font-weight: normal; }
p { color: #aaa; font-size: 1.2em; margin-bottom: 1em; line-height: 1.6em; }
h1 { font-size: 2.8em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.8em; }
ul, ol { margin-left: 2em; }
var { display: none; }

#body { width: 910px; position: absolute; left: 50%; margin-left: -420px; } /* origineel was 970 */

#top { height: 100px; background: url(logo.png) 9px 21px no-repeat; }
#top h1, #top h2 { text-indent: -1000em; }
#top h1 a { display: block; width: 170px; height: 120px; outline: none; }

#navigation { position: absolute; top: 44px; right: 0px; background: url(navigation.png) top left no-repeat; /* min-width: 681px;*/ height: 50px; z-index: 3; padding-top: 2em; }
#navigation ul { list-style-type: none; /* float: right; margin: 0; margin-top: 2em; */ }
#navigation li { float: left; margin-left: 2em; margin-bottom: 0; padding-bottom: 0px; }
#navigation a { color: #fff; text-decoration: none; font-size: 1.2em; /* padding-bottom: 3px; */ display: block; }
#navigation a:hover { color: #aaa; }
#navigation li.active a { border-bottom: 3px solid #aaa; padding-bottom: 0; }
#navigation li.active li a { border: none; }

#navigation ul ul { position: absolute; display: block; margin: 0; width: 183px; margin-left: -20px; display: none; }
#navigation ul ul li a { font-size: 1.2em;  color: #000; padding-right: 20px; height: 15px; padding: 3px 0; }
#navigation ul ul li.active a { color: #fff; }
#navigation ul ul li { float: none; margin: 0; background: url(dropdown/dropdown_default.png) repeat-y; width: 168px; /* height: 17px; */ padding-left: 25px; padding-top: 2px; } 
#navigation ul ul li.active { background: url(dropdown/dropdown_active.png) repeat-y;  }
#navigation ul ul li.top { background: url(dropdown/dropdown_top.png) no-repeat; width: 183px; height: 31px; padding: 0; }
#navigation ul ul li.bottom { background: url(dropdown/dropdown_bottom.png) no-repeat; width: 183px; height: 19px; padding: 0; }

#strijpLabel { position: absolute; z-index: 1; left: -70px; top: 140px; }
#strijpBanner { position: absolute; z-index: 3; left: -60px; top: 205px; display: none; }
#flashHeader { width: 910px; height: 300px; background: #000; position: relative; z-index: 2; outline: none; }

#bottomBar { background: #161616; float: left; }

#contentHome { width: 692px; float: left; background: url(bottomContent.png) top right no-repeat; display: block; clear: both; }
#contentHome .map { width: 165px; height: 220px; float: left; }
#contentHome .content { padding: 10px; float: left; width: 507px; }
#contentHome .content p { font-size: 1.6em; }
#contentHome h1 { font-size: 1.8em; margin: 0; }
#contentHome h2 { font-size: 2.8em; margin: 0; background: url(rule.png) left bottom no-repeat; padding-bottom: 10px; margin-bottom: 10px; }

p.readmore a { color: #fff; font-weight: bold; text-decoration: none; }
p.readmore a:hover { color: #ccc; }

#widgets { width: 218px; float: left; }

#links { width: 218px; background: url(links.png) no-repeat; padding: 4px 0; min-height: 107px; }
#links ul { list-style-type: none; position: relative; left: -15px; margin: 0; }
#links li { margin-bottom: 2px; }
#links a { display: block; width: 180px; height: 15px; background: url(arrow.png) no-repeat; padding: 10px 0 6px 20px; font-size: 1.1em; color: #ce2d09; font-weight: bold; text-decoration: none; }

#linkedIn { width: 890px; padding: 20px 10px; clear: both; text-align: right; float: left; display: block; }

#subscribe { width: 198px; height: 96px; background: url(nieuwsbrief.png) no-repeat; padding: 10px; }
#subscribe h3 { color: #fff; margin: 0; }
#subscribe p { font-size: 1em; }
#subscribe input.text { width: 190px; border: 1px solid #333; background: #000; color: #666; padding: 3px; }
#subscribe input.submit { position: relative; top: 5px; left: 147px; cursor: pointer; }

#content { background: #fff url(content.jpg) 672px 0 no-repeat; position: relative; z-index: 2; float: left; }

#leftContent { width: 672px; float: left; }
#rightContent { width: 238px; float: left; }

#titleBar { width: 194px; float: left; padding-top: 20px; padding: 20px; text-align: right; }
#titleBar h1 { font-size: 2.5em; margin-top: 5px; }

#leftContent .content { width: 418px; float: left; padding-top: 20px; padding-right: 20px; padding-bottom: 100px; }
#leftContent .content p { color: #333; }
#leftContent .content p.intro { font-size: 1.6em; }
#leftContent .content a { color: #999; font-weight: bold; }
#leftContent .content a:hover { color: #fff; background: #999; text-decoration: none; }
#leftContent .content ol, #leftContent .content ul { font-size: 1.2em; color: #333; margin-bottom: 1em; line-height: 1.6em; }
#leftContent h1 { color: #333; text-transform: uppercase; }
#leftContent h2 { color: #ff4000; font-weight: bold; font-size: 1.2em; margin-bottom: 0; }
#leftContent h3 { color: #666; font-weight: bold; font-size: 1.2em; margin-bottom: 0; }

.nieuws { margin-bottom: 60px; }
.nieuws li { list-style-type: none; margin-bottom: 1em; border-bottom: 1px dotted #ccc; }
.nieuws li p { font-size: 1em; margin-bottom: 0; }
.nieuws li p.readmore { text-align: right; }

#rightContent #subscribe { background: none; border-bottom: 1px dotted #ccc; }
#rightContent #subscribe h3 { color: #ff4000; }
#rightContent #subscribe p { color: #666; }
#rightContent #subscribe input.text { border: 1px solid #ccc; background: #fff; }

.content input.text { border: 1px solid #ccc; background: #fff; padding: 3px; color: #666; width: 190px; }
.content input.abonneer { float: left; margin-left: 127px; }

#sideMenu { position: relative; top: 45px; }
#sideMenu ul { list-style-type: none; margin: 0; }
#sideMenu a { display: block; width: 203px; height: 15px; background: url(sideMenu.png) no-repeat; padding: 5px; font-size: 1.2em; color: #333; text-decoration: none; padding-left: 30px; }
#sideMenu a:hover { color: #999; }
#sideMenu li.active a { font-weight: bold; }
#sideMenu li ul { display: none; }
#sideMenu li.active ul { display: block; margin-left: 20px; }
#sideMenu li.active ul li { list-style-image: url(bullit.png); margin-left: 20px; }
#sideMenu li.active ul a { background: none; width: 183px; font-weight: normal; padding: 5px; }
#sideMenu li.active ul li.active a { font-weight: bold; }


#minimap { width: 238px; height: 180px; background: #000; }

#woningtypeFlash { width: 680px; height: 375px; float: left; background: #666; margin-left: 25px; margin-bottom: 25px; }

#footer { background: #181818; float: left; padding-bottom: 50px; width: 910px; }
#footer ul { margin: 0; }
#footer li { color: #fff; font-size: 1.6em; /* width: 134px; */ display: block; padding: 5px 10px; float: left; list-style-type: none; margin: 0; }
/* #footer li { float: left; margin: 0; width: 194px; list-style-type: none;  } */
#footer li ul { margin-top: 1em; }
#footer li ul li { font-size: 1.2em; float: none; margin: 0; padding: 5px 0; font-size: 0.8em; }
#footer a { color: #fff; text-decoration: none; display: block; width: 141px; border-bottom: 1px solid #333; }
#footer a:hover { color: #aaa; }

#subfooter { padding: 10px 0; float: left; clear: both; width: 970px; }
#subfooter p { color: #fff; font-size: 1em; }
#subfooter a { color: #fff; }
#subfooter a:hover { color: #aaa; }

/* Formulieren: */
form { margin-bottom: 1em; }
form div { padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px dotted #ccc; font-size: 1.2em; }
form label { display: block; width: 120px; float: left; padding: 3px 0; }
form label span { color: #c00; font-weight: bold; }
form div.text { background: url(input.png) 120px 0 no-repeat; }
form div.text input { background: transparent; width: 290px; border: none; padding: 3px; }
form div.textarea { background: url(textarea.png) 120px 0 no-repeat; }
form div.textarea textarea { width: 290px; height: 135px; background: transparent; border: none; padding: 3px; font-family: sans-serif; overflow: auto; font-size: 1em; }
form input.submit { width: 120px; height: 21px; background: url(submit.png) no-repeat; border: none; cursor: pointer; }
form input.abonneer { width: 71px; height: 21px; cursor: pointer; float: right; margin-top: 3px; }

/* Woningen: */
div.woningen { float: left; width: 615px; padding: 28px; }
div.woningen .top { width: 615px; height: 55px; }
div.woningen .top ul { list-style-type: none; margin: 0; }
div.woningen .top li { float: left; }
div.woningen .top a { display: block; width: 205px; height: 15px; padding: 20px 0; text-align: center; background: url(kiezertop.png) -205px 0 no-repeat; color: #666; font-weight: bold; font-size: 1.5em; text-decoration: none; text-transform: uppercase; outline: none; }
div.woningen .top li.first a { background-position: 0 0; }
div.woningen .top li.last a { background-position: -410px 0; }
div.woningen .top li.active a, div.woningen .top li a:hover { background-position: -205px -55px; color: #fff; }
div.woningen .top li.first.active a, div.woningen .top li.first a:hover { background-position: 0px -55px; color: #fff; }
div.woningen .top li.last.active a, div.woningen .top li.last a:hover { background-position: -410px -55px; color: #fff; }
div.woningen .bottom { width: 613px; min-height: 300px; border: 1px solid #d6d6d6; border-top: none; float: left; background: #fff url(kiezerbg.png) 203px 0 repeat-y; }
div.woningen .left { width: 183px; padding: 20px; float: left; padding-right: 0; }
div.woningen .left ul { list-style-type: none; margin: 0; }
div.woningen .left ul li { background: url(kiezerleftbg.png) -43px bottom no-repeat;  }
div.woningen .left ul li.active { background: url(kiezeractive.png) -43px -12px no-repeat; }
div.woningen .left span.type { display: block; float: left; width: 26px; height: 16px; background: url(kiezertype.png) no-repeat; font-weight: bold; color: #fff; font-size: 1.4em; padding: 5px 0; text-align: center; margin-right: 10px;  }
div.woningen .left h4 a { color: #f86415; font-size: 1.3em; text-decoration: none; outline: none; }
div.woningen .left h4 a:hover, div.woningen .left h4 a.hover { color: #666; }
div.woningen .left p { padding-bottom: 10px; }
div.woningen .right { width: 370px; padding: 20px; float: left; }
#body div.woningen .right h2 { color: #555; font-size: 1.6em; margin-bottom: 1em; font-weight: bold; }
#body div.woningen .right p { color: #666; }
a.readmore { color: #555; font-weight: bold; text-decoration: none; }
a.readmore:hover { color: #f86415; }
div.image { width: 146px; height: 134px; background: url(thumbbg.png) no-repeat; float: right; padding: 10px; }

/* Snelnavigatie: */
#snelNavigatie { width: 237px; background: url(quicknavbg.png) repeat-y; position: absolute; top: 0; right: 0; z-index: 4; display: none; }
#snelNavigatie a.toggler { display: block; width: 237px; height: 22px; background: url(quicknav.png) no-repeat; text-indent: -1000em; outline: none; position: relative; top: 22px; }
#snelNavigatie h3 { color: #f86415; font-size: 1.2em; padding-left: 20px; text-transform: uppercase; margin-bottom: 1em; margin-top: 1em; }
#snelNavigatie ul { list-style-image: url(bullit.png); margin-left: 30px; }
#snelNavigatie ul ul { margin-left: 10px; }
#snelNavigatie li a { font-size: 1.2em; color: #666; font-weight: bold; text-decoration: none; }
#snelNavigatie li a:hover, #snelNavigatie li.active a, #snelNavigatie ul ul li.active a { color: #000; }
#snelNavigatie ul ul a, #snelNavigatie li.active ul a { color: #999; font-weight: normal; }

/* Partners: */
table.partners { border-collapse: collapse; border-spacing: 0; width: 100%; }
table.partners a { font-size: 1.2em; }
table.partners td { height: 60px; border-bottom: 1px solid #ccc; }
table.partners td.logo { padding-right: 30px; width: 60px; text-align: center; }

/* Plattegrond: */
table.plattegrond { font-size: 1.2em; }