/*-------------------------------------------------------------------------------
 * Hans Heesterbeek [www.hansheesterbeek.com]
 * Author: Taurus media [www.taurusmedia.nl]
 * Created: Okt. 08
 * Notes:
-------------------------------------------------------------------------------*/

body {
	background: #343434 url(../hh-images/bg_horizon.gif) repeat-x top;
	font: normal 62.5% "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif !important;
	color: #1e1e1e;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
}

.bodyFP
{
		background: #343434 url(../hh-images/bg_horizonFP.gif) repeat-x top;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif !important;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	border-bottom: 0 !important;
}

#container {
	margin:0 auto 0 auto;
	width:996px;
}

b {
	font-weight:normal;
}

/*------------------------------------------------------------------------------- * Top */

#top {
	height:106px;
	width:100%;
	background:url(../hh-images/top_logo_stars.gif) no-repeat top;
}

#icon {
	width:25px;
	height:38px;
	position:absolute;
	margin:30px 0 0 846px;
	background:url(../hh-images/header_icon.jpg) 0px 0px;
}

#header {
	/*width:871px;*/
	padding:0 0 0 196px;
	width:673px;
	height:275px;
	float:left;
	background:#cdd129 url(../hh-images/header_bg.gif) repeat-y left;
}

#care_for_people, #care_for_peopleFP {
	position:absolute;
	margin-left:-165px;
	width:165px;
	float:left;
	height:275px;
	background:#cdd129;
}

#care_for_peopleFP
{
	height:133px;	
}

#style_nav {
	text-align:right;
	float:left;
	height:125px;
	padding:150px 0 0 0;
	width:104px;
	line-height:0;
	background:#414141 url(../hh-images/header_bg.gif) right;
	font-size:0;
}

.bodyFP #header
{
	height:133px;	
	background:#cdd129 url(../hh-images/header_bg.gif)  repeat-y left;
}

.bodyFP #style_nav
{
	padding-top:8px;
}


#style_nav img {
	cursor:pointer;
}

#content_container {
	width:100%;
	clear:both;
	background:url(../hh-images/bg_content.gif) repeat-y left;
}

/*------------------------------------------------------------------------------- * Navigatie */

#linkerkant {
	float:left;
}

#navigatie {
	padding:30px 0 0 55px;
	width:141px;
}


#navigatie li {
	font:12px/23px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
}

#navigatie li a {
	color:#aeaeae;
	text-decoration:none;
}

#navigatie li a:hover, #navigatie .active a {
	color:#cdd129;
	text-decoration:underline;
}

#quote {
	clear:left;
	margin:30px 0 0 40px;
	width:140px;
	font:16px/20px "Times New Roman", Times, serif;
	font-style:italic;
	color:#a9a9a9;
	text-align:center;
}

/*------------------------------------------------------------------------------- * Content */

#content {
	width:640px;
	padding:15px 0 0 35px;
	margin:0 0 0 191px;
	font:12px/17px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	color:#aeaeae;
	/* min-height hack */
	height:325px;
	min-height:325px!important;
	height:auto;
}

.bodyFP #content
{
	padding:0;
	width:675px;
}

#content a {
	text-decoration:underline;
	color:#999999;
}

#content a:hover {
	color:#cdd129;
}

#content hr {
	width:100%;
	margin:0 0 10px 0;
	height:1px;
	background:#696969;
	border:0;
}

#content #headercontent
{
	position:absolute;
	margin-top:-50px;
}

h1 {
	color:#cdd129;
	font:18px/25px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	padding:0 0 12px 0;
}

p {
	padding:0 0 12px 0;
}

#content ul {
	list-style:inside circle;
	padding:0 0 12px 0;
}

#clear_area {
	width:99%;
	display:block;
	clear:both;
	text-align:center;
}

.breadcrumbs {
	font-size:10px;
}

.breadcrumbs a {
	color:#999999;
	padding:0 20px 0 0;
	background:url(../hh-images/breadcrumb.gif) no-repeat right;
}

.portfolio li {
	background:url(../hh-images/li_empty.gif) left no-repeat;
	list-style:none;
	padding:1px 0 1px 0;
	padding-left:35px;
}

.portfolio .film {
	background:url(../hh-images/film.gif) left no-repeat;
}

.nieuwsItem
{
	background:url(../hh-images/news_hr.gif) repeat-x bottom;
	padding:0 0 30px 0;
}

.nieuwsItem tr td
{
	vertical-align:top;
}

.nieuwsItem h1
{
	font-size:13px;
	font-weight:bold;
	line-height:18px;
}

.nieuwsItem .contentImg
{
	border:1px solid #aeaeae;
	margin:0 15px 0 0;
}

.nieuwsItem .nieuwsDatum
{
	float:right;
	line-height:16px;
	
}

.nieuwsItem .newsLeesverder
{
	padding-left:20px;
	background:url(../hh-images/news_star.gif) no-repeat;
	color:#000000;
}

#pages
{
	float:right;
}

#pages li
{
	float:left;
	list-style:none;
	margin:0 5px 0 5px;
}

#pages li a
{
	
}

/*------------------------------------------------------------------------------- * Frontpage */
.fpBox
{
	width:277px;
	height:243px;
	padding:15px;
	margin:10px 0 0 16px;
	float:left;
	border:1px dashed #525252;
	overflow:hidden;
}

	.headerFp
	{
		display:block;
		clear:both;
		margin-bottom:15px;
	}
	
	.fpLeesverder
	{
		font:11px Arial, Helvetica, sans-serif;
		color:#8a8a8a;
		text-decoration:none;
		font-weight:normal;
	}
	
	.fpImage
	{
		border:1px solid #666;
		width:57px;
		height:57px;
		float:left;
		margin:0 15px 0 0;
	}
	
	.fpBoxText
	{
		float:right;
		width:200px;	
	}
	
	.fpList
	{
		width:100%;
	}
	
	.fpList li
	{
		background:url(../hh-images/fpSter.jpg) 0 3px no-repeat;
		list-style:none;
		padding-left:10%;
		margin-bottom:5px;
	}
	
	#content .fpList a:link, #content .fpList a:visited
	{
		text-decoration:none;	
	}

/*------------------------------------------------------------------------------- * See, Feel, Touch */

#see_feel_touch {
	width:60px;
	float:right;
	margin:25px 47px 0 0 !important;
	margin:25px 20px 0 0;
}

#footer {
	width:949px;
	margin:0 0 0 24px;
	background:#cdd129;
	color:#414141;
	font:11px/27px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	text-align:center;
}

#footer a:link, #footer a:visited
{
	color:#414141;
	text-decoration:underline;	
}

/*------------------------------------------------------------------------------- *Form */

fieldset {
	width:95%;		
}

legend {
	font-size:16px;
}

.form {
	width:100%;
	border-top:1px solid #666666;
}

.form label {
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 15px;
	display: block;
	line-height:26px;
}

.form input {
	margin-bottom:3px;
	font:11px/20px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
}

.form textarea{
	font:11px/20px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	color:#FFFFFF;
	background:#444444;
	border:1px solid #999999;
	width:100%;
	height:120px;
}

.form .button {
	float:right;
	display:block;
	font-size:13px;
	background:#444444;
	border:1px solid #999999;
	color:#ffffff;
	padding:2px;
}

.form h2 {
	margin:10px 0 10px 0;
}

.formFout {
	color:#FFFFFF;
}

.formFout li {
	color:#aeaeae;
	background:url(../hh-images/li_empty.gif) left no-repeat;
	list-style:none;
	padding:1px 0 1px 0;
	padding-left:35px;
}


.clear
	{
		float:left;
		display:block;
		width:100%;
		border:0;
		height:0;
		line-height:0;
		font-size:0;
	}