/**
Template name: hov02 - frontpage template
Release date: 1 februari 2010
Last updated: 3 mei 2011
Description: hov02 - frontpage template
Author: Henry Bravo
Author URI: www.studio-bravo.com
**/
 
/* Reset - v1.0 | 20100212 */
------------------------------------------------------------------- */
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;
}
/* einde reset css */

/*
   Algemeen
------------------------------------------------------------------- */
*
{
padding: 0em;
margin: 0em;
}

body
{
background: #E8E8E8; /*url('images/bg1.jpg')*/
padding: 15px 0px 35px 0px;
}

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

p
{
/*line-height: 1.5em;
margin-bottom: 1.0em;*/
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: 21px;
}

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

a:hover
{
text-decoration: none;
color: #4D5001; /*B96D00;*/
}

h2 {
/*font-family: Tahoma,Arial,sans-serif; /* "Trebuchet MS",Arial,sans-serif; */
/*font-size: 14pt;
font-weight: normal;
line-height: 20pt;
padding-bottom: 5px;*/

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

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

h3
{
/*font-family: Tahoma,Arial,sans-serif;*/
font-size: 1.7em;
line-height: 1.9em;
font-weight: normal;
/*padding-right: 34px;*/
/*background-image: url('images/db1.gif');*/
}

h4
{
/*font-family: Tahoma,Arial,sans-serif;*/
font-size: 1.2em;
line-height: 1.4em;
font-weight: normal;
/*padding-right: 28px;*/
/*background-image: url('images/db2.gif');*/
}

h5
{
/*font-family: Tahoma,Arial,sans-serif;*/
font-size: 1em;
line-height: 1.2em;
font-weight: normal;
/*padding-right: 28px;*/
/*background-image: url('images/db2.gif');*/
}

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

.contentarea
{
/*padding-top: .5em;*/
}

/*.contentarea_banner p {
line-height:0;
padding: 0;
margin-bottom: 0;
}*/

.justify {text-align: justify;}

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

img.left
{
/*position: relative;*/
display: inline;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
/*position: relative;*/
display: inline;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

hr {
/*border: 1px solid #E8E8E8 ;
color: #E8E8E8 ;
background-color:#7F8400;
margin: 5px 0px 10px 0px;*/
    /*border: 1px dotted #7F8400;*/
    color: #E8E8E8;
    margin: 5px 0 10px;
}


    
.divider1
{
position: relative;
background: #fff; /*url('images/border2.gif') repeat-x;*/
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('images/icon-printerfriendly.gif');
}

.post ul.controls li a.comments
{
background-image: url('images/icon-comments.gif');
}

.post ul.controls li a.more
{
background-image: url('images/icon-more.gif');
}

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

#left-column p {
font-family: Verdana;
font-size: 11px;
}


ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 275px;
background: #E8E8E8; /*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 #fff;
background-color: #FAFAFA;
margin: 0 auto;
}

#header
{
position: relative;
width: 100%;
height: 100px; /*9.0em;*/
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;
line-height: 3em;
}

#headercontent h1 sup
{
color: #777;
}

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

#search
{
/*position: absolute;*/
/*top: 5.5em;
right: 2.0em;*/
padding: 0 0.0em 0em 2em;
}

#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
border: solid 1px #777777;
/*border-right: solid 2px 777777;
border-bottom: solid 1px #777777;
border-left: solid 1px 777777;*/
padding: 0.15em;
width: 20.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;
}

#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: #7F8400 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: .6em;
margin-left: 1.3em;
}

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

#menu ul li a
{
padding: 0.4em 1.0em 0.8em 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: #FFFFFF 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; */
}

#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 {
	max-width: 1024px;
	padding: 0 2px 0 2px;
}
.bottom-dotted {
/*border-bottom: 2px  #7F8400;*/
}
#primarycontainer
{
	float: left;
	/*margin-right: -18.0em;*/
margin-right: -20.0em;
width: 100%;
padding-left: 10px;
}

#normalcontent {
	height: 0px; /*340px; /* 450px 220px 430px */
	/*background: #E8E8E8;*/
}
#normalcontent {
	/*border-top:  2px  #7F8400;*/
	border-top:  2px;
	padding-top: 10px;
        padding-bottom: 10px;
	/*border-bottom: 2px  #7F8400;*/
	/*border-bottom:  10px solid #E8E8E8; 1px solid #E8E8E8;*/
	/*margin-bottom: 10px;*/
}
#normalcontent a {
	/*line-height: 1.5em;*/
}

#normalcontent p {
	line-height: 1.5em;
	margin-bottom: 0px;
}

#primarycontent {
	margin: 0 20.7em 0em 0em;
}

#left-col {
	float: left; 
	width: 260px; 
	height: 100%; 
	padding-right: 20px;
}

#mid-col {
	float: right; 
	width: 420px; 
	padding-right: 5px;
}

#secondarycontent
{
	margin-top: 0; /*.1em;*/
	float: right;
	width: 18.0em;
	padding-right: 10px;
}

#footer
{
position: relative;
width: 1024px;
height: 125px;
clear: both;
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: 400px;
height: 120px;
}

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

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

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

#siteinfo {
	font-family: Verdana;
	text-align: justify;
	font-size: 11px;
}