/* Css Document Oosterhof Holman - Copyright 2007 Point4media */

* {
margin:0;
padding:0;
}

html, body {
margin:0;
padding:0;
line-height:14px;
background:url(../images/bg_body.gif) top left repeat-x;
background-color:#005943;
font-size:87.5%;
margin-left:-25px;
}

#mainwrapper {
background:url(../images/bg_body.gif) top left repeat-x;
background-color:#fff;
width:100%;
}

#mainframe {
width:934px;
margin:0 auto;
padding-left:85px;
padding-right:25px;
background:url(../images/bg_mainframe.gif) top right no-repeat;
background-color:#fff;
}

#logo {
position:absolute;
border:0px;
margin:20px 0px 0px -27px;
}

#logo a img {
border:0px;
}

/*****************************  header  *********************************/

#header {
width:934px;
height:350px;
margin:0;
}

#header-top {
height:140px;
width:934px;
overflow:hidden;
}

/*---topright nav---*/
#topright {
text-align:center;
float:right;
width:356px;
height:20px;
padding-top:22px;
margin-left:20px;
}

#topright p {
float:left;
}

#topright p a {
color:#fff;
font-size:0.9em;
padding-top:2px;
font-weight:bold;
}

#topright img {
margin-bottom:-8px;
}

.user {
padding:28px 0px 10px 35px;
text-align:right;
float:right;
width:312px;

}

#topright p.user a {
color:#004e3b;
font-size:12px;
}


#header-bottom {
width:934px;
height:210px;
}

#left-pane {
width:406px;
float:left;
padding-top:5px;
overflow:hidden;
}

#right-pane {
float:left;
width:528px;
height:210px;
float:right;
overflow:hidden;
}

#header-bottom p {
color:#fff;
}

#header-bottom h1 {
}

#header .min-height {
height:106px;
float:right;
}

/*------------------ mainmenu  ------------------*/

#menubar {
width:934px;
height:35px;
margin:0;
padding:0px 0px 0px 0px;
position:relative;
z-index:10000;
float:right;
}

ul#mainmenu  {
list-style:none;
float:left;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
}

ul#mainmenu li {
list-style:none;
float:left;
height:35px;

}

#mainmenu li a {
text-align:center;
padding:10px 10px 10px 10px;
float:left;
margin:0;
color:#004e3a;
text-decoration:none;
font-weight:bold;
margin-left:5px;
text-indent:-3px;
}

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

ul#mainmenu li.active {
background:url(../images/bg_tab.gif) top left no-repeat;
}

ul#mainmenu li.active a {
color:#fff;
background:url(../images/bg_tab_right.gif) top right no-repeat;
position:relative;
z-index:1000;
height:35px;
margin-left:5px;
margin-right:-5px;
text-indent:-3px;
}

/*-----   submenu   ----*/
ul#submenu  {
color:#fff;
line-height:20px;
display:block;
float:left;
list-style:none;
display:inline;
}

ul#submenu  li {
color:#fff;
float:left;
width:140px;
clear:both;
margin-left:20px;
list-style:none;
}

ul#submenu a {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
background:url(../images/disc_white.gif) 0px 6px no-repeat;
padding-left:10px;
}

ul#submenu a.active {
color:#ff923e;
background:url(../images/disc_orange.gif) 0px 5px no-repeat;
}

ul#submenu a:hover {
text-decoration:underline;
color:#ff923e;
background:url(../images/disc_orange.gif) 0px 5px no-repeat;
}

/*****************************  content  *********************************/

#content-wrapper {
width:934px;
margin:0;
background:url(../images/bg_bogen.gif) 304px 0px no-repeat;
}


/*----------   misc-bar(pathway, print, text-size   ---------*/

#misc-bar {
padding-top:8px;
width:934px;
height:20px;
}

#pathway {
float:left;
width:635px;
font-size:11px;
}

#pathway a {
color:#303030
}

.option {
float:right;
padding-left:12px;
font-size:11px;
}

.option a img{
border:none;
}

/*--------------  left-column  --------------*/
.left-column {
width:539px;
float:left;
background:url(../images/dotted_border_vert.gif) top right repeat-y;
overflow:hidden;
}

.left-column .content-pane {
width:539px;
float:left;
overflow:hidden;
margin-top:5px;
padding-right:0px;
display:inline;
}

.nieuws {
background:url(../images/icon_nieuws.gif) center left no-repeat;
}

.left-column img {
padding:5px;
background:#f7f7f7;
border:1px solid #dbdbdb;
margin:0px 10px 10px 0px;
}

.content-pane img {
float: none;
}

/*--wide column--*/

.wide-column {
width:870px;
float:left;
padding-bottom:20px;
}

.wide-column .content-pane {
width:870px;
float:left;
overflow:hidden;
margin-top:5px;
}

.wide-column img {
float:left;
padding:5px;
background:#f7f7f7;
border:1px solid #dbdbdb;
margin:0px 10px 10px 0px;
}

.wide-column .wrapper img  {
margin-left:25px;
}

/*--wide-column-blocks--*/

.wide-column-blocks {
width:934px;
float:left;
padding-bottom:20px;
}

.wide-column-blocks .content-pane {
width:934px;
float:left;
overflow:hidden;
margin-top:5px;
}

.wide-column-blocks img {
float:left;
padding:5px;
background:#f7f7f7;
border:1px solid #dbdbdb;
margin:0px 10px 10px 0px;
}

.wide-column-blocks .content-pane .wrapper {
width:402px;
float:left;
display:block;
padding-right:30px;
clear:none;
margin-right:25px;
padding-bottom:25px;
background:url(../images/dotted_border_hor.gif) bottom left repeat-x;
}
/*--------------  right-column  --------------*/
.right-column {
width:390px;
float:left;
background:url(../images/dotted_border_vert.gif) top left repeat-y;
margin-left:-1px;
overflow:hidden;

}

.right-column .content-pane {
width:375px;
float:left;
overflow:hidden;
margin-top:5px;
margin-left:15px;
display:inline;
}

.right-column .wrapper img {
float:left;
padding:5px;
background:#f7f7f7;
border:1px solid #dbdbdb;
margin:0px 10px 10px 0px;
}

p.agenda-item {
font-size:0.90em;
color:#005d45;
}

p.agenda-item a {
font-size:0.90em;
color:#005d45;
}

.agenda {
background:url(../images/icon_agenda.gif) center left no-repeat;
}

.fotoboek {
background:url(../images/icon_fotoboek.gif) center left no-repeat;
}

h2.fotoboek {
background:url(../images/icon_fotoboek.gif) center left no-repeat;
}

a.teaser-fotoboek {
background:url(../images/teaser_fotoboek.gif) top left no-repeat;
float:right;
border:0;
padding:0;
background-color:none;
margin-top:-44px;
width:191px;
height:194px;
}

a.teaser-fotoboek:hover {
background:url(../images/teaser_fotoboek_hover.gif) top left no-repeat;
}

h2.fotoboek {
background:url(../images/icon_fotoboek.gif) center left no-repeat;
}

a.teaser-fotoboek {
background:url(../images/teaser_fotoboek.gif) top left no-repeat;
float:right;
border:0;
padding:0;
background-color:none;
margin-top:-44px;
width:191px;
height:194px;
}

a.teaser-fotoboek-en {
background:url(../images/teaser_fotoboek_hover.gif) top left no-repeat;
}

a.teaser-fotoboek-en {
background:url(../images/teaser_fotoboek_en.gif) top left no-repeat;
float:right;
border:0;
padding:0;
background-color:none;
margin-top:-44px;
width:191px;
height:194px;
}

a.teaser-fotoboek-en:hover {
background:url(../images/teaser_fotoboek_hover_en.gif) top left no-repeat;
}

/*----fotoalbum-----*/

#albumpane {
margin:0 auto;
margin-left:46px;
}

#thumb-holder {
margin:0 auto;
width:454px;
}
#thumb-holder table {
float:left;
height:110px;
}

#image-holder {
margin:0 auto;
background:url(../images/bg_fa_top.gif) top left no-repeat;
width:454px;
margin-left:-17px;
}

#slideshow-holder {
margin:0 auto;
background:url(../images/bg_fa_top.gif) top left no-repeat;
width:454px;
margin-left:-17px;
}

#image-holder-bottom {
margin:0 auto;
background:url(../images/bg_fa_bottom.gif) top left no-repeat;
width:454px;
height:51px;
margin-top:0px;
float:left;
}

#image-holder-bottom p {
margin-top:-5px;
}

.wrapper #image-holder img {
margin:0;
padding:0;
background:none;
border:none;
margin:20px 0px 0px 28px;
width:398px;
float:left;
}

#slideshow {
margin:0;
padding:0;
background:none;
border:none;
margin:20px 0px 0px 28px;
width:398px;
float:left;
}

#slideshow img {
float:none;
margin:0px;
padding:0px;
float:none;
}

#image-holder p {
text-align:center;
float:none;
clear:both;
padding-top:20px;
}

#slideshow-holder p {
text-align:center;
float:none;
clear:both;
padding-top:20px;
}

.album-nav {
overflow:hidden;
width:442px;
margin-left:0px;
}

#albumpane img {
float:left;
}

.album-nav table td {
width:110px;
height:25px;
}

.album-nav a {
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#005d45;
font-weight:normal;
margin-top:5px;
float:left;
}

.album-nav a:hover {
text-decoration:none;
}

.album-nav img {
padding:0;
margin:0;
background:none;
border:none;
}

span.thumb-title {
font-size:10px;
font-family:arial;
color:#005d45;
float:left;
width:114px;
padding:2px;
height:30px;
overflow:visible;
line-height:12px;
float:left;
margin:0
}


/*****************************  footer  *********************************/
#footer {
width:100%;
height:122px;
background:url(../images/bg_footer.gif) top left repeat-x;
}

#footer-pane {
width:992px;
background:url(../images/bg_footer_tab.gif) top left no-repeat;
height:95px;
padding:15px 0px 0px 52px;
margin:0 auto;
text-align:center;
}

#bottom-nav {
text-align:center;
height:19px;
overflow:hidden;
width:330px;
float:right;
margin-right:56px;
display:inline;
}

#bottom-nav p a {
color:#fff;
font-size:0.9em;
padding-top:2px;
font-weight:normal;
}

#bottom-nav img {
margin-bottom:-8px;
}

#copyright {
padding-top:60px;
}

#copyright p {
color:#37a086;
font-size:0.9em;
}

#copyright p a {
color:#37a086;
font-size:0.9em;
}

/*****************************  typography  *********************************/
h1 {
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:22px;
color:#fff;
padding:0px 10px 10px 0px;
line-height:26px;
}

h2 {
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:16px;
color:#a6383a;
margin:0;
height:10px;
text-transform:uppercase;
padding:20px 10px 20px 60px;
float:left;
background:url(../images/icon_h1.gif) center left no-repeat;
}

h3 {
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:14px;
color:#005d45;
line-height:20px;
margin-top:-4px;
display:inline;
overflow:hidden;
float:left;
clear:right;
padding-right:15px;
}

h3.news-title {
width:362px;
}

h3.header-green {
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:16px;
color:#005d45;
line-height:20px;
margin:0;
clear:none;
width:auto;
float:none;
padding-right:15px;
padding-top:15px;
display:block;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
line-height:14px;
color:#303030;
}

a {
text-decoration:underline;
color:#005d45;
}

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

.wrapper ul {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#005d45;
text-align:left;
list-style:none;
}

#content-wrapper .wrapper ul li {
padding:2px 5px 2px 0px;
}

.content-pane {
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
line-height:14px;
color:#303030;
}


/*****************************  generic classes  *********************************/
.wrapper {
padding:15px 15px 15px 0px;
margin:0;
clear:both;
}
.min-height {
width:1px;
}

h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, li first-letter {
	text-transform:			uppercase;
}

.to-top {
height:15px;
width:250px;
text-align:left;
float:left;
font-size:11px;
background:url(../images/icon_totop.gif) 0px 0px no-repeat;
display:block;
margin:4px 0px 5px 33px;
display:inline;
text-indent:18px;
}

.to-top p a {
color:#303030;
text-decoration:none;
}

.to-top p a:hover {
text-decoration:underline;
}

.content-header-bar {
width:100%;
height:50px;
}

.content-header-bar span {
color:#3e8271;
padding-right:10px;
margin-top:20px;
float:left;
}

.content-header-bar a {
float:left;
color:#3e8271;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
margin-top:22px;
font-weight:bold;
}

.gray-pane {
background:url(../images/bg_pane_tl.gif) top left no-repeat;
background-color:#f6f6f6;
margin-top:15px;
}

.gray-pane .wrapper {
background:url(../images/bg_pane_br.gif) bottom left no-repeat;
padding:15px 15px 15px 15px;
}

.left-column .date {
margin-top:0px;
margin-bottom:6px;
}

.date {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
/*font-size:0.9em;*/
font-size:11px;
margin:3px 0px 10px 0px;
display:block;
color:#646464;
}

.right-column .date {
font-size:10px;
}

span.date-content {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.9em;
margin:0px 0px 0px 60px;
padding:0;
position:relative;
width:470px;
overflow:hidden;
height:14px;
color:#646464;
text-align:left;
float:left;
display:inline;
}



/*******************    tables    **********************/

table {
border:0px;
border-collapse:collapse;
text-align:left;
}

th {
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:16px;
color:#005d45;
text-align:left;
padding-bottom:15px;
}

table td {
vertical-align:top;
padding:2px 5px 2px 0px;
}

table tr td .date {
margin:0;
padding:0;
}

/*--------------------forms--------------------------*/
#topright form {
text-align:left;
float:left;
margin:-2px 0px 0px 0px;
padding:0;
}

input {
font-family:Arial, Helvetica, sans-serif;
}

label {

}

#topright input.inputfield {
width:108px;
height:18px;
border:none;
background:url(../images/bg_input_or.gif) top left no-repeat;
background-color:#fff;
border:none;
font-size:11px;
font-weight:400;
color:#fff;
float:left;
margin:1px 0px;
padding:5px 0px 0px 10px;
}

#topright input.button {
background:url(../images/btn_search_or.gif) top left repeat-x;
color:#fff;
border:none;
font-size:11px;
font-weight:700;
font-family:Arial, sans-serif;
width:89px;
cursor:pointer;
float:left;
height:25px;
margin:0;
padding:1px 0 5px;
}

#topright input.button:hover {
color:#ffd3d4;
}

/*-------search results----------*/

.results-intro {
clear:both;
margin:0;
padding:20px 0px 10px 0px;
}

.search-intro-list h3 {
float:none;
line-height:20px;
margin-top:-4px;
display:block;
padding-right:15px;
}

#searchbox {
margin:16px 0px 0px 210px;
}

#searchbox p {
float:left;
padding-top:5px;
padding-left:5px;
font-size:11px;
}

#searchbox input.inputfield {
width:108px;
height:18px;
border:none;
background:url(../images/bg_input_white.gif) top left no-repeat;
background-color:#fff;
border:none;
font-size:11px;
font-weight:400;
color:#4b4b4b;
float:left;
margin:1px 0px;
padding:5px 0px 0px 10px;
}

#searchbox input.button {
background:url(../images/btn_search_trans.gif) top left repeat-x;
color:#fff;
border:none;
font-size:11px;
font-weight:700;
font-family:Arial, sans-serif;
width:89px;
cursor:pointer;
float:left;
height:25px;
margin:0;
padding:1px 0 5px;
}

#searchbox input.button:hover {
color:#ffd3d4;
}

/*--- sitemap----*/
ul.sitemap {
margin:0;
padding:0;

}

ul.sitemap li {
float:left;
display:block;
padding:10px 0px 10px 0px;
}


ul.sitemap li ul {
float:left;
display:block;
padding:2px 0px 10px 20px;

}

ul.sitemap li ul li {
float:left;
display:block;
padding:10px 0px 1px 0px;
clear:both;
}

ul.sitemap li ul li ul li {
float:left;
display:block;
padding:1px 0px 1px 0px;
clear:both;
}

ul li a.active {
color:#a6383a;
text-decoration:none;
font-weight:bold;
}

div.wrapper p {
line-height:1.2em;
}

.content-header-bar a:hover {
color:#a6383a;
}

/* pagination */
.pagination {
width: 540px;
float:none;
margin:12px 0px 0px 0px;
}

.pagination a {
display: block;
width:18px;
padding: 2px 0px 2px 0px;
margin: 0px 2px 0px 0px;
float:left;
text-align:center;
font-weight:normal;
font-size:14px;
font-weight:bold;
}

.pagination a.active {
text-decoration:underline;
background-color:#004e3a;
color:#fff;
text-decoration:none;
}

/* mijn account */
#userdetails {
font-size:14px;
font-weight:bold;
font-family:arial;
}

#userdetails .left {
width:140px;
height:30px;
}

/*------------form--------------*/

form.form-wrapper {
margin:0;
padding:15px;
}

.form-holder form {
margin:0;
padding:0;
}

.form-holder th {
font-size:12px;
color:#000;
font-weight:bold;
width:80px;
vertical-align:top;
padding:6px 0px 0px 0px;
}

.form-holder .textfield {
width:280px;
}

.form-holder textarea {
width:280px;
}

.formfield {
background:url(../images/bg_input_default.gif) top left no-repeat;
background-color:#fff;
height:21px;
border-left:none;
border-top:none;
border-right:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
width:280px;
padding:6px 0px 0px 10px;
}

.form-holder .button {
background:url(../images/button_red.gif) top left no-repeat;
background-color:none;
border:none;
color:#fff;
width:107px;
height:26px;
font-size:11px;
font-weight:bold;
cursor:pointer;
float:left;
margin:6px 0px 0px 0px;
}

.formbutton {
background:url(../images/button_red.gif) top left no-repeat;
background-color:none;
border:none;
color:#fff;
width:107px;
height:26px;
font-size:11px;
font-weight:bold;
cursor:pointer;
float:right;
margin:6px 0px 0px 0px;
}

.formbutton:hover {
color:#FF9900;
}

.form-errors {
font-weight: bold;
color:#D70000;
padding:8px;
}

.form-errors ul li {
color:#D70000;
}

#text .gray-pane {
background:url(../images/bg_pane_tl_wider.gif) top left no-repeat;
background-color:#f6f6f6;
margin-top:15px;
width:436px;
}

#text .gray-pane .wrapper {
background:url(../images/bg_pane_br_wider.gif) bottom left no-repeat;
padding:15px 15px 15px 15px;
}

h4 {
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:16px;
color:#005d45;
}

.wrapper li {
list-style:circle;
margin:0px 0px 0px 16px;
color:#000;
}

/* language */
#language-bar {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
height:18px;
}

#language-bar img {
text-align:right;
border:0px;
padding:0px 4px 0px 4px;
margin:4px 0px 0px 0px;
}

.thumb {
width:125px;
height:95px;
}


/*sidebar-menu*/
.gray-pane.submenu {
margin:5px 0px 20px 0px;
}


.gray-pane.submenu h2 {
background:none;
padding:18px 18px 0px 18px;
}

ul#sidebar-menu {
list-style:none;
margin:0;
padding:0px 0px 10px 3px;
line-height:24px;
}

ul#sidebar-menu li a.active {
font-weight:bold;
color:#005f44;
background:url(../images/arrow_green.gif) no-repeat 0px 6px;
}

ul#sidebar-menu li {
list-style:none;
margin:0;
padding:0;
background:url(../images/submenu_border.gif) repeat-x bottom left;
}

ul#sidebar-menu li.open {
background:none;
}

ul#sidebar-menu li a {
list-style:none;
margin:0;
padding:0px 0px 0px 10px;
text-decoration:none;
color:#424242;
background:url(../images/arrow_gray.gif) no-repeat 0px 4px;
}

ul#sidebar-menu li a:hover {
background:url(../images/arrow_green_right.gif) no-repeat 0px 4px;
color:#005f44;
}

/*sub-submenu*/
ul#sidebar-menu li ul {
line-height:16px;
padding:6px 0px 6px 20px;
background:#e8e8e8;
margin:5px 0px 5px 0px;
border:1px solid #fff;
}

ul#sidebar-menu li ul li a {
font-weight:normal;
font-size:11px;
text-decoration:none;
padding:0;
background:none;
}

ul#sidebar-menu li ul li {
background:none;
}

ul#sidebar-menu li ul li a:hover {
color:#005f44;
background:none;
}

ul#sidebar-menu li ul li a.active {
font-weight:bold;
color:#005f44;
background:none;
}

/*form nieuwsbrief*/
h2.nieuwsbrief {
background:url(../images/icon_nieuwsbrief.gif) center left no-repeat;
}

/* Form box */
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input {
	vertical-align:middle;
	font-size:12px;
}
.form-box {
	float:right;
	width:345px;
	padding:13px 0 0;
}
.form-box p {
	margin:0;
	line-height:16px;
}
.form-box ul {
	margin:12px 0 0 -7px;
	padding:0;
	height:1%;
	list-style:none;
	overflow:hidden;
}
.form-box ul li {
	float:left;
	background:url(../images/new/bg-form-sep.gif) no-repeat 0 3px;
	margin-left:-1px;
	padding:0 7px 0 8px;
}
.form-box ul a {
	color:#a1cee6;
	background:url(../images/new/ico-arrow4.gif) no-repeat 100% 5px;
	padding-right:8px;
}
.form-item {
	overflow:hidden;
	height:1%;
	padding:6px 0 0;
}
.form-item div {
	float:left;
	background:url(../images/bg-input.gif) no-repeat;
	padding:0 5px;
	height:27px;
	overflow:hidden;
}
.form-item div.mail {
	float:left;
	background:url(../images/bg-input-mail.gif) no-repeat;
	padding:0 5px;
	height:27px;
	overflow:hidden;
margin-top:7px;
}
.form-item div input {
	border:none;
	background:none;
	padding:5px 10px 5px 24px;
	width:177px;
        color:#025c43;
}
.form-item .submit {
	float:right;
	margin:8px 0px 0px 0px;
}
input.textfield {
  padding:6px;  
}
.form-holder th {
   width:100px; 
}
textarea {
    padding:6px;
}