/**********************************************************
Template name: hov01 - default template voor alle pagina's
Release date: 1 februari 2010
Last updated: 19 juni 2012
Description: default template voor alle pagina's
Author: Henry Bravo
Author URI: www.studio-bravo.com
***********************************************************/
/************************************/
/* reset css first  v1.0 | 20080212 */
/************************************/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, address, em, font, img, small, strike, strong, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**********************************/
/*         begin of style         */
/**********************************/

* {
	padding: 0em;
	margin: 0em;
}

body {
	background: #E8E8E8;
	padding: 15px 0px 35px 0px;
}

body,input {
	font-size: 13px;
	font-family: "Open Sans", Arial, "Georgia","Palatino","Garamond","New York","MS Serif","Times New Roman",serif; /*"Tahoma", "Sans", sans-serif;*/
	color: #707070; /* #333333; #606060 */
}

p {
/*line-height: 1.6em;
margin-bottom: .8em;
text-align: left;*/
margin: 0px 0px 1em; 
padding: 0px; 
color: rgb(26, 26, 26); 
font-family: "Open Sans", Arial, "Georgia","Palatino","Garamond","New York","MS Serif","Times New Roman",serif; 
font-size: 13px; 
line-height: 200%;
}

a {
	color: #7F8400;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #7F8400;
}

h1 {
margin: 0px 0px 10px; 
padding: 4px 0px 0px; 
font-size: 20px; 
color: rgb(26, 26, 26); 
font-family: "Open Sans", Arial, "Georgia","Palatino","Garamond","New York","MS Serif","Times New Roman",serif; 
line-height: 28px;
}

h2 {
margin: 0px 0px 5px; 
padding: 4px 0px 0px; 
font-size: 14px; 
color: rgb(26, 26, 26); 
font-family: "Open Sans", Arial, "Georgia","Palatino","Garamond","New York","MS Serif","Times New Roman",serif; 
line-height: 20px;
}

h3 span {
	font-weight: normal;
}

h3,h4 {
	display: inline;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.6em;
	padding-right: 34px;
	color: #7F8400;
}

h4 {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.4em;
	padding-right: 28px;
	color: #7F8400;
}

h5 {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.1em;
	color: #7F8400;
}

ul {
	color: rgb(26, 26, 26);
	list-style-type: square;
	padding: 5px 0 5px 20px;
}
li {
	padding-top: 10px;
}

hr {1.5px solid #F3F3F3;}

hr.news {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 80%;
}

/* colors
/***********************************/
.black {color: #000000;}
.red {color: red; font-size: 75%; }
.green {color: green;}
.white {color: white;}
.blue {color: blue;}
.silver {color: silver;}


.contentarea {
	padding-top: 0;
}

img {
	border: solid 1px #6F5230;
}

img.left {
	position: relative;
	float: left;
	margin: 0em 1.8em 1.4em 0em;
}

img.right {
	position: relative;
	float: right;
	margin: 0em 0em 1.8em 1.8em;
}

address { line-height: 1.5; }

.box
{
	position: relative;
/*background: #FDFCF6; url('images/boxbg.gif') repeat-x;*/
/*width: 250px;
height: 800px;*/
	padding: 1em 0 -1em 1.5em;
	margin-bottom: 10px;
	/*border-bottom: 2px dotted #7F8400; border-bottom: solid 1px #E1D2BD;*/
/*margin-bottom: 1.0em;*/
}


/* Layout
*************************************/
#upbg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 275px;
	background: #E8E8E8; /*#F0F0F0 *url('images/bg2.jpg') repeat-x;*/
	z-index: 1;
}

#upbg p
{
	line-height: 1.5em;
	margin-bottom: 1.0em;
	text-align: right;
}

#upbg a
{
	color: #B96D00;
	text-decoration: underline;
}

#upbg a:hover
{
	text-decoration: none;
}

#outer
{
	z-index: 2;
	position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
	width: 1024px;
	border: solid 7px #ffffff;
	background-color: #FAFAFA;
	margin: 0 auto;
}

#header
{
	position: relative;
	width: 100%;
	height: 100px;
	background: #E8E8E8; /*url('images/topbg.gif') repeat-x;*/
	margin-bottom: 2px;
}

#header img {
	border: none;
}

#headercontent
{
	position: absolute;
	bottom: 0em;
	padding: 0em 2.0em 1.3em 2.0em;
}

#headercontent h1
{
	font-weight: normal;
	color: #fff;
	font-size: 2.5em;
}

#headercontent h1 sup
{
	color: #777;
}

#headercontent h2
{
	font-size: 1.0em;
	font-weight: normal;
	color: #aaa;
}

#search
{
    padding: 0 0 0 2em;
}

/*#search input.text
{
	margin-right: 0.5em;
	vertical-align: middle;
	border-top: solid 1px #000000;
	border-right: 0px;
	border-bottom: solid 1px #777777;
	border-left: 0px;
	padding: 0.15em;
	width: 10.0em;
}

#search input.submit
{
	background: #939B00 url('images/buttonbg.gif') repeat-x;
	border: solid 1px #5F6800;
	font-weight: bold;
	padding: 0.25em;
	font-size: 0.8em;
	color: #F2F3DE;
	vertical-align: middle;
}*/
#search input.text {
    border: 1px solid #777777;
    margin-right: 0.5em;
    padding: 0.15em;
    vertical-align: middle;
    width: 20em;
}
#search input.submit {
    border: 1px solid #5F6800;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0.25em;
    vertical-align: middle;
}
#headerpic
{
	position: relative;
	height: 109px;
	background: #fff url('images/hdrpic.gif') no-repeat top left;
	margin-bottom: 2px;
}

#menu
{
	font-family:Arial,Helvetica,sans-serif;
	position: relative;
	background: #fff url('images/menubg.gif') repeat-x top left;
	height: 2.2em;
	padding: 0em 1.0em 0em 1.0em;
	margin-bottom: 2px;
}

#menu ul
{
	position: absolute;
	top: .3em;
}

#menu ul li
{
	position: relative;
	display: inline;
}

#menu ul li a
{
        padding: 0.1em 1.0em 1.1em 1.0em;
	/*padding: 0.5em 1.0em 0.9em 1.0em;*/
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;

}

#menu ul li a:hover
{
	text-decoration: none;
}

#menu ul li a.menu_current
{
background: #fff url('images/menuactive.gif') repeat-x top left;
	/*background: #7F8400 url('images/menuactive.gif') repeat-x top left;*/
}

#menubottom
{
        background: #7F8400;
	/*background: #E8E8E8 url('images/border1.gif') repeat-x;*/
	height: 14px;
	margin-bottom: 1em;
	margin-top: 0.1em;
}

#menubottom ul
{
	position: absolute;
	padding: 0 0 3em 2em;
	/*top: 1.1em;*/
}

#menubottom ul
{
	list-style: none;
}

#menubottom ul li
{
	line-height: 2.0em;
}

#menubottom ul li
{
	position: relative;
	display: inline;
}

#menubottom ul li a
{
	padding: 0.5em 1.0em 0.9em 1.0em;
	background: #7F8400
	/*color: #fff;*/
	text-decoration: none;
}

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

#menubottom ul li a.menu_current
{
	background: #7F8400 url('images/menuactive.gif') repeat-x top left;
}

#content
{
	padding: 0em 2.0em 0em 2.0em;
}

#primarycontainer
{
	/*float: left;*/
	/*margin-right: -18.0em;*/
	/*width: 100%;*/
	width: 936px;
}

#primarycontent
{
	/*margin: 1.5em 22.0em 0em 0em;*/
	float: left;
	width: 645px;
	margin: 4em 0 5em 0;
}

#secondarycontent
{
	margin-top: 0;
	float: right;
	/*width: 18.0em;*/
	width: 266px;
}

#banner_actueel
{
	margin-left: 40px;
	margin-top: 50px;
}

/*#footer
{
	position: relative;
	width: 1024px;
	height: 2.0em;
	clear: both;
	padding-top: 5.0em;
	background: #fff; /*url('images/border2.gif') repeat-x 0em 2.5em;*/
	/*font-size: 0.8em;
}
*/

/*#footer .left
{
	position: absolute;
	left: 2.0em;
	bottom: 1.2em;
}

#footer .right
{
	position: absolute;
	right: 2.0em;
	bottom: 1.2em;
}*/
#footer
{
position: relative;
width: 1024px;
height: 125px;
clear: both;
margin-top:1em;
padding-top: .5em;
background: #E8E8E8; /* #fff url('images/border2.gif') repeat-x 0em 2.5em; */
font-size: 0.8em;
}

#footer .left {
float: left;
bottom: 1.2em;
width: 460px;
height: 120px;
}

#footer .right {
float: right;
bottom: 1.2em;
width: 550px;
height: 120px;
}

#footer .right a {
text-decoration: none;
}

#footer .right img {
border: none;
text-decoration: none;
}

#site_door p {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: gray;
	text-align: right;
	padding-right: 170px;
}

#site_door a {
	text-decoration: none;
	color: gray;
}

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

/* gedeelte voor wij zijn wij.php
*******************************************/

#wie-slider{
position:relative;
width:640px;
}

/* gedeelte voor nieuwsbrief.php
*******************************************/

#nieuwsbrief-container {
	 width: 620px;
	 float: left; 
	 position: relative; 
	 /*background-color: rgb(242, 245, 237);*/
	 /*border: 1px dotted rgb(127, 132, 0);*/
	 margin: 5px 0px 15px; 
	 padding: 10px;
	 background-color:#FFFFFF; 
	 border:2px solid #FAFAFA; 
	 border-radius: 5px;
	 -moz-border-radius: 5px;
	 box-shadow: 2px 2px 1px #DBDBDB;
}


/* gedeelte voor actueel.php
***********************************/

.captcha-table, .captcha_table, .news-table {
	border: 0px;
}

.post_title, .post_date,
.post-title, .post-date {
/*border-bottom: 2px dotted #7F8400; 1px solid #DDDDDD;*/
}
.post_title a,
.post-title a {
	text-decoration: none;
	color: #7F8400;
}
.post_date,
.post-date {
	text-align: right;
	font-size: 12px;
	color: #7F8400;
	font-weight: bold;
}
.post_short,
.post-short {
	text-align: justify;
	padding-bottom: 40px;
}
.comment_title,
.comment-title {
	font-weight: bold;
}
.comment_text,
.comment-text {
	font-weight: normal;
	background-color: #FDFDFD;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 15px;
}
.comment_title, .comment_text,
.comment-title, .comment-text {
	border-left: 1px solid #DDDDDD;
}
.comment_info,
.comment-info {
	text-align: right;
	font-size: 10px;
	border-right: 1px solid #DDDDDD;
}
.comment_title, .comment_info,
.comment-title, .comment-info {
	border-top: 1px solid #DDDDDD;
	background-color: #EEEEEE;
}
.selected_group_title,
.selected-group-title { 
	font-size: 14px;
	text-align: center;
}


/***********************************
* gedeelte voor banner nieuwsbrief
***********************************/
#nbbanner {
width:310px;
height:420px;
padding-left:25px;
padding-top:50px;
}

.shadowbox{
width:280px; 
height:370px; 
background-color:#FAFAFA; 
border:2px solid #FAFAFA; 
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 2px 2px 1px #DBDBDB;
}

/***********************************
* gedeelte voor contact
***********************************/
.adresbox{
margin:10px;
border-bottom:1.5px solid #F3F3F3;
padding: 5px;
}
.noborder{
border-bottom:none;
}
.adresbox img{
border:none;
}
.adresbox p {
line-height: 1.6em;
margin-bottom: 0;
text-align: left;
}
.adresbox h5{
margin-bottom:5px;
}

#sb-logo-container {
width: 161px;
position: relative;
background-color: white;
border: 2px solid #FAFAFA;
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 2px 2px 1px #DBDBDB;
height: 88px;
padding: 10px;
margin: 10px 0 10px 22px;
}


/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}
.loop_header,
.loop-header {
	width: 100%;
	line-height: 1.6em;
}
.page_header,
.page-header {
	width: 100%;	
}
.post_header,
.post-header {
	width: 100%;	
}
.post_text {
        line-height: 1.6em;
        font-size: 11pt;
}
.page_left,
.page-left {
	text-align: left;
	line-height: 16px;
}
.page_center,
.page-center {
	text-align: center;
	line-height: 16px;
}
.page_right,
.page-right {
	text-align: right;	
	line-height: 20px;
}
.comment_header,
.comment-header {
	width: 100%;
}
.public_info,
.public-info {
	width: 180px;
	text-align: right;
}
.group_page,
.group-page {
	text-align: center;
}
.last-changed {
	color: 	#C0C0C0;
	text-align: center;
	font-style: italic;
	margin-bottom: 0px;
}
.text-back {
	margin-bottom: 1em;
}