﻿.smartfms-logo
{
 	display:inline-block;
	
	background-image: url('/klantIMG/SMART-FMS.png');
	
	width:190px;
	height:47px;	
	
/* 	background-image: url('/klantIMG/SMART-FMS-2.png');	
	width:163px;
	height:27px;
	margin-top:10px; */
}
.smartfms-logo-footer
{
	display:inline-block;
	background-image: url('/klantIMG/SMART-FMS-R.png');
	width:190px;
	height:47px;	
}

.aActive{
	color:#bf0d0d;
	text-decoration:underline;
	cursor:pointer;
	}
	
.aActiveFile{
	color:#bf0d0d;
	text-decoration:underline;
	cursor:pointer;
	}
		
.aNormal
{
	color:#363866;
	cursor:pointer;
	}
.aNormal:hover
{
	color:#bf0d0d;
	text-decoration:underline;
	}

.ImageMetLink{
	border:0px;
	}


.footerMenuTussenWidth{width:15px;}
.footerMenuColWidth{width:140px;}

/* ------------------begin menu Side ----------------------- */


.ulSideMenuLayout
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
	
.liSideMenuLayout
{
	text-align:left;
	position:relative;
	background-image:url("/img/MenuLijn.png");
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.liSideMenuLayoutActive
{
	text-align:left;
	position:relative;
	background-image:url("/img/MenuLijn.png");
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.liSideMenuLayoutActive ul.ulSideSubMenuLayout
{
	display:block;
	list-style-type:none;
	padding:1px 0px 1px 0px;
	margin-top:10px;
	}
	
.liSideMenuLayoutActive a.aSideMenuLink
{
	
	}

.liSideMenuLayout ul.ulSideSubMenuLayout
{
	
	}
	
.aSideMenuLink
{
	text-decoration:none;
	color:#282a59;
	font-weight:bold;
	text-transform:capitalize;
	font-size:14px;
	padding-left: 12px; 
	display: block;
	}
.aSideMenuLinkActive
{
	text-decoration:none;
	color:#c10d0e;
	font-weight:bold;
	text-transform:capitalize;
	font-size:14px;
	padding-left: 12px; 
	display: block;
	}

.ulSideSubMenuLayout
{
	z-index:10;
	list-style-type:none;
	display:none;
	position:relative;
	margin:0px;
	padding:5px 0px 5px 0px;
	background-image:url("/img/MenuLijn.png");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:-10px;
	}
	
.liSideSubMenuLayout
{
	z-index:10;
	list-style-type:none;
	position:relative;
	background-image:url("/img/SubMenu.png");
	background-repeat:repeat-y;
	margin-bottom:2px;
	vertical-align :middle;
	}
.liSideSubMenuLayoutZonderMargin
{
	z-index:10;
	list-style-type:none;
	position:relative;
	background-image:url("/img/SubMenu.png");
	background-repeat:repeat-y;
	}
.liSideSubMenuLayout:hover a
{
	
	}
	
.liSideSubMenuLayoutActive{
	z-index:10;
	list-style-type:none;
	position:relative;
	background-image:url("/img/SubMenu.png");
	background-repeat:repeat-y;
	margin-bottom:2px;
	vertical-align :middle;
	}
.liSideSubMenuLayoutActive a{
	color:#C10D0E;
	}
	
.aSideSubMenuLink
{
	text-decoration:none;
	color:#787879;
	width:120px;
	font-size:12px;
	padding-left: 12px; 
	display: block;
	padding-top:2px;
	padding-bottom:2px;
	line-height:14px;
	vertical-align:middle;
	}
	
.aSideSubMenuLink:hover
{
	color:#c10d0e;
	/**font-size:12px;
	text-decoration:none;
	margin-top:5px;**/
	}
	
.DivSideSubMenuLayoutStreep
{
	margin-left:-9px;
	height:1px;
	float:left;
	vertical-align:top;
	}	

/* ------------------Einde menu Side ----------------------- */
/* ------------------Begin menu bottom ----------------------- */

.ulBottomMenuLayout
{
		float:left;
		list-style-type:none;
		margin:0px;
		padding:0px;
		
	}
	
.ulBottomSubMenuLayout{
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	
.liBottomSubMenuLayout
{
		text-align:left;
		z-index:11;

		color:#636466;
		padding-top:15px;
		position:relative;
	}
	
.liBottomMenuLayoutActive
{
		text-align:left;
		display:block;
		z-index:11;
		color:#636466;

		padding-left:10px;
		padding-top:15px;
		float:left;
	}	
	 
	
.liBottomSubMenuLayoutActive
{
		text-align:left;
		display:block;
		z-index:11;
		color:#71bf44;
		padding-Bottom:10px;
		padding-left:12px;
	}	
	
.aBottomSubMenuLink
{
		float:left;
		color:#636466;
		display:block;
		width:100%;
		font-size:11px;
	}
	
.aBottomSubMenuLinkActive
{
		float:left;
		color:#636466;
		display:block;
		width:100%;
		font-size:11px;



	}

.aBottomSubMenuLink:hover{
		float:left;
		color:#71bf44;
		display:block;
		width:100%;
		font-size:11px;
		}




.liBottomMenuLayout{
		float:left;
		text-align:left;
		padding-top:15px;
		padding-right:15px;
		padding-left:50px;
		line-height:0px;
		width:85px;
	}
	
.liBottomMenuLayoutActive{
		float:left;
		text-align:left;
		padding-Bottom:15px;
		line-height:0px;
	}
	
.liBottomMenuLayoutActive ul{
		display:block;
	}
	
.liBottomMenuLayout:hover ul li{
		text-align:left;
		display:block;
		z-index:10;
		position:relative;

		color:#ffffff;
		line-height:0px;
	}
	
.liBottomMenuLayout:hover{
		float:left;
		text-align:left;
		color:#000000;
		height:39px; /* Werkt samen met padding Bottom van liBottomMenuLayout (totaal 55px)*/	
		line-height:0px;
}

.aBottomMenuLink{
	text-decoration:none;
	color:#71bf44;
	font-weight:bold;
	width:100%;
	text-transform:uppercase;
	font-size:11px;
	}
	
.aBottomMenuLinkNoCursor
{
	text-decoration:none;
	color:#71bf44;
	font-weight:bold;
	width:100%;
	text-transform:uppercase;
	font-size:11px;
	cursor:auto;
	}
	
.tblMenuLayoutBottom{
	width:100%;
	}

.tblMenuLayoutBottom:hover td a{
	text-decoration:none;
	line-height:0px;
	}

.MenuLeftImage{
	cursor:pointer;

	}
	
.tblMenuLayout:hover .MenuLeftImage {
	cursor:pointer;
	}
		
.MenuCenterImage{
	cursor:pointer;
	}
		
.tblMenuLayout:hover .MenuCenterImage{
	}
	
.MenuRightImage{

	}
.tblMenuLayout:hover .MenuRightImage{
	}	

.tblMenuLayoutActive{
	text-align:center;
	width:100%;
	}
	
.tblMenuLayoutActive ul{
	text-align:center;
	width:100%;
	display:block;

	}
	
.tblMenuLayoutActive td a{
	color:#71bf44;

	}

.MenuLeftImageActive{

	}
		
.MenuCenterImageActive{
	}
	
.MenuRightImageActive{

	}


/* ------------------Einde menu bottom ----------------------- */	

/* ------------------begin menu top ----------------------- */

.MenuLanger{}

.MenuKort{}

.ulTopMenuLayout{
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:table;
	width:100%;
	}
	
.ulTopSubMenuLayout{
	z-index:10;
	list-style-type:none;
	margin:-1px 0px 0px 0px;
	padding:6px 0px 8px 0px;
	position:absolute;
	display:none;
	}
	
.liTopSubMenuLayout{
	text-align:left;
	z-index:11;
	background-image: url(/img/menu_rechts.png);
	background-position:right;
	background-repeat:repeat-y;
	padding-right:8px;
	position:relative;
	
}
	
.liTopSubMenuLayout:before{
	background-image: url(/img/menu_links.png);
	content: url(/img/1x1_trans.png);
	margin:0px 0px 0px -8px;
	padding:0px 0px 0px 0px;
	background-position:left;
	background-repeat:repeat-y;
	width:8px;
	height:100%;
	font-size:0px;
	position:absolute;
	display:block;
}

.aTopSubMenuBottomLayout{
	background-image: url(/img/menu_onder.png);
	content: url(/img/1x1_trans.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:8px;
	font-size:0px;

	display:block;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	line-height:8px;
}

.liTopSubMenuBottomLayout{
	text-align:left;
	z-index:11;
	background-image: url(/img/menu_rechtsOnder.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:8px;
	position:relative;
}
	
.liTopSubMenuBottomLayout:before{
	background-image: url(/img/menu_linksOnder.png);
	content: url(/img/1x1_trans.png);
	margin:0px 0px 0px -8px;
	padding:0px 0px 0px 0px;
	background-position:left top;
	background-repeat:no-repeat;
	width:8px;
	height:10px;
	font-size:0px;
	position:absolute;
	display:block;
}

.liTopSubMenuLayoutActive{
	background-image: url("/img/menu_rechts.png");
    background-position: right center;
    background-repeat: repeat-y;
    padding-right: 8px;
    position: relative;
    text-align: left;
    z-index: 11;
	}
	
.liTopSubMenuLayoutActive:before {
    background-image: url("/img/menu_links.png");
    background-position: left center;
    background-repeat: repeat-y;
    content: url("/img/1x1_trans.png");
    display: block;
    font-size: 0;
    height: 100%;
    margin: 0 0 0 -8px;
    padding: 0;
    position: absolute;
    width: 8px;
}

.aTopSubMenuLink{
	color:#000000;
	background-color:#ffffff;
	display:block;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	height:35px;
	line-height:35px;
	border-top:1px solid #cecece;
	text-align:center;
}

.aTopSubMenuLinkActive{
	background-color: #FFFFFF;
    border-top: 1px solid #CECECE;
    color: #000000;
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
	}

.aTopSubMenuLink:hover{}

.liTopMenuLayout{
		/*float:left;
	text-align:center;*/
	display:table-cell;
	}
	
.liTopMenuLayoutActive
{
	/*float:left;
	text-align:center;*/
	display:table-cell;
	}
	
.liTopMenuLayoutActive ul
{
	z-index:10;
	list-style-type:none;
	margin:-1px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	position:absolute;
	display:none; 
	}

li.liTopMenuLayoutActive:hover ul{
	/*display:table-row;*/
	}	
li.liTopMenuLayout:hover ul{
	/*display:table-row;*/
	}

.liTopMenuLayout:hover
{
	
}

.liTopMenuLayout:hover table tr td a{
	background-color:#ffffff;
	color:#000000;
}

.BorderRight
{
	
	}
	
.aTopMenuLink{

	margin-top:10px;
	text-decoration:none;
	color:#9d9d9c;
	display:block;
	text-transform:capitalize;
	position:relative;
	z-index:15;
	font-size:20px;
	text-transform:uppercase;
	text-align:center;
}	

.aTopMenuLink:hover{
}	
.aTopMenuLinkActive:hover
{
		color:#bf0d0d;
	}
	
	
.aTopMenuLinkActive
{

	margin-top:10px;
	text-decoration:none;
	color:#9d9d9c;
	display:block;
	text-transform:capitalize;
	position:relative;
	z-index:15;
	font-size:20px;
	text-transform:uppercase;
	text-align:center;
	}

.tblMenuLayoutTop{
	height:55px;
}

.tblMenuLayoutTop:hover td a{
	background-color:#ffffff;
	color:#000000;
}

.MenuLeftImage{
	display:none;
}

.tblMenuLayoutTop:hover .MenuLeftImage {}

.MenuCenterImage{}

.tblMenuLayoutTop:hover .MenuCenterImage{}
	
.MenuRightImage{
	display:none;
}
	
.tblMenuLayoutTop:hover .MenuRightImage{}	
	
.tblMenuLayoutActiveTop {
	text-align:left;
	width:100%;
	height:35px;
	
	}
	
.tblMenuLayoutActiveTop ul{
	text-align:left;
	width:100%;	
	}

.tblMenuLayoutActiveTop td a{
	color:#000000;
	background-color:#ffffff;
}

.MenuLeftImageActive{
	display:none;
	}
		
.MenuCenterImageActive{
	}
	
.MenuRightImageActive{
	display:none;
	}
	
	
/* ------------------Einde menu top ----------------------- */


/* ------------------Begin Poll ----------------------- */	

#PollDivVraag{
	text-align:left;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	font-style:italic;
	}
	
#PollDivVraag div{
	padding:15px;
	color:#48555d;
	}
	
#PollDivVraagAntwoord{
	text-align:left;
	padding-left:15px;
	padding-bottom:25px;
	}
	
#PollDivVraagAntwoord div{
	color:#48555d;
	font-weight:bold;
	}	

#PollDivTitel{
	width:100%;
	background-color:#000000;
	height:35px;
	text-align:center;
	}
	
#PollDivTitel div{
	color:#ffffff;
	text-align:left;
	padding-left:14px;
	padding-top:8px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	}
	
#PollBorder{
	background-color:#ffffff;
	border:1px solid #cecece;
	}
	
/* ------------------Einde Poll ----------------------- */

/* ------------------Begin Nieuws ----------------------- */
.NieuwsTitel
{
	font-size:25px;
	font-weight:normal;
	margin: 0 5px;
	}
	
.NieuwsTekst
{
	font-size:12px;
	line-height:22px;
	width:240px;
	z-index:1;
	margin-left:5px;
	margin-right:5px;
	}
	
.NieuwsTekstBreed
{
	font-size:12px;
	line-height:22px;
	width:700px;
	z-index:1;
	margin-left:5px;
	margin-right:5px;
	}

.NieuwsLinkBreed
{
	font-size:12px;
	color:#c3ddfd;
	margin-top:-20px;
	z-index:2;
	position:absolute;
	background-repeat:repeat-x;
	width:700px;
	border-bottom:1px solid #88bd2f;
	}
	
.NieuwsLink
{
	font-size:12px;
	color:#c3ddfd;
	margin-top:-20px;
	z-index:2;
	position:absolute;
	/*background-image:url("/img/Nieuws2.png");*/
	background-repeat:repeat-x;
	width:250px;
	border-bottom:1px solid #88bd2f;
	}
	
.h1NieuwsContentTitel{
	font-size:25px;
	font-weight: normal;
    margin: 0px;
	}
	
.tblNieuwsBlok{
	width:100%
	}
	
.tblNieuwsBlokBreed{
	width:100%
	}
	
.tdNieuwsBerichtTotaal{
	background-repeat:repeat-y;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	}
/* ----------------End Nieuws --------------------- */

/* ----------------Evenementen --------------------- */

.EvenementTitel{
	font-size:16px;
	font-weight:bold;
	margin: 0 5px;
	width:550px;
	}
	
.EvenementLocatieBreed{
	font-size:14px;
	font-weight:normal;
	margin: 0 5px;
	width:250px;
	text-align:right;
	}

.EvenementVanTotBreed{
	font-size:14px;
	font-weight:normal;
	margin: 0 5px;
	width:250px;
	
	}

.EvenementWebsiteBreed{
	font-size:14px;
	font-weight:normal;
	display:block;
	width:250px;
	text-align:right;
	}
	
.EvenementTekstBreed{
	font-size:12px;
	line-height:22px;
	width:100%;
	z-index:1;
	margin-right:5px;
	margin-top:10px;
	}

.EvenementLinkBreed{
	font-size:12px;
	color:#c3ddfd;
	
	z-index:2;
	position:absolute;
	background-repeat:repeat-x;
	width:730px;
	border-bottom:1px solid #13a9fe;
	}
	
.EvenementLink{
	font-size:16px;
	color:#000000;
	display:block;
	width:100%;
	height:100%;
	}
	
.EvenementenLijstTitel{
	margin-top:8px;
	position:absolute;
	font-size:23px;
	font-weight:normal;
	color:#ffffff;
	background-image:url(/img/Evenementen.png);
	width:450px;
	height:42px;
	
	}
	
.tdEvenementTekst{
	font-size:18px;
	font-weight:normal;
	color:#000000;
	width:100%;
	border-bottom:1px solid #000000;
	background-color:#ffffff;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
	}
	
.tdEvenementTekst:hover{
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
	width:100%;
	border-bottom:1px solid #000000;
	background-color:#13a9fe;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
	}
	
.tdEvenementTekst:hover a {
	color:#ffffff;
	}
	
#tblEvenementLijst{
	width:430px;
	height:100%;
	}
	
.tdEvenementLijst{
	width:450px;
	height:130px;
	padding-top:50px;
	}
	
.EvenementTekst{
	font-weight:bold;
	color:#000000;
	font-size:18px;
	}	
	
#SpanEvent{
	padding-top:10px;
	padding-left:10px;
	font-size:20px;
	font-weight:bold;
	display:block;
	}

/* ----------------End Evenementen --------------------- */

/* ----------------begin Contact --------------------- */

.tblContactFormulier{
	height:100%;
	table-layout:fixed;
	padding-top:25px;
	padding-bottom:40px;
	padding-left:25px;
	padding-right:25px;
	}
	
.tblContactFormulier tr td{	
	padding-top:10px;	
	}
	
.tblContactFormulier tr td input {	
	padding:5px;	
	width:350px;
	color:#444444;
	background-color:#ffffff;
	float:left;
	border:1px solid #ffffff;
	}
		
.TitelRequestContact{
	font-size:16px;font-weight:bold;padding-bottom:20px;
	}
.FoutMelingImg
{
	display:none;height:16px;height:16px;float:left;margin-top:8px;margin-left:8px;
	}
.ContactTextArea
{
	width:355px;height:150px;color: #444444;
	}	
	
	
/* ----------------Einde Contact --------------------- */

/* ----------------Begin Social media --------------------- */
.tdLoginEnSocialMedia{
	width:480px;
	}
	
.SocialMediaImg{
	float:right;margin-left:17px;cursor:pointer;
	}
	
.tblSocialMedia{
	width:150px;
	position:relative;
	}
	
/* ----------------Einde n Social media  --------------------- */

/* ----------------Begin Login form --------------------- */

.tblLoginFormFront{
	width:270px;
	height:110px;
	margin-left:15px;
	margin-top:25px;
	}
	
.tblLoginFormFront input{
	color:#8b8f92;
	}
	
.LoginButton{
	background-image:url("/img/Login_button.png");
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:7px;
	width:157px;
	height:25px;
	}

#MeldingLogin{
	font-size:16px;
	color:#e32929;
	position:relative;
	z-index:2;
	}	
	
.LoginTussen{
	background-image:url(/img/Login_Tussen.png);background-repeat:repeat-x;float:right;height:32px;
	}
	
.LoginLinks{
	float:right;cursor:pointer;width:44px;
	}
	
.DivLoginName{
	padding-top:10px;padding-left:8px;padding-right:8px;color:#6c6c6c;
	}
	
.LinkLogin
{
	float:right;margin-left:17px;cursor:pointer;
	}

/* ----------------Einde Login --------------------- */

/* ----------------begin Aanmelden --------------------- */

.rdAanmeld{
	padding:0px;	
	width:15px !important;
	color:#8b8f92;
	}

.tblAanmeldFormulier{
	height:100%;
	table-layout:fixed;
	}
	
.tblAanmeldFormulier tr td{	
	padding-top:10px;	
	}
.inputHeelSmal{
	width:30px;
	margin-right:30px;
	}	
.InputSmal{
	width:60px;
	margin-right:15px;
	}
.InputBreed{
	width:120px;
	margin-right:15px;
	}
.InputBreeder{
	width:168px;
	margin-right:15px;
	}
	
.InputBestand{
	font-size:14px;
	border:1px solid #dfdfdf;
	padding-left:3px;
	padding-right:3px;
	height:31px; 
	line-height:22px;
	vertical-align: top;
	
	outline-color:invert;
	outline-style:none;
	background-color:#dfdfdf;
	width:100%;
}
	
.InputText{
	width:300px;
	/*height:150px;*/
	margin-right:15px;	
	}
	
.PadBottom{
	margin-bottom:10px;
	}

	
.tblAanmeldFormulier tr td input[type="text"]{	
	padding:5px;	
	width:350px;
	color:#444444;
	float:left;
	}
	
.AanmeldenButton{
	background-image:url("/img/Aanmelden_button.png");
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:7px;
	width:157px;
	height:25px;
	}
	
.AanmeldenButton:hover{
	background-image:url("/img/Aanmelden_buttonHover.png");
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:7px;
	width:157px;
	height:25px;
	}	
	
/* ----------------Einde Aanmelden --------------------- */

/* ---------------- Begin Buttons -------------------------------- */

.CloseButton{
	background-image:url("/img/Close_button.png");
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:7px;
	width:157px;
	height:25px;
	}
	
.CloseButton:hover{
	background-image:url("/img/Close_buttonHover.png");
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:7px;
	width:157px;
	height:25px;
	}
			
.LoginButton:hover{
	background-image:url("/img/Login_buttonHover.png");
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:7px;
	width:157px;
	height:25px;
	}
	
.LogoutButton{
	background-image:url("/img/Logout_button.png");
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:7px;
	width:157px;
	height:25px;
	}
	
.LogoutButton:hover{
	background-image:url("/img/Logout_buttonHover.png");
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:7px;
	width:157px;
	height:25px;
	}
	
.VerzendenButton{
	background-image:url("/img/Verzenden_button.png");
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:7px;
	width:157px;
	height:25px;
	}
	
.VerzendenButton:hover{
	background-image:url("/img/Verzenden_buttonHover.png");
	background-repeat:no-repeat;
	cursor:pointer;
	margin-bottom:7px;
	width:157px;
	height:25px;
	}
	
.ButtonLeft
{
	background-image:url(/img/btn_left.png);
	background-repeat:no-repeat;
	width:10px;
	float:left;
	height:26px;
	cursor:pointer;
}
.ButtonMid{
	background-image:url(/img/btn_mid.png);
	float:left;
	height:26px;
	cursor:pointer;
}
.ButtonRight
{
	background-image:url(/img/btn_Right.png);
	background-repeat:no-repeat;
	width:10px;
	float:left;
	height:26px;
	cursor:pointer;
	margin-right:5px;
	}
	
.ButtonHolder{width:100%;height:100%;cursor:pointer;}

.ButtonLink{
	margin-top:4px;
	}
.ButtonHolder:hover div.ButtonLeft{}
	
.ButtonHolder:hover div.ButtonMid{}

.ButtonMid div.ButtonLink{
	color:#ffffff;
	margin-top:5px;
}

.buttonMid div.ButtonLink a{color:#ffffff;display:block;width:100%;height:100%;}
	

.ButtonHolder:hover div.ButtonRight{}
	

	
/* ---------------- Eind Buttons -------------------------------- */	

/* ---------------- Begin Zoeken -------------------------------- */	

.WoordZoeken{
	font-size:14px;
	margin-top:5px;
	margin-left:110px;
	color:#ffffff;
	position:absolute;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:bold;
	}

.WoordZoeken:hover{
	font-size:14px;
	margin-top:5px;
	margin-left:110px;
	color:#132453;
	position:absolute;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:bold;
	
	}
	
.SearchHighlight{
	color:#ffffff;
	background-color:#60cb0b;
	}
	
.TitelZoekContent
{
	color:#e87615;
	font-size:23px;
	padding-bottom:10px;
	}



a.SearchTitel{
	color:#00A3FF;
	font-size: 16px;
	line-height:22px;
	/*font-weight:bold; */
	vertical-align:middle;
	font-family: Segoe UI Semibold, Arial;
}

a.SearchTitel:hover{
	color:#0d68ff;
	cursor:pointer;
	text-decoration:none;
}

#divZoekenProducten{
	height:75px;
	width:250px;
	position:relative;
	padding-bottom:15px;
	}
	
	
#tblHolderZoekenProduct{
	width:250px;
	}	
	
#ZoekenProduct{
	border:0px;margin-top:7px;font-size:14px;color:#000000;width:136px;
	}
#ZoekenProductDiv{	
	background-image:url(/img/ZoekenTussen.png);background-repeat:repeat-x;width:135px;height:31px;float:left;position:relative;
}
#divZoekenBedrijven{
	height:75px;width:250px;position:relative;padding-bottom:15px;
}
#tblHolderZoekenBedrijven{
	width:250px;
	}
#ZoekenBedrijvenDiv{		
	background-image:url(/img/ZoekenTussen.png);background-repeat:repeat-x;width:135px;height:31px;float:left;position:relative;
}
#ZoekenBedrijven{
	border:0px;margin-top:7px;font-size:14px;color:#000000;width:136px;	
	}
	

.tdZoekenAlgemeen{
	width:480px;
	}	

.divZoekenAlgemeen
{
	background-image:url(/img/ZoekenTussen.png);background-repeat:repeat-x;width:200px;height:31px;float:right;position:relative;
	}
#ZoekenNormaal
{
	border:0px;margin-top:7px;font-size:14px;color:#000000;width:205px;
	}
	
.BigSearch{
	font-size:25px;
	font-weight:normal;
	}
	
/* ---------------- Eind Zoeken -------------------------------- */	

/* ---------------- Begin Advertentie -------------------------------- */	


.AdvertentieDiv{
	width:100%;
	z-index:1;
}

/* ---------------- Eind Advertentie -------------------------------- */	

/* ---------------- Begin Footer -------------------------------- */	


#FooterDiv{
	margin-top:20px;
	width:100%;
	height:50px;
	float:left;
	margin-bottom:20px;
	}

.FooterTDImg
{
	padding-left:15px;
	padding-right:15px;
	font-size:11px;
	}
	
.FooterTDBold
{
	font-size:15px;
	color:#747378;
	text-transform:capitalize;
	font-weight:500;
	}
	
.FooterTDKleur
{
	color:#636466;
	}	
.FooterTD
{
	margin-left:20px;
	font-size:11px;
	}
	
.FooterTDLast
{
	padding-left:20px;
	margin-right:20px;
	padding-right:20px;
	font-size:11px;
	}

	
/* ---------------- Eind Footer -------------------------------- */	

/* ---------------- Begin Whitepapers -------------------------------- */

.tblWhitepapers{
	width:100%;
	padding-top:20px;
	border-bottom:1px solid #881e6e;
		
	}
	
.NaamWhitePapers{
	font-size:18px;
	font-weight:bold;
	}
	
.GewijzigdOpWhitePapers{
	font-size:14px;
	text-align:right;
	font-weight:bold;
	}	
	
.ZoekenWhitePapers{
	width:100%;position:relative;
	}
	
.DivZoekWhitepapers
{
	background-image:url(/img/ZoekenTussen.png);background-repeat:repeat-x;width:250px;height:31px;float:right;position:relative;
	}		
.WhitePaperSearchTitel
{
	color:#ffffff;font-size:15px;vertical-align:middle;
	}
#ZoekenWhitepapers{
	border:0px;margin-top:7px;font-size:12px;color:#000000;
	}
	
/* ---------------- Eind Whitepapers -------------------------------- */	

/* ---------------- Begin Producten -------------------------------- */

.ProductOmschrijving{
	font-size:18px;
	font-weight:bold;
	}

/* ---------------- Eind Producten -------------------------------- */

/* ---------------- Begin BedrijfBeheer  -------------------------------- */
.BedrijfLinkKleur
{
	padding-right:20px;
	cursor:pointer;
	color:#f4984d;
	}
	
.BedrijfLink
{
	padding-right:20px;
	cursor:pointer;
	}
	
.BedrijfTitel{
	font-size:18px;font-weight:bold;
	}
		
.RequestContact {
	padding-left:20px;cursor:pointer;font-weight:bold; color:#ffffff;
	}		

.BorderOnderTitelBedrijven{
	border-bottom:1px solid #f4984d;
	}
/* ---------------- Eind BedrijfBeheer  -------------------------------- */

/* ---------------- Begin Meertalig  -------------------------------- */

.LinkMeertalig
{
	color:#000000;
	cursor:pointer;
	margin-left:10px;
	}
	
/* ---------------- Eind Meertalig  -------------------------------- */

/* ---------------- Begin Contact bottom  -------------------------------- */
.tblContactGegevens{
	padding-left:50px;
	padding-top:8px;
	width:260px;
	height:200px;
	float:left;
	padding-right:50px;
	}
	
.tdContactgegevens{	
	color:#71bf44;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}
/* ---------------- Eind Contact bottom -------------------------------- */


/* ---------------- Begin Hoofdlogin -------------------------------- */

.tblLoginFormFrontHoofdLogin{
    margin-left: 15px;
    margin-top: 25px;
    width: 550px;
	}
	
.InputHoofdLogin{
	margin-bottom:10px;
	width:250px;
	height:25px;
	}
.HoofdloginImg
{
	background-image:url("/img/HoofdloginAfb.png");
	background-repeat:no-repeat;
	position:absolute;
	z-index:2;
	height:229px;
	width:172px;
	margin-left:720px;
	margin-top:50px;
	}

/* ---------------- Eind Hoofdlogin -------------------------------- */

/* ---------------- Begin Winkelmandje -------------------------------- */
.WinkelMandjeDiv{
	position:relative;
	text-align:right;
	margin-top:10px;
	margin-left:auto;
	background-color:#000000;
	color:#ffffff;
	padding:5px 10px 5px 10px;
	width:120px;
	}
	
.WinkelMandjeSpan
{
	width:100%;
	padding-right:5px;
	color:#ffffff;
	font-size:11px;
	}
	
.WinkelMandjeSpan a
	{
	color:#ffffff;
	text-align:left;
	}
.trHoverBestellen:hover
{
	background-color:#ffffff;
	cursor:pointer;
	}
.trHoverBestellen:hover
{
	background-color:#eeeeee;
	}

.WinkelmandjeAfbeelding
{
	max-height:250px;
	width:100%;
		}
.tblWinkelMandjeInhoud
{
	table-layout:fixed;
	border:1px solid #e7e7e7;
	padding:5px 2px 5px 5px;
	margin-bottom:12px;
	width:740px;
	}
.tblWinkelMandje
{
	
	}
.TitelWinkelMandjeInhoud
{
	font-size:16px;
	color: #282A59;
	padding-bottom:10px;
	}
.w2pPdfLink
{
	text-decoration:none;
	padding-bottom:10px;
	}	
.OpmerkingVeld
{
	font-style:italic;
	height:130px;
	}
.WinkelmandjeNaam
{
	  color: #363866;
	  padding-bottom:5px;
	}
	
.btnWinkelmandje
{
	text-align:right;
	float:right;
	width:80px;
	}
/* ---------------- Eind Winkelmandje -------------------------------- */

/* ---------------- begin Gegevensblok -------------------------------- */
.TrSelectableModuleWit:hover td
{
	background-color:#bcd7f8;
	}
	
.TrSelectableModuleGrijs td
{
	background-color:#f2f2f2;
	}	
	
.TrSelectableModuleGrijs:hover td
{
	background-color:#bcd7f8;
	}
	

.TdFormClassSubTitel
{
	font-size:13px;
	padding:10px 0px 10px 0px;
	color:#363866;
	font-weight:bold;
	}

.tblGegevensBlok
{
	background-color:#f2f2f2;
	width:100%;
	table-layout:fixed;
	border:1px solid #e5e5e5;
	}
	
.tdGegevensBlokInfo
{
	background-color:#f2f2f2;
	padding:1px 0px 1px 10px;
	color:#363866;
	font-size:11px;
	vertical-align:middle;
	}
	
.tdGegevensBlok
{
	background-color:#f2f2f2;
	padding:5px 0px 5px 10px;
	color:#363866;
	font-size:11px;
	vertical-align:middle;
	cursor:pointer;
	}
	
.tdGegevensBlokSubKop
{
	background-color:#f2f2f2;
	padding:10px 0px 1px 10px;
	color:#363866;
	font-size:11px;
	vertical-align:middle;
	font-weight:bold;
	}
	
.tdGegevensBlokWit
{
	background-color:#ffffff;
	padding:5px 0px 5px 10px;
	color:#363866;
	font-size:11px;
	vertical-align:middle;
	cursor:pointer;
	}
.trGegevensRegel:hover td
{
	background-color:#bcd7f8;
	cursor:pointer;
	}
.tdGegevensBlokGeenGegevens
{
	padding:0px 0px 0px 0px;
	color:#363866;
	font-size:12px;
	}


.tdGegevensBlokTitel
{
	background-color:#e5e5e5;
	color:#363866;
	padding:10px 0px 10px 10px;
	font-weight:bold;
	
	}

	
.tdGegevensBlokTitelBlauw
{
	color:#363866;
	font-weight:bold;
	padding:10px 0px 10px 10px;
	
	}
	
.tdGegevensBlokTitelBlauwKlein
{
	color:#363866;
	font-weight:bold;
	padding:5px 0px 5px 10px;
	font-size:12px;
	}
/* ---------------- Eind Gegevensblok -------------------------------- */


/* ---------------- Begin Gegevenspagina -------------------------------- */

.tblGegevensPagina
{
	table-layout:fixed;
	width:100%;
	}	

.tdInpBedrijfFrontend
{
	height:20px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:300px;
	}

.GegevensNaamNoWidth
{
	color:#282a59;
	padding-bottom:5px;
	padding-top:7px;
	}
.GegevensNaam
{
	color:#282a59;
	padding-bottom:5px;
	padding-top:7px;
	width:250px;
	}
.InpBedrijfFrontend
{
	padding:2px;
	width:300px;
	}
.InpKlein
{
	width:30px;
	}
	
/* ---------------- Eind Gegevenspagina -------------------------------- */


/* ---------------- begin Bestellingenblok -------------------------------- */
.tblBestellingenBlok
{
	background-color:#f2f2f2;
	width:100%;
	table-layout:fixed;
	
	}
.tdBestellingenBlok
{
	background-color:#f2f2f2;
	padding:10px 10px 10px 10px;
	color:#363866;
	font-size:11px;
	}

.tdBestellingenBlokTitel
{
	background-color:#e5e5e5;
	color:#363866;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	
	}
	
.tdBestellingenBlokBlauw
{
	color:#363866;
	font-weight:bold;
	padding:10px 10px 10px 10px;
	
	}
/* ---------------- Eind Bestellingenblok -------------------------------- */

/* ----------------Losse stylen in VB --------------------- */

.Pad0px
{
	padding-left:0px;
	}

.ContentShowHoofdlink{
	border-top:2px solid #000000;
	padding-top:3px;
	text-transform:uppercase;
	}
.ContentTitelTrans{
	height:40px;
	}

.posRel{
	position:relative;
	}
.posAbs
{
	position:absolute;
	}
.tdDisclaimer{
	height:35px;
	padding-left:40px;
	}
	
.PrivacyPolicy{
	color:#d2d2d2;
	margin-left:10px;
	cursor:pointer;
	}

.Disclaimer{
	color:#d2d2d2;
	margin-left:10px;
	cursor:pointer;
	}


.CurPoint{
	cursor:pointer;
	}

.w100Pro{
	width:100%;
}

.h100Pro{
	height:100%;
}
.h150px{
	height:150px;
	}
.w150px{
	width:150px;
	}
	
.ImgFloatLeftPointer{
	float:left;
	cursor:pointer;
	}	
	
.FloatLeft{
	float:left;
	}
	
.FloatRight{
	float:right;
	}
	
.H_W100Pro{
	width:100%;
	height:100%;
	}
	
.TblFixed100width10Pad{
	table-layout:fixed;
	width:100%;
	padding:10px;
	}
	
.TblFixed100width{
	table-layout:fixed;
	width:100%;
	}
	
.PadTop30{
	padding-top:30px;
	}

.PadTop20{
	padding-top:20px;
	}
	
.PadBottom10{
	padding-bottom:10px;
	}
	
.PadRight10{
	padding-right:10px;
	}
.MarRight10{
	margin-right:10px;
	}
	
.PopUpBGImg
{
	z-index:15010;
    position: fixed;
    display:block;
	top: 5%;
	left: 30%;
	overflow:hidden;
	padding:0px;
	margin:0px;
	
	/* voor IE */
	_position: absolute;	
    _top: expression(eval(document.body.scrollTop) + (eval(document.body.clientHeight/2)));    
	
	}

.LinkEmarketing
{
	color: #787879;
    font-size: 11px;
    text-decoration:underline;
	}
/* ---------------- Einde Losse stylen in VB --------------------- */



/* ----------------------- Begin Web2Print stylen -------------------------- */


/* algemeen */
.w2pRowSpacing{height:20px;}
.w2pCellSpacing{width:20px;}
h1.w2pTitle{color:#363866;font-size:20px;margin-left:5px;}

/* categorie lijst */
table.w2pCatListItemHolder{width:100%}
table.w2pCatListItemHolder tr{}
table.w2pCatListItemHolder tr td.w2pCatGevuld{padding:5px;text-align:left;}

table.w2pCatListItemLayout{height:100%;}

td.w2pCatListTitleHolder{background-color: #f2f2f2;vertical-align:top;}

h3.w2pCatListTitle{color:#363866;font-size:13px;margin:5px 0px 5px 5px;}
h2.w2pCatListTitle{color:#363866;font-size:13px;margin:5px 0px 5px 5px;}
h1.w2pCatListTitle{color:#363866;font-size:13px;margin:5px 0px 5px 5px;}

td.w2pCatListImageHolder{padding:5px 5px 5px 5px ;background-color: #f2f2f2;vertical-align:middle;}

img.w2pCatListImage{}

td.w2pCatListBekijkHolder{padding:0px 5px 5px 5px ;background-color: #f2f2f2;vertical-align:bottom;text-decoration:none;}
td.w2pCatListBekijkHolder a {color:#363866;padding:0px 0px 0px 0px; vertical-align:bottom;text-decoration:none;}
td.w2pCatListBekijkHolder a:hover {color:#da0812;}

/* materiaal lijst */
table.w2pMateriaalListItemHolder{width:100%}
table.w2pMateriaalListItemHolder tr{}
table.w2pMateriaalListItemHolder tr td.w2pMateriaalListItemHolder{background-color:#ffffff;margin-bottom:10px;padding:5px;}

table.w2pMateriaalListItemLayout{padding:0px;border:1px solid #e3e3e3;}

td.w2pMateriaalListTitleHolder{height:15px;}


h3.w2pMateriaalListTitle{color:#282a59;font-size:14px;font-weight:bold;margin:0px;padding:10px;}

td.w2pMateriaalListImageHolder{width:350px;}

img.w2pMateriaalListImage{z-index:2;position:relative;width:350px;}

td.w2pMateriaalListInfoHolder{padding:10px 10px 10px 10px;vertical-align:top;} 

table.w2pMateriaalGegevensLayout{width:100%;table-layout:fixed;}

td.w2pMateriaalGegevensKop{color:#282a59;padding-right:10px;}

td.w2pMateriaalGegevensWaarde{padding-right:10px;color:#282a59;}

td.w2pMateriaalGegevensLinkHolder{margin:0px;padding:0px;width:auto;text-align:right;position:absolute;margin-top:-25px;margin-left:65px;}

img.w2pImageShade{position:absolute;margin-left:-217px;margin-top:284px;z-index:1;width:233px;height:20px;}

/* template velden vullen */

textarea.w2pTemplateLabelEditableText{word-wrap: break-word;overflow-y:hidden;overflow-x:hidden;background-color:#FFFFFF;width:100%;height:50px;border:1px solid #cecece;text-align:left;padding:5px;}

div.w2pTemplateTekstBovenOfOnderTekstLabel{display:none;padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:2px;font-style:italic;}

div.w2pTemplateBeeldTMPNL{display:none;width:100%;}
div.w2pTemplateBeeldTMPNL img{width:100%;}

/* Generen compleet */

.Titelw2pGenerenCompleet{font-size:24px;color:#282a59;height:50px;}
.Afbeeldingw2pGenerenCompleet{width:300px;}
.w2pPdfLink{color:#282a59;font-size:12px;font-weight:bold;}

.w2pMateriaalGegevensLink{cursor:pointer;text-decoration:underline;}
.w2pMateriaalGegevensLink:hover{color:#bf0d0d;}

.tblw2pGenerenCompleet{table-layout:fixed;}

/* mediabank plugin */

tr.w2pMediaCatRow td{border-bottom:1px solid #ffffff;border-top:1px solid #ffffff;padding:5px;color:#444444;}
tr.w2pMediaCatRow:hover td{border-bottom:1px solid #cecece;border-top:1px solid #cecece;cursor:pointer;}
tr.w2pMediaCatRowActive td{border-bottom:1px solid #eeeeee;border-top:1px solid #eeeeee;background-color:#eeeeee;padding:5px;color:#474747;}
tr.w2pMediaCatRowActive:hover td{border-bottom:1px solid #cecece;border-top:1px solid #cecece;cursor:pointer;}

tr.w2pMediaZoekClickAble td{border-bottom:1px solid #ffffff;border-top:1px solid #ffffff;background-color:#ffffff;padding-left:10px;padding-top:5px;padding-bottom:5px;padding-right:5px;color:#444444;}
tr.w2pMediaZoekClickAble:hover td{border-bottom:1px solid #cecece;border-top:1px solid #cecece;cursor:pointer;}
tr.w2pMediaZoekTitle td{background-color:#eeeeee;padding:10px;color:#7c7c7c;font-size:11px;}
tr.w2pMediaZoekFooter td{background-color:#ffffff;padding:10px;color:#7c7c7c;font-size:11px;cursor:pointer;}
span.w2pMediaZoekClickAbleZoekString{font-weight:bold;color:#000000;}

div.w2pMediaItemWith{height:100%;width:100%;overflow-x:auto;overflow-y:auto;}
div.w2pMediItemBasic
{
	float:left;
	text-align:center;
	margin-bottom:15px;
	max-width:350px;
}

div.w2pMediItemBasic div
{	
	border: 1px solid #d3d3d3;
	padding:10px;
	line-height:168px;
	height:168px;
	vertical-align:middle;
	cursor:pointer;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	-moz-border-top-left-radius: 4px 4px;
	-moz-border-top-right-radius: 4px 4px;
	-moz-border-bottom-left-radius: 4px 4px;
	-moz-border-bottom-right-radius: 4px 4px;
	box-shadow:0px 0px 5px #d3d3d3;
	}
div.w2pMediItemBasic span
{	
	display:block;
	margin-top:15px;
	margin-bottom:15px;
	overflow:hidden;
	}
div.w2pMediItemBasic div img{
	max-height:168px;vertical-align:middle;
}

div.w2pMediaZoekFilterItem
{
	float:left;
	margin:0px 15px 15px 0px;
	color:#7c7c7c;
	padding: 4px 31px 4px 11px; 
	background-image:url('/img/filter_X.png');
	background-position:center right;
	background-repeat:no-repeat;
	
	border: 1px solid #dadada;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	-moz-border-top-left-radius: 4px 4px;
	-moz-border-top-right-radius: 4px 4px;
	-moz-border-bottom-left-radius: 4px 4px;
	-moz-border-bottom-right-radius: 4px 4px;}
	
div.w2pMediaZoekFilterItem:hover {background-color:#eeeeee;cursor:pointer;}

#filterOP{border:1px solid #d3d3d3;
	width:200px;
	height:32px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	-moz-border-top-left-radius: 4px 4px;
	-moz-border-top-right-radius: 4px 4px;
	-moz-border-bottom-left-radius: 4px 4px;
	-moz-border-bottom-right-radius: 4px 4px;
	box-shadow: inset 0px 0px 5px #d3d3d3;
	padding-left:5px;
	padding-right:5px;}
#filterOPResult{display:none;position:absolute;margin-top:-2px;width:198px;border:1px solid #d3d3d3;
	box-shadow:0px 2px 6px #d3d3d3;}

/* ----------------------- Einde Web2Print stylen -------------------------- */



/* ----------------------- Begin SmartDataView ----------------------- */

.SearchDiv{
	Float:right;
	text-align:right;
	width:250px;
	padding-bottom:3px;
	line-height:14px;
}
.SearchSpan{
	font-size:14px;
	color:#00a3ff;
	padding-bottom:3px;
	position:relative;
	padding-right:10px;
	cursor:pointer;
}
/* ----------------------- Einde SmartDataView ----------------------- */



.impColorPicker{
	font-size:14px;
	border:1px solid #dfdfdf;
	padding-left:3px;
	padding-right:3px;
	height:31px; 
	line-height:22px;
	vertical-align: top;
	/** oplossen in de holders van de opjecten, niet hier **/
	/**margin-bottom:15px;
	margin-top:5px;**/
	width:59px;
	display:block;
}


/** GRAFIEK **/
.grafiekKolomBarHolder{
	vertical-align:bottom;
	padding-right:5px;
}

.grafiekBarTable{
	table-layout:fixed;
	width:40px;
	margin-left:auto;
	margin-right:auto;
}

.grafiekBarClickable:hover .grafiekBarTopOverlay{
	background-image:url('/img/componenten/SmartStaafGrafiek/staaf_bovenOverlay_hover.png');
	cursor:pointer;
}

.grafiekBarClickable:hover .grafiekBarVulling{
	background-image:url('/img/componenten/SmartStaafGrafiek/staaf_vulling_hover.png');
	cursor:pointer;
}

.grafiekBarClickable:hover .grafiekBarBottom{
	background-image:url('/img/componenten/SmartStaafGrafiek/staaf_onderkant_hover.png');
	cursor:pointer;
}

.grafiekBarTopOverlay{
	position:absolute;
	margin-top:-8px;
	width:40px;
	height:17px;
	font-size:1px;
	line-height:1px;
	background-image:url('/img/componenten/SmartStaafGrafiek/staaf_bovenOverlay.png');
}

.grafiekBarVulling{
	vertical-align:top;
	background-image:url('/img/componenten/SmartStaafGrafiek/staaf_vulling.png');
}

.grafiekBarBottom{
	height:8px;
	font-size:1px;
	line-height:1px;
	background-image:url('/img/componenten/SmartStaafGrafiek/staaf_onderkant.png');
}

.grafiekKolomAantal{
	padding-top:5px;
	font-weight:bold;
	text-align:center;
	padding-right:5px;
}
.grafiekKolomNaam{
	text-align:center;
	padding-right:5px;
}

.grafiekTekstClickable{
	color:#787879;
}

.grafiekTekstClickable:hover{
	cursor:pointer;
	text-decoration:underline;
	color:#BF0D0D;
}
#DivOmgevingLinks
{
	position:absolute;
	margin-top:-60px;
	height:50px;
	}
#tblOmgevingLinks
{
	table-layout:fixed;
	height:60px;
	}

/** EIND GRAFIEK **/

.selectListInnerTable{table-layout:fixed;}


/**** FEEDBACK *****/

div.feedbackLabel
{	
	background-image:url('/img/feedback/feedback.png');
	width:35px;
	height:125px;
	position:fixed;
	top:485px;
	right:0px;
	background-repeat:no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.70;
    z-index:4999;
	border:0px none;
	}
	
div.feedbackLabel:hover
{	
	width:50px;	
	cursor:pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99);
	opacity: 0.99;
	}
	
	
#feedbackBG{
	display:none;
    z-index:5000;
    left:0px;
	top:0px;

	background-color: #000000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.70;
	
	/*Anders als IE*/
	position: fixed;
	width:100%;
	height:100%;
	margin:0px;
	
	/*Voor IE*/
	_position: absolute;
	_width:expression(eval(document.body.clientWidth));
	_height:expression(eval(document.body.clientHeight));
	
	_top: expression(eval(document.body.scrollTop));
	_left: expression(eval(document.body.scrollLeft));	
}

#feedbackHolder{
    display:none;
    z-index:5001;
    position: fixed;
	top: 50%;
	left: 50%;
	width:425px;
	
	overflow:hidden;
	padding:0px;
	margin:0px 0px 0px -212px;
	
	/* voor IE */
	_position: absolute;	
    _top: expression(eval(document.body.scrollTop) + (eval(document.body.clientHeight/2)));
    
    background-color:#ffffff;
    box-shadow:0px 0px 7px #000000;
}
	
#feedbackBedankt{
    display:none;
    z-index:5001;
    position: fixed;
	top: 50%;
	left: 50%;
	width:425px;
	
	overflow:hidden;
	padding:0px;
	margin:0px 0px 0px -212px;
	
	/* voor IE */
	_position: absolute;	
    _top: expression(eval(document.body.scrollTop) + (eval(document.body.clientHeight/2)));
    
    background-color:#ffffff;
    box-shadow:0px 0px 7px #000000;
}


table.tblFeedbackBody{
	width:425px;
	table-layout:fixed;
}

td.feedbackVeldTekst{
	line-height:25px;
	vertical-align:middle;
	font-size:14px;
}

.feedbackTextarea
{ 
	padding:10px;
	font-size:13px;
	color:#bdbdbd;
	font-style:italic;
	width:100%;
	height:115px;
	border:1px solid #bdbdbd;
	overflow:hidden;
	}
	
.feedbackverzend
{
	height:30px;
	line-height:30px;
	font-size:12px;
	vertical-align:middle;
	padding-left:30px;
	padding-right:30px;
	color:#ffffff;
	float:right;
	cursor:pointer;
	}
	
.feedbackClose
{
	height:45px;
	width:45px;
	background-image:url('/img/feedback/close.png');
	float:right;
	cursor:pointer;
	}

.tblFeedbackCijfers
{
	width:100%;
	table-layout:fixed;
	}

td.cijferBasic
{
	border-width:5px;
	border-style:solid;
	background-repeat:no-repeat;
	background-position:center, center;
	width:20%;
	height:25px;
	cursor:pointer;
}	
td.cijfer1
{
	background-color:#bf080c;
	background-image:url('/img/feedback/1.png');
	border-color:#bf080c;	
}	
td.cijfer2
{
	background-color:#ff9900;
	background-image:url('/img/feedback/2.png');
	border-color:#ff9900;	
}	
td.cijfer3
{
	background-color:#edf967;
	background-image:url('/img/feedback/3.png');
	border-color:#edf967;	
}	
td.cijfer4
{
	background-color:#88f26c;
	background-image:url('/img/feedback/4.png');
	border-color:#88f26c;	
}		
td.cijfer5
{
	background-color:#42c81c;
	background-image:url('/img/feedback/5.png');
	border-color:#42c81c;	
}

#HomepageItems{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#HomepageItems li{
	padding:0px;
	margin:0px;	
	line-height: 2.5em;
	list-style-position: inside;
	/* list-style-image: url("/klantIMG/linkHomePijl.png"); */
	border-bottom: 1px dotted #777777;
}

#FadeEffect{
	z-index:100;
   	display:block;
    	opacity: 1;
   	background: url('https://www.smartfms.nl/userfiles/afbeeldingen/14/toon_case.jpg') no-repeat;
	background-position: 0 0;
	width: 230px;
    	height: 230px;
}

#FadeEffect img{
    	opacity: 1;
    	-webkit-transition: all 0.3s ease;
    	-moz-transition:all 0.3s ease; 
   	-o-transition:all 0.3s ease; 
    	transition:all 0.3s ease;
}

#FadeEffect:hover img{
	opacity: 0;
   	-webkit-transition: all 0.3s ease;
    	-moz-transition:all 0.3s ease; 
    	-o-transition:all 0.3s ease; 
    	transition:all 0.3s ease;
}

/**** ENQUETE *****/
#frmEnquete{width:350px;}
#frmEnquete fieldset{width:500px;border:0px;margin:0px;padding:0px;}
#frmEnquete fieldset div{min-height:100px;}
#frmEnquete fieldset div .tblFeedbackCijfers{width:450px;}

#frmEnquete fieldset div label{display:block;height:30px;font-size:14px;}
#frmEnquete fieldset div textarea{width:450px;height:150px;}
#frmEnquete fieldset div input[type="radio"]{margin-left:10px;}

.btnEnquete
{
	 background-color: #FF9900;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    width: 210px;
    cursor:pointer;
    border:0px;
    margin-top:20px;
    }
/**** ENQUETE *****/


/**** Product pagina ****/

#producten2{display:block;background-color:#00a3ff;width:1200px;height:100%;margin-left:auto;}
#producten2 > div {display: inline-block;display: -moz-inline-box;*display: inline; /* For IE7 */zoom: 1; /* Trigger hasLayout */margin-left: 2%;width: 32%;text-align: center;}
#producten2 > div:first-child {margin-left: 0;}

#producten{display:block;background-color:#00a3ff;width:1200px;height:100%;margin-left:auto;margin-right:auto;}
#producten > div {display: inline-block;display: -moz-inline-box;*display: inline; /* For IE7 */zoom: 1; /* Trigger hasLayout */margin-left: 2%;width: 32%;text-align: center;}
#producten > div:first-child {margin-left: 0;}

.productHolder{position:relative;z-index:2;float:left;width:325px;text-align:left;font-family:Segoe UI Light,Arial;margin-bottom:20px;margin-top:-83px;}

.productHeader{display:inline-block;vertical-align:middle;width:315px;background-image:url('https://www.smartfms.nl/userfiles/afbeeldingen/24/tabblad_prijs.png');background-repeat:no-repeat;font-size:20px;color:#ffffff;height:84px;}
.HeaderTitel{width:300px;margin-left:5px;text-align:center;padding-top:15px;}
.productHeader h2{font-size:20px;font-family:Segoe UI Light,Arial;color:#ffffff;font-weight:normal;}
.productHeader span{font-family:Segoe UI Light,Arial;font-size:11px;color:#ffffff;text-align:left;}

.productTekst{min-height:490px;display:block;z-index:2;background-color:#007DC4;width:300px;margin-left:49px;
-webkit-box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
-moz-box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
}
.productTekst ul{list-style:none;margin:0px;padding:30px 0px 0px 0px;}
.productTekst ul li{height:45px;text-align:left;vertical-align:middle;}
.productTekst ul li span{margin-left:20px;height:45px;float:left;color:#ffffff;}
.productTekst ul li div{display:inline-block;float:left;width:20px;height:45px;margin:0px 0px 0px 40px;padding:0px;}

.prijs{text-align:left;margin-left:40px;color:#ffffff;padding-bottom:50px;padding-top:50px;}
.prijs h3{text-align:left;margin:0px;color:#ffffff;font-size:30px;font-weight:normal;}
.prijs .inc{height: 25px; text-align: left; vertical-align: middle; color: rgb(255, 255, 255); font-size: 13px;}
.prijs .extra{height: 25px; text-align: left; vertical-align: middle; color: rgb(255, 255, 255); font-size: 10px;}

.GroenePijl{position:absolute;margin-top:-50px;z-index:2;margin-left:155px;min-height:100px;min-width:130px;}
.GroenePijl img{display:block;position:absolute;z-index:2;max-height:100px;}
.GroenePijl span{display:block;position:absolute;margin-top:20px;margin-left:25px;z-index:2;color:#ffffff;cursor:pointer;text-align:center;display:block;width:80px;}

#divPrijzenEnterprise{position:relative;display:none;z-index:1;margin-top:10px;
-webkit-box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
-moz-box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
	width:750px;
}

#divPrijzenEnterpriseV2{position:relative;display:none;z-index:1;margin-top:10px;
-webkit-box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
-moz-box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
	width:380px;
}

#divPrijzenPlus{position:relative;display:none;z-index:1;margin-top:10px;
-webkit-box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
-moz-box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
box-shadow: -7px -5px 4px -2px rgba(0,0,0,0.35);
}

.tblPlus{background-color: rgb(0, 125, 196);padding:20px;table-layout:fixed;}
.tblPlus td {text-align:left;}

.tblEnterprise{background-color: rgb(0, 125, 196);table-layout:fixed;padding:20px;width:700px;}
.tblEnterprise td {margin-top:10px;margin-bottom:10px;text-align:left;}

.tblEnterpriseV2{background-color: rgb(0, 125, 196);table-layout:fixed;padding:20px;width:380px;}
.tblEnterpriseV2 td {margin-top:10px;margin-bottom:10px;text-align:left;}

.arrow{cursor:pointer;margin-left:50px;margin-top:-10px;display:block;}
.arrow-tekst{float:left;margin-left:80px;margin-top:10px;color:#ffffff;}
.arrow-down {
	margin-left:20px;
	z-index:2;
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;	
	border-top: 30px solid #ffffff;
}
.arrow-down-border {
	margin-left:10px;
	z-index:1;
	position:relative;
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;	
	border-top: 40px solid #007dc4;
}
.BesteKeus{position:absolute;margin-top:-4px;margin-left:13px;}

/**** Product pagina ****/