@charset "UTF-8";
/* CSS Document */

{margin:0;padding:0;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body{
margin:0;
padding:0;
background-color:#c2ed1f;
background-image:url(/images/backtile.jpg);
background-repeat:repeat-x;
text-align:center;}

p{font-family: Georgia, "Times New Roman", Times, serif;
color: #888;
font-size:13px;
font-weight:normal;
line-height:18px;}

h1{
font: 34px "Century Schoolbook", Georgia, Times, serif;
color:#9beb04;
margin:10px 0px 15px 0px;}

h2{
font: 18px "Century Schoolbook", Georgia, Times, serif;
color: #9beb04;
padding:4px;
margin:-10px 0px -15px 0px;}

h3{
font: 24px "Century Schoolbook", Georgia, Times, serif;
color: #C999;
margin-top:0px;
margin-bottom:0;}

h4{
font:Georgia;
color: #999;
font-weight:normal;
line-height:22px;
font-size:18px;
margin-bottom:0;}

.logo{width:720px; height:188px; margin:25px auto; background-image: url(/images/hoh_logo.png); background-repeat:no-repeat; background-position:center;}


/* ------ Nivo Slider ------ */

.nivoWrapper{
	width:620px;
	height:auto;
	margin:0 auto;}


.nivoText{
	width:720px;
	height:auto;
	margin:50px auto;}
	
.nivoText p{ color:#FFF;}

.nivoText a:link, a:visited, a:active {font-family: Georgia, "Times New Roman", Times, serif;font-size: 13px;font-style: normal;font-weight: normal;color: #FFF;text-decoration: underline;}	
.nivoText a:hover {font-family: Georgia, "Times New Roman", Times, serif;font-size: 13px;font-style: normal;font-weight: normal;color: #78c708;text-decoration: underline;}


.nivoSlider {
    position:relative;
    width:618px; /* Change this to your images width */
    height:246px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}


/* ------ TEXT STYLES ------ */

a:link, a:visited, a:active {font-family: Georgia, "Times New Roman", Times, serif;font-size: 13px;font-style: normal;font-weight: normal;color: #9beb04;text-decoration: underline;}	
a:hover {font-family: Georgia, "Times New Roman", Times, serif;font-size: 13px;font-style: normal;font-weight: normal;color: #CCCCCC;text-decoration: underline;}

.wit{color:#FFFFFF;}
.groen{color:#9beb04;}

/* ------ DIV STYLES ------ */

#wrap{
height: auto; 
min-height: 100%;}

#header{
width:auto;
height:200px;
padding:0;
clear:both;
background-image:url(../images/head_big_back.png);
background-repeat:repeat-x;}

#menu{auto;}

#head_wrap{
width:820px;
height:auto;
padding:0;
margin:0 auto 0 auto;
}

#head{
width:400px;
height:auto;
padding:0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
float:left;
}

#logo{
width:418px;
height:200px;
margin:0;
padding:0;
background-image:url(../images/hoh-logo.png);
background-repeat:no-repeat;
background-position:right;
float:right;
background-color:#FFF;}

#main{
clear:both;
margin:0 auto;
padding-left:0;
padding-right:0;
padding-bottom:170px;
width:820px;}

#content{
width:820px;
height:auto;
padding:25px 0 0 0;}

#maincontent{
width:500px;
height:auto;
padding:25px 10px 0 0;
float:left;}

#sidebar{
float: left;
width:280px;
height:100%;
border-left:#9beb04 1px dotted;
padding:0 0 0 10px}

.side_items{
width:280px;
height:auto;
padding:0;
border:none;
margin:0 0 15px 0;}

.side_items img{border:none;}

#nieuwsbrief{
width:280px;
height:120px;
border-bottom:1px dotted #9beb04;
padding:0;
margin:0 0 15px 0;}

#nieuwsbrief p{
font-family: Georgia, "Times New Roman", Times, serif;
color: #888;
font-size:13px;
font-weight:normal;
line-height:18px;}

#nieuws_dank{
margin:50px auto 0 auto;
padding:0 0 0 50px;
width:600px;
height:auto;}


/* ----- footer ---- */

#footer {
position: relative;
width:auto;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;
background-image: url(../images/footer-back.png);
background-repeat: repeat-x;
text-align:center;}

#footer p{
font: 14px "Century Schoolbook", Georgia, Times, serif;
color:#ffffff;
padding:20px 0 0 0;
margin:0;}

#footer-bb{
width:150px;
height: 150px;
float:right;
margin:0 25px 0 0;
background-image: url(../images/bb_r.png);
background-repeat: no-repeat;
clear:both;}

#footer a:link, a:visited, a:active{
font: 14px "Century Schoolbook", Georgia, Times, serif;
color: #fff;}

#footer a:hover{
font: 14px "Century Schoolbook", Georgia, Times, serif;
color: #999;}

/* CLEAR FIX*/
.clearfix:after {
	content:  ".";
	maincontent:  ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ------ TD STYLES ------ */

#head_text{
width:400px;
height:60px;
padding:0;
margin:1px 0 0 1px;
background-image:url(../images/head_tb.png);
background-repeat:no-repeat;}

#head_text h1{
font:Georgia;
color: #fff;
padding:4px;
width:auto;
font-weight:bold;
font-size:24px;
padding:10px 0 0 20px;
margin:0;}

.clientbar{
float:left;
width:140px;
height:auto;
border-left:#9beb04 dotted 1px;
padding:10px 0 0 5px;}

.clientbar p{
line-height:22px;
font-size:24px;}

.clientbar a:link, a:visited, a:active{
line-height:18px;
font-size:12px;
color: #a0a0a0;}

.clientbar a:hover{
line-height:18px;
font-size:12px;
color: #9beb04;}

.big p{
width:500px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #999;
font-size:24px;
font-weight:normal;
line-height:24px;}

.big a:link, a:visited, a:active{
line-height:22px;
font-size:22px;
color: #9beb04;}

.big a:hover{
line-height:22px;
font-size:22px;
color: #CCCCCC;}

.news{
width:500px;
height:auto;
margin:0 10px 10px 0;
border-bottom:1px dotted #9beb04;
padding:10px 0px 10px 0px;
float:left;}

.news img{
float:left;
border:#9beb04 1px solid;
margin:2px 20px 6px 0;
padding:3px;}

.news a:link, a:visited, a:active{color: #9beb04; font-size:14px; text-decoration:none;}
.news a:hover{color: #888; font-size:14px; text-decoration: underline;}

.portfolio p{
background-color: #FFFFFF;
padding:10px 0px 10px 0px;
border-bottom:#9beb04 1px dotted;
font-size:12px;
color:#888;
}

.portfolio img{
margin:0 0 10px 0;
border:#9beb04 1px dotted;

}

.portfolio h2{
font:Georgia;
color: #9beb0;
padding:4px;
width:auto;
font-size:24px;
padding:3px 0 1px 5px;
margin:-5px 0px -15px 0px;

}