@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: 100%;
	color: #658402; 
}

.invis {
	display: none;
}

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

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

h3.title {
	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;
}

.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.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;
}




/** GX specific */

#readspeaker_button
{
  margin-bottom: 10px;
  /*width: 200px;*/
  text-align: right;
  /*position: absolute;*/
  right: 0px;
  top: 30px;
}

#readspeaker_button a
{
  display: block;
  background: url(/static/project/borsele/images/readspeak_icon.jpg) no-repeat right 0px;
  padding: 8px 0px;
  padding-right: 34px;
  color: #003E8A;
}


#readspeaker_button a:hover
{
  background-position: right -48px;
}

#rs_div
{
  margin-bottom: 10px;
}