/*
	License		 : GNU/GPL-licentie http://www.gnu.org/licenses/gpl.html
	creationDate : december 2011
	author 		 : Engine branding & identity  | Amsterdam
	authorUrl	 : http://www.enginebranding.nl
	version		 : 3.43
	
________________________________________________________ 

	Reset							line 31
	Basis							line 52
	Header							line xxx
	Mainbody						line xxx
	Footer							line xxx
	Modules							line xxx
	Formulieren						line xxx
	Joomla! overig					line xxx
	aanvulling Joomla! 1.6			line xxx
	
________________________________________________________ 


====================================================================================
	RESET STIJLEN
	In dit bestand staat de reset stylesheet van Eric Meyer. http://meyerweb.com/eric/tools/css/reset/
	Deze stylesheet zorgt er voor dat alle HTML-elementen worden gereset, zodat ze in alle 
	browsers (zelfs IE) nagenoeg gelijk staan. Hiermee voorkomen we de meeste problemen die 
	ontstaan tussen browsers bij het maken van CSS.
	
================================================================================ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
p { line-height: 18px; }

/* 
====================================================================================
	BASISSTIJLEN
	De basis van een Joomla! template
	
================================================================================ */
body {
	font-family: Calibri, Helvetica, sans-serif, Verdana, Arial;
	font-size: 0.9em;
	margin: 0px;
	background: url(../images/bg_sub_mid.jpg) top center repeat-y;
	z-index: 0;
}

#wrapper_top {
	background: url(../images/bg_sub_top.jpg) top center no-repeat;
	width: 100%;
	min-height: 1143px;
	margin: auto;
	z-index: 1;
}

#wrapper_bottom {
	background: url(../images/bg_sub_bottom.jpg) center -128px no-repeat;
	width: 100%;
	height: 82px;
	margin: auto;
	z-index: 2;
}

/* -------------------------------------------------------------------------------------
content titles
--------------------------------------------------------------------------------------*/
h1 {
	font-size: 1.5em;	
	color: #00639f;
	padding: 0px 0px 15px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-size: 1.5em;	
	color: #00639f;
	padding: 0px 0px 15px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	font-size: 1.1em;	
	color: #707070;
	padding: 5px 0px 3px 0px;
	font-weight: bold;
	text-transform: none;
}

h4 {
	font-size: 1.5em;	
	color: #000000;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

h5 {
	font-size: 1.1em;
	color: #FFF;
	font-weight: bold;
	padding: 8px 22px 0 22px;
}

strong {
	font-weight: bold;
}

.caption {
	line-height: 12px;
}

.link {
	color: #babc1f;
	font-size: 1em;
	text-decoration: none;
}

.link a:link,
.link a:visited {
	color: #babc1f;
	text-decoration: none;
}

.link a:hover {
	color: #707070;
	text-decoration: none;
}

.link a:active {
	color: #babc1f;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------
images
--------------------------------------------------------------------------------------*/
a img {
	border: none;
}

/* -------------------------------------------------------------------------------------
lijsten
--------------------------------------------------------------------------------------*/
ul {
	margin: /*0 */ 5px 30px;
	padding-top: 0;
	list-style: disc;
	list-style-position: inherit;
}

li {
	padding-left: /* 15px*/ 3px;
	padding-top: 3px;
}

/* 
====================================================================================
	HEADER
	
	
================================================================================ */
#header {
	height: 100%;
	width: 960px;
	margin: auto;
}

#top_header {
	margin: auto;
	height: 20px;
	max-width: 960px;
}

#header_left {
	float: left;
	height: 20px;
	width: 40%;
	padding: 0px 0 0 0;	
}

#header_right {
	float: right;
	height: 20px;
	width: 80%;
	position: relative;
}

#header_images {
	background-color: #000000;
	width: 964px;
	height: 126px;
	margin: 0 0 auto -6px;
}

#header_images_left {
/*	background-image: url(../images/header_image_200_90.jpg);*/
	clear: both;
	float: left;
	width: 30%;
	height: 90px;
	margin: auto;
}

#header_images_right {
	float: right;
	width: 70%;
	height: 90px;
	margin: /*20px 21px 0px 0*/ auto;
}

#logo {
	background-image: url(../images/logo_van_rooden_260px.png);
	background-repeat: no-repeat;
	width: 260px;
	height: 104px;
	margin: 9px 0 0 30px;
}

#image_binder {
	background-image: url(../images/header_image_binder.jpg);
	float: right;
	width: 200px;
	height: 90px;
	margin: 18px 21px 0px 0;
}

#image_ordner {
	background-image: url(../images/header_image_ordner.jpg);
	float: right;
	width: 250px;
	height: 90px;
	margin: 18px 5px 0px 0;
}

/* -------------------------------------------------------------------------------------
servicemenu
--------------------------------------------------------------------------------------*/
#servicemenu {
	float: right;
	height: 18px;
	width: auto;
	margin: 0px 0 0 0;
}

/* -------------------------------------------------------------------------------------
servicemenu lijst
--------------------------------------------------------------------------------------*/
ul.menuservice {
	margin: 0px 0 0 0;
	padding-top: 0;
	list-style: none;
	float: right;
}

ul.menuservice li {
	display: inline;
	color: #000;
	font-size: 0.9em;
	height: 12px;
	padding: 0px 8px 2px 8px;
	margin: 3px 0 0px 0;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	border-right: solid 1px #000000;
	transition: color 0.25s linear 0s;	
}

ul.menuservice li a:link, ul.menuservice li a:visited {	
	color: #000;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.menuservice li a:hover {
	color: #FFF;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.menuservice li a:active {
	color: #fff;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.menuservice li:first-child {
	border: none;
}

/* -------------------------------------------------------------------------------------
servicemenu actief
--------------------------------------------------------------------------------------*/
ul.menuservice li.current a:link, ul.menuservice li.current a:visited {	
	color: #fff;
	text-decoration: none;
}

ul.menuservice li.current a:hover {
	color: #fff;
	text-decoration: none;
}

ul.menuservice li.current a:active {
	color: #fff;
	text-decoration: none;
}

a.language_icon {
	background-image: url(../images/icon_uk_flag.png);
	background-repeat: no-repeat;
	float: right;
	height: 19px;
	width: 32px;
	margin: 0;
	text-decoration: none;
}

a.language_icon:link, a.language_icon:visited {
	background-image: url(../images/icon_uk_flag.png);
	background-repeat:no-repeat;
}

a.language_icon:hover, a.language_icon:active {
	background-image: url(../images/icon_uk_flag.png);
	background-repeat:no-repeat;

}

/* -------------------------------------------------------------------------------------
zoeken
--------------------------------------------------------------------------------------*/
#zoeken {
	float: left;
	height: 20px;
	width: 250px;
	position: relative;
	margin: 6px 0 0 0;
	clear: both;
}

.inputboxzoeken {
	font-size: 0.75em;
	font-style:italic;
	/*font-weight: bold;*/
	padding: 3px 2px 2px 4px;
	color: #000;
}

.searchzoeken {
	font-size: 0.9em;
	float: right;
	font-style: italic;
	color: #000;
	border: 0px solid #000000;
}

/* -------------------------------------------------------------------------------------
socialmedia
--------------------------------------------------------------------------------------*/
#socialmedia {
	float: right;
	height: 34px;
	width: 232px;
	position: relative;
	margin: 8px -2px 0 0;
	clear: both;
}

a.twitter_icon {
	background-image: url(../images/icon_twitter.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 32px;
	padding-left:3px;
	float: right;
	text-decoration: none;
}

a.twitter_icon:link, a.twitter_icon:visited {
	background-image: url(../images/icon_twitter.png);
	background-repeat:no-repeat;
}

a.twitter_icon:hover, a.twitter_icon:active {
	background-image: url(../images/icon_twitter_hi.png);
	background-repeat:no-repeat;
}

a.facebook_icon {
	background-image: url(../images/icon_facebook.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 32px;
	padding-left: 3px;
	float: right;
	position: relative;
	text-decoration: none;
}

a.facebook_icon:link, a.facebook_icon:visited {
	background-image: url(../images/icon_facebook.png);
	background-repeat:no-repeat;
}

a.facebook_icon:hover, a.facebook_icon:active {
	background-image: url(../images/icon_facebook_hi.png);
	background-repeat:no-repeat;
}

a.youtube_icon {
	background-image: url(../images/icon_youtube.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 32px;
	padding-left: 2px;
	float: right;
	text-decoration: none;
}

a.youtube_icon:link, a.youtube_icon:visited {
	background-image: url(../images/icon_youtube.png);
	background-repeat:no-repeat;
}

a.youtube_icon:hover, a.youtube_icon:active {
	background-image: url(../images/icon_youtube_hi.png);
	background-repeat:no-repeat;
}

/* -------------------------------------------------------------------------------------
navigatiebalk
--------------------------------------------------------------------------------------*/
#navigation {
	height: 33px;
	margin: 0 auto 0 auto;
	width: 960px;
}

#mainmenu {
	margin: auto 0 auto -6px;	
	width: 964px;
	height: 33px;
    background-color: #636363;	
}

/*-------------------------------------------------------------------------------------
mainmenu
--------------------------------------------------------------------------------------*/
ul.menumain {
	margin: 0;
	padding-top: 8px;
	list-style: none;
	margin-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

ul.menumain li {
	display: inline;
	color: #afafaf;
	font-size: 0.9em;
	font-weight: bold;		
	height: 33px;
	margin: 0px 6px 0px 0px;
	padding: 0;
	text-transform: uppercase;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.menumain li a:link, ul.menumain li a:visited {	
	color: #FFF;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.menumain li a:hover {
	color: #babc1f;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

/* -------------------------------------------------------------------------------------
navigatiemenu actief
--------------------------------------------------------------------------------------*/
ul.menumain li.current {
	display: inline;
	/*color: #afafaf;*/
	font-size: 0.9em;
	font-weight: bold;		
	height: 33px;
	margin: 0px 6px 0px 0px;
	padding-top: 0;
	text-decoration: none;
}

ul.menumain li.current a:link, 
ul.menumain li.current a:visited {	
	color: #babc1f;
	text-decoration: none;
}

ul.menumain li.current a:hover {
	color: #fff;
	text-decoration: none;
}

ul.menumain li.current a:active {
	color: #babc1f;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------
breadcrumbs
--------------------------------------------------------------------------------------*/
#breadcrumbs {
	float: right;
	width: auto;
	height: auto;
	padding: 16px 135px 0 19px;
	color: #707070;
	font-size: 0.9em;
}

#breadcrumbs .moduletablestyle {
	 margin: 0;
	 }

ul.breadcrumb li {
	display: inline;
	list-style: none;
	padding: 0;
}

.pathway {
	padding: 0;
	color: #00639F;
	text-align: right;
	text-decoration: none;
}

.pathway a:link,
.pathway a:visited {
	text-decoration: none;
	color: #707070;	
}

.pathway a:hover {
	color: #707070;
	text-decoration: none;
}

.pathway a:active {
	color: #00639F;
	text-decoration: none;
}

/*
====================================================================================
	MAINBODY
	Tekstgedeelte van Joomla!
	
================================================================================ */
#mainbody {
	width: 960px;
	min-height: 810px;
	height: auto;
	margin: 0px auto 0 auto;
}

#component_home {
	clear: both;
	width: 638px;
	height: auto;
	overflow: hidden;
	padding: 50px 135px 0 185px;
}

#component_sub {
	width: 638px;
	min-height: 590px;
	overflow: hidden;
	padding: 100px 135px 20px 185px;
}

#subpage_image_center {
	width: 965px;
	margin: 0px auto;
}

#subpage_image {
	width: 964px;
	height: 440px;
	margin: 0px auto 0 -3px;
	background-image: url(../images/subpage_image_966_513.jpg)
}

#article-index {  						/* voor het niet tonen van artikelindex en counter bij pagebreaks */
    display: none;
}

.pagenavcounter {
	display: none;
}

.item-page {
	font-size: 1em;
	text-decoration: none;
	min-height: 587px;
}

.item-page a:link, .item-page a:visited {
	color: #babc1f;
	text-decoration: none;
}

.item-page a:hover {
	color: #707070;
	text-decoration: none;
}

.item-page a:active {
	color: #babc1f;
	text-decoration: none;
}

.pagenav {
	color: #babc1f;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	margin-top: 30px;
}

.pagenav a:link, .pagenav a:visited {
	color: #babc1f;
	text-decoration: none;
}

.pagenav a:hover {
	color: #707070;
	text-decoration: none;
}

.pagenav a:active {
	color: #babc1f;
	text-decoration: none;
}

.pagination {
	float: right;
	color: #707070;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	margin-top: 30px;
	list-style-type: none;
}

div.pagination ul {						/* override van ul in template voor het niet tonen van bullets bij pagination */
	list-style-type: none;
}

.pagination a:link, 
.pagination a:visited {
	color: #babc1f;
	text-decoration: none;
}

.pagination a:hover {
	color: #707070;
	text-decoration: none;
}

.pagination a:active {
	color: #babc1f;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------
buttons 
--------------------------------------------------------------------------------------*/
#buttons {
	height: 100px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 705px;
}

#fiscaal {
	float: left;
	height: 47px;	
	margin: 0 10px;
	opacity: 1;
	overflow: hidden;
	padding: 0 0 0 0px;
	position: relative;
	width: 215px;
	z-index: 1;
}

#fiscaal img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#fiscaal img.button_bottom:hover {
  opacity:0;
}	

#offerte {
	float: left;
	height: 47px;	
	margin: 0 10px;
	opacity: 1;
	overflow: hidden;
	padding: 0 0 0 0px;
	position: relative;
	width: 215px;
	z-index: 1;
}

#offerte img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#offerte img.button_bottom:hover {
  opacity:0;
}	

#kennismakingsgesprek {
	float: left;
	height: 47px;	
	margin: 0 10px;
	opacity: 1;
	overflow: hidden;
	padding: 0 0 0 0px;
	position: relative;
	width: 215px;
	z-index: 1;
}

#kennismakingsgesprek img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#kennismakingsgesprek img.button_bottom:hover {
  opacity:0;
}	

/*====================================================================================
	FOOTER
	
================================================================================ */
#footer_top {
	width: 100%;	
	height: 200px;
}

#footer_top_center {
	width: 960px;	
	height: 35px;
	margin: auto;
	padding-top: 0px;
	text-align: center;
}

#footer_top_grey {
	width: 964px;	
	height: 72px;
	margin: auto 0 auto -5px;
	padding: 0px 0 0 0;
	text-align: center;
	background-color: #414141;
}

/* -------------------------------------------------------------------------------------
footer top text
--------------------------------------------------------------------------------------*/
#footer_top_text {
	width: 960px;
	text-align: center;
	margin: 0px auto 0 auto;
	padding-top: 10px;
}

ul.footer_top_link {
	margin-top: 4px;
}

.footer_top_link li {
	display: inline;
	color: #707070;
	font-size: 1em;
	font-weight: bold;
	margin-top: 30px;
	text-decoration: none;
}

ul.footer_top_link li a:link,
ul.footer_top_link li a:visited {
	display: inline;
	color: #707070; 
	padding: 4px 12px 0px 0px;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.footer_top_link li a:hover {
	color: #FFF;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.footer_top_link li a:active {
	color: #707070;
	text-decoration: none;
}

.footer_top_text_separator {
	color: #AFAFAF;
	font-size: 1em;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------
footer_top_center > wordt nu niet gebruikt...
--------------------------------------------------------------------------------------*/
ul.footer_top_center_text {
	display: inline;
}

.footer_top_center_text li {
	display: inline;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 11px;
	text-align: center;
	text-decoration: none;
}

ul.footer_top_center_separator {
	display: inline;
}
.footer_top_center_separator li {
	display: inline;
	color: #AFAFAF;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 11px;
	text-align: center;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------
footermenu's
--------------------------------------------------------------------------------------*/
#footer_topmenu {
	width: 460px;
	height: 35px;
	float: left;
}

#footer_menu {
/*	background-color: #000;*/
	margin: 0 auto 0 auto;	
	width: 960px;
	height: 46px;
}

/* -------------------------------------------------------------------------------------
footertopmenu
--------------------------------------------------------------------------------------*/
ul.menufootertop {
	margin: 0;
	padding: 11px 0px 0px 0px;
	float: right;
}

ul.menufootertop li {
	display: inline;
	color: #848383;
	font-size: 1.1em;
	height: 33px;
	padding: 11px 0px 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	transition: color 0.25s linear 0s;	
}

ul.menufootertop li a:link {	
	color: #FFF;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.menufootertop li a:visited {	
	color: #FFF;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.menufootertop li a:hover {
	color: #e47500;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

/*-------------------------------------------------------------------------------------
footermenu
--------------------------------------------------------------------------------------*/
ul.menufooter {
	margin: 0;
	padding-top: 6px;
	list-style: none;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

ul.menufooter li {
	display: inline;
	color: #afafaf;
	font-size: 0.9em;
	font-weight: bold;		
	height: 33px;
	margin: 0px 0px 0px 0px;
	padding: 0 12px;
	text-transform: uppercase;
	text-decoration: none;
	border-right: solid 2px #afafaf;
	transition: color 0.25s linear 0s;	
}

ul.menufooter li a:link, ul.menufooter li a:visited {	
	color: #FFF;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.menufooter li a:hover {
	color: #babc1f;
	text-decoration: none;
	transition: color 0.25s linear 0s;	
}

ul.menufooter li:last-child {
	border: none;
}

/* -------------------------------------------------------------------------------------
footermenu actief
--------------------------------------------------------------------------------------*/
ul.menufooter {
	margin: 0;
	padding-top: 6px;
	list-style: none;
	margin-left: 30px;
}

ul.menufooter li.current {
	display: inline;
	/*color: #afafaf;*/
	font-size: 0.9em;
	font-weight: bold;		
	height: 33px;
	margin: 0px 10px 0px 0px;
	padding-top: 0;
	text-decoration: none;
}

ul.menufooter li.current a:link, ul.menufooter li.current a:visited {	
	color: #babc1f;
	text-decoration: none;
}

ul.menufooter li.current a:hover {
	color: #fff;
	text-decoration: none;
}

ul.menufooter li.current a:active {
	color: #babc1f;;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------
footer_bottom
--------------------------------------------------------------------------------------*/
#footer_bottom {
	height: 300px;
	width: 100%;
	margin: 0 0 0 0;
	background-color: #414141;
}

#footer_bottom_text {
	width: 960px;
	text-align: center;
	margin: 0px auto 0 auto;
	padding-top: 10px;
}

#footerbottom_menu {
	margin: 0 auto 0 auto;	
	width: 400px;
	/*height: 25px;*/
}

/* -------------------------------------------------------------------------------------
footerbottommenu
--------------------------------------------------------------------------------------*/
ul.menufooterbottom {
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.menufooterbottom li {
	display: inline;
	color: #913a00;
	font-size: 1.0em;
	height: 33px;
	padding: 11px 4px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;	
}

ul.menufooterbottom li a:link, ul.menufooterbottom li a:visited {	
	color: #000;
	text-decoration: none;
}

ul.menufooterbottom li a:hover {
	color: #fff;	
	text-decoration: none;
}

ul.menufooterbottom li a:active {
	color: #000;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------
footertext
--------------------------------------------------------------------------------------*/
ul.footer_bottom_link {
	margin-top: 0px;
}

.footer_bottom_link li {
	display: inline;
	color: #707070;
	font-size: 1em;
	font-weight: bold;
	margin-top: 30px;
	text-decoration: none;
}

ul.footer_bottom_link li a:link, ul.footer_bottom_link li a:visited {
	display: inline;
	color: #707070; 
	padding: 4px 12px 0px 0px;
	text-decoration: none;
}

ul.footer_bottom_link li a:hover {
	color: #707070;
	text-decoration: none;
}

ul.footer_bottom_link li a:active {
	color: #707070;
	text-decoration: none;
}

.footer_bottom_text_separator {
	color: #AFAFAF;
	font-size: 1em;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------
footercolumns
--------------------------------------------------------------------------------------*/
#footer_column_1,
#footer_column_2,
#footer_column_3,
#footer_column_4 {
	width: 20%;
	height: auto;
	float: left;
	padding: 10px 20px 20px 20px;
	text-align: left;
}

#vertical_line {
	width: 1px;
	height: 170px;
	float: left;
	background-color: #A3A3A3;
	margin: 20px 0 80px 0;
	-moz-box-shadow: 1px 1px 3px #000000;
	-webkit-box-shadow: 1px 1px 3px #000000;
	box-shadow: 1px 1px 3px #000000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);
}

.moduletablefootercolumn h3 {
	font-size: 1.1em;
	color: #A3A3A3;
	text-shadow: 0 1px 1px #000000;
	}

.moduletablefootercolumn h4 {
	font-size: 1em;
	font-weight: normal;
	color: #A3A3A3;
	text-shadow: 0 1px 1px #000000;
	padding: 0 0 4px 0;
}

.moduletablefootercolumn ul {
	padding-top: 4px;
	margin-left: -14px;
	list-style-type: none;
	list-style: none;
	text-align: left;
}

#footer_column_1 li,
#footer_column_2 li,
#footer_column_3 li,
#footer_column_4 li {
	padding-left: 15px;
}

div.moduletablefootercolumn li a:link,
div.moduletablefootercolumn li a:visited,
.moduletablefootercolumn li a:link,
.moduletablefootercolumn li a:visited {
	font-size: 0.8em;
	color: #A3A3A3;
	text-decoration: none;
	padding: 2px 0 4px 0;
	text-shadow: 0 1px 1px #000000;
	transition: color 0.25s linear 0s;	
}

div.moduletablefootercolumn li a:hover,
.moduletablefootercolumn li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: 0 1px 1px #707070;
	transition: color 0.25s linear 0s;	
}

#logo_noab {
	background-image: url(../images/NOAB-keurmerk_RGB.png);
	background-size: cover;
	float: left;
	width: 78px;
	height: 123px;
	margin: 10px 0px 0px 18px;
}

/* 
====================================================================================
	MODULES
	Opmaak van de modules
	
================================================================================ */
/* -------------------------------------------------------------------------------------
image slider tips 
--------------------------------------------------------------------------------------*/
#slider {
	width: 315px;
	height: 315px;
	float: left;
	margin: 0 0 0 140px;
}

.slide-desc {
	width: 315px;
	top: 70px;
	padding: 0px 30px 30px 45px;
}

.slide-desc-bg {
	opacity: 0;
}

.slide-desc-text {
	color: #00639f;
	padding-right: 90px;
	font-family: Segoe script, Calibri, Arial;
	line-height: 2em;
}

.slide-desc-text .slide-title {
	color: #00639f;
	font-family: Segoe script, Calibri, Arial;
}
.slide-text {
	font-size: 1.2em;
	color: #00639f;
	font-family: Segoe script, Calibri, Arial;
}

/* -------------------------------------------------------------------------------------
breezingforms
--------------------------------------------------------------------------------------*/
.bfClearfix {
	min-height: 587px;
}

.ff_capimg {
	padding: 0 0 10px 0;
}

.bfQuickMode .bfPageIntro,
.bfQuickMode section.bfElemWrap {
   	padding: 0 0 18px 0;
}
.bfPageIntro h1 {
	padding: 0;
}

.bfQuickMode .bfLabelLeft label {
    width: 20%;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode section input[type='text'],
.bfQuickMode section textarea, 
.bfQuickMode section select {
	padding: 4px;
}

#newrecaptcha {
	left: 45%;
	position: relative;
}

.bfQuickMode .bfNextButton,
.bfQuickMode .bfSubmitButton, 
.bfQuickMode .bfCancelButton {
	float: left;
	padding: 6px 20px;
	color: #FFF;
	background-color: #00639f;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}

/* -------------------------------------------------------------------------------------
News feeds
--------------------------------------------------------------------------------------*/
.newsfeed h3 {color: #000; margin-bottom: 2px;}
.newsfeed p {margin-bottom: 5px;}
.newsfeed em {font-style:italic;}
.newsfeed ol li {padding-left:0; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom:10px;}

/* -------------------------------------------------------------------------------------
PAGINA NIEUWS
--------------------------------------------------------------------------------------*/
.nieuws .blognieuws .pull-.item-image {
    float: right;
    margin: 0  0 30px 30px;
    clear: both;
}

.blognieuws h2 {
    font-size: 1.2em;
}

div.span6 {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 30px 0;
}

p.readmore {
    margin-top: 6px;
}

p.readmore a,
ol li a {
    color: #babc1f;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}

.blognieuws .pagination {
    float: none;
    margin-bottom: 30px;
}

.blognieuws .counter {
    margin-bottom: 10px;
}

.blognieuws ul {
    text-align: center;
    width: 83%;
}

.blognieuws ul li {
    display: inline;    
    padding: 0 12px;
}

/* artikel nieuws */

.nieuws .page-header h1 {
    display: none;
}

.nieuws .item-pagenieuws .pull-.item-image {
    float: left;
    margin: 0 0 30px 0;
    max-width: 638px;       
    width: 638px;
}

.nieuws .item-pagenieuws .pull-.item-image img {
    max-width: 638px;
}

h2 .subheading-category {
    font-size: 1.5em;
}

p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

div[itemprop="articleBody"] {
    padding-bottom: 40px;
}