/* CSS Document */
div#container { display: none; }
div.content { position:relative; margin-bottom:30px; height: 750px; }
div.plattegrond { position:relative; clear:both; border: solid 1px #d2d2d4; border-top:0; width: 940px; overflow:hidden}
div#googlemaps_column.groot {width:670px; position:absolute; left: 270px; }
a#uitklap { position:absolute; top:0px; left:254px; display:block; width: 16px; text-indent: -200px; overflow:hidden}
a#uitklap span {display:block; width: 16px; height: 45px; background-position: 0 -41px;}
a#uitklap.ingeklapt span { background-position: -16px -41px; left: 0; }	
div.subcategorie { width: 270px; position:absolute; top:0; left:0; overflow:hidden; }
a#uitklap, div.subcategorie a {cursor:pointer;}
div.subcat_animator { position:absolute; top:0; z-index:0; overflow:hidden;}
	
div.subcategorie, div.shaduw, div#googlemaps_column.groot, div.plattegrond, #uitklap.ingeklapt { height: 690px;}

div.shaduw { background: transparent url(/img/layout/shaduw.png) right repeat-y; width: 17px; position:relative; left: 270px;}

div.subcat_container { height: 491px;/* overflow: auto;*/ overflow:hidden; width:270px;}
div.subcategorie h4, div.subcategorie h4 a { color: #171840; font-size: 16px; font-weight: bold; margin:0; padding:0; padding-left: 16px; line-height: 43px }
div.subcategorie h4 a { padding-left: 22px;}
div.subcategorie h4, div.subcat_container ul li { border-bottom: solid 1px #e6e5ea; }

div.subcat_container ul li a, ul.filters li a, div.extra ul li a { background: url(/img/layout/sprite.png) no-repeat}

div.subcat_container ul, div.subcat_container ul li { margin:0; padding:0; width: 100%}
div.subcat_container ul li a{ height:32px; line-height: 32px; display:block; font-size: 11px; padding-left: 16px; font-weight: bold; background-position: 227px -85px; }
div.subcat_container ul li a.active { background-color: #f3f3f5; color: #171840; background-position: 227px -109px; }

ul.filters, div.extra {background: url(/img/layout/bg_plattegrond.png) 0 0 repeat-x;}	
	
ul.filters { width: 924px; height: 38px; padding: 22px 0 0 16px;float:left; display:block; border: solid 1px #d2d2d4; }
ul.filters li, div.extra ul li, div.extra ul li a { float:left; }
ul.filters li a, div.extra ul li a { background-position:-47px -68px; /* 2px*/ padding: 0 26px 0 17px; font-size: 14px; font-weight: bold; cursor:pointer; }
ul.filters li a.active, div.extra ul li a.active { background-position: -47px -42px; /* 22px */ color: #171840; }

div.extra { background-position: 0 -60px; position:absolute; top: 534px; border-top: solid 1px #8a8b9f; width: 255px; padding: 16px 0 0 16px; }
div.extra ul { margin-top: 5px;}
div.extra ul li { height:20px; }
div.extra ul li a { font-size: 11px; line-height:20px; padding-right:0; width: 110px; display:block; }
div.extra ul li a {background-position: -47px -66px;}
div.extra ul li a.active { background-position:-47px -40px;}

.displaynone { display: none; }
.hidden { visibility:hidden }

div.overzicht_item_big { display:none; }

/* kleine resolutie 1024 */
div#plattegrond.laag div.subcategorie, div#plattegrond.laag div.shaduw, div#plattegrond.laag div#googlemaps_column.groot, div#plattegrond.laag, #uitklap.ingeklapt { height: 456px; !important }
div.content.laag { height: 526px; !important }
div#plattegrond.laag div.subcat_container { height: 258px; !important }
div#plattegrond.laag div.extra { top: 300px; } 
	
/* normale resolutie 1280  */
div#plattegrond.middel div.subcategorie, div#plattegrond.middel div.shaduw, div#plattegrond.middel div#googlemaps_column.groot, div#plattegrond.middel, #uitklap.ingeklapt { height: 730px; !important}
div.content.middel { height: 790px; !important }
div#plattegrond.middel div.subcat_container { height: 480px; !important }
div#plattegrond.middel div.extra { top: 524px; }

div.big { background-image: url(/img/layout/maps/info_balloon_groot.png); background-position: 0 0; width:398px;}
div.big div.content { width: 325px; float:left; height: 160px; font-size: 12px }
div.big div.content img.parken-image { position:relative; margin-right: 20px; }
div.googlemaps_infowindow div.content div.adres h4, div.adres h4, div.googlemaps_infowindow div.content div.adres h4 a, div.adres h4 a { font-size: 12px; line-height: 15px }
div.big div.content div.adres { position:relative; width: 140px; font-size: 12px }
div.googlemaps_infowindow div.content div.adres { height: 120px;}
div.googlemaps_infowindow div.content ul { width: 260px; font-size: 11px; }

div.loader { background: #fff url(/img/layout/loader2.gif) no-repeat center center; left:0; top:0px; position:absolute; width:100%; height:750px; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; z-index:10000000; }
div#plattegrond.middel div.loader { height: 516px;}
div#plattegrond.laag div.loader { height: 562px;}

div.googlemaps_controls_view {width:179px;height:28px;display:block;position:absolute; right:10px; top:10px; overflow:hidden}
div.googlemaps_controls_view div {display:block;position:absolute;cursor:pointer; height:28px;}
div.googlemaps_controls_view .normal, div.googlemaps_controls_view .satelliet, div.googlemaps_controls_view .terrein {background:url(/img/layout/satelliet.png) no-repeat 0 0;}
div.googlemaps_controls_view .normal {width:60px;height:56px;left:0px;top:0px; background-position: 0 0;}
div.googlemaps_controls_view div.satelliet {width:57px;height:56px;left:60px;top:0px; background-position: -60px 0; overflow:hidden}
div.googlemaps_controls_view .terrein {width:62px;height:56px;left:117px;top:0; background-position: -117px 0;}
div.googlemaps_controls_view .normal.active { background-position: 0 -28px;}
div.googlemaps_controls_view div.satelliet.active {background-position: -60px -28px;}
div.googlemaps_controls_view .terrein.active {background-position: -117px -28px;}