/* HTML BODY
----------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; }
html, body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #6f7168; line-height: 16px;}

body { background: #fff url('../images/Body_bg.gif') repeat-x top left; }
body.werkwijze, body.realisaties, body.contact { background: #fff url('../images/Body_bg2.gif') repeat-x top left; }

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

/* HEADINGS
----------------------------------------------------------------------------------*/
h3 { margin: 0 0 20px 0; font-size: 16px; font-weight: normal; }

/* LINKS
----------------------------------------------------------------------------------*/
a:link, a:visited, a:hover, a:active { color: #6f7168; }

/* CONTAINER
----------------------------------------------------------------------------------*/
#container { width: 960px; height: auto; margin: 0 auto; }

/* HEADER
----------------------------------------------------------------------------------*/
#header { position: relative; width: 960px; height: 340px; }

/* Logo */
#header #logo { position: absolute; top: 0; left: 0; display: block; width: 285px; height: 140px; background: url('../images/Logo.gif') no-repeat top left; text-indent: -9999px; }

/* Dama in beeld */
#header #dama_in_beeld_NL { position: absolute; top: 104px; right: 0; display: block; width: 119px; height: 18px; background: url('../images/Btn_dama_in_beeld.gif') no-repeat top left; text-indent: -9999px; z-index: 50; }
#header #dama_in_beeld_FR { position: absolute; top: 104px; right: 0; display: block; width: 119px; height: 18px; background: url('../images/Btn_dama_in_beeld.gif') no-repeat bottom left; text-indent: -9999px; z-index: 50; }

/* Language */
#header ul#speed { position: absolute; font-size:15px; font-weight:bold; top: 54px; right: 27px; margin: 0; padding: 0; list-style: none; width: auto; height: 25px; right:10px; }
#header ul#speed li { display: inline; padding:0px 4px; }
#header ul#speed li a:link,
#header ul#speed li a:visited,
#header ul#speed li a:active { width: 30px; height: 25px; line-height: 25px; text-decoration: none; text-align: center; }
#header ul#speed li a:hover { text-decoration: underline; }
#header ul#speed li a.active:hover { text-decoration: none; }
#header ul#speed li a.active { background: #847e6d; color: #e6e5e2; }

#navigation_nl {
	position:relative;
	padding-left:290px;
	padding-top:90px;
}

#navigation_nl a {
	text-decoration:none;
}

#navigation_nl a:hover {
	text-decoration:underline;
}

#navigation_nl li {
	display:inline;
	font-size:15px;
	font-weight:bold;
	padding:0px 4px;
}

/* Intro */
#header #intro_nl,
#header #intro_fr { position: absolute; bottom: 0; left: 0; width: 275px; height: 200px; color: #e6e5e2; }
#header #intro_nl h2 { width: auto; height: 18px; margin: 35px 0 20px 0; }
#header #intro_fr h2 { width: auto; height: 18px; margin: 35px 0 20px 0; }
#header #intro_nl p,
#header #intro_fr p { padding: 0 20px 0 0; }

#header #intro_nl h2 { width: auto; height: 18px; margin: 35px 0 20px 0; font-size:20px; text-shadow: #333 -1px 1px 1px; }
#header #intro_nl p { font-size:13px; }

#header #intro_nl a,
#header #intro_fr a { color: #fff; text-decoration: none; }

#header #intro_nl a:hover,
#header #intro_fr a:hover { color: #fff; text-decoration: underline; }

/* Banner */
#header #banner { position: absolute; bottom: 0; right: 0; width: 685px; height: 200px; background: #fff; }
#header #banner .fader { width: 685px; height: 200px; overflow: hidden; }

/* MAIN
----------------------------------------------------------------------------------*/
#main { padding: 0 0 40px 0; overflow: hidden; }

#main ul { margin: 10px 0 10px 15px; list-style-type: square; }
#main ul li { margin: 0 0 5px 0; }

#main ol { margin: 10px 0 10px 25px; list-style-type: decimal; }
#mail ol li { margin: 0 0 5px 0; }

/* CONTENT
----------------------------------------------------------------------------------*/
#content {}

/* REALISATIES
----------------------------------------------------------------------------------*/
#realisaties_overview { width: 960px; height: 175px; padding: 20px 0 0 0; }
#realisaties_overview ul { float: left; width: 200px; margin: 0 30px 0 0; }
#realisaties_overview ul li { display: block; }
#realisaties_overview ul li a { float: left; width: 180px; height: 30px; line-height: 30px; padding: 0 10px; font-size: 11px; text-transform: uppercase; text-decoration: none; color: #48483a; }
#realisaties_overview ul li a.active { background: #ece7da; }

/* CAROUSEL
----------------------------------------------------------------------------------*/
#carousel { position: relative; width: 904px; height: 165px; padding: 30px 0 0 56px; }
#carousel .content {}
#carousel a.next { position: absolute; top: 82px; right: 0; display: block; width: 21px; height: 34px; background: url('../images/Carousel_next.gif') no-repeat top left; text-indent: -9999px; }
#carousel a.prev { position: absolute; top: 82px; left: 0; display: block; width: 21px; height: 34px; background: url('../images/Carousel_prev.gif') no-repeat top left; text-indent: -9999px; }

#carousel .content ul { width: 848px; height: 136px; overflow: hidden; }
#carousel .content ul li { display: inline; }
#carousel .content ul li a { float: left; display: block; width: 192px; height: 128px; margin: 0 16px 0 0; background: #fff; border: 4px solid #fff; }
#carousel .content ul li a.last_in_row { margin-right: 0; }

/* SUB NAVIGATION
----------------------------------------------------------------------------------*/
ul#sub_navigation { width: auto; height: 50px; margin: 0; padding: 10px 0 0 0; list-style: none; }
ul#sub_navigation li { display: inline; margin: 0; }
ul#sub_navigation li a:link,
ul#sub_navigation li a:visited,
ul#sub_navigation li a:active { float: left; width: auto; height: 50px; line-height: 50px; padding: 0 20px; font-size: 11px; text-transform: uppercase; text-decoration: none; color: #48483a; }
ul#sub_navigation li a:hover {}
ul#sub_navigation li a.active { background: url('../images/Sub_navigation_arrow.gif') no-repeat bottom center; }

/* ALBUM
----------------------------------------------------------------------------------*/
#album { width: 300px; height: auto; margin: 0 0 30px 0; overflow: hidden; }
#album .large { width: 300px; height: 200px; margin: 0 0 5px 0; overflow: hidden; }
#album .thumbs { width: 300px; height: auto; overflow: hidden; }
#album .thumbs a { position: relative; float: left; display: block; width: 56px; height: 56px; margin: 0 5px 5px 0; }
#album .thumbs a.last { margin-right: 0 !important; }

#album .thumbs a span { display: none; }
#album .thumbs a:hover span { position: absolute; display: block; bottom: 0; right: 0; width: 16px; height: 16px; background: transparent url('../images/Thumb_icon.png') no-repeat top left; text-indent: -9999px; }

/* SITEMAP
----------------------------------------------------------------------------------*/
#sitemap { width: 960px; height: auto; margin: 80px 0 30px 0; }
#sitemap .column { float: left; width: 300px; margin: 0 30px 0 0; }
#sitemap .last { margin: 0; }

#sitemap .column h2 { height: 18px; line-height: 18px; margin: 0 0 25px 0; text-indent: -9999px; }

#sitemap .column h2.title_werkwijze_nl { background: url('../images/Title_home_werkwijze.gif') no-repeat; }
#sitemap .column h2.title_realisaties_nl { background: url('../images/Title_home_realisaties.gif') no-repeat; }
#sitemap .column h2.title_contact_nl { background: url('../images/Title_home_contact.gif') no-repeat; }
#sitemap .column h2.title_algemeen_nl { background: url('../images/Title_algemeen.gif') no-repeat; }

#sitemap .column h2.title_werkwijze_fr { background: url('../images/Title_home_werkwijze_fr.gif') no-repeat; }
#sitemap .column h2.title_realisaties_fr { background: url('../images/Title_home_realisaties_fr.gif') no-repeat; }
#sitemap .column h2.title_contact_fr { background: url('../images/Title_home_contact_fr.gif') no-repeat; }
#sitemap .column h2.title_algemeen_fr { background: url('../images/Title_algemeen_fr.gif') no-repeat; }

/* LINKS
----------------------------------------------------------------------------------*/
#links { width: 960px; height: auto; margin: 30px 0; }
#links .item { margin: 0 0 20px 0; padding: 0 20px; /*border-bottom: 1px solid #ddd;*/ }
#links .item h3 a { text-decoration: none; }
#links .item h3 a:hover { text-decoration: underline; }

/* COLUMNS
----------------------------------------------------------------------------------*/

/* 3 columns */
.column_wrap_3 { width: 960px; height: auto; margin: 30px 0; }
.column_wrap_3 .column { float: left; width: 300px; margin: 0 20px 0 0; }
.column_wrap_3 .column h2 { height: 21px; line-height: 18px; margin: 0 0 10px 0; font-size:18px; color:#48483A; text-shadow:-1px 1px 1px #999; position:relative; overflow:hidden; }

.column h2 a {
	color:#48483A;
	text-decoration:none;
}

.column {
	position:relative;
	overflow:hidden;
	height:240px;
}

.column img {
	width: 200px !important;
	height: auto !important;
	margin:0 50px;
}

.column_wrap_3 .column h2.title_home_realisaties_nl { background: url('../images/Title_home_realisaties.gif') no-repeat; }
.column_wrap_3 .column h2.title_home_contact_nl { background: url('../images/Title_home_contact.gif') no-repeat; }

.column_wrap_3 .column h2.title_home_werkwijze_fr { background: url('../images/Title_home_werkwijze_fr.gif') no-repeat; }
.column_wrap_3 .column h2.title_home_realisaties_fr { background: url('../images/Title_home_realisaties_fr.gif') no-repeat; }
.column_wrap_3 .column h2.title_home_contact_fr { background: url('../images/Title_home_contact_fr.gif') no-repeat; }

.column_wrap_3 .column a.button { clear: both; display: block; width: 115px; height: 30px; margin: 20px 0 0 0; text-indent: -9999px; background-repeat: no-repeat; background-position: top left; }
.column_wrap_3 .column a:hover.button { background-position: bottom left; }

.column_wrap_3 .column a.werkwijze_nl { background-image: url('../images/Btn_onze_werkwijze.gif'); }
.column_wrap_3 .column a.realisaties_nl { background-image: url('../images/Btn_realisaties.gif'); }
.column_wrap_3 .column a.contact_nl { background-image: url('../images/Btn_contacteer_ons.gif'); }

.column_wrap_3 .column a.werkwijze_fr { width: 158px; background-image: url('../images/Btn_onze_werkwijze_fr.gif'); }
.column_wrap_3 .column a.realisaties_fr { background-image: url('../images/Btn_realisaties_fr.gif'); }
.column_wrap_3 .column a.contact_fr { background-image: url('../images/Btn_contacteer_ons_fr.gif'); }

.column_wrap_3 .last { margin-right: 0; }

/* 2 columns */
.column_wrap_2 { width: 960px; height: auto; margin: 30px 0px 0px 0px; }
.column_wrap_2 .column_side { float: left; width: 230px; margin: 0 30px 0 10px; }
.column_wrap_2 .column_main { float: left; width: 670px; margin: 0; margin-left:20px; }

.column_wrap_2 .nomargin { margin-right: 0; }

/* FOOTER
----------------------------------------------------------------------------------*/
#footer { position: relative; margin: -60px 0 0 0; height: 60px; clear: both; background: #847e6d url('../images/Footer_bg.gif') repeat-x top left; }
#footer .content { width: 960px; height: 60px; margin: 0 auto; overflow: hidden; font-size: 10px; color: #cdcbc5; line-height: 60px; text-transform: uppercase; }

#footer .content a:link,
#footer .content a:visited,
#footer .content a:active { color: #cdcbc5; text-decoration: none; }
#footer .content a:hover { color: #fefefe; text-decoration: underline; }

#footer .content .column { float: left; width: 450px; margin: 0 60px 0 0; color: #debcbc; }
#footer .content .last { margin-right: 0; }
#footer .content .column h2 { font-family: "Arial Rounded MT Bold", Arial, Verdana, Helvetica, sans-serif; font-size: 18px; color: #fff; margin: 0 0 20px 0; padding: 20px 0 12px 0; background: url('../images/Footer_title_border.gif') repeat-x bottom left; }

/* DOCUMENTS
----------------------------------------------------------------------------------*/
#main ul.documents { margin: 15px 0; padding: 0; overflow: hidden; list-style: none; }
#main ul.documents li { margin: 0; }
#main ul.documents li a:link,
#main ul.documents li a:visited,
#main ul.documents li a:active { clear: left; float: left; display: block; height: 25px; line-height: 25px; color: #6f7168; text-decoration: none; background: url('../images/Document_download.gif') no-repeat center left; padding: 0 0 0 25px; }
#main ul.documents li a:hover { text-decoration: underline; }

/* FORMS
----------------------------------------------------------------------------------*/
form.contact {}
form.contact .item { margin: 0 0 15px 0; clear: both; overflow: hidden; }
form.contact .error_message h3 { color: #c00; }
form.contact .item label { float: left; display: block; width: 150px; height: 25px; line-height: 25px; }
form.contact .error label { color: #c00; font-style: italic; }
form.contact .error .inputfield { background-image: url('../images/Arrow_red.gif'); background-repeat: no-repeat; background-position: center right; }
form.contact .item .inputfield { float: left; display: block; width: 289px; height: 15px; padding: 5px; border: 2px solid #eae8e1; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #6f7168; }
form.contact .item .inputfield:focus,
form.contact .item .width_5:focus { border: 2px solid #847e6d; }
form.contact .item .width_5 { float: left; width: 290px; height: 90px; overflow: auto; border: none; padding: 5px; border: 2px solid #eae8e1; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #6f7168; }
form.contact .item .submit_nl { float: left; width: 115px; height: 30px; margin: 0 0 0 150px; overflow: visible; background: url('../images/Verzenden.gif') no-repeat top left; border: none; cursor: pointer; text-indent: -9999px; }
form.contact .item .submit_fr { float: left; width: 115px; height: 30px; margin: 0 0 0 150px; overflow: visible; background: url('../images/Verzenden_fr.gif') no-repeat top left; border: none; cursor: pointer; text-indent: -9999px; }
form.contact .item .submit_nl:hover,
form.contact .item .submit_fr:hover { background-position: bottom left; }

/* OTHER CLASSES
----------------------------------------------------------------------------------*/
.clear { clear: both; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }

/* CLEARFIX
----------------------------------------------------------------------------------*/
.clearfix:after { content: "."; 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 */

#album {
	width:220px;
	position:relative;
	overflow:hidden;
}

#album h3 {
	padding:0px;
	margin:0px;
	font-weight:bold;
}

.news_all {
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
}

.news_all a {
	text-decoration:none;
}

.news_all h3 {
	font-weight:bold;
	padding:0px;
	margin:0px;
	margin-bottom:6px;
}

.news_all p {
	margin-bottom:7px;
}

.img_in_page {
	text-align:center;
	margin:0 auto;
	margin-bottom:7px;
}

#inputArea {
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	padding: 10px;
	padding-left:18px;
	margin:0 auto;
	width:80%;
}
#inputArea input, #inputArea textarea {
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	margin-bottom: 5px;
	display: block;
	padding: 4px;
	width: 528px;
}