@charset "utf-8";
/****************************************

    CSS Gemeente Borsele
    door: KRUIT Communicatie en Vormgeving in Gebruik
    www.kruit.nl

*****************************************/

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    text-align: center;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 76%;
    line-height: 150%;
    background: url(../images/bg.jpg) top left repeat-x #FFFFFF;
}

h1 {
    font-size: 1px;
    font-weight: normal;
}

.invis {
    display: none;
}

h2  {
    font-size: 120%;
    color: #000000;
    font-weight: normal;
    background: #E1F1BF;
    padding: 2px 5px 2px 5px;
    margin: 0 0 8px 0;
}

h3  {
    font-size: 120%;
    color: #000000;
    font-weight: normal;
    background: #E1F1BF;
    padding: 2px 5px 2px 5px;
    margin: 0 0 8px 0;
}

h4 {
    font-size: 100%;
    color: #658402;
}

h4 a, h4 a:hover {
    color: #658402;
    text-decoration: none;
}

h5 {
    font-size: 100%;
    color: #000000;
}

.searchresult a, .searchresult a:hover {
    color: #00AC70;
    text-decoration: none;
}

a {
    color: #00AC70;
}

a:hover {
    color: #00AC70;
    text-decoration: none;
}

p {
    color: #000000;
    margin: 0 0 10px 0;
    padding: 0;
}

.i {
    font-style: italic;
}

.b {
    font-weight: bold;
}

.groenb {
    font-weight: bold;
    color: #658402;
}
.blackb {
    font-weight: bold;
    color: black;
}

.mini {
    font-size: 90%;
}

.topspace {
    padding: 10px 0 0 0;
}

.contentimg {
    border: 5px solid #FFFFFF;
}

.error {
    color: #F63913;
}

ul {
    color: #000000;
    padding: 0 0 10px 40px;
}

ul li {
    list-style-type: square;
    margin: 0;
}

ol {
    color: #000000;
    padding: 0 0 10px 40px;
}

ol li {
    margin: 0;
}

ul ul, ul ul ul, ul ul ul, ul ul ul ul,
ol ol, ol ol ol, ol ol ol, ol ol ol ol {
    padding: 0 0 0 20px;
}

/*------LAYOUT-------*/

#wrapper {
    margin: 0 auto;
    width: 990px;
    text-align: left;
    background: #FFFFFF;
}

#header {
    background: #FFFFFF;
}

#topnavcontainer {
    background: #00AC70;
    border-bottom: 1px solid #FFFFFF;
}

#topnav {
    text-align: right;
}

#topnav ul {
    margin: 0 -1px 0 0;
    padding: 2px 0 3px 0;
}

#topnav ul li {
    list-style-type: none;
    display: inline;
    padding: 0 8px 0 8px;
    border-right: 1px solid #FFFFFF;
}

#topnav ul li a {
    color: #FFFFFF;
    text-decoration: none;
}

#topnav ul li a:hover {
    text-decoration: underline;
}

#topnav ul li a.topactive, #topnav ul li a.topactive:hover {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

#topleft {
    float: left;
    position: relative;
    width: 192px;
    border-left: 8px solid #00AC70;
    background: #FFFFFF;
    padding: 2px 0 3px 0;
}

#headermiddle {
    background: #658402;
    padding: 0 0 0 8px;
    margin: 0;
    float: left;
    position: relative;
    height: 130px;
    width: 982px;
    overflow: hidden;
}

#headermiddle #logo {
    float: left;
    position: relative;
}

.banner {
    margin: 0;
    padding: 0;
    height: 130px;
    width: 790px;
}

#breadnav {
    text-align: left;
    background: #B4DC60;
    border-top: 1px solid #FFFFFF;
    padding: 0;
    margin: 0 0 1px 0;
}

#breadnav a {
    color: #000000;
    font-size: 90%;
    text-decoration: none;
}

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

#breadleft {
    float: left;
    width: 192px;
    border-left: 8px solid #B4DC60;
    background: #FFFFFF;
    margin: 0 15px 0 0;
    padding: 0 0 1px 0;
}

#leftcontainer {
    float: left;
    width: 200px;
    background: #FFFFFF;
    padding: 10px 0 0 0;
}

#middlecontainer {
    float: left;
    width: 575px;
    background: #FFFFFF;
    padding: 10px;
}

.newscontainer {
    float: left;
    width: 270px;
    padding: 0 5px 0 5px;
    margin: 0 0 20px 0;
}

.newsleft {
    float: left;
    padding: 5px 5px 0 0;
    width: 100px;
}

.newsright {
    float: left;
    width: 170px;
}

#newsbreak {
    clear: both;
    border-bottom: 1px solid #E1F1BF;
    margin-bottom: 20px;
}

.contentcontainer {
    margin: 0 0 20px 0;
    padding: 0 5px 0 5px;
    border-bottom: 1px solid #E1F1BF;
}

#rightcontainer {
    float: left;
    width: 180px;
    background: #FFFFFF;
    padding: 10px 10px 10px 0;
}

.inzetcontainer {
    background: #FFFFFF;
    padding: 0;
    margin: 0 0 30px 0;
}

.inzetcontainer p {
    padding: 0 0 0 5px;
}

.inzetcontainer ul {
    padding: 0 0 0 20px;
    margin: 0;
}

.inzetcontainer ul li {
    /*color: #018657;*/
    list-style-type: square;
}

.inzetcontainer ul li a {
    color: #00AC70;
}

.inzetcontainer ul li a:hover {
    color: #00AC70;
    text-decoration: none;
}

/*-----NAV----*/

#nav {
    margin: 0 0 0 8px;
    width: 191px;
    background: #FFFFFF;
    }

#nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: arial, sans-serif;
    text-align: right;
    line-height: 140%;
    }

#nav li {
    margin: 0;
    list-style-type: none;
    }

#nav a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 7px;
    width: 180px;
    border-bottom: 1px solid #D9EDAF;
    border-right: 5px solid #D9EDAF;
    color: #000000;
    text-decoration: none;
    }

#nav a:hover {
    border-right: 5px solid #698700;
    }

#active a, #active a:hover {
    font-weight: bold;
    border-right: 5px solid #698700;
    background: #CAE892;
    }

#activated a, #activated a:hover {
    font-weight: normal;
    background: #CAE892;
    }

#nav ul ul li {
    margin: 0;
    }

#nav ul ul a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 7px;
    width: 180px;
    border-bottom: 1px solid #D9EDAF;
    border-right: 5px solid #D9EDAF;
    background: #E5F2C7;
    text-decoration: none;
    font-weight: normal;
    }

#nav ul ul a:hover {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    border-right: 5px solid #698700;
    background: #E5F2C7;
    }

#nav ul ul a.subactive, #nav ul ul a.subactive:hover  {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    border-right: 5px solid #698700;
    background: #E5F2C7;
    }

#nav ul ul a.subactivated, #nav ul ul a.subactive:hover  {
    color: #000000;
    background: #E5F2C7;
    }

#nav ul ul ul a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 7px;
    width: 180px;
    border-bottom: 1px solid #D9EDAF;
    border-right: 5px solid #D9EDAF;
    background: #F0F8DF;
    text-decoration: none;
    font-weight: normal;
    }

#nav ul ul ul a:hover {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    border-right: 5px solid #698700;
    background: #F0F8E0;
    }

#nav ul ul ul a.subsubactive, #nav ul ul ul a.subsubactive:hover  {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    border-right: 5px solid #698700;
    background: #F0F8E0;
    }

#adres {
    margin: 25px 0 0 0;
    text-align: right;
    background: #FFFFFF;
    border-right: 5px solid #D9EDAF;
    padding: 2px 7px 2px 0;

}

/*-------FORMS-------*/

.searchcontainer {
    margin: 0 0 10px 0;
    background: #FFFFFF;
}

input.search {
    color: #000000;
    padding: 3px;
    margin: 0 10px 0 10px;
    width: 300px;
    font-family: Arial, sans-serif;
    font-size: 100%;
}

input.megasearch {
    color: #000000;
    padding: 3px;
    margin: 0;
    width: 250px;
    font-family: Arial, sans-serif;
    font-size: 100%;
}

input.verstuur {
    padding: 5px 10px 5px 10px;
    background: #00AC70;
    color: #FFFFFF;
    text-decoration: none;
}

input.verstuur:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #658402;
}

input.searchsmall {
  padding-right: 3px;
  padding-left: 3px;
  font-size: 100%;
  padding-bottom: 3px;
  margin: 0px 10px;
  color: #000000;
  padding-top: 3px;
  font-family: arial, sans-serif
}
.searchselect select {
  padding-right: 3px;
  padding-left: 3px;
  font-size: 100%;
  padding-bottom: 3px;
  margin: 0px 10px;
  color: #000000;
  padding-top: 3px;
  font-family: arial, sans-serif
}

input.checkbox {
    padding: 0;
    margin: 0;
}

#searchbuttoncontainer {
    margin: 0 0 20px 88px;
    background: #FFFFFF;
}

#megasearchbuttoncontainer {
    margin: 0 0 0 105px;
    background: #FFFFFF;
}

#button {
    color: #FFFFFF;
    margin: 10px 0 10px 0;
}

#button a {
    padding: 5px 10px 5px 10px;
    background: #00AC70;
    color: #FFFFFF;
    text-decoration: none;
}

#button a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #658402;
}

#searchbutton {
    float: left;
    color: #FFFFFF;
    margin: 0;
}

#searchbutton a {
    padding: 5px 10px 5px 10px;
    background: #00AC70;
    color: #FFFFFF;
    text-decoration: none;
}

#searchbutton a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #658402;
}

.searchresultcontainer {
    margin: 0;
}

#searchresultpages ul {
    margin: 0 0 10px 0;
}

#searchresultpages li {
    display: inline;
    list-style-type: none;
    padding: 0 5px 0 0;
}

#searchresultpages li a.active, #searchresultpages li a.active:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

/*-----TOPS----*/

#topsbutton {
    float: left;
    background: url(../images/topspijl.gif) no-repeat right #B4DC60;
    padding: 2px 25px 2px 5px;
}

#topsbutton a {
    color: #000000;
    text-decoration: none;
}

/*--------TABEL-------*/

table {
    margin: 10px 0 0 0;
}

tr.green {
    background: #F0F8E0;
}

tr.white {
    background: #FFFFFF;
}
th.content,
td.content {
    padding: 2px 5px 2px 5px;
}

/*----- EXTRA VORMGEVING -------*/

tr.title {
    background: #F0F8E0;
    font-weight: bold;
    color: #658402;
    text-align: left;
    vertical-align: top;
}

tr.title td {
    padding: 2px 5px 2px 5px;
}

td.content {
    text-align: left;
    vertical-align: top;
}

.groen {
    color: #658402;
    padding: 0 0 0 8px;
}

table.kalenderselector {
    margin: 0;
    padding: 0;
}

table.kalenderselector select{
    width: 70px;
}

td.agendatitle {
    background: #FFFFFF;
    font-weight: bold;
    color: #658402;
    padding: 2px 5px 2px 5px;
    text-align: left;
    vertical-align: top;
}

a.motie {
    background: url(../images/iconmotie.gif) no-repeat top left transparent;
    padding: 0 0 0 20px;
    display: block;
    margin: 0;
}

a.submotie {
    background: url(../images/iconmotie.gif) no-repeat top left transparent;
    padding: 0 0 0 20px;
    margin: 0 0 0 20px;
    display: block;
}

a.besluit {
    background: url(../images/iconbesluit.gif) no-repeat top left transparent;
    padding: 0 0 0 20px;
    display: block;
    margin: 0;
}

a.subbesluit {
    background: url(../images/iconbesluit.gif) no-repeat top left transparent;
    padding: 0 0 0 20px;
    margin: 0 0 0 20px;
    display: block;
}

/*-- Discussiemodule --*/

#discussiepages {
    margin: 0 -40px 0;
}

#discussiepages ul {
    margin: 10px 0;
    color: #000000;
}

#discussiepages li {
    display: inline;
    list-style-type: none;
}

#discussiepages li a {
    padding: 0 6px 0 5px;
    border-right: 1px solid #000000;
}

#discussiepages li a.active, #discussiepages li a.active:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.discussie {
    background: #F0F8E0;
    padding: 5px 10px;
    margin: 0 0 10px 0;
}

.sub {
    margin: 0 0 10px 40px;
}

.subsub {
    margin: 0 0 10px 80px;
}

.subsubsub {
    margin: 0 0 10px 120px;
}

.subsubsubsub {
    margin: 0 0 10px 160px;
}

.subsubsubsubsub {
    margin: 0 0 10px 200px;
}

.discussie p {
    margin: 10px 0 0;
    padding: 0;
}

a.react {
    display: block;
    text-align: right;
    margin: 0;
    padding: 0;
}

td.discussielabel {
    font-weight: bold;
    color: #658402;
    padding: 5px;
}

textarea.discussie {
    font-family: Arial, sans-serif;
    font-size: 100%;
    color: #000000;
    width: 250px;
    height: 200px;
    background: #FFFFFF;
    margin: 0;
    padding: 2px;
}

input.discussie {
    font-family: Arial, sans-serif;
    font-size: 100%;
    width: 250px;
    padding: 2px;
    background: #FFFFFF;
}

#publicatiedatum {
    float: right;
    background: #FFFFFF;
    color: #000000;
}

.slideshow {
    width: 560px;
    background: #FFFFFF;
    overflow: auto;
    white-space: nowrap;
    height: 88px;
    text-align: center;
    border-bottom: 10px solid #FFFFFF;
    padding: 5px 0 0;
}

.slideshow a img {
    border: none;
    text-decoration: none;
    padding: 1px;
    border: 2px solid #F0F8E0;
    margin: 0 1px 0 0;
}