/* reset all styles */
@import url("reset.css");

/* body */
body {
    background-image:url(../images/internet/background.png);
}

/* general */
.hidden,
.portal_home h1 {
    display:none;
}

.error {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    font-size:180%;
    background:red;
    color:white;
    font-weight:bold;
    padding:20px 15px;
}

hr {
    display:none;
}

/* layout */
#site {
    background:url(../images/internet/background_balk.png) left 100px repeat-x;
}

#globalwrapper {
    width:980px;
    margin:0 auto;
    text-align:left;
    background:#fff;
    overflow:hidden;
    min-height:600px;
    padding-bottom:15px;
}

#header {
    min-height:17px;
    background:#CCE7F6;
    padding:4px 20px;
    font-size:110%;
    margin-bottom:10px;
    color:#1355A5;
}

.portal_home #header {
    margin-bottom:20px;
}

#content {
    position:relative;
    width:620px;
    padding-left:20px;
    float:left;
}

#aside {
    width:300px;
    padding-right:20px;
    float:right;
}

#footer {
    width:980px;
    margin:0 auto;
    text-align:left;
    background:#055C35;
    color:#fff;
    overflow:hidden;
}

/* Headers */
#content h1 {
    font-size:280%;
    font-weight:normal;
    color:#007F3B;
    line-height:140%;
    margin-bottom:10px;
}

/* portal home content */
#content .column_1 {
    width:300px;
    float:left;
}

#content .column_2 {
    width:300px;
    float:right;
}

#content .row_1, #content .row_2 {
    width:100%;
    float:left;
}

/* footer */

#footer .left {
    margin:0 12px 0 0;
}

#footer .right {
    margin:0;
}

#footer .column_1,
#footer .column_2,
#footer .column_3,
#footer .column_4 {
    width:225px;
    color:#C7DBD2;
    font-size:110%;
    line-height:145%;
}

#footer .column_1 {
    margin-left:22px;
}

#footer .column_4 {
    margin-right:22px;
}

#footer .column_5 {
    clear:both;
    overflow:hidden;
    color:#C7DBD2;
    background:#01633C;
    font-size:110%;
    padding:14px 20px;
}

#footer .column_5 p {
    margin:0;
}

#footer .column_5 a {
    text-decoration:underline;
}

#footer a:hover {
    color:#fff;
}

#footer strong {
    color:#fff;
}

#footer ul li {
    background:url(../images/internet/footer_bullet.png) left 5px no-repeat;
    padding-left:10px;
    margin-bottom:4px;
}

#footer p {
    margin-bottom:18px;
}

#footer .column_4 p {
    margin-bottom:8px;
}

#footer .column_4 a {
    display:block;
    width:211px;
    height:140px;
    border:5px solid #fff;
}

#footer .column_4 a:hover {
    border-color:#C8DBD3;
}

#footer a {
    color:#C7DBD2;
}

#footer a:hover {
    text-decoration:underline;
}

#footer h2 {
    height:25px;
    background:url(../images/internet/footer_head.gif) no-repeat;
    font-size:130%;
    text-indent:22px;
    line-height:300%;
    margin-bottom:14px;
}

/* logo */
#logo {
    width:370px;
    float:left;
    margin:16px 0 17px 18px;
}

/* snelmenu */
#snelmenu {
    width:590px;
    float:right;
    margin-top:14px;
    margin-bottom:16px;
}

#snelmenu ul {
    float:right;
}

#snelmenu li {
    float:left;
    border-left:1px solid #CAE6F5;
    padding:0 10px;
}

#snelmenu li.first {
    border-left:none;
}

#snelmenu a {
    font-size:110%;
    color:#0087D3;
}

#snelmenu a:hover,
#snelmenu li.active a {
    text-decoration:underline;
}

/* search */
#search {
    float:right;
    width:310px;
    height:30px;
    background:url(../images/internet/search_bg.png) no-repeat;
    padding-top:27px;
    padding-left:10px;
    margin-right:10px;
}

#search legend {
    display:none;
}

#search .searchbox_trefwoord {
    width:195px;
    height:25px;
    background:url(../images/internet/search_input.png) no-repeat;
    border:none;
    float:left;
    font:italic normal 120%/215% Verdana, serif;
    color:#1355A5;
    text-indent:10px;
}

#search .searchbox_submit {
    width:25px;
    padding-top:25px;
    background:url(../images/internet/search_button.png) no-repeat;
    border:none;
    font-size:0%;
    float:left;
    color:#0088D4;
}

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

#search p a {
    color:#fff;
    font-size:110%;
    line-height:120%;
    width:62px;
    float:right;
    margin-right:18px;
}

#search p a:hover {
    text-decoration:underline;
}

/* portal menu */
#portal {
    clear:both;
    height:60px;
    background:url(../images/internet/portal_bg.png) repeat-x;
    width:100%;
}

#portal li {
    float:left;
}

#portal a {
    display:block;
    padding:13px 21px 10px 21px;
    color:#CFDDEC;
    font-family: "Candara", "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
    font-size:134%;
    font-weight:bold;
    line-height:120%;
    min-width:90px;
    max-width:90px;
    height:32px;
    background:url(../images/internet/portal_border_left.png) right top repeat-y;
}

#portal a.bestuurenorganisatie {
    padding-right:22px;
}

#portal a.e-loket {
    background:url(../images/internet/portal_e-loket_bg.png) 90px 15px no-repeat;
}

#portal li.first a {
    border-left:none;
}

#portal a:hover {
    color:#fff;
}

#portal li.medium_active a {
    background-color:#0088D4;
    border-bottom:5px solid #8FCBEC;
    color:#fff;
}

/* header */
#header a {
    color:#0087D3;
    text-decoration:underline;
}

#header a:hover {
    color:#1355A5;
}

/* KOPPEN */
.agenda h2,
.evenementen h2,
.mededelingen h2,
.snelnaar h2,
.eloket h2,
.nieuws h2,
#aside #navigation h2,
#snelnaar h2 {
    font-size:130%;
    color:#055B35;
    padding:0 0 4px 10px;
    border-bottom:1px solid #055B35;
    margin-bottom:4px;
}

.eloket h2,
#aside #navigation h2 {
    color:#1355A5;
    padding:0 0 0 10px;
    border-bottom-color:#1355A5;
}

.snelnaar h2,
#aside .mededelingen h2,
#snelnaar h2 {
    color:#1355A5;
    border-bottom-color:#1355A5;
}

/* agenda */
.agenda {
    float: left;
    margin-bottom:30px;
    width: 300px;
}

.agenda li {
    border-bottom:1px solid #E2EE93;
    margin-bottom:4px;
    padding-bottom:4px;
}

.agenda li .inner {
    background:#F5F9D8;
    padding:5px 10px;
    overflow:hidden;
}

.agenda li img {
    float:left;
    margin-right:10px;
    max-width:110px;
}

.agenda .date {
    color:#055B35;
    font-weight:bold;
    text-indent:24px;
    font-size:100%;
    text-transform:uppercase;
}

.agenda h3 {
    width:140px;
    float:left;
}

.agenda li a {
    display:block;
    font-size:120%;
    line-height:120%;
    color:#434343;
    padding-left:24px;
    padding-right:5px;
    background:url(../images/internet/box_bullet.png) 12px 5px no-repeat;
}

.agenda a:hover,
.agenda a.more:hover {
    text-decoration:underline;
}

.agenda a.more {
    color:#055B35;
    font-size:110%;
    padding-left:12px;
    background:url(../images/internet/box_bullet.png) left 4px no-repeat;
    margin-left:12px;
}

/* evenementen */
.evenementen {
    margin-bottom:30px;
    width: 300px;
    float: right;
}

.evenementen li {
    padding-bottom:4px;
    border-bottom:1px solid #E2EE93;
    margin-bottom:4px;
}

.evenementen li.no_pic .inner {
    padding-bottom:8px;
}

.evenementen li .inner {
    background:#F5F9D8;
    padding:5px 10px;
    overflow:hidden;
}

.evenementen li img {
    float:left;
    margin-right:10px;
    max-width:110px;
}

.evenementen .date {
    color:#055B35;
    font-weight:bold;
    margin-bottom:8px;
    text-indent:12px;
    font-size:100%;
    text-transform:uppercase;
}

.evenementen h3 {
    width:140px;
    float:left;
    padding-left:12px;
    background:url(../images/internet/box_bullet.png) left 5px no-repeat;
}

.evenementen .no_pic h3 {
    width:auto;
}

.evenementen h3 a {
    display:block;
    font-size:120%;
    line-height:120%;
    color:#055B35;
    font-weight:bold;
}

.evenementen h3 a:hover,
.evenementen a.more:hover {
    text-decoration:underline;
}

.evenementen a.more {
    color:#055B35;
    font-size:110%;
    padding-left:12px;
    background:url(../images/internet/box_bullet.png) left 4px no-repeat;
    margin-left:12px;
}

/* mededelingen en snel naar */
.mededelingen,
.nieuws,
.snelnaar {
    float: left;
    margin-bottom:30px;
    width: 300px;
}

.mededelingen {
    float: right;
}

.mededelingen li,
.nieuws li {
    border-bottom:1px solid #E2EE93;
}

.nieuws ul {
    margin-bottom: 4px;
}

.mededelingen li.big,
.nieuws li.big,
.snelnaar li.big {
    padding-bottom:5px;
}

.mededelingen li .inner,
.nieuws li .inner,
.snelnaar li .inner {
    padding:2px 10px;
    overflow:hidden;
}

.nieuws li.big .inner,
.mededelingen li.big .inner  {
    background:#F5F9D8;
}

.nieuws li img,
.mededelingen li img,
.snelnaar li img {
    float:left;
    margin: 4px 10px 4px 0px;
    max-width:110px;
}

.nieuws li.big h3,
.mededelingen li.big h3,
.snelnaar li.big h3 {
    overflow: auto;
    font-weight:bold;
}

.nieuws li h3,
.mededelingen li h3,
.snelnaar li h3 {
    font-weight:normal;
}

.snelnaar li h3.tussenkop {
    color:#1355A5;
    font-weight:bold;
    font-size:130%;
}

.nieuws li a.title,
.mededelingen li a.title,
.snelnaar li a.title {
    display:block;
    font-size:120%;
    line-height:130%;
    color:#434343;
    padding-left:12px;
    padding-right:5px;
    background:url(../images/internet/box_bullet.png) left 5px no-repeat;
}

.nieuws li.big a.title,
.mededelingen li.big a.title {
    color:#055B35;
}

.nieuws a.title:hover,
.nieuws a.more:hover,
.mededelingen a.title:hover,
.mededelingen a.more:hover,
.snelnaar a.title:hover,
.snelnaar a.more:hover {
    text-decoration:underline;
}

.mededelingen a.more {
    color:#1355A5;
    font-size:110%;
    padding-left:12px;
    background:url(../images/internet/box_bullet_right.png) left 4px no-repeat;
    margin-left:10px;
    position: relative;
    top: 5px;
}

.nieuws a.more {
    color:#055B35;
    font-size:110%;
    padding-left:13px;
    background:url(../images/internet/box_bullet.png) left 4px no-repeat;
    margin-left:10px;
}


.snelnaar li a.title,
.snelnaar li.big a.title,
#aside .mededelingen li a.title,
#aside .mededelingen li.big a.title {
    color:#1355A5;
}

.snelnaar li,
#aside .mededelingen li {
    border-bottom:1px solid #CCE7F6;
}

.snelnaar li.tussenkop,
#aside .mededelingen li.tussenkop {
    border-bottom:none;
    margin-top:24px;
}

.snelnaar li.big .inner,
#aside .mededelingen li.big .inner {
    background:#E5F3FB;
}

.snelnaar li a.title,
#aside .mededelingen li a.title {
    background:url(../images/internet/box_bullet_right.png) left 5px no-repeat;
}

#snelnaar li.no_link,
.snelnaar li.no_link {
    border-bottom:1px solid #0088D4;
    color:#1355A5;
    font-size:130%;
    padding:0 0 4px 10px;
    font-weight:bold;
    margin-top:30px;
}

/* E-loket */
.eloket {
    margin-bottom:30px;
    background:#E5F3FB;
    padding-top:5px;
    padding-bottom:10px;
    float: left;
    width: 300px;
}

.eloket h2 span {
    display:block;
    float:left;
    padding-top:2px;
}

.eloket h2 img {
    margin-left:6px;
}

.eloket ul {
    margin-bottom:10px;
}

.eloket li {
    border-bottom:1px solid #fff;
    padding:2px 10px;
}

.eloket li a {
    display:block;
    font-size:120%;
    line-height:130%;
    padding-left:12px;
    padding-right:5px;
    color:#1355A5;
    background:url(../images/internet/box_bullet_right.png) left 5px no-repeat;
    padding-left:12px;
}

.eloket a:hover {
    text-decoration:underline;
}

.eloket a.more {
    color:#1355A5;
    font-size:110%;
    padding-left:12px;
    background:url(../images/internet/box_bullet_right.png) left 4px no-repeat;
    margin-left:10px;
    font-weight:bold;
}

.eloket li.no_link {
    font-size:130%;
    margin-top:8px;
    border-bottom:1px solid #0088D4;
    color:#1355A5;
    padding:0 0 4px 10px;
    font-weight:bold;
}

/* BOX WRAP (actueel en internet) */
.box_wrap {
    position:relative;
    padding-bottom:10px;
    margin-bottom:20px;
}

.box_wrap .back {
    margin-left:10px;
    width:610px;
    min-height:140px;
    background:#85C123;
}

.actueel .box_wrap .back {
    height:210px;
}

.box_wrap .front {
    width:590px;
    min-height:120px;
    background:#00803B;
    padding:10px;
    overflow:hidden;
}

.box_wrap img {
    float:left;
    margin-right:22px;
}

.box_wrap h2 {
    font-size:180%;
    font-weight:normal;
    color:#fff;
    line-height:110%;
    margin-bottom:10px;
}

.box_wrap .text {
    font-size:120%;
    line-height:120%;
    color:#fff;
    margin-bottom:10px;
}

.box_wrap .more {
    font-size:120%;
    color:#fff;
    padding-left:12px;
    background:url(../images/internet/box_wrap_bullet.png) left 5px no-repeat;
}

.box_wrap .text a {
    color:#85C123;
}

.box_wrap .more:hover,
.box_wrap .text a:hover {
    text-decoration:underline;
}

/* PAGE OPTIONS */
.page_options {
    float:right;
    padding-right:10px;
    overflow:hidden;
    background:#fff;
}

#footer .page_options li {
    float:left;
    padding:0 10px;
    border-left:1px solid #CAE6F5;
    background:none;
}

#footer .page_options li.send {
    border-left:none;
}

#footer .page_options a {
    color:#0088D4;
    font-size:110%;
    background:none;
    padding:0;
}

div#tellafriend {
    display: none;
}

.addthis_toolbox {
    float:right;
    padding-right:10px;
}

.vervolg {
    margin-bottom:2em;
}

.module_startpagina #gekoppeldeitems,
.module_startpagina .brclear {
    display:none;
}

/* Search GSA */

#searchadvanced{
    width: 536px;
}
#searchadvanced label {
    float: left;
    margin-bottom: 5px;
    width: 275px;
}

#searchadvanced input{
    float: left;
    width: 257px;
}

#searchadvanced ul li input.dp-applied {
    float: left;
    width: 237px !important;
}

#searchadvanced select{
    float: left;
    width: 260px;
}

#pubdatum_tot{
    float: left;
}

.inline-fieldset {
    float: left;
    width: 290px;
    margin-bottom: 20px;
}

#simplesearchfrm fieldset{
    float: left;
    margin-bottom: 20px;
}

#simplesearchfrm fieldset#searchadvanced{
    float: none;
}

#modulecontent h2{
    float: left;
    width: 580px;
    text-align: left;
}

#simplesearchfrm{
    float: left;
    width: 580px;
    text-align: left;
}

.resultcountcontainer{
    float:left;
    width: 580px;
    margin-bottom: 10px;
}

#search-results{
    float: left;
}

#search-results li{
    margin-bottom: 20px;
}

ul.searchresult_paging li.next {
    padding-left: 20px;
}

.searchresults.searchresultsrechts{
    width: 570px !important;
}

.rubriek .but_klein {
    display: none;
}

span.rubriek h6.rubriek a.rubriek {
    background: url(../images/bullet_klein.gif) left 5px no-repeat;
    padding-left: 12px;
}

div#rubrieken_wrap {
    margin-top: 10px;
}

.go_to_mobile {
    display: block;
    font-size: 230%;
    margin-bottom: 2em;
    background-color: #055B35;
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    padding: 0.5em 5px;
}