body { font-family: Verdana; font-size: 11px; margin: 0 auto; text-align: center; background-image: url(../images/bg_body.png); background-repeat: repeat-x;}
#container { text-align: left; margin: 0 auto; width: 960px;}
#container .wrapper { background-image: url(../images/bg_wrapper.jpg); overflow: hidden;}

:focus { -moz-outline-style: none; }
img { border: 0;}
.print { display: none;}

#header { height: 146px; background-image: url(../images/bg_container.png);}
#header .logo img { border: 0; clear: both; float: left; margin: 18px 0 0 0;}

#header .util { margin: 15px 0 0 0; float: right; height: 18px;}
#header .util ul { margin: 0; padding: 0;}
#header .util ul li { display: inline; border-right: 1px solid #00549f; padding: 0 5px 0 5px;}
#header .util ul li.last { border: 0;}
#header .util ul li a { color: #00549f; text-decoration: none;}
#header .util ul li a:hover { text-decoration: underline;}

#header .taal { margin: 13px 0 0 0; float: right; height: 18px; width: 50px;}
#header .taal ul { margin: 0; padding: 0;}
#header .taal ul li { float: left; list-style: none; margin: 0 0 0 10px;}
#header .taal ul li a { display: block; width: 15px; height: 15px; text-indent: -9999px;}
#header .taal ul li a.nl { background-image: url(../images/nl.png);}
#header .taal ul li a.de { background-image: url(../images/de.png);}

#header .zoek { margin: 8px 0 0 0; float: right;}
#header .zoek fieldset { border: 0;}
#header .zoek legend { display: none; }
#header .zoek label { display: none; }
#header .zoek input.text { width: 150px; height: 12px; margin: 2px 10px 0 0; float: left;}

#header .leftbutton { list-style:none; background: url(../images/left_blue_button.png) no-repeat left top; margin:0 0 0 0; padding: 0 0 0 10px; float:right; text-decoration:none !important; }
#header .leftbutton input.zoekensubmit{ display:block; background: url(../images/right_blue_button.png) no-repeat right top; padding: 3px 9px 4px 0px; color:#fff; border:none; text-decoration:none;cursor: pointer;}
#header .leftbutton input.zoekensubmit.active { display:block; background: url(../images/right_blue_button.png) no-repeat right top; padding: 3px 0 4px 0px; color:#fff; border:none; text-decoration:none;}


#menu { margin: 21px 0 5px 0;}
#menu ul { margin: 0; padding: 0;}
#menu ul li { display: inline; border-right: 1px solid #00549f;}
#menu ul li.last { border: 0;}
#menu ul li a { color: #00549f; text-decoration: none; padding: 3px 10px 5px 10px; margin: 0 4px 0 0;}
#menu ul li a:hover { color: #fff; background-image: url(../images/bg_footer.png);}
#menu ul li a.active{ color: #fff; background-image: url(../images/bg_footer.png);}

#keuzes { background-image: url(../images/bg_gras.png); background-repeat: no-repeat; width: 960px; height: 254px; overflow: hidden;}
#keuzes ul { margin: 0 0 0 10px; padding: 0;}
#keuzes ul li { margin: 0; list-style: none; float: left;}
#keuzes ul li a { width: 313px; margin: 20px 0 0 0; height: 236px; text-indent: -9999px; display: block;}
#keuzes ul li a.huurder { background-image: url(../images/nl/huurder.png); }
#keuzes ul li a.woonruimte { background-image: url(../images/nl/woonruimte.png);}
#keuzes ul li a.info { background-image: url(../images/nl/info.png);}

.de #keuzes ul li a.huurder { background-image: url(../images/de/huurder.png); }
.de #keuzes ul li a.woonruimte { background-image: url(../images/de/woonruimte.png);}
.de #keuzes ul li a.info { background-image: url(../images/de/info.png);}

.wrapper_nieuws { width: 312px; float: left; overflow: hidden; margin: 10px 5px 20px 10px;}
.wrapper_nieuws .nieuws { width: 265px; margin: 0 0 0 25px;}
.wrapper_nieuws .extra ul { margin: 0; padding: 0;}
.wrapper_nieuws .extra ul li { float: left; list-style: none; }
.wrapper_nieuws .extra ul li a { display: block; height: 40px; text-indent: -9999px;}
.wrapper_nieuws .extra ul li a.verhuur {width: 151px; background-image: url(../images/nl/btn_verhuur.png);}
.wrapper_nieuws .extra ul li a.tech {width: 161px; background-image: url(../images/nl/btn_tech.png);}
.wrapper_nieuws .extra ul li a.publi {width: 161px; background-image: url(../images/nl/btn_publi.png);}
.wrapper_nieuws .extra ul li a.org {width: 151px; background-image: url(../images/nl/btn_org.png);}

.de .wrapper_nieuws .extra ul li a.verhuur {background-image: url(../images/de/btn_verhuur.png);}
.de .wrapper_nieuws .extra ul li a.tech {background-image: url(../images/de/btn_tech.png);}
.de .wrapper_nieuws .extra ul li a.publi {background-image: url(../images/de/btn_publi.png);}
.de .wrapper_nieuws .extra ul li a.org {background-image: url(../images/de/btn_org.png);}

.wrapper_nieuws .nieuws p.text { margin: 5px 0 10px 0; padding: 0; height: 62px; overflow: hidden; line-height: 15px;}
.wrapper_nieuws .nieuws span { font-weight: bold; color: #056eac; margin: 0 5px 0 0;}

.wrapper_nieuws .nieuws a.lees {background: url(../images/left_blue_button.png) no-repeat left top; margin:0; padding: 0 0 0 10px; float:left; text-decoration:none !important; font-weight:bold;}
.wrapper_nieuws .nieuws a.lees span { display:block; background: url(../images/right_blue_button.png) no-repeat right top; padding: 4px 9px 5px 0px; color:#fff; border:none; text-decoration:none;}

form.formulier { float: right; width: 625px; color: #7b7b7b;}
form.formulier legend { display: none; }
form.formulier fieldset { border: 0; width: 412px;}
form.formulier label { float: left; width: 144px; font-size: 11px; }

input, select, textarea { font-family: Verdana; font-size: 11px; }
form.formulier input { width: 264px; border: 1px solid #767676; }
form.formulier select { width: 264px; border: 1px solid #767676; }
form.formulier textarea { width: 264px; border: 1px solid #767676; }
form.formulier div.field { clear: left; margin-bottom: 5px; }
form.formulier input.submit { float: right; background-image: url(../images/bg_footer.png); color: #fff; width: auto; display: block; height: 22px; text-decoration: none; margin: 5px 0 0 10px; padding: 0 5px 0 5px; font-size: 10px; border: 0;}

#huurkoop { width: 300px; margin: 10px 0 0 0; float: left;}
#huurkoop ul { margin: 0 0 0 15px; padding: 0;}
#huurkoop ul li { float: left; list-style: none;}
#huurkoop ul li a { display: block; width: 275px; margin: 0 0 10px 0; text-indent: -9999px;}
#huurkoop ul li a.huur_btn { height: 107px; background-image: url(../images/nl/btn_huren.png);}
#huurkoop ul li a.koop_btn { height: 95px; background-image: url(../images/nl/btn_kopen.png);}

.de #huurkoop ul li a.huur_btn { background-image: url(../images/de/btn_huren.png);}
.de #huurkoop ul li a.koop_btn { background-image: url(../images/de/btn_kopen.png);}

#footer { clear: both; background-image: url(../images/bg_footer.png); background-repeat: repeat-x; margin: 0; color: #fff; text-align: right; width: 960px; height: 25px;}
#footer ul { padding: 5px 10px 0 0; height: 18px;}
#footer ul li { list-style: none; display: inline; border-right: 1px solid #fff; padding: 0 5px 0 5px;}
#footer ul li.last { border: 0;}
#footer ul li a { color: #fff; text-decoration: none;}
#footer ul li a:hover { text-decoration: underline;}

#wrapper_left { width: 323px; float: left;}

.content_top { background-image: url(../images/bg_gras.png); float: right; width: 637px; height: 170px; background-position: top right; background-repeat: no-repeat; }
.hoofd_titel { width: 620px; float: right; margin: 0 0 20px 0;}
.huurtitel { width: 640px; float: right; margin: 0 0 20px 0;}
.alg_titel { width: 590px; float: right; margin: 0 50px 0 0;}

h1 { margin: 0 0 5px 0; font-size: 20px; font-family: Trebuchet MS; color: #a1a1a1; font-weight: lighter;}
h2 { margin: 15px 0 10px 0; font-size: 30px; font-family: Trebuchet MS; color: #056eac; font-size: 28px; font-weight: lighter;}
h6 { color: #056eac; font-size: 17px; font-family: Trebuchet MS; font-weight: lighter; margin: 50px 0 10px 0; height: 45px; display: block; overflow: hidden;}
*+html h6 { margin: 10px 0 10px 0;}
*html h6 { margin: 10px 0 0 0;}

#container { position: relative;}

#container .wrapper .keuze { background-image: url(../images/bg_gras.png); background-repeat: no-repeat; height: 254px;}
#container .wrapper .keuze ul { margin: 0 0 0 10px; padding: 0;}
#container .wrapper .keuze ul li { margin: 0; list-style: none; float: left;}
#container .wrapper .keuze ul li a { margin: 20px 0 0 0; width: 313px; height: 236px; text-indent: -9999px; display: block;}
#container .wrapper .keuze ul li a.huurder { background-image: url(../images/nl/huurder.png); }
#container .wrapper .keuze ul li a.woonruimte { background-image: url(../images/nl/woonruimte.png);}
#container .wrapper .keuze ul li a.info { background-image: url(../images/nl/info.png);}

.de #container .wrapper .keuze ul li a.huurder { background-image: url(../images/de/huurder.png); }
.de #container .wrapper .keuze ul li a.woonruimte { background-image: url(../images/de/woonruimte.png);}
.de #container .wrapper .keuze ul li a.info { background-image: url(../images/de/info.png);}

#container .wrapper .hoofdmenu {}
#container .wrapper .paragraph { color: #7b7b7b; padding: 0 20px 0 20px; width: 597px; float: right; overflow: hidden;}
#container .wrapper .paragraph_overig { color: #7b7b7b; padding: 10px 20px 30px 0; width: 620px; float: right; overflow: hidden;}

#container .wrapper .wrap_plattegrond { color: #7b7b7b; padding: 20px 20px 30px 0; width: 620px; float: right; overflow: hidden;}
#container .wrapper .wrap_plattegrond a { font-weight: bold; text-decoration: none; color: #056eac !important;}
#container .wrapper .wrap_plattegrond a:hover { color: #000;}

#container .wrapper .paragraph .text { margin: 0 0 25px 0; padding: 0; overflow: auto; line-height: 16px;}
#container .wrapper .paragraph img { float: right; max-width: 300px; margin: 0 0 10px 10px;}
#container .wrapper .paragraph .left img { float: left; margin: 0 10px 10px 0; }
#container .wrapper .paragraph .right img { float: right; margin: 0 0 10px 10px;}
#container .wrapper .paragraph .text p { margin: 0 0 10px 0; padding: 0;}
#container .wrapper .paragraph .text a { text-decoration: underline; color: #056eac !important;}
#container .wrapper .paragraph_overig .text a { color: #056eac !important;}
#container .wrapper .paragraph_overig .text a:hover { color: #000 !important;}
#container .wrapper .paragraph .text a:hover { color: #000 !important;}
#container .wrapper .paragraph ul li a { color: #7b7b7b !important;}
#container .wrapper .paragraph_overig ul li a { color: #7b7b7b !important;}

#container .wrapper #breadcrumbs { width: 608px; float: right; margin: 0 10px 0 0; padding: 0;}
#container .wrapper #breadcrumbs a { font-weight: bold; text-decoration: none; color: #056eac !important;}
#container .wrapper #breadcrumbs2 { width: 630px; float: right; margin: 0 10px 0 0; padding: 0;}
#container .wrapper #breadcrumbs2 a { font-weight: bold; text-decoration: none; color: #056eac !important;}

#container #wrapper_left .hoofdmenu { overflow: hidden; width: 323px;}
#container #wrapper_left .hoofdmenu ul { margin: 20px 0 20px 15px; padding: 0;}
#container #wrapper_left .hoofdmenu ul ul { margin: 0 0 5px 30px; border-bottom: 1px solid #acdd28;}
#container #wrapper_left .hoofdmenu ul ul ul { border: 0 !important;}
#container #wrapper_left .hoofdmenu li { list-style: none; }
#container #wrapper_left .hoofdmenu li a { background: url(../images/sub_hover.jpg) no-repeat; padding: 3px 0 5px 30px; text-decoration: none; color: #7b7b7b; display: block; width: 275px;}
#container #wrapper_left .hoofdmenu li a:hover { color: #fff; background: url(../images/menu_hover.jpg) no-repeat;}
#container #wrapper_left .hoofdmenu li li a { background-image: none;}
#container #wrapper_left .hoofdmenu li li a:hover { background: url(../images/sub_hover.jpg) no-repeat; color: #7b7b7b;}
#container #wrapper_left .hoofdmenu li a.active { color: #fff; background: #8d8d81;}
#container #wrapper_left .hoofdmenu li li a.active { background: url(../images/sub_hover.jpg) no-repeat; color: #7b7b7b;}

#container .wrapper .nieuws_bericht { border-bottom: 1px dotted #dcdcdc; margin: 10px 20px 10px 0; padding: 0 20px 20px 0; width: 600px; float: right; overflow: hidden;}
#container .wrapper .nieuws_bericht img.foto { margin: 0 0 0 20px; width: 180px; float: right; border: 0;}
#container .wrapper .nieuws_bericht .teasertekst { margin: 0; }
#container .wrapper .nieuws_bericht .datum { font-weight: bold; color: #056eac; margin: 10px 0 15px 0; padding: 0;}
#container .wrapper .nieuws_bericht a.lees {background: url(../images/left_blue_button.png) no-repeat left top; margin: 15px 0 0 0; padding: 0 0 0 10px; float:left; text-decoration:none !important; font-weight:bold;}
#container .wrapper .nieuws_bericht a.lees span { display:block; background: url(../images/right_blue_button.png) no-repeat right top; padding: 4px 9px 5px 0px; color:#fff; border:none; text-decoration:none;}
#container .wrapper .nieuws_detail a.terug { background: url(../images/left_blue_button.png) no-repeat left top; margin: 15px 0 0 0; padding: 0 0 0 10px; float:left; text-decoration:none !important; font-weight:bold;}
#container .wrapper .nieuws_detail a.terug span { display:block; background: url(../images/right_blue_button.png) no-repeat right top; padding: 4px 9px 5px 0px; color:#fff; border:none; text-decoration:none;}

#container .wrapper .nieuws_detail { border-bottom: 1px dotted #dcdcdc; margin: 10px 20px 10px 0; padding: 0 20px 20px 0; width: 590px; float: right; overflow: hidden;}
#container .wrapper .nieuws_detail .media { margin: 0 0 10px 10px;float: right; border: 0;}
#container .wrapper .nieuws_detail .teasertekst { margin: 0;}
#container .wrapper .nieuws_detail .datum { font-weight: bold; color: #056eac; margin: 10px 0 15px 0; padding: 0;}

#container .wrapper .nieuws_detail .afbeeldingen { width: 200px; overflow: hidden; float: right; margin: -10px 0 0 10px;}
#container .wrapper .nieuws_detail .afbeeldingen ul { margin: 0; padding: 0; list-style: none;}
#container .wrapper .nieuws_detail .afbeeldingen ul li { margin: 0 0 10px 0; padding: 0;}
#container .wrapper .nieuws_detail .afbeeldingen ul img { margin: 0; padding: 0; border: 0; width: 100%;}
#container .wrapper .nieuws_detail .afbeeldingen ul li a {}

.gras { background-image: url(../images/bg_gras.png); width: 960px; height: 153px; margin: 0 0 16px 0;}

#woningaanbod { width: 620px; float: right; margin: 0 20px 20px 0;}
#woningaanbod table { width: 580px;}
#woningaanbod table tr { }
#woningaanbod table tr td.theader { background-color: Gray; padding: 5px; border: 0;}
#woningaanbod table tr td.theader a { color: White; text-decoration: none;}
#woningaanbod table tr td.theader a:hover { text-decoration: underline;}
#woningaanbod table tr td { padding: 3px 0 3px 5px; border-bottom: 1px solid #d4d4d4;}
#woningaanbod table tr td a { text-decoration: none; color: #00549f;}
#woningaanbod table tr td a:hover { text-decoration: underline;}
#woningaanbod a.terug { clear: both; float: left; background-image: url(../images/btn_back.png); color: #fff; display: block; width: 191px; height: 15px; text-decoration: none; margin: 20px 0 5px 0; padding: 3px 0 3px 17px; font-size: 10px;}

#woningdetail { width: 630px; float: right; margin: 0 20px 20px 0;}
#woningdetail table { width: 580px;}
#woningdetail table tr td {vertical-align: top;}
#woningdetail table tr td p { margin: 0; padding: 0; clear: both; float: left;}
#woningdetail table tr td img { width: 287px;}
#woningdetail table tr td.theader { background-color: Gray; padding: 5px; border: 0; color: White;}
#woningdetail table tr td.theader a { color: White; text-decoration: none;}
#woningdetail table tr td.theader a:hover { text-decoration: underline;}
#woningdetail table tr td { padding: 3px 5px 3px 5px;}
#woningdetail table tr td a { text-decoration: none; color: #00549f;}
#woningdetail table tr td a:hover { text-decoration: underline;}

#woningdetail table.prijsoverzicht { margin-top: 20px; width: 300px; border-collapse: collapse; margin: 0; padding: 0;}
#woningdetail table.prijsoverzicht td.prijs { text-align: right; font-weight: bold; }

#woningdetail ul { margin: 0 0 0 14px; padding: 0;}
#woningdetail ul li{ display: inline; float: left; margin: 0 10px 0 0;}
#woningdetail a.terug { background-image: url(../images/bg_footer.png); color: #fff; display: block; width: auto; height: 15px; text-decoration: none; margin: 10px 0 0 0; padding: 3px 10px 3px 10px; font-size: 10px;}
#woningdetail a.overzicht { background-image: url(../images/bg_footer.png); color: #fff; display: block; width: auto; height: 15px; text-decoration: none; margin: 10px 0 0 0; padding: 3px 10px 3px 10px; font-size: 10px;}
#woningdetail a.reageer { background-image: url(../images/bg_footer.png); color: #fff; display: block; width: auto; height: 15px; text-decoration: none; margin: 10px 0 0 0; padding: 3px 10px 3px 10px; font-size: 10px;}
#woningdetail strong { clear: both; float: left; margin: 3px 0 5px 0;}

.eform,
#woningform { width: 600px; float: right; margin: 0 20px 20px 0;}

#woningform fieldset.check { border: 0; border-bottom: 1px solid #d4d4d4; padding: 0 0 10px 0; margin: 0;}
#woningform fieldset.check legend { margin: 0 0 10px 0; padding: 0; font-style: italic; color: #00549f;}
#woningform fieldset.check .text { margin: 20px 0 10px 0; padding: 0;}
#woningform fieldset.check .text a { color: #00549f;}
#woningform fieldset.check .text a:hover { text-decoration: none;}
#woningform fieldset.check .text p { margin: 10px 0 0 0; padding: 0;}

#woningform fieldset.adres { border: 0; margin: 10px 0 0 0;}
#woningform fieldset.adres .field label {width: 100px; display: block; clear: both; float: left; margin: 0 0 10px 0;}
#woningform fieldset.adres .field input { float: left; width: 197px; margin: 0 0 10px 0;}
#woningform fieldset.adres .field textarea { float: left; width: 197px; margin: 0 0 10px 0;}
#woningform fieldset.adres .field .submit { color: #fff; font-size: 10px; margin: 0 0 0 247px; padding: 0; border: 0; background-image: url(../images/btn_zoek.png); width: 55px; height: 18px; }

/*ALGEMEEN*/
.algemeen #keuzes { display: none;}
.algemeen .keuze { display: none;}
.algemeen #container .wrapper .keuze { display: none;}
.algemeen #container #wrapper_left .hoofdmenu ul ul { border-bottom: 1px solid #046eac;}
.algemeen #container #wrapper_left .hoofdmenu li a { background: url(../images/sub_hover_alg.jpg) no-repeat; color: #7b7b7b;}
.algemeen #container #wrapper_left .hoofdmenu li a.active { color: #fff; background: #8d8d81;}
.algemeen #container #wrapper_left .hoofdmenu li li a { background-image: none;}
.algemeen #container #wrapper_left .hoofdmenu li li a:hover { background: url(../images/sub_hover_alg.jpg) no-repeat;}
.algemeen #container #wrapper_left .hoofdmenu li li a.active { background: url(../images/sub_hover_alg.jpg) no-repeat; color: #7b7b7b; text-decoration: underline;}

/*GROEN*/
.groen #wrapper_left .keuze ul li a.woonruimte { display: none;}
.groen #wrapper_left .keuze ul li a.info { display: none;}
.groen #container .wrapper .paragraph .text a { color: #acdd28;}
.groen #container .wrapper .paragraph ul li { color: #acdd28;}
.groen #container #wrapper_left .hoofdmenu ul ul { border-bottom: 1px solid #acdd28;}
.groen #container #wrapper_left .hoofdmenu li a { background-image: url(../images/sub_hover.jpg); color: #7b7b7b;}
.groen #container #wrapper_left .hoofdmenu li a.active { color: #fff; background: #8d8d81;}
.groen #container #wrapper_left .hoofdmenu li li a { background-image: none;}
.groen #container #wrapper_left .hoofdmenu li li a:hover { background: url(../images/sub_hover.jpg) no-repeat;}
.groen #container #wrapper_left .hoofdmenu li li a.active { background: url(../images/sub_hover.jpg) no-repeat; color: #7b7b7b; text-decoration: underline;}

/*BLAUW*/
.blauw #wrapper_left .keuze ul li a.huurder { display: none;}
.blauw #wrapper_left .keuze ul li a.info { display: none;}
.blauw #container .wrapper .paragraph .text a { color: #000;}
.blauw #container .wrapper .paragraph ul li { color: #03aae0;}
.blauw #container #wrapper_left .hoofdmenu ul ul { border-bottom: 1px solid #03aae0;}
.blauw #container #wrapper_left .hoofdmenu li a { background-image: url(../images/sub_hover_bl.jpg); color: #7b7b7b;}
.blauw #container #wrapper_left .hoofdmenu li a.active { color: #fff; background: #8d8d81;}
.blauw #container #wrapper_left .hoofdmenu li li a { background-image: none;}
.blauw #container #wrapper_left .hoofdmenu li li a:hover { background: url(../images/sub_hover_bl.jpg) no-repeat;}
.blauw #container #wrapper_left .hoofdmenu li li a.active { background: url(../images/sub_hover_bl.jpg) no-repeat; color: #7b7b7b; text-decoration: underline;}

/*ORANJE*/
.oranje #wrapper_left .keuze ul li a.woonruimte { display: none;}
.oranje #wrapper_left .keuze ul li a.huurder { display: none;}
.oranje #container .wrapper .paragraph .text a { color: #feaf32;}
.oranje #container .wrapper .paragraph ul li { color: #feaf32;}
.oranje #container #wrapper_left .hoofdmenu ul ul { border-bottom: 1px solid #feaf32;}
.oranje #container #wrapper_left .hoofdmenu li a { background-image: url(../images/sub_hover_or.jpg); color: #7b7b7b;}
.oranje #container #wrapper_left .hoofdmenu li a.active { color: #fff; background: #8d8d81;}
.oranje #container #wrapper_left .hoofdmenu li li a { background-image: none;}
.oranje #container #wrapper_left .hoofdmenu li li a:hover { background: url(../images/sub_hover_or.jpg) no-repeat;}
.oranje #container #wrapper_left .hoofdmenu li li a.active { background: url(../images/sub_hover_or.jpg) no-repeat; color: #7b7b7b; text-decoration: underline;}

a.banner_aken_nl_nl { width: 253px; height: 80px; background: url(../images/banner_aken_nl.png); display: block; position: absolute; top: 90px; right: 40px;}
a.banner_aken_de_de { width: 283px; height: 89px; background: url(../images/banner_aken_de.png); display: block; position: absolute; top: 81px; right: 25px;}

a.banner_aken_nl_de { display: none;}
a.banner_aken_de_nl { display: none;}