input 
{
	behavior: url(input.htc);
}

/*===============================================================================================*/
/* MAIN CSS classes																										 */
/*===============================================================================================*/
div.mainContainer
{
	margin: 0px auto 0px auto;
	width: 940px;
}

.layout
{
	width: 100%;
	background: #FFFFFF url("../img/bgLayout.gif") no-repeat 0 0;
	float: left;
}

.mainHeader, .mainHeaderPortal
{
	width: 100%;
	/*height: 247px;*/
}

.mainHeaderPortal
{
	height: 343px; 
}

.mainBread, .mainBreadPortal
{
	width: 100%;
	height: 30px;
	float: left;
}

.mainBreadPortal
{
	height: 41px;
}

.mainContent, .mainContentPortal, .mainContentExtra
{
	background: url("../img/bgContent.gif") repeat-y 0 0;
	width: 100%;
	float: left;
}

.mainContentPortal
{
	background: transparent;
	padding-top: 10px;
}

.mainContentExtra
{
	background: url("../img/bgContentExtra.gif") repeat-y 0 0;
}

.mainSubMenu
{
	width				: 222px;
	padding-left	: 11px;
	padding-top		: 9px;
	float				: left;
}

.mainArticles, .mainArticlesExtra
{
	width				: 684px; 
	background		: #FFFFFF;
	float				: right;
	padding-top		: 10px;
	padding-left	: 10px;
}

.mainArticlesExtra
{
	background: transparent;
}

.noCSS
{
	display:none;
}
/*===============================================================================================*/

/*===============================================================================================*/
/* Spacers  																										 		 */
/*===============================================================================================*/
.spacer
{
	width: 100%;
	overflow: hidden;
	float: left;
}

.spacerW
{
	height: 10px;
	overflow: hidden;
	float: left;
}

.bgWhite
{
	background: #FFFFFF;
}

.bgGrey
{
	background: #ECEAE5;
}

.bgOrange
{
	background: #EA8509;
}

.h3
{
	height: 3px;
}

.h5
{
	height: 5px;
}

.h6
{
	height: 6px;
}

.h8
{
	height: 8px;
}

.h10
{
	height: 10px;
}

.h11
{
	height: 11px;
}

.h14
{
	height: 14px;
}

.h15
{
	height: 15px;
}

.h13
{
	height: 13px;
}

.h16
{
	height: 16px;
}

.h20
{
	height: 20px;
}

.h21
{
	height: 21px;
}

.h23
{
	height: 23px;
}

.h25
{
	height: 23px;
}

.h36
{
	height: 36px;
}

.h61
{
	height: 61px;
}

.w3
{
	width: 3px;
}

.w4
{
	width: 4px;
}

.w8
{
	width: 8px;
}

.w9
{
	width: 9px;
}

.w10
{
	width: 10px;
}

.w11
{
	width: 11px;
}

.w12
{
	width: 12px;
}

.w15
{
	width: 15px;
}

.w18
{
	width: 18px;
}

.line
{
	width: 100%;
	height: 1px;
	overflow: hidden;
	float: left;
}

.line2
{
	width: 100%;
	height: 2px;
	overflow: hidden;
	float: left;
}

.wOrange
{
	background: #FFC759;
}

.bgDarkGrey
{
	background: #736B57;
}
/*===============================================================================================*/


/*===============================================================================================*/
/* MAIN Header																										 		 */
/*===============================================================================================*/
.prePortalHeader
{
	width: 100%;
	height: 62px;
	float: left;
}

.header
{
	width: 100%;
	height: 78px;
	float: left;
}


.headerNew
{
	width: 100%;
	height: 294px;
	float: left;
}

.headerGallery
{
	width: 930px;
	float:left;
	height: 205px;
	margin: 10px 0px 10px 0px;
	display: block;
}

.headerGallery .left
{
	width: 689px;
	height: 205px;
	display: block;
	float:left;
}

.headerGallery .right
{
	width: 241px;
	height: 205px;
	background: url("../img/bgHeaderRight.gif") repeat-y 0px 0px;
	display: block;
	float:left;
}

.topLinks
{
	margin-top:10px;
	height: 30px;
	display: block;
	width: 100%;
	float:left;
}

.topLinks div.wrapper
{
	float:right;
	display: block;
}

.topLinks div.wrapper a
{
	float:left;
	padding: 6px 9px;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
}

.topLinks div.wrapper a:hover
{
	text-decoration: underline;
}

.logo
{
	width: 100%;
	margin-top: 18px;
	margin-left: 29px;
	float: left;
}

.mainSearch
{
	width: 245px;
	background: url("../img/bgHeaderMenu.gif") no-repeat 0 0;
	float: right;
}

.headerMenu
{
	width:100%;
	height:34px;
	float:right;
}

.headerMenuItem
{
	float:right;
	margin: 4px 0 0 0;
	padding-top:5px;
	padding-right: 33px;
	width: 200px;
}

.headerMenuItem a
{
	font-weight: normal;
	color: #036A83;
	font-size: 1.1em;
	margin: 0px 3px;
	padding-bottom:3px;
	text-decoration: none;
	float:right;
}

.headerMenuItem a.current
{
}

.headerMenuItem a:hover
{
	text-decoration: none;
}

.spacerLogo
{
	height: 34px;
	width: 480px;
	float: left;
}

.headerMenu td
{
	text-align: center;
}

.right .search
{
	180px;
}

.search
{
	width: 100%;
	margin-top: 10px;
	float: left;
}

.searchTitle
{
	font-size: 1.2em;
	margin-bottom:6px;
	color: #BF0022;
}

.searchTitle a
{
	color: #BF0022;
	text-decoration: none;
}

.searchTitle a:hover
{
	
}

.zoekInput
{
	float: left;
	width: 145px;
}

.zoekInput input
{
	width: 135px;
}

.zoekBtn
{
	width: 29px;
	float: left;
	margin:0px;
	padding: 0px;
	height:19px;
}

.zoekBtn button
{
	background-color: white;
}

.zoekBtn button img
{
	float:left;
}

.topMenu
{
	width: 100%;
	height: 30px;
	float: left;
}

.slideSwitch
{
	float:right;
}

button.btnTabLoc, button.btnTab
{
	width: 81px;
	height: 21px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 1.0em;
	text-transform: uppercase;
	border: 1px solid #FF2248;
	background: #A9001E;
	float: left;
}

button.btnTab
{
	border-top: 1px solid #A9001E;
	border-right: 1px solid #5B0010;
	border-bottom: 1px solid #5B0010;
	border-left: 1px solid #A9001E;
	float: left;
}

.mainSlider
{
	width: 100%;
	height: 139px;
	cursor: pointer;
}

.mainSliderPortal
{
	width: 100%;
	height: 235px;
	cursor: pointer;
}
/*===============================================================================================*/

/*===============================================================================================*/
/* MAIN Bread classes																							 		 */
/*===============================================================================================*/
.breadcrumb
{
	margin-top: 10px;
	margin-left: 255px;
	float: left;
}
/*===============================================================================================*/


/*===============================================================================================*/
/* MAIN Portal classes																							 		 */
/*===============================================================================================*/
.overGeerlofs, .nieuws, .regio
{
	margin-left: 10px;
	margin-top: 17px;
	width: 435px;
	float: left;
}

.portalLine
{
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: url("../img/portalLine.gif") repeat-x 0 0;
	float: left;
}

.nieuws
{
	margin-left: 20px;
	width: 232px;
}

.regio
{
	width: 210px;
	margin-left: 32px;
}

.kaartContact
{
	width			: 210px;
	height		: 157px;
	background	: url("../img/kaartjeContact.png");
	float			: left;
	overflow		: hidden;
}

.kaart
{
	margin-top		: 1px;
	margin-left		: 1px;
	margin-right	: 1px;
	margin-bottom	: 1px;
	width				: 206px;
	height			: 125px;
	float				: left;
	overflow			: hidden;
}

.regioContact
{
	margin-top: 0px;
	width: 100%;
	text-align: center;
	float: left;
}
/*===============================================================================================*/

/*===============================================================================================*/
/* MAIN Content classes																							 		 */
/*===============================================================================================*/
.spacerContent
{
	width: 100%;
	height: 13px;
	/* background: url("../img/bgContentTop.gif") repeat-x 0 0;*/
	float: left;
}

.begrippen
{
	width: 660px;
	float: left;
}

.grey
{
	background: #EBEFF1;
}

.dGrey
{
	background: #D7DFE3;
}

.begrippen a
{
	width: 22px;
	height: 23px;
	padding-top: 6px;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #BF0022;
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
}

.begrippen a:hover
{
	color: #036A83;
}

.begrippen .noLink, a.noLink, a.noLink:hover
{
	color: #909090;
}

.begrip
{
	width: 660px;
	float: left;
}

.begripLine
{
	width: 430px;
	height: 1px;
	overflow: hidden;
	background: #D7DFE3;
	float: left;
}
/*===============================================================================================*/

/* MAIN subMenu																								 		    */
/*===============================================================================================*/

/* Hieronder de style voor menuitem van verschillende niveau */
.menu, .menulevel0, .menulevel01, .menulevel02, .menulevel03, .menulevel04
{
	width: 210px;
	background: url("../img/bgMenu.gif") repeat-y 0 0;
	float: left;
}

.menulevel00
{
	width: 180px;
	margin-right: -3px;
	margin-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-bottom: 1px solid #026983;
	background: transparent;
}

a:hover.menulevel00
{
	color: #CEF5FF;
}

.menulevel01
{
	width: 185px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: normal;
	font-size: 1.1em;
	color: #BF0022;
	text-decoration: none;
	border-bottom: 1px solid #11CFFF;
	float: left;
	background: #FFFFFF;
}

.menulevel01 a, .menulevel02 a, .menulevel03 a, .menulevel04 a
{
	background: #FFFFFF;
}

a:hover.menulevel01, a:hover.menulevel02, a:hover.menulevel03, a:hover.menulevel04
{
	background: #EAFBFF;
	color: #BF0022;
}
a:hover.menulevel00
{
	color: #BF0022;
}

.menulevel02
{
	width: 180px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: normal;
	font-size: 1.1em;
	color: #BF0022;
	text-decoration: none;
	border-bottom: 1px solid #11CFFF;
	float: left;
	background: #FFFFFF;
}
.menulevel03
{
	width: 175px;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: normal;
	font-size: 1.1em;
	color: #BF0022;
	text-decoration: none;
	border-bottom: 1px solid #11CFFF;
	float: left;
	background: #FFFFFF;
}
.menulevel04
{
	width: 150px;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: normal;
	font-size: 1.1em;
	color: #BF0022;
	text-decoration: none;
	border-bottom: 1px solid #11CFFF;
	float: left;
	background: #FFFFFF;
}

/* Hieronder de style voor het geselecteerde menuitem */
.selected01, .selected02, .selected03, .selected04
{
	font-weight: bold;
}
.selected00
{
		color: #BF0022;
}

.lastmenuitem
{
	border-bottom:none;
}


.bold, div.caption, div.label
{
	color:Aqua;
}
/*===============================================================================================*/

.menuColor
{
/*	margin-left: 11px; */
	width: 210px;
	background: #00A0C6 url("../img/bgColorMenu.gif") repeat-x 0 0;
	float: left;
}

.menuImgTop, .menuImgBottom
{
	width: 210px;
	height: 2px;
	overflow: hidden;
	background: url("../img/menuTop.gif") no-repeat 0 0;
	float:left;
}

.menuImgBottom
{
	background: url("../img/menuBottom.gif") no-repeat 0 0;
}

.subMenuTop
{
	width: 231px;
	float: left;
}
/*===============================================================================================*/

/*===============================================================================================*/
/* MAIN Footer																									 		    */
/*===============================================================================================*/
.article
{
	width: 673px; 
	float: left;
}

.article strong
{
	color: #036A83;
}

.thumbnail
{
	padding-top: 10px;
	padding-left: 10px;
	margin-right: 10px;
	width: 210px;
	height: 150px;
	background: #D7DFE3;
	float: left;
}

.mainNav
{
	width: 100%;
	text-align: right;
	float: left;
}

.navMore
{
	float: right;
}

.navBack
{
	float: left;
}
/*===============================================================================================*/


/*===============================================================================================*/
/* MAIN Footer																									 		    */
/*===============================================================================================*/
.mainFooter
{
	width: 940px;
	background: url("../img/bgFooter.gif") no-repeat 0 0;
	text-align: center;
	height: 55px;
	float: left;
}

.footer
{
	margin: 8px auto 0 auto;
	text-align: center;
}
/*===============================================================================================*/
/*===========================================TABS====================================================*/

.mainArticles2
{
	width: 694px;
	float: right;
	background: transparent;
		
}

.tabsProducten
{
	height:29px;
	width:683px;
	float:left;
	text-align:center;
}

.tabProducten
{
	height: 30px;
	width: 112px;
	float: left;
	margin-right: 3px;
	color:#4F4648;
	text-decoration:none;
	padding-top:6px;
	background: url("../img/prodTab.gif") no-repeat 0 0;
}

.tabProducten a
{
	display:block;
	cursor:pointer;
	font-weight:bold;
	color:#4F4648;
	text-align:center;
	text-decoration: none;
}

.tabProducten a:hover
{
	text-decoration: underline;
}

.tabProductenActive
{
	height: 30px;
	width: 112px;
	float: left;
	margin-right: 3px;
	padding-top:6px;
	color:#4F4648;
	text-align:center;
	text-decoration:none;
	background: url("../img/prodTabActive.gif") no-repeat 0 0;
}

.tabProductenActive a
{
	font-weight:bold;
	color:#4F4648;
	text-align:center;
	text-decoration: none;
}

.mainThumb
{
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 3px;
	border: 1px solid #D9E4E6;
	float: left;
	spacing: 5px;
}
/*========================================einde TABS====================================================*/
.btnBack
{
	display:block;
	width:29px;
	height:19px;
	background-image:url("../img/btnback.gif");
}
.btnBack:hover
{
	background-image:url("../img/btnBackMo.gif");
}

.btnSend
{
	display:block;
	width:29px;
	height:19px;
	background-image:url("../img/btnSend.gif");
}
.btnSend:hover
{
	background-image:url("../img/btnSendMo.gif");
}

.btnPrint
{
	display:block;
	width:29px;
	height:19px;
	background-image:url("../img/btnPrint.gif");
}
.btnPrint:hover
{
	background-image:url("../img/btnPrintMo.gif");
}

.btnMore
{
	display:block;
	width:29px;
	height:19px;
	background-image:url("../img/btnMore.gif");
}
.btnMore:hover
{
	background-image:url("../img/btnMoreMo.gif");
}

.btnTop
{
	display:block;
	width:29px;
	height:19px;
	background-image:url("../img/btnTop.gif");
}

button.btnForm
{
	background:url("../img/bgBtnForm.gif") repeat-x 0 0;
	padding-bottom: 5px;
	height: 25px;
	color:#036A83;
}

.btnTop:hover
{
	background-image:url("../img/btnTopMo.gif");
}

.search button
{
	padding:0px;
	margin:0px;
}

.BegripContent
{
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.1em;
}

