/* CSS ALGEMEEN VOOR HELE SITE */
body {
	background-color: #eae6c7;
	font-family: verdana, sans-serif;
	font-size: 1em;
	margin: 0px;
}

* img {
	border: none;
}


div.cal_table
{
border			: 1px solid #1658A0;
padding			: 0px;
}

td.header
{
background-color		: #1658A0;
color			: #FFFFFF;
padding			: 6px;
font-size			: 1.2em;
text-weight		: bold;
}

td.header a
{
text-decoration		: none;
color			: #FFFFFF;
}

td.header a:hover
{
text-decoration: underline;
}

div.event
{
padding			: 6px;
background-color		: #EAE6C7;
color			: #1658A0;
border-bottom		: 3px solid #FFFFFF
}

div.event a
{
padding			: 4px;
text-decoration		: none;
color			: #1658A0;
}

div.event a:hover
{
text-decoration		: underline;
}

table {
	font-size: 1em;
}
a
{
	text-decoration: none;
	font-weight: bold;
	color: #177f71;
}

.rulerhorizontaal
{
	position: relative;
	float: left;
	width: 100%;
	height: 2px;
	background-image: url(../../images/wob1/rulerhorizontaal.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#container {
	position: relative;
	float: left;
	width: 990px;
}

#bovendeel
{
	position: relative;
	float: left;
	width: 990px;
	height: 125px;
}

#headerimage
{
	position: relative;
	float: left;
	width: 480px;
	height: 125px;
}

#bovendeelrechterdeel
{
	position: relative;
	float: left;
	width: 510px;
	height: 125px;
	background-image: url(../../images/wob1/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#topmenu {
	position: relative;
	float: left;
	width: 510px;
	font-size: 0.7em;
	text-align: right;

}

#topmenu a
{
	color: black;
	text-decoration: none;
}

#topmenu a:hover {
	text-decoration: underline;
}

#linkerdeel
{
	position: relative;
	float: left;
	width: 190px;
}

#zoeken {
	position: relative;
	float: left;
	width: 176px;
	margin-top: 10px;
	margin-left: 14px;
	font-size: 0.7em;
	z-index: 999;
}

#zoeken input {
	width: 116px;
	height: 20px;
	font-size: 0.8em;
	margin-top: 3px;
	color: #4a5c38;
	font-weight: normal;
}

#zoeken a
{
	text-decoration: none;
	color: #0a57a4;
	cursor: pointer;
	font-size: 1.2em;
}

#agenda
{
	position: relative;
	float: left;
	width: 160px;
	background-color: #dddbb1;
	padding: 10px 0px 10px 30px;
	background-image: url(../../images/wob1/rulerhorizontaal.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#bezoekadres
{
	position: relative;
	float: left;
	width: 170px;
	height: auto;
	background-color: #dddbb1;
	font-size: 0.6em;
	font-weight: bold;
	padding: 3px 10px 10px 10px;
}

#bezoekadres h1
{
	color: #177f71;
	font-size: 1.2em;
}

#rechterdeel
{
	position: relative;
	float: left;
	width: 800px;
}

#onderstedeelhome, #onderstedeelvervolg
{
	position: relative;
	float: left;
	width: 990px;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../../images/wob1/background_home.gif);
}

#onderstedeelvervolg
{
	background-image: url(../../images/wob1/background_vervolg.gif);
}

#horizontaalmenu
{
	position: relative;
	float: left;
	width: 800px;
	height: 50px;
}

.menuseparator
{
	position: relative;
	float: left;
	height: 50px;
	width: 2px;
	background-image: url(../../images/wob1/rulerverticaal.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

#menupunt1, #menupunt2, #menupunt3, #menupunt4, #menupunt5, #menupunt6, #menupunt7
{
	position: relative;
	float: left;
	height: 50px;
	font-size: 0.8em;
	font-weight: bold;
	color: #0a57a4;
	text-align: center;
	overflow: hidden;
}

#menupunt1 a, #menupunt2 a, #menupunt3 a, #menupunt4 a, #menupunt5 a, #menupunt6 a, #menupunt7 a
{
	color: White;
	text-decoration: none;
}

#menupunt1 a, #menupunt2 a, #menupunt3 a, #menupunt4 a, #menupunt5 a, #menupunt6 a, #menupunt7 a
{
	display: block;
	background-image: url(../../images/wob1/menu_achtergrond_1.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #0a57a4;
	height: 50px;
}

#menupunt1 a
{
	background-image: url(../../images/wob1/menu_achtergrond_2.gif);
	background-color: #177f71;
}

#menupunt1, #menupunt1 a
{
	width: 146px;
}

#menupunt2, #menupunt2 a
{
	width: 95px;
}

#menupunt3, #menupunt3 a
{
	width: 121px;
}

#menupunt4, #menupunt4 a
{
	width: 112px;
}

#menupunt5, #menupunt5 a
{
	width: 104px;
}

#menupunt6, #menupunt6 a
{
	width: 101px;
}

#menupunt7, #menupunt7 a
{
	width: 109px;
}

#menupunt1 a, #menupunt2 a
{
	height: 25px;
	padding-top: 25px;
}

#menupunt3 a, #menupunt4 a, #menupunt5 a, #menupunt6 a, #menupunt7 a
{
	height: 40px;
	padding-top: 10px;
}

#menupunt1 a#menupuntactief
{
  background-image: url(../../images/wob1/menu_achtergrond_hover_2.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#menupunt2 a#menupuntactief, #menupunt3 a#menupuntactief, #menupunt4 a#menupuntactief, #menupunt5 a#menupuntactief, #menupunt6 a#menupuntactief, #menupunt7 a#menupuntactief
{
  background-image: url(../../images/wob1/menu_achtergrond_hover_1.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#menupunt1 a:hover
{
	background-image: url(../../images/wob1/menu_achtergrond_hover_2.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#menupunt2 a:hover, #menupunt3 a:hover, #menupunt4 a:hover, #menupunt5 a:hover, #menupunt6 a:hover, #menupunt7 a:hover
{
	background-image: url(../../images/wob1/menu_achtergrond_hover_1.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#contenthome, #contentvervolg, #contentvervolgwob
{
	position: relative;
	float: left;
	width: 530px;
	background-color: White;
	padding: 10px 0px 0px 0px;
	font-size: 0.7em;
	margin-bottom: 10px;
}

#contentvervolg
{
	width: 610px;
}

#contentvervolgwob
{
	padding-left: 25px;
	padding-right: 10px;
	width: 765px;
}

#contenthome h1, #contentvervolg h1, #contentvervolgwob h1
{
	font-size: 1.6em;
	color: #177f71;
	margin-left: 25px;
}

#contentvervolgwob h1
{
	margin-left: 0px;
}

#contentvervolgwob #kruimelpad
{
	margin-left: 0px;
}

.nieuwsitem
{
	position: relative;
	float: left;
	width: 90%;
	margin-bottom: 30px;
	margin-left: 25px;
                Margin-right: 10px;
}

.nieuwsitemplaatje
{
	position: relative;
	float: left;
	width: 100px;
}

.nieuwsitemtekst
{
	position: relative;
	float: left;
	width: 70%;
	margin-left: 20px;
}

.nieuwsitemkopdeel1
{
	color: #0a57a4;
	font-size: 1.2em;
	font-weight: bold;
}

.nieuwsitemkopdeel2
{
	color: #0a57a4;
	font-size: 1em;
}

.leesverder
{
	position: relative;
	float: left;
	background-image: url(../../images/wob1/pijltje.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1em;
	padding-left: 17px;
	margin-top: 4px;
}

.leesverder a
{
	text-decoration: none;
	color: #4781bb;
	font-weight: normal;
}

.leesverder a:hover
{
	text-decoration: underline;
}

#homecontentkolomlinksonder
{
	position: relative;
	float: left;
	width: 246px;
	margin-left: 25px;
	background-image: url(../../images/wob1/rulerverticaal.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#homecontentkolomrechtsonder
{
	position: relative;
	float: right;
	width: 240px;
	margin-right: 5px;
}

#homecontentkolomlinksonder h1, #homecontentkolomrechtsonder h1
{
	font-size: 1.8em;
	margin-left: 0px;
}

#homecontentkolomlinksonder h2, #homecontentkolomrechtsonder h2
{
	font-size: 1.4em;
	color: #0a57a4;
	margin-bottom: 0px;
}

#rechtermenuhome
{
	position: relative;
	float: right;
	width: 260px;
	margin: 0px;
}

#rechterkolomvervolg
{
	position: relative;
	float: left;
	width: 190px;
	background-color: White;
                background-image: url(../../images/wob1/rulerverticaal.gif);
	background-position: left top;
	background-repeat: repeat-y;
                overflow: hidden;
}

#rechterkolomvervolg img
{
	float: right;
}

#nieuwsoverzichtvervolg
{
	position: relative;
	float: left;
	width: auto;
	margin-left: 25px;
	margin-top: 10px;
	overflow: hidden;
}

#nieuwsoverzichtvervolg h1
{
	font-size: 1.6em;
	margin-left: 0px;
}

#linkjesrechtsboven
{
	position: relative;
	float: left;
	width: 170px;
	margin-left: 15px;
	font-size: 0.8em;
}

#linkjesrechtsboven ul
{
	list-style-type: none;
	margin-left: -45px;
}

#linkjesrechtsboven ul li
{
	margin: 6px 0px 6px 0px;
}

#linkjesrechtsboven ul a
{
	color: #0a57a4;
	text-decoration: none;
}

#linkjesrechtsboven ul a:hover
{
	text-decoration: underline;
}

#linkjesrechtsonder
{
	position: relative;
	float: left;
	width: 170px;
	margin-left: 12px;
	font-size: 0.6em;
}

#linkjesrechtsonder h1
{
	font-size: 1.2em;
	color: #177f71;
	margin-left: 0px;
}

#kruimelpad
{
	width: 570px;
	position: relative;
	float: left;
	color: #0a57a4;
	margin: 10px 0px 20px 25px;
	font-weight: bold;
}

#kruimelpad a
{
	color: Black;
	text-decoration: underline;
}

#kruimelpad #kruimelpadlinks
{
	color: Black;
}

#geen_js_menu {
  text-align: right;
  padding-right: 10px;
}

#geen_js_menu a {
  color: #0a57a4;
  font-size: 0.8em;
  text-align: right;
  padding-top: 4px;
  font-weight: bold;
}
#geen_js_menu ul {
  list-style-type: none;
}

.lijst {
	margin-left: -4px;

}

.lijst a {
	color: #0a57a4;
	font-weight: normal;
	text-decoration: none;
}

.lijst a:hover {
	text-decoration: underline;
}

/* coolmenus gedeelte */

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs {
    position: absolute;
    visibility: hidden;
}
/* CoolMenus 4 - default styles - end */

.clBar #oCMenu0bbar {
    position:absolute;
    height:10px;
    visibility:hidden;
}



/* Styles for level 0 */
.clLevel0, .clLevel0over {
    position: absolute;
    font-size: 0.8em;
    color: #0a57a4;
    text-align: right;
    padding-top: 4px;
    font-weight: bold;
    background-color: #eae6c7;
}

.clLevel0over {
    background-color: White;
    cursor: pointer;
    cursor: hand;
}

.clLevel0border{
    position: absolute;
    visibility: hidden;
}

/* Styles for level 1 */
.clLevel1, .clLevel1over{
    position: absolute;
    font-size: 0.7em;
    color: #0a57a4;
    text-align: left;
    padding-left: 3px;
    padding-top: 2px;
    font-weight: bold;
    background-color: #eae6c7;
}

.clLevel1 {
    cursor: pointer;
    cursor:hand;
}

.clLevel1over {
    background-color: white;
    cursor: pointer;
    cursor: hand;
}

.clLevel1border{
    position: absolute;
	border: 1px solid #0a57a4;
}

.gpdc_onderwerp {FONT-SIZE: 1.2em; COLOR: #0a57a4}
.gpdc_artikel {COLOR: #0a57a4; font-weight: normal;}
.gpdc_blok {float: left; width: 380px;}