div.container_outer { width: 100%; clear: both; text-align: center; background: black; }
div.container_inner { width: 1000px; clear: both; text-align: left; margin: 0 auto; padding: 0; }

.clear_both {clear: both;}
.dotted_line { border-bottom: 1px dotted #ccc; }

.divider {color: #f8981d; }

@font-face {
    font-family: 'BankGothicMdBTMedium';
    src: url('/ENGINE/FONTS/WAERD/bank_gothic_medium_bt-webfont.eot');
    src: url('/ENGINE/FONTS/WAERD/bank_gothic_medium_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/ENGINE/FONTS/WAERD/bank_gothic_medium_bt-webfont.woff') format('woff'),
         url('/ENGINE/FONTS/WAERD/bank_gothic_medium_bt-webfont.ttf') format('truetype'),
         url('/ENGINE/FONTS/WAERD/bank_gothic_medium_bt-webfont.svg#BankGothicMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

td.column_1 { width: 90px; height: 100%; padding: 130px 0 0 15px; background: #000; }
	.menu_tab { display: block; float: left; }
		.menu_tab a.menu_tab1 { display: block; float: left; width:20px; height:187px; background: url(/ENGINE/IMAGES/WAERD/menu_tab.png) no-repeat top right; text-decoration: none; border: 0px; margin:0px 5px 0px 0px; }
		.menu_tab a.menu_tab1:hover { background: #5b9b98 url(/ENGINE/IMAGES/WAERD/menu_tab_hover.png) no-repeat top right; }
		
		.menu_tab a.menu_tab2 { display: block; float: left; width:20px; height:291px; background: url(/ENGINE/IMAGES/WAERD/menu_tab.png) no-repeat top center; text-decoration: none; border: 0px; margin:0px 5px 0px 0px; }
		.menu_tab a.menu_tab2:hover { background: #c2a204 url(/ENGINE/IMAGES/WAERD/menu_tab_hover.png) no-repeat top center; }
		
		.menu_tab a.menu_tab3 { display: block; float: left; width:20px; height:230px; background: url(/ENGINE/IMAGES/WAERD/menu_tab.png) no-repeat top left; text-decoration: none; border: 0px; margin:0px 0px 0px 0px; }
		.menu_tab a.menu_tab3:hover { background: #f8981d url(/ENGINE/IMAGES/WAERD/menu_tab_hover.png) no-repeat top left; }

		
td.column_2 { width: 85px; background: #f8981d; }
	.logo { position: absolute; margin: 30px 0 0 -51px; }
	.descripter { position: absolute; margin: 130px 0 0 16px; }
	
td.column_3 { width: 810px; background: #fff; }
	.menu { font: 14px/28px Calibri, Arial, Helvetica, sans-serif; letter-spacing: 0.7px; float: left; width: 500px; height: 124px; margin: 30px 20px 10px 0; padding: 0 0 0 30px; border-bottom: 1px solid #ccc; }
	.menu div { float: left; margin: 0 10px 0 0; }
		.menu div a { color: #000; white-space: nowrap; text-transform: uppercase; text-decoration: none; }
		.menu div a:hover, .menu div.active a{ color: #f8981d; }

	.slogan {float: right; width: 200px; height: 125px; margin: 30px 30px 0 0; font: 20px/28px BankGothicMdBTMedium, Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; text-align: right; }
	
		.content { float: left; width: 509px; padding: 4px 0px 20px 30px; }
		.content span {color: #f8981d; }
			.content h1 a { text-decoration: none; }
			.content ul { margin-left: -25px; }
			.color1 { color: #5b9b98; }
			.color2 { color: #c2a204; }
		
	.column_right { display: block; float: right; width: 208px; padding: 40px 30px 20px 30px; }
		.header { float: left; width: 208px; height: 20px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
			.img_news { display: block; float: left; }
			.rss_icon { display: block; float: right; }
			.link { float: right; color: #f8981d; text-align: right; }
			.link_newsitem { color: #000; text-decoration: none; }
			.link_newsitem:hover { color: #f8981d; text-decoration: none; }
			ul.news-item { margin: 0px; padding: 10px 0px 0px 0px; list-style: none; border-bottom: 1px dotted #ccc;}
			.newsletter_button  { padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
	
	div.main-slider { display: block; overflow: hidden; width:810px; background: #f7f8f8; padding: 15px 0 0 0;}
	div.main-slider-inner {  }
	div.main-slider-inner h2 { margin-left: 30px; }

	div.content-slider-box { display: block; }
	div.content-slider { }
	div.content-slider-inner { padding: 15px 0 0 0; }     
	div.content-slider-inner #slider { overflow: hidden; width: 810px; height: 225px;}
	div.content-slider-inner #slider li.slider-item { width: 210px; float: left; margin-left: 0px;}

	div.slider-item { width: 210px; float: left; }
	div.slider-item:first-child { margin: 0 0 0 -8px; }
	div.slider-item ul { width: 210px; list-style: none; }
	div.slider-item ul li { float: left; width: 100px; margin-bottom: 15px; height: 88px;}
	div.slider-item ul li.seperator{ float: left; width: 15px !important; }
	div.slider-item ul li.image { width: 88px; background: #ebebeb; line-height: 0; text-align: center; margin-right: 15px; }
	div.slider-item ul li.text { background: url(/ENGINE/IMAGES/WAERD/slider_background.png); width: 88px; height: 88px; text-align: left; line-height: 88px; }
	div.slider-item ul li.text a { display: block; text-decoration: none; color: #333; font-size: 13px; padding: 16px 6px; line-height: 18px; }
	div.slider-item ul li img { margin: 7px; }
	div.slider-item ul li.image:hover {background: #ccc;} 
	div.reference_slider { display: none; }
		div.slider_view {width: 640px; }
		div.slider_view h3 {border-bottom: 1px dotted #ccc; color:#000; margin-bottom: 10px; padding-bottom: 4px;}
		div.slider_view p {border-top: 1px dotted #ccc;}
	
div.footer { font: 13px/20px Calibri, Arial, Helvetica, sans-serif; display: block; height: 90px; }
	.footer p { color: #fff; }
	.footer .block1 { display: block; float: left; width: 240px; margin: 0 0 0 120px; }
		div .block1 a { color: #fff; text-decoration: underline; }
	div.footer .block2 { display: block; float: left; width: 200px; margin: 0 0 0 10px; }
	.footer .block3 { display: block; float: left; width: 150px; margin: 0 0 0 10px; }
		div .block3 a { color: #fff; text-decoration: underline; }
	.footer .block4 { display: block; float: right; width: 250px; margin: 0 0 0 10px; }
		div.search { display: block; float: right; text-align: right; margin: 0 0 22px 0; padding: 0px; }
			.input { display: block; float: left; width: 170px; height: 22px; margin:0; padding: 0 2px 0 0; background: #fff; border: 0px;}
			.btn_search { background: url(/ENGINE/IMAGES/WAERD/bg_search.png); display: block; float: right; width: 28px; height: 22px; margin: 0 0 0 5px; padding: 0; text-size: 9px; text-align: center; color: #fff; list-style: none; border: 0px; }
			.btn_search:hover { color: #fff; background: url(/ENGINE/IMAGES/WAERD/bg_search_hover.png); }
			.search_results  { margin-left: -25px; border-top: 1px dotted #ccc; margin-top: 11px; padding-top: 10px; padding-bottom: 0px; }
	
table { width: 100%; cellspacing: 0px; cellpadding:0; border: 0; border-collapse:collapse; }

td.nav { background: #81baa1; width: 170px; padding: 20px 0px 20px 0px; }
td.nav-block { width: 100%; padding: 0px 0px 20px 0px; border-top: 1px solid #e6f1ec; }
td.nav-block a { display: block; color: #333; text-decoration: none; text-transform: uppercase; padding: 4px 10px 5px 10px; background: #cce3d9 url(/ENGINE/IMAGES/WAERD/bg_nav_out.gif) top right; border-bottom: 1px solid #e6f1ec; }
td.nav-block a:hover { font-weight: bold; color: #24875c; background: #ffffff url(/ENGINE/IMAGES/WAERD/bg_nav_over.gif) top right; }

/* Nieuwsberichten */
td.news-divider { border-top: 1px dotted #ccc; padding: 10px 0 12px 0; }
div.news-detail-image-block { display: block; float: left; width: 510px; }
div.news-detail-image { float: left; display: block; margin: 0 13px 13px 0; }
div.news-detail-image img { width: 230px !important; height: 160px; border: 6px solid #eee; }

div.content-date { color: #333; width: 50px; height: 51px; background: url(/ENGINE/IMAGES/WAERD/date_background.png) no-repeat; display: block; float: right;}
div.content-date div { width: 46px; text-align: center; font-size: 25px; line-height: 10px; padding: 12px 0 0 0;}
div.content-date div span.month { font-size: 14px; margin-top: 5px; display: inline-block; }
div.content-date-overview { float: left; padding-right: 10px; }

/* Referenties */
div.reference { clear: both; margin-bottom: 35px; }
	div.reference h3 { border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 5px; }
	div.reference ul { margin: 4px 0 4px 0; }
	div.reference ul li { padding: 0; margin: 0 0 0 -25px; }
	.reference-message { width: 290px; vertical-align: top; padding: 0px 20px 10px 0px; }
	.project_link { color: #000; text-decoration: none; }
	.project_link:hover { color: #f8981d; text-decoration: none; }
	div.reference_project { display: none; }
		div.project_view { width: 640px; }
		div.project_view h3 {border-bottom: 1px dotted #ccc; color:#000; margin-bottom: 10px; padding-bottom: 4px;}
		div.project_view p {border-top: 1px dotted #ccc;}