body {margin:0px;padding:0px;text-align:center;}
body {font-family:arial;}
body,div,table,tr,td,p,span,a,div, input, select {font-family:arial;color:#00367B;font-size:12px;}

/* PORTAALPAGINA
div#portaal {position:relative;width:1024px;height:526px;background-image:url(/images/bg_portaal.jpg) ;background-position:top left ;background-repeat:repeat-x;background-color:#fff;margin-left:auto;margin-right:auto;text-align:center;padding-top:20px;font-family:verdana;}
div#portaal h1 {font-style:italic; font-size:24px;line-height:40px;margin:0px;padding:0px;font-family:verdana;}
div#portaal h2 {font-style:italic; font-size:17px;line-height:24px;font-weight:normal;margin:0px;padding:0px;font-family:verdana;}
div#portaal div.blok {position:absolute;top:140px;text-align:center;width:369px;}
div#portaal div.orange {left:115px;}
div#portaal div.blue {right:115px;}
div#portaal div.blok img { border:none; vertical-align:bottom;}
div#portaal div.blok a {font-family:arial;font-size:12px;color:#666666;}
div#logos { padding-top:20px;}
div#logos img { bordeR:none;}*/

/* WEBSITE*/
div#page {/*padding-top:20px;*/position:relative;width:902px;background-color:#fff;margin-left:auto;margin-right:auto;text-align:center;}
div#wrapper {float:left;position:relative;clear:both;padding:0px;margin: 3px 0 0 0;width:100%;}
div#leftbulk {position:relative;float:left;padding:0px;width:601px; margin: 0 3px 10px 0;}
div#rightbulk {position:relative;width:298px;float:left; overflow:hidden; margin-bottom: 25px;}
div#bgbottom {clear:both; width:100%; background:url(/images/footer.png) repeat-x; height:7px;}

/* header */
DIV#header { }
DIV#header DIV#header_logo{float:left;width:601px;text-align:center; height:144px; margin:0 3px 0 0; padding:0;}
DIV#header DIV#header_logo img.makelaarlogo {margin-top:-10px;margin-top:30px;}
DIV#header DIV#header_right{float:right;width:298px; height:144px; background:#C5C5C5;}
DIV#header DIV#header_right IMG{margin-top:6px;}
DIV#header DIV#header_right A{display:block;width:102px; height:28px;background:url(/images/logo_exclusief_button.png); margin:13px auto 0 auto;color:#FFFFFF;text-decoration:none;padding-top:5px;}

/* tabs*/
DIV#menu{width:601px; height:49px;margin: 0 0 3px 0;}
DIV#menu A{float:left;height:49px;text-decoration:none; color:#FFFFFF; background:url(/images/buttons/button.png);margin-right:1px;line-height:49px;font-weight:bold;font-size:15px; }
DIV#menu A.home{background:url(/images/buttons/button_first.png);width:70px;}
DIV#menu A.aanbod{width:76px;}
DIV#menu A.dienst{width:146px;}
DIV#menu A.vestiging{width:117px;}
DIV#menu A.overons{width:100px; }
DIV#menu A.contact{width:87px;background:url(/images/buttons/button_last.png) right; margin: 0;}

DIV#menu A.home:hover, DIV#menu A#home.selected{background:url(/images/buttons/button_home_over.png);}
DIV#menu A.aanbod:hover,DIV#menu A#aanbod.selected{background:url(/images/buttons/button_aanbod_over.png);}
DIV#menu A.dienst:hover, DIV#menu A#dienstverlening.selected{background:url(/images/buttons/button_dienst_over.png);}
DIV#menu A.vestiging:hover, DIV#menu A#vestiging.selected{background:url(/images/buttons/button_vestiging_over.png);}
DIV#menu A.overons:hover, DIV#menu A#overons.selected{background:url(/images/buttons/button_overons_over.png);}
DIV#menu A.contact:hover, DIV#menu A#contact.selected{background:url(/images/buttons/button_contact_over.png);}
UL.tabs_submenu{display:none;}
/*div#tabs {text-align:left;margin:0px;padding:0px;clear:both;height:49px;overflow:hidden;padding-left:3px;background-image:url(/images/bg_content_top.jpg) ;background-position:top left ;background-repeat: no-repeat;}
div#tabs img { border:none; margin-right:1px;display:inline;cursor:pointer;}
*/
ul.tabs_submenu {position:absolute;top:49px;z-index:10;list-style-type:none;margin:0px;display:none; padding:0;}
ul.tabs_submenu li {border-bottom:solid 1px #fff;line-height:20px;padding:0 20px 0 20px;text-align:left;}
ul.tabs_submenu li, ul.tabs_submenu li.out {background-color:#D0E0EE;color:#00367B;cursor:pointer;}
ul.tabs_submenu li a,ul.tabs_submenu li.out a{text-decoration:none;}
ul.tabs_submenu li.on {background-color:#00367B;}
ul.tabs_submenu li.on a{text-decoration:none;color:#fff;}

ul#submenu-aanbod{left:71px;}
ul#submenu-dienstverlening{left:148px;}
ul#submenu-vestiging{left:295px;}
ul#submenu-overons {left:413px;}

/* CONTENT */
.afbeelding {clear:both;padding-bottom:0px;margin: 0 0 3px 0; }
div#content {text-align:left;width:600px;/*padding-left:3px;*/ overflow:hidden;}
div#content h1 {font-size:12px;}

div#nieuws {margin-left:13px;margin-top:20px;width:600px;float:left;}
div#nieuws div.nieuws_buttons{width:100%;float:left;}
div#nieuws1 {margin-left:13px;margin-top:20px;width:587px;float:left;}
div#nieuws img {vertical-align:middle;margin-right:5px;}
div#nieuws a { font-size:15px;font-weight:bold;}
div#nieuws ul {list-style-type:none;padding-left:10px;margin-left:10px; float:left;}
div#nieuws li {font-size:11px;width:240px;margin-bottom:10px;}
div#nieuws li a {font-size:11px;color:#F0791F;font-weight:bold;}

div#blokjes {background:url(/images/buttons/button_home.png); margin: 0;}
DIV#blokjes A{float:left; height:49px;text-align:center; text-decoration:none;margin:0;}
DIV#blokjes A.button_inschrijven{width:300px; margin-right:3px; background:url(/images/buttons/button_home.png) left; }
DIV#blokjes A.button_waardebepaling{width:297px; background:url(/images/buttons/button_home.png) right; }
DIV#blokjes A div{color:#FFFFFF; font-size:13px; font-weight:bold;font-weight:bold;}

/* Binnenkant buttons */
DIV.inner_button{margin-top:8px;}

/* RECLAME BLOK */
div#reclame_blok {background-color:#EFF4FA;width:301px;height:173px;min-height:173px;text-align:center;display: table; z-index:10;display:none;}

/* PLATTEGROND BLOK */
div#plattegrond_blok {width:301px;height:185px;}

/* FOOTER */	
div#footer {clear:both;width:100%;height:49px;}
DIV#footer img{border:0;}
DIV#footer_left{float:left;}
DIV#footer_left img{margin: 7px 19px 0 0;}
DIV#footer_right{float:right;}
DIV#footer_right img{margin: 12px 0 0 0;}

/* ZOEKMACHINES */
DIV#flashbanner{width:100%;margin: 3px 0 0 0;}


/*DIV#bottom_buttons{width:298px; margin: 3px 0 0 0;position:absolute; bottom:0; right: 0; border: solid black 4px; height: 50px; }*/
DIV#bottom_buttons div.links {float:right;margin-top:22px; position:absolute; bottom:5px;right:0; font-size:14px;margin-left:1px; }
DIV#bottom_buttons div.links span{float:left;}
DIV#bottom_buttons div.links a {float: left;text-decoration:none;margin: 0 11px;}

div#social{width:100%;height:49px;background:url(/images/buttons/button_social.png); margin: 6px 0 0 0; @margin: 3px 0 0 0; text-align:left; }
div#social IMG{margin: 13px 0 0 21px;border:0;}

div#snelzoeken {width:100%;height:261px;text-align:left; /*background-color:#D0E0EE; */}
DIV#snelzoeken A.button_left{margin-right:2px;background:url(/images/buttons/button_snel_zoeken.png) left no-repeat;width:148px;text-decoration:none; height:49px; float:left;vertical-align : middle; display : table-cell;}
DIV#snelzoeken A.button_left div{font-size:14px; color:#FFFFFF; text-align:center;font-weight:bold;}
DIV#snelzoeken A.button_right{background:url(/images/buttons/button_snel_zoeken.png) right no-repeat;width:148px; height:49px;text-decoration:none; float:left;vertical-align : middle; display : table-cell;}
DIV#snelzoeken A.button_right div{font-size:14px; color:#FFFFFF; text-align:center;font-weight:bold;}
DIV#snelzoeken A.selected, DIV#snelzoeken A:hover{background:url(/images/buttons/button_snel_zoeken_over.png); }
DIV#snelzoeken A.actueel{background:url(/images/buttons/button_zoeken_actueel.png); width:299px; height:28px; float:left; color:#FFFFFF; text-decoration:none; text-align:center;font-size:15px; font-weight:bold;display:block;line-height:28px;}
DIV#snelzoeken A.actueel:hover{background:url(/images/buttons/button_zoeken_actueel_over.png);}
DIV#snelzoeken UL.home A:hover{background:transparent;}
div#tab_snelzoeken_wonen {width:298px;height:181px; @height:182px; background-color:#D0E0EE; float:left;margin: 3px 0;}
div#tab_snelzoeken_wonen form#snelzoeken_wonen{width:298px;font-size:11px;  margin-top:12px;}

div#tab_snelzoeken_nieuwbouw {width:298px;height:181px; @height:182px;background-color:#D0E0EE; float:left;margin: 3px 0; display:none;}
div#tab_snelzoeken_nieuwbouw form#snelzoeken_nieuwbouw{width:298px;font-size:11px; margin-top:12px;}

form.snelzoeken div.input_blok  {clear:both;height:35px;font-size:11px;}
form.snelzoeken DIV.input_blok LABEL {width: 35px;display: block;float: left;font-size:11px;text-align:right;margin-right:5px;margin-top:2px;}
form.snelzoeken div.input_blok .formElement, form.snelzoeken  div.input_blok .formElementInvalid {height:17px;font-size:11px;float: left;}
form.snelzoeken div#input_forsale label {margin-top:3px;}
form.snelzoeken div#input_pricefrom label.tussenlabel {width: 20px;}
form.snelzoeken select#city {width:218px;}
form.snelzoeken input.submit {margin-left:40px;}
form.snelzoeken ul {clear:both;list-style-type:none;}
form.snelzoeken ul.home {margin: 20px auto 0 auto; @margin: 0px auto 0 auto; padding:0; text-align:center; _text-align:left; _margin-left:50px;}
form.snelzoeken ul li {display:inline;margin-left:1px; }
form.snelzoeken li a {margin-right:2px; }

form.snelzoeken div#input_forsale {position:relative;}
form.snelzoeken div#input_forsale span#bog {cursor:default;}
form.snelzoeken div.info {background-color:#FFFFE1;border:solid 1px #000;font-size:11px;width:120px;color:#000;text-align:center;position:absolute;top:30px;right:-30px;display:none;}

/*CMS */
div#cms {padding-left:20px;width:580px;font-family:verdana;}
div#cms.zoekopdracht {padding-top:-10px;	}	
div#content div#cms ul.links {clear:both;list-style-type:none;margin:0px;padding:0px;margin-top:20px;}
div#content div#cms ul.links li {font-size:12px;display:inline;margin-left:1px; line-height:20px;}
div#content div#cms ul.links li a {margin-right:2px; font-size:12px;font-size:11px;}
div#content div#cms ul.links1 {clear:both;list-style-type:none;margin:0px;padding:0px;margin-top:0px;}
div#content div#cms ul.links1 li {font-size:12px;display:inline;margin-left:1px; line-height:20px;}
div#content div#cms ul.links1 li a {margin-right:2px; font-size:12px;font-size:11px;}

/*formulieren */
form.formulier div.input_blok {margin-top:5px;clear:both;margin-bottom:5px;}
form.formulier span.required {font-weight:bold;color:red; padding-left:3px; font-size:14px;}
input.formElement,input.formElementInvalid, input.Invalid, textarea {border:solid 1px #00483A;width:185px;height:17px;}
form.formulier DIV.input_blok LABEL {width: 150px;display: block;float: left;}
form.formulier div#input_info {margin-left:150px;}
form.formulier div#input_subject label{ font-weight:bold;}
div#input_subject input.checkbox {margin-left:150px;}
div#input_subject input.checkbox.first {margin-left:0px;}
form.formulier div#input_notes textarea {width: 240px;height:80px;color:#00367B;font-family:arial;font-size:12px;}
form.formulier input#streetname {width:140px; }
form.formulier input#streetnr {width:40px; margin-left:5px;}
form.formulier input#submit_button { margin-left:47px;}

/* NIEUWS ARCHIEF */
div#archief div.header {font-weight:bold;}
div#archief div.header,div#archief div.item {width:580px;}
div.archief_item {cursor:pointer;font-weight:bold;clear:both;}
div.list {margin-bottom:30px;display:none;}
div.list.first {display:block;}
div.item {clear:both;}
div.item span.datum,div.item span.title,div#archief div.header span.datum,div#archief div.header span.title{float:left;margin-right:20px;}
div#archief div.header span.datum,div.item span.datum {width:120px;}
div#nieuws div#archief div.list div.item span.title a {font-size:12px;font-weight:normal;}

/*contact*/
div#contact {width:600px;padding-left:15px;padding-top:20px;}
form#contact label {width:140px;}
form#contact div.checkbox  {float:left;width:210px;	}
form#contact div.rij {clear:both;}
form#contact textarea {height:50px;}

#widget_container_form {display: block;width: 500px;position:relative;float: left;padding: 0px;@margin-left: 0px;@padding-left: 23px;_padding-left: 0px;}
DIV#vestigingen_lijst_departments {width: 240px;height: 100px;	position : relative;display: block;float: left;list-style-type:none;}
DIV#vestigingen_lijst_departments ul {list-style-type:none;padding:0px;margin:0px;}
DIV#vestigingen_lijst_departments LI.result {width: 240px;height: 420px;/*display: none;*/position: absolute;top:0px;}

div#contact div#input_betreft{height:110px;}
DIV#vestigingen_lijst_departments LI.result div.name { width: 100%; font-weight: bold; } 
DIV#vestigingen_lijst_departments LI.first {display: block;	}
DIV#vestigingen_lijst_departments DIV.street .label, DIV#vestigingen_lijst_departments DIV.city_zipcode .label {display: none;	}


DIV.blok{position: relative; background-image: url(/images/bg_blokjes.jpg); background-position: top right; background-repeat: no-repeat; width: 301px; text-align: left;float:left;}
div.blok div.tekst{position: absolute;top: 15px;left: 130px;color: white;}

DIV.breadcrumbs{width:100%;float:left; height: 40px;}

span.required {color:red;}