/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
}

body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* STYLED */
:focus {
    outline: none;
}
a:focus,
input:focus,
textarea:focus,
select:focus {
    outline: 1px dotted none;
}
body:focus {
    outline: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    background-color: #ffffff;
    font-size: 62.5%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ul ul, ol ol, table p {
    font-size: 100%;
}

/* Standard Lists */
#intro ul,
.vervolg ul,
.item_intro ul {
    list-style-type: disc;
    margin-left: 1.5em;
}
#intro ol,
.vervolg ol,
.item_intro ol {
    list-style-type: decimal;
    margin-left: 2em;
}

ul.ul_lijst li.lijstitem_bullet {
    background-position:left 6px;
}

ul.ul_lijst li.lijstitem_bullet a {
    padding-left:12px;
}

/*__________ HTML DEFAULTS __________ */
body {
    font-family: Arial;
    font-size:10px;
    background:#fff url(../images/portal/body.png) center top repeat-y;
    text-align:center;
    color:#828283;
}

body pre {
    font-size:130%;
}

a {
    text-decoration:none;
    color:#828283;
}

a:hover {
    text-decoration: underline;
}

a img {
    border:none;
}

h1 {
    display:none;
}

.hidden,
.stuk_verlopen {
    display:none;
}

form select {
    font-family: Arial;
}

/*__________ SITE LAYOUT __________ */
div#globalwrapper {
    position:relative;
    width:1024px;
    margin:0 auto;
    text-align:left;
    font-size:100%;
}

div#top {
    position:relative;
    background:url(../images/portal/logo.jpg) center 8px no-repeat;
    height:80px;
}

div#meteo_actueel {
    position:absolute;
    left:10px;
    top:12px;
    width:81px;
    height:51px;
}

a#mijngemeente {
    position:absolute;
    left:8px;
    top:50px;
    display:block;
    width:100px;
    height:23px;
    background:url(../images/portal/mijnveere.gif) no-repeat;
    font-size:0%;
    color:#fff;
}

a#veeregalerij {
    position:absolute;
    left:115px;
    top:40px;
    display:block;
    width:54px;
    height:36px;
    background:url(../images/internet/veere-galerij.gif) no-repeat;
    font-size:0%;
    color:#fff;
}

a#veeregalerij:hover {
    background:url(../images/internet/veere-galerij-hover.gif) no-repeat;
}

a#uitloggen {
	position:absolute;
    left:170px;
    top:52px;
    display:block;
    width:77px;
    height:20px;
}

a#logo {
    position:absolute;
    left:50%;
    top:6px;
    display:block;
    width:88px;
    height:66px;
    margin-left:-44px;
    font-size:0%;
    color:#fff;
}

div#language {
    position:absolute;
    right:17px;
    top:10px;
}

a#fontgroot {
    display:block;
    position:absolute;
    right:17px;
    top:32px;
    width:28px;
    height:13px;
    background:url(../images/portal/fontsize.gif) left 2px no-repeat;
    font-size:0%;
    color:#fff;
}

a#browsealoud {
    display:block;
    position:absolute;
    right:90px;
    top:10px;
    width:60px;
    height:11px;
    padding-top:27px;
    background:url(../images/portal/browsealoud.gif) center top no-repeat;
    text-align:center;
}

a#browsealoud:hover {
    text-decoration:none;
}

div#search {
    position:absolute;
    width:131px;
    right:17px;
    top:54px;
}

div#header {
    position:relative;
    height:423px;
}

div#headeroverlay {
    position:absolute;
    left:170px;
    width:105px;
    height:423px;
    background-color:#fff;
    opacity: 0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
}

div#content {
    position:relative;
    height:523px;
    overflow:hidden;
}

div#content div#headeroverlay {
    left:36px;
    height:523px;
}

div#pictures {
    position:absolute;
    left:125px;
    top:300px;

}

div#pictures img {
    position:relative;
    z-index:1;
}

div#actueel {
    position:absolute;
    left:720px;
    top:260px;
    width:288px;
    height:329px;
    background:url(../images/portal/note.png) no-repeat;
    padding:25px;
    z-index:100;
}

div#footerportal {
    padding-top:18px;
    padding-left:18px;
    width:100px;
    line-height:140%;
}

div#kruimeloverlay {
    position:absolute;
    left:141px;
    top:35px;
    width:883px;
    height:23px;
    background-color:#fff;
    opacity: 0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
}

div#kruimelspoor {
    position:relative;
    margin-top:35px;
    margin-left:141px;
    font-size:110%;
    height:23px;
}

h3.pagtitel {
    position:relative;
    margin-top:28px;
    margin-left:170px;
    width:500px;
    background-color:#fff;
    color:#1A1818;
    padding:1px 8px;
    font-size:110%;
    line-height:160%;
}

h3.pagtitel a {
    position: relative;
    left: 345px;
}

div#contentcolumn {
    position:relative;
    height:465px;
    overflow-y:auto;
    z-index:10;
}

div#contentwrapper {
    position:relative;
    margin-top:12px;
    margin-left:170px;
    width:503px;
    background:url(../images/portal/contentbg.png) left top repeat-y;
    font-size:110%;
    line-height:140%;
    color:#1A1818;
    padding:20px 6px;
    overflow:hidden;
}

div#contentwrapper a {
    color:#1A1818;
}

div#snelnaar {
    position:absolute;
    top:28px;
    left:705px;
    width:250px;
    font-size:110%;
}

div#contact {
    width:100px;
    float:left;
    padding-top:18px;
    padding-left:18px;
    line-height:140%;
}

ul#mediumlinks {
    width:875px;
    float:right;
    padding-top:20px;
}

div#snelmenu {
    clear:both;
    font-size:110%;
    float:right;
    margin-right:10px;
    padding:10px 0;
    line-height:140%;
}

div#portalsnelmenu {
    margin-top:240px;
}

div#btn_mijnveere {
    position:absolute;
    top:8px;
    left:40px;
    width:100px;
    height:22px;
    background:url(../images/portal/btn_mijnveere1.png) left top no-repeat;
}

/*__________ NAVIGATION __________ */
div#portalnavigation {
    position:absolute;
    left:0;
    top:35px;
    width:275px;
    font-size:110%;
}

div#portalnavigation ul li {
    margin-left:170px;
}

div#portalnavigation ul li a {
    display:block;
    padding:6px 12px;
    color:#47484A;
}

div#portalnavigation ul li.active a {
    margin-left:-170px;
    padding-left:182px;
    background:url(../images/portal/medium_active.png) left top repeat;
    font-weight:bold;
}

div#portalnavigation ul li a:hover {
    margin-left:-170px;
    padding-left:182px;
    background:url(../images/portal/medium_active.png) left top repeat;
    text-decoration:none;
}

div#portalnavigation ul li ul {
    display:none;
}

div#portalnavigation ul li.active ul.submenu {
    display:none;
}

div#portalnavigation ul li.active ul li.hover ul.submenu {
    display:block;
}

/*__________ SUBNAVIGATION __________ */
div#portalnavigation ul li.active ul {
    display:block;
    position:absolute;
    width:105px;
    top:0;
    left:275px;
    background:url(../images/portal/navigation_main.png) left top repeat;
    z-index:10;
}

div#portalnavigation ul li.active ul li {
    position:relative;
    margin-left:0;
}

div#portalnavigation ul li.active ul li a {
    margin:0;
    padding-left:6px;
    background:none;
    font-weight:normal;
}

div#portalnavigation ul li.active ul li a:hover,
div#portalnavigation ul li.active ul li.hover {
    background:url(../images/portal/medium_active.png) left top repeat;
}

div#portalnavigation ul li.active ul li ul li a:hover {
    width:626px;
    background:url(../images/portal/submenu_hover.png) left top repeat;
}

/*__________ SUB SUB NAVIGATION __________ */
div#portalnavigation ul li.active ul li ul {
    width:200px;
    left:105px;
}

/*__________ PORTAL NAVIGATION __________ */
div#portal {
    position:absolute;
    left:36;
    top:35px;
    width:141px;
    font-size:110%;
    z-index:100;
}

div#portal ul li {
    margin-left:36px;
}

div#portal ul li a {
    display:block;
    padding:6px 12px;
    color:#47484A;
}

div#portal ul li.active {
    position:relative;
}

div#portal ul li.medium_active {
    margin-left:0;
    padding-left:36px;
    background:url(../images/portal/medium_active.png) left top repeat;
    text-decoration:none;
}

div#portal ul li a:hover {
    margin-left:-36px;
    padding-left:48px;
    background:url(../images/portal/medium_active.png) left top repeat;
    text-decoration:none;
}

/*__________ SNEL NAAR __________ */
div#snelnaar h2 {
    background:url(../images/portal/contentbg.png) no-repeat;
    line-height:160%;
    margin-bottom:12px;
    padding:1px 6px;
}

div#snelnaar ul {
    background:url(../images/portal/contentbg.png) no-repeat;
    padding:6px 0;
}

div#snelnaar ul li {
    margin-bottom:4px;
}

div#snelnaar a {
    color:#1A1818;
    display:block;
    padding:2px 4px 2px 24px;
    background:transparent url(../images/portal/bullet_klein.png) no-repeat scroll 8px 5px;
    line-height:140%;
}

div#snelnaar a:hover {
    text-decoration:none;
    background-color:#fff;
}

/*__________ KRUIMELSPOOR __________ */
span.kruimelspoor {
    padding-left:22px;
    line-height:200%;
}

span.kruimelspoor a {
    color:#878A8E;
}

span.kruimelspoor a:hover {
    color:#1A1818;
    text-decoration:none;
}

span.kruimelspoor span.arrow {
    width:11px;
    height:11px;
}


/*__________ ACTUEEL __________ */
div#actueel h2 {
    font-size:0%;
    color:#FFFF8B;
}

div#actueel ul {
    margin-top:36px;
    color:#000;
    font-size:140%;
}

div#actueel ul li {
    position:relative;
    margin-bottom:12px;
    padding-bottom: 20px;
}

div#actueel ul li a {
    color:#000;
}

div#actueel ul li a:hover {
    text-decoration:none;
}

div#actueel ul li .more-hover {
    position:absolute;
    top:-15px;
    left:-8px;
    display:block;
    width:267px;
    height:87px;
    background:url(../images/portal/actueel_hover.png) left top no-repeat;
}

div#actueel ul li .hidden {
    display:none;
}

div#actueel .image0,
div#actueel .image1 {
    margin-left:14px;
}

div#actueel .image2 {
    margin-left:52px;
}

span.more-info {
    position:absolute;
    bottom:6px;
    left:145px;
    color:#47484A;
    font-size:85%;
    padding-right:15px;
    background:url(../images/portal/moreinfo_arrow.gif) right center no-repeat;
}

/*__________ METEO __________ */
div#meteo_actueel p,
div#meteo_actueel h2 {
    display:none;
}

div#meteo_actueel img {
    height:31px;
}

/*__________ LANGUAGE __________ */
div#language li {
    float:left;
    padding:1px 7px;
    border-right:1px solid #DFE0E1;
}

div#language li.last {
    border:none;
    padding-right:0;
}

div#language a {
    font-size:110%;
}

div#language a.active {
    font-weight:bold;
}

div#language a:hover {
    color:#1A1818;
    text-decoration:none;
}

/*__________ SEARCH __________ */
div#search form fieldset legend {
    display:none;
}

div#search input#search_trefwoord {
    float:left;
    border:none;
    border-left:1px solid #C0C1C2;
    border-top:1px solid #C0C1C2;
    border-bottom:1px solid #C0C1C2;
    height:15px;
    font-size:120%;
    width:90px;
}

div#search input.searchbox_submit {
    width:40px;
    height:17px;
    float:left;
    border:none;
    border-top:1px solid #C0C1C2;
    border-right:1px solid #C0C1C2;
    border-bottom:1px solid #C0C1C2;
    color:#C0C1C2;
    font-size:100%;
    font-weight:bold;
    background:none;
    letter-spacing:120%;
}

div#search input.searchbox_submit:hover {
    cursor:pointer;
}

div#search input:focus {
    border:none;
}

/*__________ MEDIUMLINKS __________ */
ul#mediumlinks li {
    float:left;
}

ul#mediumlinks li a {
    display:block;
    height:115px;
    font-size:0%;
    color:#fff;
    padding-top:1px;
}

ul#mediumlinks li a.loket {
    width:100px;
    background:url(../images/portal/footer_loket.jpg) no-repeat;
    margin-right:17px;
}

ul#mediumlinks li a.wonen {
    width:98px;
    background:url(../images/portal/footer_wonen.jpg) no-repeat;
    margin-right:30px;
}

ul#mediumlinks li a.werken {
    width:92px;
    background:url(../images/portal/footer_werken.jpg) no-repeat;
    margin-right:32px;
}

ul#mediumlinks li a.vrijetijd {
    width:94px;
    background:url(../images/portal/footer_vrijetijd.jpg) no-repeat;
    margin-right:23px;
}

ul#mediumlinks li a.degemeente {
    width:95px;
    background:url(../images/portal/footer_degemeente.jpg) no-repeat;
    margin-right:23px;
}

ul#mediumlinks li a.dekaart {
    width:94px;
    background:url(../images/portal/footer_dekaart.jpg) no-repeat;
    margin-right:18px;
}

ul#mediumlinks li a.actueel {
    width:92px;
    background:url(../images/portal/footer_actueel.jpg) no-repeat;
}

/*__________ SNELMENU __________ */
div#snelmenu li {
    float:left;
    border-right:1px solid #AEB0B3;
}

div#snelmenu li.last {
    border:none;
}

div#snelmenu li a {
    display: block;
    padding: 0 4px;
    color: #A2A2A3;
}

div#snelmenu li a:hover {
    color:#1A1818;
    text-decoration:none;
}

/*__________ SLIDER __________ */
div#slider {
    position:absolute;
    margin-top:-14px;
    margin-left:14px;
    z-index:1000;
}

div#slider a {
    display:block;
    width:5px;
    height:5px;
    font-size:90%;
}

div#slider a:hover {
    text-decoration:none;
}

/*__________ BULLETS __________ */
ul.itemlist_bullet li.item {
    background:none;
    padding-left:0;
}

ul.itemlist_bullet li.item a.item_title {
    background:transparent url(../images/portal/bullet_klein.png) no-repeat scroll left 5px;
    color:#1A1818;
    display:block;
    line-height:140%;
    padding:2px 4px 2px 16px;
    text-decoration:none;
}

ul.itemlist_bullet li.item a.item_title:hover {
    background-color:#FFFFFF;
    text-decoration:none;
}

/*__________ OVERIGE __________ */
#faq_content {
    float:none;
}

div.downloads a {
    font-weight:bold;
}

a.order_overview {
	display: none;
}

h6.rubriektitel {
    display: none;
}

/*__________ Fixes __________ */
#simplesearchfrm{
	background:url(../images/portal/contentbg.png) left top repeat-y;
	margin-bottom: 10px;
	padding: 5px;
}

#contentwrapper h2{
	background:url(../images/portal/contentbg.png) left top repeat-y;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}

.keywordlinks{
	background:url(../images/portal/contentbg.png) left top repeat-y;
	margin: -6px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}

.resultcountcontainer{
	background:url(../images/portal/contentbg.png) left top repeat-y;
	margin: -6px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 5px;
}

#search-results{
	background:url(../images/portal/contentbg.png) left top repeat-y;
	margin: -6px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;
}

div#content ul.searchresult_paging{
	margin: -6px;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 5px;
}

#simplesearchfrm select, #simplesearchfrm input{
	font-size: 11px;
}