/* SUPER HUIS WEBSITE */

* {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;

    color: #000000;
}

html, body {
    margin: 0px;
    padding: 0px;

    min-width: 949px;
    height: 100%;

    background-color: #E3E6E8;
    background-image: url(/img/background.gif);
    background-repeat: repeat-x;
    background-position: top left;
}

UL, ul {
    list-style-image: url(/img/bullet.gif);
    margin-top: 4px;
}

LI {
    list-style-image: url(/img/bullet.gif);
    margin-left: 26px;
}

input, select, option, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;

    color: #000000;
}

div {
    vertical-align: top;
    position: relative;
    text-align: justify;
}

H1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    margin: 0;
}

H2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #E3E6E8;
    margin: 0;
}

H3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    margin: 0;
}

hr {
    height: 1px;

    border: none;

    background-color: #E3E6E8;
    background-image: url(/img/hr.gif);
    background-repeat: repeat-x;
    background-position: top left;

    margin: 8px 0px 8px 0px;
}

.stippellijn {
    height: 1px;

    border: none;

    background-color: transparent;
    background-image: url(/img/hr.gif);
    background-repeat: repeat-x;
    background-position: top left;

    margin: 8px 0px 8px 0px;
}

.kader {
    border: 1px solid #7A7C7B;
}

form {
    margin: 0px 0px 0px 0px;
}

#container {

	display: table;

    position: relative;
    margin: 0 auto;
/*
    min-width: 949px;
    width: 949px;
*/
    height:auto !important;
    height:100%;
    min-height:100%;

	background-image: url(/img/drawing.png);
	background-repeat: no-repeat;
	background-position: bottom center;


    z-index: 98;
}

#header {
    position: relative;
    margin: 0 auto;

    min-width: 949px;
    width: 949px;

    height: 159px;

    z-index: 99;
}

#site_content {
    position: relative;
    margin: 0 auto;

    min-width: 949px;
    width: 949px;

    height:auto !important;
    height:100%;
    min-height: 100%;

    z-index: 9;
}

#sidebar {
    position: absolute;
    top: 0px;

    min-height: 515px;
    width: 183px;
    height: 515px;

    margin: 27px 0 0 12px;
    z-index: 9;
}

#content {
    position: relative;

    width: 753px;
    left: 183px;

    min-height: 100%;
    min-height: 582px;
    height: auto !important;    


	margin-bottom: 141px;
    padding: 27px 0px 26px 0px;

    z-index: 9;
}

#page {
    position: relative;

    height: 100%;
    margin-bottom: 26px;

    padding: 0 19px 0 11px;
}

#sitefooter {
	position: relative;
	margin: 0 auto;

	min-width: 100%;
	width: 100%;

	margin-top: -141px;

	height: 141px;

	background-color: #000000;
	background-image: url(/img/background_footer.gif);
	background-repeat: repeat-x;
	background-position: top center;
	
	z-index: 10000;
}


/* HEADER */

#logo {
    position: absolute;
    top: 19px;
    left: 11px;
}

#banner {
    position: relative;
    top: 35px;
    left: 437px;

    width: 500px;
    height: 62px;

    clip: rect(0px, 500px, 62px, 0px);
    overflow: hidden;
}

#bannerscroll {
    position: absolute;
    top: 1px;
    left: 0px;

    width: 500px;
    height: 62px;
}

#bannerscroll p {
    line-height: 62px;
}

#bannerscroll img {
    border: none;
}

#hmodh_top {
    position: absolute;
    top: 133px;
    right: 12px;
}


/* MENU */

#menu {
    z-index: 98;
    font-size: 0;
}

#menu a {
    text-decoration: none;
    padding: 0 34px 0 6px;

    display: block;
}

#menu * {
    z-index: 98;
    text-align: right;
}

.menu_horizontaal {
    position: absolute;
    top: 165px;
    left: 0px;

    width: 940px;
    min-height: 18px;

    padding: 0 0 0 0;
/*    background-image: url(/img/background_menu.gif); */
/*    background-repeat: no-repeat; */
}

.menu_verticaal {
    position: relative;
    width: 172px;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    text-align: right;
}

.menu_horizontaal > .spacer {
    position: relative;
    display: inline;
    float: left;

    margin-top: 0px;
}

.menu_verticaal > .spacer {
    position: relative;
    margin-top: 0px;
}

.spacer {
    __position: relative;
    __margin-top: 0px;
}

.menu_horizontaal > .menuitem, .menu_horizontaal > .menuitem_hover, .menu_horizontaal > .menuitem_active {
    position: relative;
    display: inline;
    float: left;

    margin: 0 4px 0 0;
    padding: 0 0 0 0;

    height: 28px;

    z-index: 12;
}

.menu_verticaal > .menuitem, .menu_verticaal > .menuitem_hover, .menu_verticaal > .menuitem_active {
    position: relative;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    width: 169px;
    height: 19px;

    font-size: 16px;
    line-height: 28px;
    z-index: 12;
}

.menuitem, .menuitem_hover, .menuitem_active {
    __position: relative;

    __padding: 0 0 0 0;

    __width: 110px;
    __height: 20px;

    __z-index: 12;

    padding: 0 0 0 0;
}

#menu > .menuitem {
    color: #333333;

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top right;

    text-align: right;
    line-height: 28px;

    margin-top: 3px;

    z-index: 98;
}

#menu > .menuitem_hover {
    color: #E20020;

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top right;

    text-align: right;
    line-height: 28px;

    margin-top: 3px;

    z-index: 99;
}

#menu > .menuitem_active img {
    color: #FFED00;

    background-image: url(/img/menuitem_active.png);
    background-repeat: no-repeat;
    background-position: top right;

    text-align: right;
    line-height: 28px;

    margin-top: 3px;

    z-index: 98;
}


#menu > .menuitem img *, #menu > .menuitem_hover img *, #menu > .menuitem_active img * {
    position: relative;

    padding: 6px 6px 0 6px;
    margin: 0px;
}

.menuitem img, .menuitem_hover img, .menuitem_active img {
    __position: relative;

    __padding: 2px 10px 0 0;
    __margin: 0px;
}

#menu > .menuitem img * {
    color: #333333;

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top right;

    text-align: right;
    line-height: 28px;
    padding-top: 3px;

    z-index: 98;
}

#menu > .menuitem_hover img * {
    color: #E20020;

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top right;

    text-align: right;
    line-height: 28px;
    padding-top: 3px;

    z-index: 99;
}

#menu > .menuitem_active img * {
    color: #FFED00;

    background-color: #E20020;
    background-image: url(/img/menuitem_active.png);
    background-repeat: no-repeat;
    background-position: top right;
    line-height: 28px;
    padding-top: 3px;

    text-align: right;

    z-index: 98;
}

.imgmenuitem {
    padding-top:3px;
}

.menu_aanbod {
}

.menu_aanbod img {
}

.submenu {
    overflow: visible;

    width: 140px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;

    z-index: 10;

    text-align: left;
}

.submenu_klap {
    position: absolute;
    visibility: hidden;

    top: 0px;
    left: 0px;

    z-index: 4;
}

.submenu_klik {
    position: relative;
}

.submenu .menuitem, .submenu .menuitem_hover, .submenu .menuitem_active {
    position: relative;

    width: 140px;
    min-height: 10px;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    background-repeat: no-repeat;

    z-index: 10;
}

.submenu .menuitem {
/*    background-image: url(/img/submenuitem.gif); */
/*    background-repeat: repeat-x; */
    background-color: transparent;
    line-height: 12px;
    padding-top: 3px;
}

.submenu .menuitem_hover {
/*    background-image: url(/img/submenuitem_hover.gif); */
/*    background-repeat: repeat-x; */
    background-color: transparent;
    line-height: 12px;
    padding-top: 3px;
}

.submenu .menuitem_active {
/*    background-image: url(/img/submenuitem_hover.gif); */
/*    background-repeat: repeat-x; */
    background-color: transparent;
    line-height: 12px;
    padding-top: 3px;
}

.submenu .menuitem1 img, .submenu .menuitem1_hover img, .submenu .menuitem1_active img {
    margin: 11px 0 -5px 0;
    padding: 0 0 -5px 0;
}

.submenu .menuitem img, .submenu .menuitem_hover img, .submenu .menuitem_active img {
    margin: 1px 0 -5px 0;
    padding: 0 0 -5px 0;
}

.subsubmenu {
    width: 120px;
    top: -3px;
    left: 153px;

    margin: 0 0 0 0;

    overflow: visible;
}

#brochure {
    position: relative;

    top: 14px;
    left: -5px;
}


/* CONTENT */

#contenttitlebar {
    position: relative;
    width: 100%;
    height: 35px;

    background-color: #E3E6E8;
}

#contenttitle {
    position: absolute;
    width: 300px;
    height: 14px;

    top: 3px;
    left: 10px;
}

#contenttitleimage {
    position: absolute;
    width: 753px;
    height: 30px;

    top: 1px;
    left: 0px;

    background-color: #E3E6E8;
}

#top_links {
    position: absolute;
    width: 700px;
    height: 21px;

    top: 1px;
    left: 140px;
}

.toplinks {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #333333;
    text-decoration: none;
    float: left;
}

.topspacer {
    margin-left: 13px;
    margin-right: 13px;
    margin-top: -1px;
    float: left;
}


/* FOOTER */

#footer {
    position: relative;
    margin: 0 auto;

    min-width: 949px;
    width: 949px;
    height: 68px;

    z-index: 10000;
}

#footertext_left, #footertext_middle, #footertext_right {
    position: absolute;

    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF;

    z-index: 10000;
}

#footertext_left > *, #footertext_middle > *, #footertext_right > * {
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF;
}

#footertext_left {
    width: 140px;
    height: 45px;

    top: 63px;
    left: 40px;
}

#footertext_middle {
    width: 130px;
    height: 45px;

    top: 63px;
    left: 183px;
}

#footertext_right {
    width: 635px;
    height: 45px;

    top: 78px;
    left: 331px;

    text-align: left;
}

#footertext_right SPAN {
    font-size: 12px;
    line-height: 15px;
    color: #E20020;
}


/* HOMEPAGE */

#homeleft {
	position: relative;
	display: inline;
	float: left;

	/* width: 245px; */
}


#home_contenttitlebar {
    position: relative;
    width: 245px;
    height: 35px;

    background-color: #E3E6E8;
}

#home_contenttitle {
    position: absolute;
    width: 245px;
    height: 14px;

    top: 3px;
    left: 10px;
}

#home_contenttitleimage {
    position: absolute;
    width: 245px;
    height: 30px;

    top: 1px;
    left: 0px;

    background-color: #E3E6E8;
}

#home_bouwgrond {
    position: relative;
    width: 245px;
    height: 356px;
	clear: both;
}

#home_bouwgrond_background {
    position: absolute;
    top: 0px;
    left: 0px;
}

#home_bouwgrond_title {
    position: absolute;
    top: 6px;
    left: 8px;

    width: 229px;
    height: 25px;
}

#frmgooglezoek .checkbox {
    margin: -2px -3px -1px -4px;
    width: auto;
}

.home_bouwgrond_item {
    position: absolute;
    width: 90px;
    height: 18px;

    left: 9px;

    margin: 0 0 0 0;
    padding: 0 0 0 20px;

    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    font-style: italic;
}

#home_bouwgrond_item1 {
    top: 36px;
    
    background-image: url(/img/icon_zoek1.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#home_bouwgrond_item2 {
    top: 110px;
    
    background-image: url(/img/icon_zoek2.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#home_bouwgrond_item3 {
    top: 244px;
    
    background-image: url(/img/icon_zoek3.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.home_bouwgrond_text > * {
    font-size: 11px;
    line-height: 16px;
    color: #FFFFFF;
}

#home_bouwgrond_provincie, #home_bouwgrond_oppervlakte, #home_bouwgrond_bouwtype {
    position: absolute;
    width: 130px;
    left: 101px;
    line-height: 16px;
    overflow: hidden;
}

#home_bouwgrond_provincie {
    height: 59px;
    top: 35px;
}

#home_bouwgrond_oppervlakte {
    height: 120px;
    top: 109px;
}

#home_bouwgrond_bouwtype {
    height: 59px;
    top: 243px;
}

#home_bouwgrond_submit {
    position: absolute;
    top: 311px;
    left: 97px;

    cursor: pointer;
}

#nieuwsdummy {
    position: relative;
    top: 0px;
    right: 0px;
    
    width: 499px;
    height: 1px;
}

#nieuwsitems {
    position: relative;
    top: 0px;
    right: 0px;
    
    width: 499px;
    height: 292px;

    background-image: url(/img/background_nieuws.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

#nieuwsitems > * {
    color: #333333;
}

#nieuws_leesalles {
    position: absolute;
    top: 13px;
    right: 267px;
    
    text-align: right;
}

#nieuws_title {
    position: absolute;
    width: 170px;
    height: 25px;

    top: 9px;
    left: 9px;
}

.nieuwsitem {
    position: relative;
    width: 224px;
    height: 40px;

    margin-top: 18px;
}

.nieuwsheadline {
    position: absolute;
    overflow: hidden;

    width: 224px;
    height: 25px;
    top: 0px;
    left: 9px;

    font-size: 12px;
    font-weight: bold;
    color: #333333;

    text-align: left;
}

.nieuwsheadline > * , .nieuwscontent > * {
    text-decoration: none;
    color: #333333;
}

.nieuwscontent {
    position: absolute;

    width: 224px;
    height: 26px;
    top: 18px;
    left: 9px;

    font-size: 11px;
    line-height: 13px;
    text-decoration: none;

}

.kijkertitlebar_2 {
    position: relative;
    width: 245px;
    height: 1px;
}

.kijkertitlebar_3 {
    position: relative;
    width: 245px;
    height: 1px;
    top: -1px;
    left: 255px;
}

.kijkertitle {
    position: absolute;
    width: 227px;
    height: 20px;

    top: 7px;
    left: 9px;
}

.kijkerbackground {
    position: absolute;
    top: 0px;
    left: 0px;
}

#kijker_2, #kijker_3, .kijker_2, .kijker_3 {
    position: relative;
    width: 245px;
    height: 334px;
}

#kijker_2, .kijker_2 {
    float: left;
    left: 0px;
}

#kijker_3, .kijker_3 {
    float: left;
    left: 10px;
    top: -1px;
}

.kijker_pand_2, .kijker_pand_3 {
    position: absolute;

    width: 226px;
    height: 302px;
    top: 32px;
    left: 9px;
}

.kijker_foto {
    position: absolute;
    top: 0px;
    left: 0px;
}

.kijker_sticker {
    position: absolute;
    top: -3px;
    left: -11px;
}

.kijker_gemeente {
    position: absolute;
    width: 220px;
    height: 45px;
    left: 0px;
    top: 178px;

    overflow: hidden;

    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
}

.kijker_descr {
    position: absolute;
    width: 220px;
    height: 45px;
    left: 1px;
    top: 205px;

    overflow: hidden;

    color: #FFFFFF;
}

.kijker_info {
    position: absolute;
    top: 259px;
    left: 63px;
}


/* NIEUWS */

.nieuwslink {
    padding-left: 10px;
    text-align: right;
}


/* CONTACT */

#contact_kantoren {
    float: left;
    width: 250px;
}

#contact_kaart {
    float: right;
    width: 502px;
}

#contact_kaart_rel {
    position: relative;
    width: 500px;
    height: 200px;
}

#contact_kaart_abs {
    position: absolute;
    width: 500px;
    height: 200px;
    top: 0px;
    left: 0px;
}

#contact_hr {
     float: left;
     width: 100%;
}

#contact_forms {
    float: left;
    position: relative;
    width: 100%;
    height: 320px;
}

#contactform td, #contactform td * {
}

#contactform .input {
    width: 200px;
}

#contactform .checkbox {
}

#contactform button {
    width: auto;
}

#contactform textarea {
    width: 100%;
    height: 120px;
}


/* CONTACT INFO */

.contactinfo_selectbox {
    width: 300px;
}

.contactinfo_inputtext {
    width: 200px;
}

.contactinfo_inputtext_zip {
    width: 50px;
}

.contactinfo_inputtext_gemeente {
    width: 141px;
}

.contactinfo_textarea {
    width: 294px;
    height: 120px;
}


/* AANBOD */

#google_zoek, #google_zoek_nieuwbouw {
    position: relative;
    width: 753px;
    height: 369px;
    overflow: hidden;

    background-color: #E3E6E8;
}

#googlezoek_background {
    position: absolute;
    top: 0px;
    left: 0px;
}

#googlezoek_title {
    position: absolute;
    top: 6px;
    left: 8px;

    width: 229px;
    height: 25px;
}


#google_zoek .googlezoek_item {
    position: absolute;
    width: 90px;
    height: 18px;

    left: 9px;

    margin: 0 0 0 0;
    padding: 0 0 0 20px;

    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    font-style: italic;
}

#googlezoek_item1 {
    top: 36px;
    
    background-image: url(/img/icon_zoek1.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#googlezoek_item2 {
    top: 110px;
    
    background-image: url(/img/icon_zoek2.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#googlezoek_item3 {
    top: 244px;
    
    background-image: url(/img/icon_zoek3.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.googlezoek_text > * {
    font-size: 11px;
    line-height: 16px;
    color: #FFFFFF;
}

#googlezoek_provincie, #googlezoek_oppervlakte, #googlezoek_bouwtype {
    position: absolute;
    width: 130px;
    left: 101px;
    line-height: 16px;
    overflow: hidden;
}

#googlezoek_provincie {
    height: 59px;
    top: 35px;
}

#googlezoek_oppervlakte {
    height: 120px;
    top: 109px;
}

#googlezoek_bouwtype {
    height: 59px;
    top: 243px;
}

#googlezoek_submit {
    position: absolute;
    top: 311px;
    left: 97px;

    cursor: pointer;
}

#google_zoek_nieuwbouw .googlezoek_item {
    position: absolute;
    width: 96px;
    height: 18px;

    left: 9px;

    margin: 0 0 0 0;
    padding: 0 0 0 20px;

    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    font-style: italic;
}

#google_zoek_nieuwbouw #googlezoek_item1 {
    top: 36px;
    
    background-image: url(/img/icon_zoek1.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#google_zoek_nieuwbouw #googlezoek_item2 {
    top: 110px;
    
    background-image: url(/img/icon_zoek2.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#google_zoek_nieuwbouw #googlezoek_item3 {
    top: 205px;
    
    background-image: url(/img/icon_zoek3.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#google_zoek_nieuwbouw #googlezoek_item4 {
    top: 264px;
    
    background-image: url(/img/icon_zoek4.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#googlezoek_type, #googlezoek_slpk, #googlezoek_gemeente, #googlezoek_prijs {
    position: absolute;
    width: 124px;
    left: 107px;
    line-height: 16px;
    overflow: hidden;
}

#googlezoek_type {
    height: 59px;
    top: 35px;
}

#googlezoek_slpk {
    height: 80px;
    top: 109px;
}

#googlezoek_gemeente {
    height: 51px;
    top: 204px;
}

#googlezoek_prijs {
    height: 51px;
    top: 263px;
}

#googlezoek_submit {
    position: absolute;
    top: 311px;
    left: 97px;

    cursor: pointer;
}

#googlezoek_gemeente #a_gemeente, #googlezoek_gemeente #a_postcode, #googlezoek_prijs #prijs_min, #googlezoek_prijs #prijs_max {
    color: #333333;
}

.googlezoek {
    position: absolute;
    border: 1px solid #EEF0F1;
    border-bottom: 3px solid #B90720;
    width: 498px;
    height: 352px;
    top: 0px;
    right: 0px;
    z-index: 999;
    display: inline;
}

.googlezoek_tooltip {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #404040;

    background-color: #FFFEEE;
    border: 1px solid #808080;
    padding: 2px 5px 2px 5px;
}

.housetooltip {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #404040;

    background-color: #FFFEEE;
    border: 1px solid #808080;
    padding: 2px 5px 2px 5px;

    width: 160px;
}

#tmpdiv {
    position: relative;
    min-height: 0px;

    margin: 0px;
    padding: 0px;
}

#aanbodtitlebar {
    position: relative;
    width: 100%;
    height: 30px;

    background-color: #E3E6E8;
}

#aanbodtitle {
    position: absolute;
    width: 300px;
    height: 14px;

    top: 3px;
    left: 10px;
}

#aanbodtitleimage {
    position: absolute;
    width: 753px;
    height: 25px;

    top: 1px;
    left: 0px;

    background-color: #E3E6E8;
}

#aanbod {
    position: relative;

    width: 753px;
    margin: 0 0 0 0;
}

#aanbod ul {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#aanbod li {
    position: relative;
    display: inline;
    float: left;

    width: 182px;
    height: 203px;
    margin: 0 8px 19px 0;
    list-style: none;
}

#aanbod .last {
    position: relative;
    display: inline;
    float: left;

    width: 182px;
    height: 203px;
    margin: 0 0 19px 0;

    list-style: none;
}


#aanbod .pand {
    position: relative;
    width: 182px;
    height: 203px;

    background-image: url(/img/background_bouwgrond.png);
    background-repeat: no-repeat;
    background-position: top left;

    color: #FFFFFF;
}

#aanbod .pand a {
    color: #FFFFFF;
}

#aanbod .pand_odd {

}

#aanbod .pand_even {

}

#aanbod .pandfoto1 {
    position: absolute;
    top: 44px;
    left: 9px;
}

#aanbod .pand_even .pandfoto1 {
}

#aanbod .pand_odd .pandfoto1 {
}

#aanbod .pandsticker {
    position: absolute;
    top: 42px;
    left: -2px;
}

#aanbod .pandtekst {
    position: absolute;
    top: 10px;
    left: 9px;

    width: 163px;
    height: 30px;
    overflow: hidden;

    padding: 0 0 0 0;
}

#aanbod .pandtitel {
    position: relative;

    font-size: 12px;

    width: 100%;

    overflow: hidden;

    text-transform: lowercase;
    color: #E3E6E8;
}

#aanbod .pandtitel strong {
    text-transform: uppercase;
    color: #FFFFFF;
}

#aanbod .pandtitel span {
    text-transform: capitalize;
    color: #FFFFFF;
}

#aanbod .pandopp {
    position: absolute;
    top: 175px;
    left: 19px;

    color: #FFFFFF;
    line-height: 18px;
    text-align: left;
}

#aanbod .pandopp > * {
    float: left;
    margin-right: 3px;
}

#aanbod .pandinfo {
    position: absolute;
    top: 168px;
    left: 103px;
}

#aanbod .pandinfo a {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}

#aanbod .pandinfo img {
    vertical-align: bottom;
}

.aanbod_blok {
    position: relative;
    width: 100%;
    height: 25px;
    overflow: hidden;

    margin: 10px 0 20px 0;

    color: #ffffff;
    font-size: 12px;
}

.aanbod_blok div {
    min-height: 14px;
}

.terug {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;

    margin: 0 0 0 0;
    text-align: right;
}

.terug a {
    text-transform: uppercase;
    font-weight: normal;
}

#sorteren {
    position: absolute;
    top: 1em;
    right: 0px;

    text-align: right;
    text-transform: uppercase;
}

#sorteren div {
}

#sorteren a, #sorteren span {
    text-transform: lowercase;
}


/* AANBOD NIEUWBOUW */

#aanbod_nieuwbouw {
    position: relative;

    width: 754px;
    margin: 0 0 0 0;
}

#aanbod_nieuwbouw ul {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#aanbod_nieuwbouw li {
    position: relative;
    display: inline;
    float: left;

    width: 754px;
    height: 193px;
    margin: 0 0px 19px 0;

    list-style: none;
}

#aanbod_nieuwbouw .pand {
    position: relative;
    width: 100%;
    height: 100%;

    background-image: url(/img/background_project.png);
    background-repeat: no-repeat;
    background-position: top left;

    color: #FFFFFF;
}

#aanbod_nieuwbouw .pand a {
    color: #FFFFFF;
}

#aanbod_nieuwbouw .pand_odd {

}

#aanbod_nieuwbouw .pand_even {

}

#aanbod_nieuwbouw .pandfoto1 {
    position: absolute;
    top: 12px;
    left: 9px;
}

#aanbod_nieuwbouw .pand_even .pandfoto1 {
}

#aanbod_nieuwbouw .pand_odd .pandfoto1 {
}

#aanbod_nieuwbouw .pandsticker {
    position: absolute;
    top: 10px;
    left: -2px;
}

#aanbod_nieuwbouw .pandref {
    position: absolute;
    top: 5px;
    right: 12px;
    text-align: right;

    font-size: 10px;
    color: #4d4d4d;
}

#aanbod_nieuwbouw .pandtekst {
    position: absolute;
    top: 8px;
    left: 253px;

    width: 489px;
    height: 183px;

    padding: 0 0 0 0;
}

#aanbod_nieuwbouw .pandtitel {
    position: relative;

    width: 275px;

    overflow: hidden;

    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

#aanbod_nieuwbouw .pandtitel strong {
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
}

#aanbod_nieuwbouw .pandtitel span {
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

#aanbod_nieuwbouw .pandtype {
    position: absolute;
    top: 57px;
    left: 0px;

    width: 275px;
    height: 18px;
    text-align: justify;

    font-size: 14px;
    color: #E3E6E8;

    margin: 0 0 0 0;
    overflow: hidden;
}

#aanbod_nieuwbouw .pandbeschr {
    position: absolute;
    width: 275px;
    height: 91px;

    top: 80px;
    left: 0px;

    overflow: hidden;

    margin: 0 0 0 0;

    text-align: justify;
    font-size: 11px;
    line-height: 13px;
    color: #FFFFFF;
}

#aanbod_nieuwbouw .pandprijs {
    position: absolute;
    top: 0px;
    left: 302px;

    width: 187px;
    height: 34px;

    font-size: 11px;
    line-height: 17px;
    color: #FFFFFF;
}

#aanbod_nieuwbouw .pandprijs span, #aanbod_nieuwbouw .pandextras span {
    font-style: italic;
    font-size: 12px;
    line-height: 17px;
    color: #FFFFFF;
}

#aanbod_nieuwbouw .pandextras {
    position: absolute;
    top: 65px;
    left: 555px;

    width: 187px;
    height: 51px;

    font-size: 11px;
    line-height: 17px;
    color: #FFFFFF;
}

#aanbod_nieuwbouw .pandinfo {
    position: absolute;
    top: 158px;
    left: 553px;
}

#aanbod_nieuwbouw .pandinfo a {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}

#aanbod_nieuwbouw .pandinfo img {
    vertical-align: bottom;
}

#aanbod_nieuwbouw .projectpanden {
    position: relative;
    left: 10px;
    margin-right: 10px;
    display: inline;
}

#aanbod_nieuwbouw .projectpanden th, .indelingpanden th {
    text-align: left;
    text-transform: uppercase;
}

#aanbod_nieuwbouw .projectpandenlijn {
    height: 2px;

    border: none;

    background-color: transparent;
    background-image: url(/img/hr.gif);
    background-repeat: repeat-x;
    background-position: top left;

    margin: 4px 0px 3px 0px;
}

#aanbod_nieuwbouw .projectpandenodd {
    line-height: 16px;
    background-color: #102B46;
}

.projectpandenlijst_question {
    position: absolute;
    top: -16px;
}

#aanbod_nieuwbouw .projectpandenspacer {
    font-size: 1px;
    line-height: 2px;

    margin: 0pt;
    padding: 0pt;
    display: inline;
}


/* AANBOD REFERENTIES */

#aanbod_referenties {
    position: relative;

    width: 780px;
    margin: 0 0 0 0;
}

#aanbod_referenties ul {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#aanbod_referenties li {
    position: relative;
    display: inline;
    float: left;

    width: 780px;
    height: 200px;
    margin: 0 0 10px 0;

    list-style: none;
}

#aanbod_referenties .pand {
    position: relative;
    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: top left;

    color: #ffffff;
}

#aanbod_referenties .pand a {
    color: #ffffff;
}

#aanbod_referenties .pand_odd {
    background-color: #656465;
}

#aanbod_referenties .pand_even {
    background-color: #3d3b3c;
}

#aanbod_referenties .pandfoto1, .projectfoto {
    position: absolute;
    top: 10px;
    left: 10px;
}

#aanbod_referenties .pand_even .pandfoto1 {
}

#aanbod_referenties .pand_odd .pandfoto1 {
}

#aanbod_referenties .pandfoto2 {
    position: absolute;
    top: 9px;
    left: 294px;

    padding: 2px 2px 0 2px;
}

#aanbod_referenties .pandfoto2 {
    position: absolute;
    top: 9px;
    left: 294px;

    padding: 2px 2px 0 2px;
}

#aanbod_referenties .pandfoto3 {
    position: absolute;
    top: 119px;
    left: 294px;

    padding: 2px 2px 0 2px;
}

#aanbod_referenties .pand_even .pandfoto2, #aanbod_referenties  .pand_even .pandfoto3 {
}

#aanbod_referenties .pand_odd .pandfoto2, #aanbod_referenties  .pand_odd .pandfoto3 {
}

#aanbod_referenties .pandsticker {
    position: absolute;
    top: 10px;
    left: 19px;
}

#aanbod_referenties .pandref {
    position: absolute;
    top: 5px;
    right: 12px;
    text-align: right;

    font-size: 10px;
    color: #4d4d4d;
}

#aanbod_referenties .pandtekst {
    position: absolute;
    top: 10px;
    left: 270px;

    width: 360px;
    height: 180px;
    overflow: hidden;

    padding: 0 0 0 0;
}

#aanbod_referenties .pandtekst_1foto {
    position: absolute;
    top: 10px;
    left: 270px;

    width: 500px;
    height: 180px;
    overflow: hidden;

    padding: 0 0 0 0;

    border: 1px solid blue;
}

#aanbod_referenties .pandtype {
    position: relative;

    font-weight: bold;
    font-size: 12px;
    color: #ffffff;

    margin: 0 0 8px 0;

    text-transform: uppercase;
}

#aanbod_referenties .pandtitel {
    position: relative;

    font-size: 12px;

    width: 100%;

    overflow: hidden;

    text-transform: uppercase;
}

#aanbod_referenties .pandtitel em {
    font-style: normal;
    text-transform: uppercase;
}

#aanbod_referenties .pandbeschr {
    position: relative;
    width: 100%;
    height: 132px;

    overflow: hidden;

    margin: 0 0 0 0;

    text-align: justify;
}

#aanbod_referenties .pandprijs {
    position: absolute;
    bottom: 0px;
    left: 0px;

    width: 100%;

    font-size: 12px;
}

#aanbod_referenties .pandprijs em {
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
}

#aanbod_referenties .pandinfo {
    position: absolute;
    bottom: 0px;
    right: 7px;

    text-align: right;
}

#aanbod_referenties .pandinfo a {
    color: #00aeef;
    font-size: 12px;
    text-decoration: none;
}

#aanbod_referenties .pandinfo img {
    vertical-align: bottom;
    margin-bottom: 2px;
}

#aanbod_referenties .pandstatus {
    position: absolute;
    top: 0px;
    right: 0px;

    font-size: 10px;
}

#aanbod_referenties .pand_odd .pandstatus {
    color: #656465;
}

#aanbod_referenties .pand_even .pandstatus {
    color: #3d3b3c;
}


/* DETAILPAGINA's + NIEUWBOUW MINISITE */

#hoofdfotogrond img, #hoofdfoto img, #nieuwbouwhoofdfoto img {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #ECEEEF;
}

.foto, .nieuwbouwfoto {
    position: absolute;
    visibility: visible;
}

.foto_hidden, .nieuwbouwfoto_hidden {
    position: absolute;
    visibility: hidden;
}

#gtab1a, #gtab1b {
    position: relative;

    width: 247px;
    height: 41px;

    margin-top: 3px;
    margin-left: -5px;
}

#gtab2, #gtab3, #gtab4, #gtabspacer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    color: #333333;
    text-decoration: none;
}

#gtab4 {
    float: right;
    margin-right: 4px;
}

#gtab0, #gtab1b, #gtab2, #gtab3, #gtab4 {
    display: none;
}

#gtabhr {
    margin: -14px 0px 8px 0px;
}

.grondkader, .nieuwbouwkader {
    padding: 0px 0px 12px 0px;
    margin: 0px 0px 0px 0px;
}

.grondkadertitle, .nieuwbouwkadertitle, .pandkadertitle {
    line-height: 27px;
}

.grondicon_geografical_info, .nieuwbouwicon_geografical_info, .pandicon_geografical_info {
    float: left;
}

.grondicon_description, .nieuwbouwicon_description, .pandicon_description {
    float: left;
}

.grondicon_technical_info, .nieuwbouwicon_technical_info, .pandicon_technical_info {
    float: left;
    margin-top: -2px;
}

.grondicon_downloads, .nieuwbouwicon_downloads, .pandicon_downloads {
    float: left;
    margin-top: -5px;
}

.grondicon_contact, .nieuwbouwicon_contact, .pandicon_contact {
    float: left;
}

.grondicon_construction_info, .nieuwbouwicon_construction_info, .pandicon_construction_info {
    float: left;
    margin-top: -1px;
}



/* DETAILPAGINA GRONDEN */

#top_buttons_grond {
    position: relative;
    width: 753px;
    height: 8px;
}

#vorigegrond {
    position: absolute;
    width: 130px;
    height: 41px;
    top: -34px;
    left: 250px;
}

#grondoverzicht {
    position: absolute;
    width: 246px;
    height: 41px;
    top: -34px;
    left: 381px;
}

#volgendegrond {
    position: absolute;
    width: 130px;
    height: 41px;
    top: -34px;
    left: 628px;
}

#fotosgrond {
    position: relative;

    width: 502px;
    height: 385px;
}

#hoofdfotogrond {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 502px;
    height: 377px;
}

.thumbnailgrond {
    width: 120px;
    height: 90px;

    padding: 0px 6px 2px 0px;
}

.thumbnailgrond img {
    width: 120px;
    height: 90px;

    padding: 0px 0px 0px 0px;
}

.thumbnailgronddummy {
    padding: 0px 6px 2px 0px;
}

#scrolldivgrond {
    position: relative;
    width: 248px;
    height: 92px;

    top: 0px;
    left: 0px;

    overflow: hidden;
    clip: rect(0px, 248px, 92px, 0px);
}

#scrollcontgrond {
    position: absolute;
    height: 90px;
    top: 0px;
    left: 0px;
    padding: 0px;
}

#voorstelaanbod {
    position: relative;

    width: 499px;
    margin: 0 0 0 0;
}

#voorstelaanbod ul {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#voorstelaanbod li {
    position: relative;
    display: inline;
    float: left;

    width: 245px;
    height: 222px;
    margin: 0 9px 9px 0;
    list-style: none;
}

#voorstelaanbod .last {
    position: relative;
    display: inline;
    float: left;

    width: 245px;
    height: 237px;
    margin: 0 0 9px 0;

    list-style: none;
}

#voorstelaanbod .pand {
    position: relative;
    width: 245px;
    height: 237px;
    
    background-image: url(/img/background_suggestion.png);
    background-repeat: no-repeat;
    background-position: top left;

    color: #FFFFFF;
}

#voorstelaanbod .pandfoto1 {
    position: absolute;
    top: 12px;
    left: 9px;
}

#voorstelaanbod .pandinfo {
    position: absolute;
    bottom: -6px;
    left: 135px;
}

#voorstelaanbod .pandinfo a {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}

#voorstelaanbod .pandinfo img {
    vertical-align: bottom;
}

#voorstelaanbod .pandprijs {
    position: absolute;
    top: 187px;
    left: 9px;

    width: 125px;
    height: 30px;

    font-size: 11px;
    line-height: 15px;
    color: #FFFFFF;
}

#voorstelaanbod .pandprijs span {
    font-style: italic;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF;
}


#voorstelaanbod .voorstelprijs {
    position: absolute;
    top: 187px;
    left: 9px;

    width: 129px;
    height: 44px;

    font-size: 11px;
    line-height: 15px;
    color: #FFFFFF;
    text-align: left;
}

#voorstelaanbod .voorstelprijs span {
    font-style: italic;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF;
}



/* DETAILPAGINA PROJECTPAND */

#top_buttons {
    position: relative;
    width: 753px;
    height: 13px;
}

#pandoverzicht {
    position: absolute;
    top: -7px;
    left: -3px;
}

#vorigepand {
    position: absolute;
    top: -7px;
    left: 246px;
}

#volgendepand {
    position: absolute;
    top: -7px;
    left: 374px;
}

#fotos {
    position: relative;

    width: 753px;
    height: 380px;
}

#hoofdfoto {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 501px;
    height: 378px;
}

#thumbnails {
    position: absolute;
    top: 46px;
    left: 506px;

    width: 248px;
    height: 286px;
}

.thumbnail {
    width: 122px;
    height: 92px;

    padding: 0px 6px 5px 0px;
}

.thumbnail img {
    width: 120px;
    height: 90px;

    padding: 0px 0px 0px 0px;
}

#scrolldiv {
    position: relative;
    width: 250px;
    height: 286px;

    overflow: hidden;
    clip: rect(0px, 250px, 286px, 0px);
}

#scrollcont {
    position: absolute;
    height: 286px;
    top: 0px;
    left: 0px;
    padding: 0px;
}

.thumbnaildummy {
    padding: 0px 6px 5px 0px;
}

#slideshow {
    position: absolute;
    top: 5px;
    left: 500px;

    width: 257px;
    height: 41px;

    text-align: center;
}

#morediv {
    position: absolute;

    width: 257px;
    height: 41px;
    top: 334px;
    left: 500px;

    text-align: center;
    text-decoration: none;
}

#previousdiv {
    position: absolute;
    top: 345px;
    left: 552px;

    width: 11px;
    height: 14px;

    text-align: center;
    text-decoration: none;
}

#nextdiv {
    position: absolute;
    top: 345px;
    left: 696px;

    width: 11px;
    height: 14px;

    text-align: center;
    text-decoration: none;
}

#detailknoppen {
    position: relative;

    width: 247px;
    height: 80px;

    left: 507px;
}

#printpage {
    position: absolute;
    top: 0px;
    left: -5px;

    text-align: center;
}

#mail2friend {
    position: absolute;
    top: 0px;
    left: 122px;

    text-align: center;
}

#extrainfo {
    position: absolute;
    top: 36px;
    left: -5px;

    text-align: center;
}

#panddelen {
    position: absolute;
    top: 36px;
    left: 122px;

    text-align: center;
}

#nav {
    position: absolute;
    top: -40px;
    right: 10px;

    width: 450px;
    height: 26px;
}

#nav div {
    position: relative;
    display: inline;
    float: right;

    margin-left: 4px;
}

#detail {
    width: 780px;
    background-color: #f2fbff;
}

#detail_tekst {
    background-color: #ffffff;
    padding-bottom: 10px;
}

#detail_prijs {
    position: absolute;
    top: 0px;
    left: 0px;

    padding: 5px 15px 4px 15px;

    font-weight: bold;
    font-size: 15px;
    color: #ffffff;

    background-color: #00adef;
}

#detail_geografisch {
    position: relative;

    width: 210px;
    margin: 46px 8px 0 20px;
}

.thumbdiv {
    position: relative;
    width: 136px;
    height: 103px;

    margin: 0 10px 7px 0;

/*    background-image: url(/img/background_thumbnail.gif); */
/*    background-repeat: no-repeat; */

}

.thumbdiv img {
/*    margin: 6px 8px 12px 12px; */

    border: 2px solid #333333;
}

#fotoknoppen {
    position: relative;

    width: 764px;
    height: 26px;

    margin: 0 0 0 0;
}

#fotoknoppen > div {
    position: relative;
    display: inline;
    float: right;

    margin: 0 0 0 4px;
    font-size: 0;
}

#fotoknoppen div {
    __position: relative;
    __display: inline;
    __float: right;

    __margin: 0 0 0 4px;
    __font-size: 0;
}


#fotoknoppen > div:first-child {
    margin: 0 15px 0 72px;
}

#fotoknoppen div div {
    position: relative;
    display: inline;
    float: left;

    margin: 0 0 0 0;
}

#meerfotos {
}

#toonplan {
    position: relative;
    width: 173px;
    height: 26px;
}

.indeling {
    margin: -8px 0 0 0;
}

.indeling table th {
    padding: 0 0 0 0;
}

.indeling .verdiep {
    color: #333333;
    font-weight: normal;
    font-size: 14px;
}

.indeling .opp {
    color: #f7f3f3;
    font-weight: bold;
}

.indeling .beschrijving {
    color: #f7f3f3;
    font-weight: bold;
}

.indeling .rightcol {
}

#financieel .rightcol {
    text-align: right;
}

#ruimtelijke_ordening {
}

#ruimtelijke_ordening .leftcol {
}

#ruimtelijke_ordening .rightcol {
}

#downloads {
}

#downloads div {
    white-space: nowrap;

    width: 266px;
    overflow: hidden;
}

#downloads img {
    margin-right: 8px;
    vertical-align: bottom;
    margin-bottom: 2px;
}

#wait {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    background: #000000;
    filter: alpha(opacity=50);
    opacity: 05;
    -moz-opacity: 0.5;
}

#a2apage_DEFAULT {
    display:none !important;
}

#a2apage_EMAIL {
    display:none !important;
}

#a2apage_BROWSER {
    display:none !important;
}


/* HOMEPAGE, AANBOD, DETAIL, NIEUWBOUW, HMODH */

.detailkader {
    background-color: #797B7B;

    padding: 18px 14px 20px 15px;
}

.detailkadertitle {
    font-size: 14px;
    line-height: 14px;

    color: #FFFFFF;
}

.even, .odd {
    background-image: url(/img/background_odd_even.png);
    background-repeat: repeat;
    background-position: top left;
    line-height: 18px;
    height: 18px;
}

.detailspacer {
    font-size: 1px;
    line-height: 1px;
}

.leftcol, .leftcol > * {
    font-size: 11px;
    line-height: 16px;

    text-align: left;
    padding-left: 4px;

    color: #FFFFFF;
}

.leftcol A {
    color: #FFFFFF;
}

.rightcols > * {
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;

    text-align: left;
    padding-left: 4px;

    color: #FFFFFF;
}

.line {
    height: 1px;
    color: #000000;
    background-color: #000000;
}

.hmodh {
    color: #FFFFFF;
    line-height: 13px;
}

.hmodhsmall {
    font-size: 10px;
    line-height: 13px;
    color: #000000;
    text-align: left;
}

.hmodh > * {
    color: #FFFFFF;
}

.hmodhkadertitlelight {
    font-size: 14px;
    line-height: 14px;

    color: #FFFFFF;
}

.hmodhkadertitledark {
    font-size: 14px;
    line-height: 14px;

    color: #333333;
}


/* VOORSTEL BEBOUWING DETAILPAGINA */

#top_buttons_voorstel {
    position: relative;
    width: 753px;
    height: 35px;
}

#contenttitle_voorstel {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 490px;
    height: 39px;

    font-size: 16px;
    line-height: 19px;
    color: #333333;

    overflow: hidden;
}

#contenttitle_voorstel strong {
    font-size: 16px;
    line-height: 19px;
    color: #333333;
}

#voorsteloverzicht {
    position: absolute;
    top: -7px;
    left: -3px;
}

#vorigvoorstel {
    position: absolute;
    top: -7px;
    left: 246px;
}

#volgendvoorstel {
    position: absolute;
    top: -7px;
    left: 374px;
}


/* WERVEN */

.werven {
    position: relative;
    width: 600px;
}

.werven ul {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.werven li {
    position: relative;
    display: inline;
    float: left;

    width: 600px;
    height: 140px;
    margin: 0 0 20px 0;

    list-style: none;
}

.werven .werf {
    position: relative;
    width: 100%;
    height: 100%;

    background-color: #444545;
    border-bottom: 3px solid #b90720;
}

.werf .werf_foto {
	position: absolute;
	top: 9px;
	left: 9px;
}

.werf .werf_tekst {
	position: absolute;
	top: 9px;
	left: 200px;

	width: 378px;
	height: 100%;

	color: #ffffff;
}

.werf_tekst h2 {
	color: #ffffff;

    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;

	margin-bottom: 6px;
}

.werf .werf_meerinfo {
	position: absolute;
	bottom: -9px;
	right: 16px;
}

#top_buttons_werf {
    position: relative;
    width: 753px;
    height: 8px;
}

#vorigewerf {
    position: absolute;
    width: 130px;
    height: 41px;
    top: -34px;
    left: 250px;
}

#werfoverzicht {
    position: absolute;
    width: 246px;
    height: 41px;
    top: -34px;
    left: 381px;
}

#volgendewerf {
    position: absolute;
    width: 130px;
    height: 41px;
    top: -34px;
    left: 628px;
}



/* CATALOGUS */

.contenttitle_catalogus {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
}

.contenttitle_catalogus strong {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
}

#catalogus {
    position: relative;

    width: 753px;
    margin: 0 0 0 0;
}

#catalogus ul {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#catalogus li {
    position: relative;
    display: inline;
    float: left;

    width: 182px;
    height: 203px;
    margin: 0 8px 19px 0;
    list-style: none;
}

#catalogus .last {
    position: relative;
    display: inline;
    float: left;

    width: 182px;
    height: 203px;
    margin: 0 0 19px 0;

    list-style: none;
}

#catalogus .pand {
    position: relative;
    width: 182px;
    height: 203px;

    background-image: url(/img/background_cataloguspand.png);
    background-repeat: no-repeat;
    background-position: top left;

    color: #FFFFFF;
}

#catalogus .pand a {
    color: #FFFFFF;
}

#catalogus .pand_odd {

}

#catalogus .pand_even {

}

#catalogus .pandfoto1 {
    position: absolute;
    top: 44px;
    left: 9px;
}

#catalogus .pand_even .pandfoto1 {
}

#catalogus .pand_odd .pandfoto1 {
}

#catalogus .pandsticker {
    position: absolute;
    top: 42px;
    left: -2px;
}

#catalogus .pandtitel {
    position: absolute;
    top: 10px;
    left: 9px;

    width: 163px;
    height: 30px;
    overflow: hidden;

    font-size: 12px;
    text-transform: lowercase;
    color: #E3E6E8;
}

#catalogus .pandtitel strong {
    text-transform: uppercase;
    color: #FFFFFF;
}

#catalogus .pandtitel span {
    text-transform: capitalize;
    color: #FFFFFF;
}

#catalogus .pandtekst {
    position: absolute;
    top: 10px;
    left: 9px;

    width: 163px;
    height: 30px;
    overflow: hidden;

    padding: 0 0 0 0;
}

#catalogus .pandprijs {
    position: absolute;
    top: 175px;
    left: 10px;

    color: #FFFFFF;
    line-height: 18px;
    text-align: left;
}

#catalogus .pandinfo {
    position: absolute;
    top: 168px;
    left: 103px;
}

#catalogus .pandinfo a {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}

#catalogus .pandinfo img {
    vertical-align: bottom;
}

#catalogusoverzicht {
    position: absolute;
    top: -7px;
    left: -3px;
}



/* NIEUWBOUW MINISITE + DETAILPAGINA PROJECTPAND */

#top_buttons_nieuwbouw {
    position: relative;
    width: 753px;
    height: 35px;
}

#contenttitle_nieuwbouw {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 490px;
    height: 39px;

    font-size: 16px;
    line-height: 19px;
    color: #333333;

    overflow: hidden;
}

#contenttitle_nieuwbouw strong {
    font-size: 16px;
    line-height: 19px;
    color: #333333;
}

#vorigeproject {
    position: absolute;
    top: -1px;
    left: 500px;
}

#volgendeproject {
    position: absolute;
    top: -1px;
    left: 628px;
}


/* NIEUWBOUW MINISITE */

.nbtab {
    position: relative;
}

#frmgeocoords #gtab1a, #frmgeocoords #gtab1b, #frmgeocoords #gtab2, #frmgeocoords #gtab3, #frmgeocoords #gtab4, #frmgeocoords #gtabspacer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    color: #333333;
    text-decoration: none;
}

#frmgeocoords #gtab4 {
    float: right;
    margin-right: 4px;
}

#frmgeocoords #gtab1a {
    display: none;
}

#frmgeocoords #gtabhr {
    margin: -14px 0px 8px 0px;
}

#nbfotos {
    position: relative;

    width: 753px;
    height: 380px;
}

#nieuwbouwhoofdfoto {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 501px;
    height: 378px;
}

#nieuwbouwthumbnails {
    position: absolute;
    top: 46px;
    left: 506px;

    width: 248px;
    height: 286px;
}

.nieuwbouwthumbnail {
    width: 122px;
    height: 92px;

    padding: 0px 6px 5px 0px;
}

.nieuwbouwthumbnail img {
    width: 120px;
    height: 90px;

    padding: 0px 0px 0px 0px;
}

#nieuwbouwscrolldiv {
    position: relative;
    width: 250px;
    height: 286px;

    overflow: hidden;
    clip: rect(0px, 250px, 286px, 0px);
}

#nieuwbouwscrollcont {
    position: absolute;
    height: 286px;
    top: 0px;
    left: 0px;
    padding: 0px;
}

.nieuwbouwthumbnaildummy {
    padding: 0px 6px 5px 0px;
}

#projectslideshow {
    position: absolute;
    top: 5px;
    left: 500px;

    width: 257px;
    height: 41px;

    text-align: center;
}

#nbmorediv {
    position: absolute;

    width: 257px;
    height: 41px;
    top: 334px;
    left: 500px;

    text-align: center;
    text-decoration: none;
}

#nbpreviousdiv {
    position: absolute;
    top: 345px;
    left: 552px;

    width: 11px;
    height: 14px;

    text-align: center;
    text-decoration: none;
}

#nbnextdiv {
    position: absolute;
    top: 345px;
    left: 696px;

    width: 11px;
    height: 14px;

    text-align: center;
    text-decoration: none;
}

.white {
    color: #FFFFFF;
}

.streep {
    border-right: 1px dashed #B9BBBC;
}


/* NOTKOST */

#nform {
}

#nform input {
    text-align: right;
    width: 50px;
}

#nform .checkbox {
    margin: -2px -3px -1px -4px;
}

#nform .button {
    text-align: center;
    width: auto;
}


/* STANDAARD ZOEKFORMULIER */

#zform {
}

#zform input {
    width: 150px;
}

#zform .checkbox {
    margin: -2px -3px -1px -4px;
    width: auto;
}

#zform .getal {
    width: 70px;
}

#zform .opp {
    width: 50px;
}

#zform .button {
    text-align: center;
    width: auto;
}


/* GOOGLE MAP */

.tooltip {
    border: 1px solid #808080;
    padding: 2px 5px 2px 5px;
    color: #000000;
    background-color: #FFFEEE;
    font-weight: normal;
}

#googleplan {
    position: relative;
    width: 765px;
    margin-bottom: 10px;
}

.googletab {
    position: relative;
    display: inline;
    float: left;

    margin: 10px 2px 0 0;
    background-color: #004e93;
}

.googletab a {
    padding: 3px 8px 3px 8px;
    display: block;

    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial, sans-serif;
    color: #cdd5e9;
}

.googlemaps_info_color {
    color: #404040;
}


/* GOOGLE MAP map.php */

.mapbody {
    margin: 0;
    overflow: hidden;
    background-image: none;
}


/* KNOPPEN */

.knoppen {
    position: relative;

    width: 100%;

    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.knoppen div, .knoppen img {
/*    position: relative; */
/*    display: inline; */
/*    float: left; */

    margin: 0 0 4px 0;
    cursor: pointer;
}

.knoppen > img:first-child {
/*    margin: 0px; */
}

.knoppen div div {
    padding: 0px;
    margin: 0px;
}

.knoppen * {
    font-weight: bold;
    color: #777777;
    text-decoration: none;
}

.knoppen a, .knoppen img {
/*    display: block; */
    cursor: pointer;
}

.knop {
    background-image: url(/img/background_knop.gif);
    color: #e67a7a;
    text-align: center;

    border-right: 1px solid #6f1010;

    min-width: 77px;
    height: 15px;
}

.knop a {
    color: #ffffff;
    text-decoration: none;
    display: block;
}


/* POSITIONING */

.floatleft {
    position: relative;
    display: inline;
    float: left;
}

.floatright {
    position: relative;
    display: inline;
    float: right;
}

.clearfloats
{
    display: block;
    float: none;
    clear: both;

    margin: 0px;
    padding: 0px;

    background-color: transparent;
    background-image: none;
    border: none;
}

.relative {
    position: relative;
    width: 100%;
}

.topleft {
    position: absolute;
    top: 0px;
    left: 0px;
}

.topright {
    position: absolute;
    top: 0px;
    right: 0px;
}


/* MISC */

.clearleft {
    clear: left;
}

.clearright {
    clear: right;
}

.fontword {
    position: relative;
    font-size: 0px;
}

.handje {
    cursor: pointer;
}

.png {
}

.align_right {
    text-align: right;
}

.print {
    display: none;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}