/* --- RESET.CSS --- */
:focus{outline:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
body{line-height:1;}
del{text-decoration:line-through;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
ins{text-decoration:none;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
/* --- */


body{
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 18px;
	background: url(../img/bg.jpg) repeat-x #f7f7f7;
	color: #424242;
}

h1	{font-size:18px; color: #c0d264; font-weight: normal; margin-bottom: 15px;}
h2.h2	{font-size:16px; color: #c0d264; font-weight: normal; margin-bottom: 10px;}
p	{margin-bottom: 15px;}

a	{color: #c0d264;}

.wrapper	{margin: 0 auto; background-color: white; width: 939px; border-left: 1px solid white; border-right: 1px solid white;}


/* --- HEADER --- */
.header					{float: left; height: 317px;  width: 939px; background-color: white; position: relative; display: block;  border-left: 1px solid white; border-right: 1px solid white;}
.header .top			{float: left; height: 128px; width: 939px;}
.header .top .logo		{float: left; margin-top: 20px; margin-left: 30px;}
.header .top .buttons	{float: right; margin: 10px 12px 0 0; }

.header .bottom			{float: left; background-image: url(../img/header.jpg); width: 939px; height: 179px;}
.header .bottom .menu	{float: left; width: 939px; height: 36px;}

.header .bottom .menu ul li					{float: left; padding: 9px 22px; color: white; font-size: 14px; font-weight: bold; cursor: pointer;}
.header .bottom .menu ul li.current			{background: url(../img/menu_current.png);}
.header .bottom .menu ul li.current:hover	{background: url(../img/menu_current_hover.png);}
.header .bottom .menu ul li:hover			{background: url(../img/menu_hover.png);}
.header .bottom .menu ul li	a				{color: white; text-decoration: none;}
.header .bottom .menu ul li.split			{float: left; padding: 0px; color: white; font-size: 14px; font-weight: bold; cursor: default;}

.header .bottom .slogan						{float: left; width: 464px; height: 94px; margin: 30px 0 0 413px; font-size: 16px; color: #566812; font-weight: bold; line-height: 24px;}
.header .bottom .slogan table tr td			{width: 464px; height: 94px; vertical-align:middle;}
/* --- */

.content		{float:left; min-height: 300px; background: white; width: 939px;  border-left: 1px solid white; border-right: 1px solid white;}

.content .center {float: left; width: 534px; background: url(../img/bg_content.jpg) bottom right no-repeat; min-height: 400px;}

/* --- LEFT BAR --- */
.content .left	{float: left; width: 195px; margin-top: -20px; position: relative;}
.left .left_werknemer	{margin-top: -10px;}
/* --- */

/* --- RIGHT BAR --- */
.content .right										{float: left; width: 210px;}

.content .right	.news								{float: left; width: 180px; background-color: #e9e9e9; margin-left: 30px;}
.content .right .news .top							{float: left; background: url(../img/bg_right_news_top.jpg) no-repeat top; min-height: 95px; width: 180px;}
.content .right .news .top .text					{float: left; margin-left: 18px; width: 142px;}
.content .right .news .top .text h3					{color: #a7b949; font-size: 15px; font-weight: bold; font-style: normal; margin-top: 15px; margin-bottom: 8px;}
.content .right .news .top .text .item				{float: left; margin-bottom: 8px;}
.content .right .news .top .text .item .date a		{color: #6a772f; text-decoration: underline; font-size: 11px;}
.content .right .news .top .text .item .intro a		{color: #494949; text-decoration: none;}
.content .right .news .bottom						{float: left; background: url(../img/bg_right_news_bottom.jpg) no-repeat bottom; height: 41px; width: 180px;}
.content .right .news .bottom .text					{float: left; margin-left: 18px; width: 142px;}
.content .right .news .bottom .text a				{color: #c0d264; font-size: 12px; font-style: italic;}

.content .right	.referenties								{float: left; width: 180px; background-color: #e9e9e9; margin-left: 30px; margin-top: 10px;}
.content .right .referenties .top							{float: left; background: url(../img/bg_right_referenties_top.jpg) no-repeat top; min-height: 95px; width: 180px;}
.content .right .referenties .top .text						{float: left; margin-left: 18px; width: 142px;}
.content .right .referenties .top .text h3					{color: #a7b949; font-size: 15px; font-weight: bold; font-style: normal; margin-top: 15px; margin-bottom: 8px;}
.content .right .referenties .top .text .item				{float: left; margin-bottom: 8px;}
.content .right .referenties .top .text .item .date a		{color: #6a772f; text-decoration: underline; font-size: 11px;}
.content .right .referenties .top .text .item .intro a		{color: #494949; text-decoration: none;}
.content .right .referenties .bottom						{float: left; background: url(../img/bg_right_referenties_bottom.jpg) no-repeat bottom; height: 37px; width: 180px;}
.content .right .referenties .bottom .text					{float: left; margin-left: 18px; width: 142px;}
.content .right .referenties .bottom .text a				{color: #c0d264; font-size: 12px; font-style: italic;}
.content .right .referenties .top .name						{color:#6a772f; font-size:11px; font-weight:bold; margin-top:-3px; margin-bottom:4px; float:left; width: 100px;}
.content .right .referenties .top .name a					{color:#6a772f; font-size:11px; font-weight:bold; text-decoration: none;}
/* --- */

/* --- FOOTER --- */
.footer						{float: left; width: 939px; height: 306px; background: url(../img/bg_footer.jpg);  border-left: 1px solid white; border-right: 1px solid white;}

.footer .img1 				{float:left; background-color:#c3c3c3; width:216px; height:139px; margin-left:71px; margin-top: 102px}
.footer .img2 				{float:left; background-color:#c3c3c3; width:216px; height:139px; margin-left:67px; margin-top: 102px}
.footer .img3 				{float:left; background-color:#c3c3c3; width:216px; height:139px; margin-left:71px; margin-top: 102px}

.footerText					{float: left; width:875px; height: 20px; margin-top: 42px; margin-left: 32px; color: white; font-weight: bold;}
.footerText .footerLeft		{float: left;}
.footerText .footerRight	{float: right;}
.footerText a				{color: white; text-decoration: none;}
.footerText a:hover			{text-decoration: underline;}
/* --- */

/* --- FAQ --- */
.faq 						{border-top: 1px solid #b5b5b5;}
.faq .vraag 				{padding: 8px 0; font-weight: bold; background: url(../img/faq_arrow.png) no-repeat right;}
.faq .vraag:hover 			{padding: 8px 0; font-weight: bold; color:#c0d264; background: url(../img/faq_arrow_h.png) no-repeat right;}
.faq .antwoord				{padding: 0 0 8px 0;}
.faq .item					{border-bottom: 1px solid #b5b5b5; font-size: 11px; cursor: pointer;}
.faq .on .vraag				{background: url(../img/faq_arrow_o.png) no-repeat right; color:#c0d264;}
/* --- */

/* --- NIEUWS --- */
.newsPage 						{border-top: 1px solid #b5b5b5;}
.newsPage .title 				{padding: 8px 0; font-weight: bold; background: url(../img/faq_arrow.png) no-repeat right;}
.newsPage .title a 				{color:#424242; text-decoration: none;}
.newsPage .title:hover a 				{color:#c0d264; text-decoration: none;}

.newsPage .title:hover 			{padding: 8px 0; font-weight: bold; color:#c0d264; background: url(../img/faq_arrow_h.png) no-repeat right;}
.newsPage .item					{border-bottom: 1px solid #b5b5b5; font-size: 11px; cursor: pointer;}
.newsPage .on .title a			{color:#c0d264;}
.newsPage .on .title 			{background: url(../img/faq_arrow_h.png) no-repeat right;}

.newsDate						{font-size:11px; margin-bottom:4px; margin-top:-8px; font-weight:bold;}
.newsImg						{float:right; width:290px; height:170px; margin:0 0 20px 15px; border:1px solid #eee; padding:5px;}
.newsImg2						{float:left; width:290px; height:170px; margin:0 15px 20px 0; border:1px solid #eee; padding:5px;}
.center .intro							{float:left; margin-bottom: 15px;}
/* --- */

/* --- REFERENTIES --- */
.referentie_left				{float: left; background-color: fuchsia; width: 534px; min-height: 170px; background: url(../img/bg_referentie_left.jpg) left top no-repeat; margin-bottom: 20px;}
.referentie_left .text			{float: left; margin-left: 80px; width: 432px; border: 1px solid #6d6d6d; padding: 10px; min-height: 170px; background-color: white;}
.referentie_left .person		{font-weight: bold; margin-top: -7px;}

.referentie_right				{float: left; background-color: fuchsia; width: 534px; min-height: 170px; background: url(../img/bg_referentie_right.jpg) right top no-repeat; margin-bottom: 20px;}
.referentie_right .text			{float: left; margin-left: 0px; width: 412px; border: 1px solid #cad777; padding: 10px; min-height: 170px; background-color: white;}
.referentie_right .person		{font-weight: bold; margin-top: -7px;}
/* --- */

.columns	{float: left; width: 534px; margin-top: 20px;}
.columns .column	{float: left; width: 164px; margin-right: 20px;}
.columns .column_last	{float: left; width: 164px; }
.imgHomeColumn	{border:1px solid #eee; padding:5px; margin-bottom: 8px;}

.spacer_home_1			{ position: absolute; left: 170px; top: 100px; width:220px; height:140px; cursor:pointer; }
.spacer_home_2			{ position: absolute; left: 0px; top: 380px; width:220px; height:140px; cursor:pointer; }
.spacer_home_3			{ position: absolute; right: 0px; top: 360px; width:220px; height:160px; cursor:pointer; }