@charset "utf-8";


/* Layout ================================================================================= */

body { font-family: arial; font-size: 12px; color: #999;}
#mainWrapper { background-color: #fff;}

#header { background: url(../images/bg_header.gif) left bottom no-repeat; height: 75px; width: 950px; margin: 0 auto;}
#logo { float: left; padding: 18px 0 0 25px;}
#logo a img{ margin-left: -25px}
.search { 
	float: right; 
	background: url(../images/bg_search.gif) right bottom no-repeat;
	height: 47px; 
	margin-top: 4px; 
	padding: 25px 17px 0 0;
}
.search .input_action
{ 	
	border:none;
	background-color: #76a712; 
	font-size: 12px; 
	font-family: Verdana; color: #fff; 
	padding-top: 3px; 
	padding-bottom: 2px;
	font-weight:bold;
}

.search .input_action:hover
	{
		cursor: pointer;
		background: #97D616;
}

#mainnav { 
	background: url(../images/bg_mainnav.gif) left top no-repeat; 
	width: 950px; 
	height: 60px; /*74px;*/ 
	margin: 0 auto; 
	padding: 0 15px;
}

#container { width: 950px; margin: 0 auto; background: url(../images/bg_container.gif) left bottom no-repeat; padding-bottom: 50px;}
#home #container { padding-bottom: 20px;}

#mainnav { position: relative;z-index: 100;}


#banner { width: 950px; margin: 0 auto;}
.banner_info { float: left; width: 220px; *width:210px; background: url(../images/bg_banner_info.gif) left top repeat-x;}
.banner_info_r { background: url(../images/bg_banner_info_r.gif) right top no-repeat; height: 180px;}
.banner_info_r { text-align:center; padding-right:5px; padding-right:5px;}
.banner_info strong { 
	display: block; 
	color: #fff; 
	text-align: center; 
	font-size: 14px; 
	padding: 10px 0;
	margin-bottom: 5px;
}
.banner_info p { 
	color:#FFFFFF;
	display:block;
	font-family:arial;
	font-style:italic;
	line-height:20px;
	margin:5px;
	min-height:80px;
	padding:0;
	text-align:center;
}
.banner_info p.smalldate {
	font-size: 12px;
	padding-top : 10px;
}
.banner_info p.smalllink a {
	color : #ffffff;
}
.banner_info p.smalllink a {
	color : #292929;
}
.banner_info p a {
	color: #ffffff; /*#76a712;*/
} 
.banner_info p.smalldate a {
	color: #292929;
}
.banner_info p a span{ text-align: center;display:inline; }
.banner_img { float: left;}
.banner_link { float: left; width: 210px;}
.banner_link ul {}
.banner_link ul li a { background: url(../images/bg_banner_link.gif) left top repeat-x; display: block; height: 50px; font-size: 14px; font-weight: bold; color: #76a712; padding: 10px 0 0 20px; line-height: 18px;}
.banner_link ul li.last a { background: url(../images/bg_banner_link_last.gif) left top no-repeat;}
.banner_link ul li a:hover, .banner_link ul li.current a { background: url(../images/bg_banner_link_hover.gif) left top repeat-x; color: #fff;}

#content_home { background: url(../images/bg_content_home.gif) left top no-repeat; padding-top: 30px;}

.service_intro { float: left; width: 585px; padding-left: 20px;}
.service_intro h2 { color: #5F8C02; font-size: 24px; font-weight: bold; font-family: Arial Narrow; text-transform: uppercase; letter-spacing: 1px; line-height: 18px;}
.service_intro p { color: #5B5B5B; line-height: 22px; margin-top: 20px; text-align: justify;}
a.more { background: url(../images/bu_arrowBlue.gif) left 6px no-repeat; color: #898989; line-height: 18px; font-weight: bold; padding-left: 12px; display: block; margin-top: 15px;}

.box_voor { 
	float: right; 
	width: 285px; 
	border: 1px solid #c8c8c8;
}
.box_voor h3 { background: url(../images/bg_box_voor_head.gif) left top repeat-x; height: 38px; line-height: 38px; text-align: center; color: #b4b4b4; font-size: 14px; border-bottom: 1px solid #c8c8c8;}
.box_voor_content {height: 120px; text-align: center; padding-top: 10px;}

.box_featured { margin-top: 30px;}
.box { border: 1px solid #c8c8c8; float: left; margin-right: 30px; width: 285px; background-color: #fff; height: 200px;}
.box_last { float: right; margin-right: 0;}
.box_head { background: url(../images/bg_box_head.gif) left top repeat-x; height: 45px;}

.box_content { padding: 10px 5px 0 20px;}
.box_content p { color: #b4b4b4; line-height: 16px;}
.box_content ul {}
.box_content ul li { background: url(../images/bu_diamond.gif) left 3px no-repeat; padding-left: 20px; margin-bottom: 5px;}
.box_content ul li strong { font-size: 16px; color: #3a3a3a;}
.box_content ul li p { color: #5B5B5B; font-style: italic; font-weight: bold;}

#link { border: 1px solid #c8c8c8; background-color: #fff; padding: 0 10px; margin-top: 20px;}
#link .left { float: left;}
#link .right { float: right;}
#link li { float: left; line-height: 0;}
#link .left li { padding: 10px 10px; margin-top: 7px;}
#link .right li { padding: 17px 10px;}

#sidebar { float: left; width: 200px; background: url(../images/bg_sidebar.gif) right top no-repeat; min-height: 416px;}
#leftnav { padding: 20px 30px 0 0;}
#leftnav li { text-align: right; line-height: 24px;}
#leftnav li a { color: #2e4304; font-size: 12px;}
#leftnav li.current a, #leftnav li a:hover { 
	color: #76a712;
}
#leftnav ul.sub_menu a{
	color: #83877a;
	margin-right: 15px;
}
#leftnav ul.sub_menu a:hover{
	color: #64685d;
	font-weight: bold;
}
#leftnav ul.sub_menu li.current a, #leftnav ul.sub_menu li.current a:hover{
	color: #76a712;
}

#content { float: right; width: 720px;color:#76a712; }
.list_new { border-top: 1px solid #b2becd; margin-top: 10px;}
.list_new li { border-bottom: 1px solid #b2becd; padding-bottom: 10px; margin-top: 10px; padding-left: 5px;}
.date_post { line-height: 22px;}
.new_title { font-weight: bold; line-height: 22px; font-size: 14px;}
.newsdetail_title { color: #76a712; font-weight: bold; line-height: 22px; font-size: 14px;padding:5px 0px;}
.new_summary { line-height: 22px;}
.result_not_found p{ margin-left: 5px; color: #76a712; padding-top: 5px;}
.new_readmore { color: #76a712; line-height: 22px;}
.new_readmore a { color: #76a712;}
.news_image{ margin:0px 10px 10px 0; }
.news_detail_content {
	margin-top: 20px;
	color: #76a712; 
}
.news_detail{
	margin-top: 15px;
}
.news_detail_content h2
{
	padding-left: 4px;
}
.news_detail_content h3
{
	padding-left: 4px;
}
.news_detail_content p
{
	color: #76a712; 
	padding-bottom:0.5em;
}
#pathway { background-color: #ebebeb; line-height: 20px; padding-left: 8px;}
#pathway a, #pathway span { font-size: 10px;}

#realContent {}
#realContent h1 {font-size: 22px; font-family: Arial Narrow; text-transform: uppercase; color: #426200; line-height: 28px; padding-left: 5px;}
h2{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.pagenav { text-align: center; margin-top: 5px;}
.pagenav li { display: inline; color: #76a712; line-height: 21px;}
.pagenav li a { color: #76a712;  padding: 0 7px; display: inline-block;}
.pagenav li.first a , .pagenav li.last a,  .pagenav li a:hover { background-color: #2E4304; color: #fff;}
.pagenav li span { display: inline-block; padding: 0 7px; background-color: #2E4304; color: #fff;}

.pagenav li.first a:hover { color:#76a712; }
.pagenav li.last a:hover { color:#76a712; }

#PageNumbers{text-align: center; margin-top: 5px; }
#PageNumbers a { display: inline; color: #76a712; line-height: 21px; color: #76a712;  padding: 0 7px; display: inline-block;}
#PageNumbers .next {background-color: #009ee0; color: #fff;}
#PageNumbers .prev {background-color: #009ee0; color: #fff;}

.banner_diensten { margin-top: 10px;}

.diensten_content { margin-top: 25px;}

#content_home .service_intro h1, #content_home .service_intro h2, #content_home .service_intro h3, #content_home .service_intro h4, #content_home .service_intro h5, #content_home .service_intro h6 {
	color: #426200;
	padding-bottom:5px;
}
#content_home .service_intro h1 {
	text-transform: uppercase;
	font-size: 26px;
}

.diensten_content p { color: #76a712; line-height: 22px; margin-top: 20px;}
.diensten_content p.graph_bold { font-weight: bold;}


#realContent  h1, #realContent  h2, #realContent  h3, #realContent  h4, #realContent  h5, #realContent  h6 {
	padding-left: 5px;
	color: #426200;
	margin-bottom: 0px;
	margin-top: 5px;
}
#realContent h3 { font-size: 110%; line-height: 18px; font-weight: normal;}
.diensten_content p { color: #76a712; line-height: 22px; margin: 0px auto;}
.diensten_content p.graph_bold { font-weight: bold;}
#realContent ul, #realContent ol {
	margin: 0;
	padding: 0 15px
}
#realContent table {
	width: 100%;
}
#realContent ul li, #realContent ol li{
	color: #333333;
}
#realContent p {
	margin: 0 5px;
	padding: 5px 0;
} 
.rss { margin-top: 7px; padding-left: 5px;}
.rss select { float: left; margin-right: 5px; font-size: 11px; color: #000; width: 160px;}
.rss span { 
	background: url(../images/ico_rss.gif) left top no-repeat; 
	padding-left: 18px; 
	color: #76a712; 
	font-size: 11px; 
	height: 15px; 
	line-height: 15px; 
	float: left; 
	margin-top: 1px;
}
.rss span a { 
	color: #76a712;
}
.frm_contact { margin-top: 20px;}
.frm_contact ul li { margin-top: 7px;}
.frm_contact label { float: left; width: 130px; text-align: right; color: #76a712; line-height: 18px; margin-right: 7px;}
.frm_contact .input_text { float: left; border: 1px solid #c8c8c8; width: 450px; height: 18px; font-size: 12px;}
.frm_contact textarea { border: 1px solid #c8c8c8; width: 450px; overflow: hidden; height: 115px; font-size: 12px;}
.frm_btn { text-align: right; margin-top: 7px; padding-right: 130px;}
.Actions input { border: 1px solid #ddd9d9; background-color: #426200; font-size: 11px; font-family: Verdana; color: #fff; padding-top: 1px; padding-bottom: 2px;}

#portfolio_top h2 { font-family: Arial Narrow; font-size: 20px; text-transform: uppercase; color: #2E4304; line-height: 18px; padding-left: 13px; float: left; margin-top: 3px;}
.portfolio_info_content { 
	background-color:#EBEBEB;
	float:right;
	margin-right:48px;
	padding:2px 5px 2px 0;
	width:750px;
}
.view_all { float: left; background: url(../images/bg_line.gif) right 8px no-repeat; padding-right: 15px;}
.view_all a { font-size: 11px; line-height: 24px;}
.portfolio_parameter { float: left; margin-left: 15px;}
.portfolio_parameter span { line-height: 24px; font-size: 11px;}
.portfolio_parameter span.num { color: #76a712;}


.portfolio_search { float: right; background: url(../images/bg_line.gif) left 8px no-repeat; padding-left: 10px;}
.portfolio_search label { float: left; font-size: 11px; line-height: 24px; margin-right: 10px;}
.portfolio_search input { float: left; margin-top: 2px;}
.portfolio_search form { float: left;}
.portfolio_search .input_search { width: 140px;/*200px;*/ height: 15px; font-size: 11px; margin-right: 2px; border: 1px solid #a0;}
.marT10 { margin-top: 10px; font-size: 18px; color: #76a712}

#slideshow { padding: 0 18px; margin-top: 30px;}
#slideshow .prev { float: left; margin-top: 50px;}
#slideshow .next { float: right; margin-top: 50px;}
#slideshow .slider { float: left; margin-left: 50px;}
#slideshow .slider a { float: left; display: block; width: 158px; height: 134px; padding: 10px 0 0 11px; margin:0px 10px 0px 11px}
#slideshow .slider a:hover, #slideshow .slider .current a { background: url(../images/bg_slideshow_on.gif) left top no-repeat;}
#slideshow .slider a img { width: 145px; height: 100px;}

#portfolio_content { 
	/*background: url(../images/bg_portfolio_content.gif) left top repeat-x; */
	padding: 0px 0px 0 30px;
	}
#portfolio_content_inside {
 	/*background: url(../images/bg_portfolio_content_inside.gif) left top repeat-x;*/
  	padding-top: 0px;
  	padding-bottom:0px;
}
#portfolio_content_inside h1, #portfolio_content_inside h2, #portfolio_content_inside h3, #portfolio_content_inside h4, #portfolio_content_inside h5, #portfolio_content_inside h6 {
	color:#2E4304;
	margin-top: 5px;
	font-family:Arial Narrow;
	padding-left: 30px;
}
#portfolio_content_inside h1 {
	text-transform:uppercase;	
}


#portfolio_content_inside .new_summary, #portfolio_content_inside .new_summary p {
	color: #292929;
}
#portfolio_content_inside p{	
	line-height:22px;
}
#portfolio_content_inside .portfolio_intro ul, #portfolio_content_inside .portfolio_intro ol {
	margin-left: 10px;
	line-height:22px;
	padding-left: 40px;
}
#portfolio_content_inside .portfolio_intro ul {
	list-style-type: disc;
} 
#portfolio_content_inside .portfolio_intro ol {
	list-style-type: decimal;
} 
.portfolio_intro { float: left; width: 395px;}
.portfolio_intro table {
	margin-left: 30px;
	border: none;
}

.portfolio_intro p {line-height: 22px; text-align: left; margin-top: 10px; padding-left: 30px;}
.portfolio_intro ul { margin-top: 20px;}
.portfolio_intro ul li {padding-right:20px;}
.portfolio_intro ul li strong { float: left; text-align: right; width: 150px; color: #2E4304; line-height: 16px;}
.portfolio_intro ul li span { float: right; line-height: 16px; font-weight: bold; width:200px; text-align:right;}
.portfolio_gallery { float: right; width: 417px; border-left: 2px solid #e0e0e0; padding-left: 20px; margin-right: 50px}
.portfolio_gallery_content { 
	border: 1px solid #c8c8c8; 
	width: 428px; 
	padding: 5px 7px;
	min-width: 420px;
	min-height: 300px;
}
#search_portfolio_content { 
	padding: 0px 60px;
	}

.contact_intro { float: left; width: 210px; text-align:right;}
.contact_intro ul { margin: 0px 0px 10px 0px; }
.contact_intro ul li,.contact_intro ul li a{color:#76a712;font-weight:bold;}
.contact_map { float: right; width: 450px; padding-left:0px; margin-right:30px;}
.contact_content {float:right; border: 1px solid #c8c8c8; padding: 5px 7px;}
#realContent .contact_area {
	color: #76a712;
	line-height: 22px;
}
#Form_Form fieldset
{
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 110px;
}
#Form_Form .Actions
{
	margin-left: 475px;
}
#Form_Form .field
{
	width:600px;
	margin:5px 0px;
}
#Form_Form label { 
	float: left;
	text-align:right; 
	margin-right:10px;
	width:100px; 
	font-size:12px; 
	/*font-weight:bold;*/
	color:#76a712;
}
#Form_Form .middleColumn input,#Form_Form .middleColumn textarea { 
	width:400px;
}
#MemberLoginForm_LoginForm fieldset
{
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#MemberLoginForm_LoginForm .Actions
{
	margin-left: 110px;
}
#MemberLoginForm_LoginForm .field
{
	width:600px;
	margin:5px 0px;
}

#MemberLoginForm_LoginForm .field input,textarea
{
	width:200px;
}
#MemberLoginForm_LoginForm label { 
	float: left;
	text-align:right; 
	margin-right:10px;
	margin-top:2px;
	width:100px; 
	font-size:12px; 
	font-weight:bold;
	color:#76a712;
}
#MemberLoginForm_LoginForm .checkbox input { 
	margin-left:105px;
	width:20px; 
	float:left;
	text-align:right;
}
#MemberLoginForm_LoginForm .right { 
	float:left;
	width:170px; 
}
#Remember input
{
	margin: 6px;
	_margin-top:3px;
	padding:0;
}
#Remember label
{
	text-align:left;
	width:200px;
	/*border:1px solid #333;*/
}

.thumb_large { text-align: center;}
.thumb_small { margin-top: 5px;}
.thumb_small li { float: left; margin-right: 5px; line-height: 0;}
.thumb_small li.last { float: right; margin-right: -1px;}

#footer { background: #567d04 url(../images/bg_footer.gif) left top repeat-x;}
#footer_inside { 
	width: 950px; 
	margin: 0 auto; 
	padding: 30px 0 30px 20px;
}
#footer li { float: left; padding-right: 20px; max-width: 190px; min-width: 100px; margin-top: 3px;}
#footer li li { float: none; line-height: 18px;}
#footer li li a { color: #E5E5E5;}
#footer li li a:hover { color: #a5a5a5;}
#footer h3 { font-size: 12px; color: #D9D9D9;}

/* Hack IE ================================================================================ */

* html .search .input_search { margin-right: 0;}

* html #link .left li { padding: 7px 10px 2px;}
*+html #link .left li { padding: 7px 10px 2px;}

* html .rss span { margin-top: 2px;}
*+html .rss span { margin-top: 2px;}

* html .frm_contact textarea { margin-left: -3px;}



#yf-promo { margin-top: 0px;z-index:0;}
#yf-promo-content{ float:left;width:530px; height: 180px; position: relative; z-index:0;}
#yf-promo-content .promoCard{
	width:100%;
	height:180px;
	position:absolute;
	z-index:0;
	top:0;padding:0;margin:0;background-repeat:no-repeat;
	visibility:hidden;opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	}
#yf-promo-content .show,#yf-promo-menu li.show div{z-index:0;visibility:visible;opacity:.99;-moz-opacity:.99;filter:alpha(opacity=.99);}

#yf-promo-menu{float:left;width:200px;z-index:1; height: 180px; overflow: hidden;}
#yf-promo-menu ul{margin:0;padding:0; list-style-type:none;}
#yf-promo-menu li{width:194px;float:left;position:relative;}
#yf-promo-menu li a{
	position:relative; 
	display:block;
	margin:0; 
	z-index:0; 
	background: url(../images/bg_banner_link.gif) left top repeat-x; 
	width: 190px; 
	height: 50px; 
	padding: 10px 0 0 20px; line-height: 18px;
	font-size: 14px; font-weight: bold; color: #ffffff; 
	
	}
#yf-promo-menu li a.last { line-height: 18px; padding-top: 20px; height: 40px;}
#yf-promo-menu li a:hover, #yf-promo-menu li.selected a { 
	background: url(../images/bg_banner_link_hover.gif) left top repeat-x;
	color: #fff;
}
#yf-promo-menu li a span { font-size: 12px; color: #94adb5; padding-top:10px; font-weight:bold;}
#yf-promo-menu li div {
	position:absolute;
	margin:0px 0 0 -5px;
	width:195px; 
	z-index:0;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	}

.message
{
	color:#ff0000;
	font-weight:bold;
	margin-left:110px;
}
#Breadcrumbs p
{
	line-height:24px;
}
/*--------------------------*/
.dd {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.dd .ddTitle {
	background:url(../images/combo.gif) no-repeat 0 0;
/*
	border:1px solid #c3c3c3;
*/
	padding:1px 2px 2px 7px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:20px;
}
.dd .ddTitle span.arrow {
	background:url(../images/dd_arrow.gif) no-repeat 0 0;
	float:right;
	display:inline-block;
	width:2px;
	height:20px;
	margin-top: -1px;
	cursor:pointer;
}

.dd .ddTitle span.textTitle 
{
	background:none;padding-left: 0px;text-indent:1px; overflow:hidden; line-height:16px; font-size: 11px;
}
.dd .ddTitle span.textTitle img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
	font-size: 11px;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background:#e5e5e5;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background:#f5f5f5;
	
}

.hidden {display:none;}

.leftheading{
	font-weight: bold;
	font-size: 110%;
}
.news_title {
	margin: 10px 0 0.5em 0;
	font-size: 90%;
	
}

/* Binht */

#MemberLoginForm_LostPasswordForm_action_forgotPassword { margin-top:4px; }
#MemberLoginForm_LostPasswordForm p { margin:0px; }
#MemberLoginForm_LostPasswordForm span { margin:0px; }
#Form_Form_action_process:hover { background-color: #76a712; }
#Form_Form_action_clearForm:hover { background-color: #76a712; }
.next a:hover { color:#76a712 }
.box_content_content { height: 100px; overflow: hidden; }

#outer {height: 100%; overflow: visible; float: left}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%}

.newsholder{
	font-weight: bold;
}

.vcard {
	display: block;	
}
.vcard span, .vcard div {
	color: #E5E5E5;
	font-size: 12px;	
}
.vcard div {
	line-height: 18px;	
}
.given-name{
	font-weight: bold;
}
.org {
	font-weight: bold;
}

#footer_inside  p {
	color: #E5E5E5;
}
.portfolio_title_page {
	text-align: left;
	width: 120px;
}