/*** CSS SWITCH B2B ***/

html {
     overflow: -moz-scrollbars-vertical;
 overflow: scroll;
 }

body{
	margin:0;
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5F6062;
	line-height:18px;
	text-align:center;
}

div.outer{
	width:100%;
	border:0px solid red;
}

a:link, a:active, a:visited{
	font:bold 12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#000000;
	text-decoration:none;
}

a:hover{
	font:bold 12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#000000;
	text-decoration:underline;
}

table td a:link, table td a:active, table td a:visited{
	font:bold 12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#000000;
	text-decoration:none;
}

table td a:hover{
	font:bold 12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#000000;
	text-decoration:none;
}


/*HEADER*/

div.header{
	/*width:1009px;*/
	margin:0px auto;
	width:1100px;
	height:102px;
	/*margin:0;*/
	clear:both;
	border:0px solid green;
}

div.headerleft{
	width:952px;
	float:left;
	margin-left:28px;

}

div.headerright{
	float:left;
	width:57px;
	margin-top:28px;
}

div.logo{
	margin-top:26px;
	float:left;
}

div.navigation{
	height:29px;
	margin-top:11px;
	margin-left:187px;
}

div.tab{
	float:left;
	margin-right:3px;
	height:29px;
	font-size:0;
	overflow:hidden;
}

/*EINDE HEADER*/


/*HEADER SUB*/

div.headersub{
	clear:both;
	width:100%;
	height:22px;
	background-color:#bbbbbb;
}

div.headersub-cont{
	margin:auto;
	width:1100px;
	height:22px;
	text-align:right;
	border:0px solid red;
	font-size:0;
}

/*EINDE HEADER SUB*/


/*CONTENT*/

div.horizon{
	clear:both;
	margin: 0px auto;
	width:1060px;
	margin-top:35px;
	border:0px solid green;
	text-align:left;

}

div.content{
	float:left;
	margin-left:18px;
	width:757px;
	border:0px solid red;

}

div.homeimg{
	background:url('../images/splash.jpg') no-repeat left top;
	width:757px;
	/*height:324px;*/
	height:54px;
	padding-top:270px;
	padding-bottom:18px;
	padding-bottom:28px !ie;
}

div.homelink{
	border:0px solid green;
	width:40px;
	height:26px;
	margin-left:80px;
}

div.indexLeft{
	float:left;
	width:408px;
	padding-top:10px;
	font-size:14px;
}

div.indexRight{
	float:left;
	padding-top:40px;
}

ul.indexList{
	float:left;
	width:757px;
	margin:0px;
	padding:0px;
	padding-top:50px;	
}

ul.indexList li{
	float:left;
	width:757px;
	margin:0px;
	padding:0px;
	padding-top:12px;
	padding-bottom:16px;
	list-style:none;
	border-bottom:1px solid #ededee;
}

.indexListImg{
	float:left;
	width:90px;
	text-align:center;
}

.indexListImg img{
	padding-top:10px;
}

.indexListText{
	float:left;
	width:666px;
}

.indexBottom{
	float:left;
	width:757px;
	padding-top:10px;
	padding-bottom:40px;
	font-size:14px;
}


/*EINDE CONTENT*/


/*LEFT*/

div.left{
	float:left;
	width:285px;
	border:0px solid red;
}

div.left-top{
	clear:both;
	margin-bottom:5px;
	width:268px;
	width:283px !ie;
	height:51px;
	height:71px !ie;
	background-color:#5F6062;
	font:25px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#ffffff;
	text-align:right;
	padding-right:15px;
	font-weight:bold;
	padding-top:20px;
}

div.btn-left{
	width:253px;
	width:283px !ie;
	clear:both;
	min-height:14px;
	height:40px !ie;
	background-color:#BBBBBB;
	margin-bottom:5px;
	text-align:right;
	padding-right:15px;
	padding-left:15px;
	font:15px "Lucida Grande", Geneva, Arial, sans-serif;
	font-weight:bold;
	color:#ffffff;
	padding-top:13px;
	padding-bottom:13px;
	cursor:pointer;
}


/*
a:link, a:active, a:visited{
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#000000;
	text-decoration:underline;
}

a:hover{
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#000000;
	text-decoration:underline;
}
*/

.btn-left a:link, .btn-left a:active, .btn-left a:visited, .btn-left a:hover, .btn-leftsel a:link, .btn-leftsel a:active, .btn-leftsel a:visited, .btn-leftsel a:hover{
	font:15px "Lucida Grande", Geneva, Arial, sans-serif;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

div.btn-leftsel{
	width:253px;
	width:283px !ie;
	clear:both;
	min-height:14px;
	height:40px !ie;
	background-color:#5F6062;
	margin-bottom:5px;
	text-align:right;
	padding-right:15px;
	padding-left:15px;
	font:15px "Lucida Grande", Geneva, Arial, sans-serif;
	font-weight:bold;
	color:#ffffff;
	padding-top:13px;
	padding-bottom:13px;
	cursor:pointer;
}

div.txt-left{
	width:244px;
	width:283px !ie;
	clear:both;
	background-color:#bbbbbb;
	text-align:left;
	padding-left:39px;
	padding-top:56px;
	padding-bottom:50px;
	font-weight:bold;
}

/*EINDE LEFT*/


/*FOOTER*/

div.footer{
	border:0px solid red;
	clear:both;
	margin: 0px auto;
	width:1060px;
	margin-top:26px;
	margin-bottom:50px;
}

div.footerdiv{
	background-image:url("../images/grayspacer.gif");
	background-repeat:repeat-x;
	width:1060px;
	height:1px;
	clear:both;
	font-size:0;
}

div.footertxt{
	width:1060px;
	clear:both;
	text-align:center;
	font:10px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#A6AEB4;
	padding-top:8px;
	padding-bottom:8px;
}

a.footerlink:link, a.footerlink:active, a.footerlink:visited{
	font:10px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#A6AEB4;
	text-decoration:none;
}

a.footerlink:hover{
	font:10px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#A6AEB4;
	text-decoration:underline;
}

a.footerlinksel:link, a.footerlinksel:active, a.footerlinksel:visited{
	font:10px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#A6AEB4;
	text-decoration:underline;
}

a.footerlinksel:hover{
	font:10px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#A6AEB4;
	text-decoration:underline;
}

/*EINDE FOOTER*/


/*VARIA*/

div.cleardiv{
	clear:both;
	margin:0;
	padding:0;
	font-size:0;
	overflow:hidden;
}

h1{
	margin:0px;
	padding-top:20px;
	padding-bottom:50px;
	color:#c1d72d;
	font-size:30px;
	font-weight:bold;
	line-height:34px;
}

h2{
	margin:0px;
	padding-top:0px;
	padding-bottom:15px;
	color:#c1d72d;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}

p{
	margin-top:20px;
}

/*EINDE VARIA*/


/*FORM*/

table.form{
	background-color:#bbbbbb;
	background-image:url("../images/frm-btm.jpg");
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-top:32px;
}

label{
 	color:#5f6062;
 	font:12px "Lucida Grande",Geneva, Arial,sans-serif;
 	font-weight:bold;
}

td.label{
	text-align:right;
	width:160px;
	height:22px;
	padding-right:14px;
}

td.labelclient{
	text-align:right;
	width:250px;
	height:22px;
	padding-right:14px;
}

label.error{
	color:#BA0200;
 	font:12px "Lucida Grande",Geneva, Arial,sans-serif;
 	font-weight:bold;
}

span.error{
	font-size:12px;
	color:#BA0200;
}

input.inputlong{
	width:427px;
	height:20px;
	padding-top:2px;
	border:0px solid white;
	background:transparent;
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5f6062;
	font-weight:bold;
}

td.inputlong{
	background-image:url('../images/bg-inputlong.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:4px;
}

input.inputshort{
	width:58px;
	height:20px;
	padding-top:2px;
	border:0px solid white;
	background:transparent;
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5f6062;
	font-weight:bold;
}

td.inputshort{
	background-image:url('../images/bg-inputshort.gif');
	background-repeat:no-repeat;
	background-position:top left;
	height:22px;
	padding-left:4px;
}

input.inputmedium{
	width:356px;
	height:20px;
	padding-top:2px;
	border:0px solid white;
	background:transparent;
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5f6062;
	font-weight:bold;
}

td.inputmedium{
	background-image:url('../images/bg-inputmedium.gif');
	background-repeat:no-repeat;
	background-position:top left;
	height:22px;
	padding-left:4px;
}

input.inputmini{
	width:39px;
	height:20px;
	padding-top:2px;
	border:0px solid white;
	background:transparent;
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5f6062;
	font-weight:bold;
}

td.inputmini{
	background-image:url('../images/bg-inputmini.gif');
	background-repeat:no-repeat;
	background-position:top left;
	height:22px;
	padding-left:4px;
}

input.inputmedium2{
	width:160px;
	height:20px;
	padding-top:2px;
	border:0px solid white;
	background:transparent;
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5f6062;
	font-weight:bold;
}

td.inputmedium2{
	background-image:url('../images/bg-inputmedium2.gif');
	background-repeat:no-repeat;
	background-position:top left;
	height:22px;
	padding-left:4px;
}

input.inputmedium3{
	width:207px;
	height:20px;
	padding-top:2px;
	border:0px solid white;
	background:transparent;
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5f6062;
	font-weight:bold;
}

input.inputmedium3client{
	width:207px;
	height:20px;
	padding-top:2px;
	border:0px solid white;
	background:transparent;
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5f6062;
	font-weight:bold;
}

td.inputmedium3{
	background-image:url('../images/bg-inputmedium3.gif');
	background-repeat:no-repeat;
	background-position:top left;
	height:22px;
	padding-left:4px;
}

td.inputmedium3client{
	background-image:url('../images/bg-inputmedium3.gif');
	background-repeat:no-repeat;
	background-position:top left;
	height:22px;
	padding-left:4px;
	padding-right:4px;
}

td.frm-head{
	font:18px "Lucida Grande",Geneva, Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	padding-top:23px;
	padding-bottom:27px;
}

td.black{
	color:#231F20;
	font:12px "Lucida Grande",Geneva, Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	padding-left:24px;
	padding-top:43px;
	padding-bottom:8px;
}

.inputselect{
	/*background-image:url('../images/bg-select.gif');
	background-image:url('') !ie;*/
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:2px;
	padding-top:1px;
	padding-top:0px !ie;
}

.ctselect{
	height:14px;
	width:163px;
	/*margin-left:3px;
	margin-left:0px !ie;*/
	/*font-size:11px;*/
	font:bold 11px "Lucida Grande", Geneva, Arial, sans-serif;
	/*font-weight:bold;*/
	color:#5f6062;
	border:0px;
}

.ctselectlong{
	height:14px;
	width:207px;
	/*margin-left:3px;
	margin-left:0px !ie;*/
	/*font-size:11px;*/
	font:bold 11px "Lucida Grande", Geneva, Arial, sans-serif;
	/*font-weight:bold;*/
	color:#5f6062;
	border:0px;
}

/*EINDE FORM*/


/* EVENTS */

.event_top{
	float:left;
	padding-bottom:25px;
}

td.eventtitle{
	text-align:center;
	color:#c1d72d;
	font-size:25px;
	font-weight:bold;
}

div.eventtitle{
	text-align:left;
	color:#c1d72d;
	font-size:25px;
	font-weight:bold;
}

.eventimg{
	float:left;
}

.event_txt{
	float:left;
}


/* TRAINING */

.training_top{

}

.training_left{
	float:left;
	width:425px;
}

.training_img{
	float:left;
	width:300px;
	padding-left:10px;
	text-align:center;
	border:0px solid red;
}

.training_title{
	padding-top:20px;
	height:80px;
	color:#c1d72d;
	font:25px "Lucida Grande", Geneva, Arial, sans-serif;
	font-weight:bold;
}

.training_titlenoeds{
	height:50px;
	color:#c1d72d;
	font:25px "Lucida Grande", Geneva, Arial, sans-serif;
	font-weight:bold;
}

.training_spec{

}

.subscribedata{
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
}


/* SOLUTION */

.soltitle{
	padding-top:20px;
	padding-bottom:40px;
	font:25px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#c1d72d;
	font-weight:bold;

}

.solspec_left{
	float:left;
	width:360px;
}

.solspec_right{
	float:left;
	width:360px;
	margin-left:33px;
}

.solbtndarkgrey{
	background-color:#bbbbbb;
 	height:24px;
 	height:28px !ie;
 	width:348px;
 	width:360px !ie;
 	padding-top:4px;
 	padding-left:12px;
 	color:#000000;
 	cursor:pointer;
}


/* OFFERTE */

.offertesucces{
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
}

.offerte_top{

}

.offerte_topleft{
	float:left;
	width:360px;
}

.offerte_topright{
	float:left;
	padding-left:85px;
	padding-top:25px;
}

.lightgrey{
	background-color:#d2d2d2;
	padding-left:12px;
}

.darkgrey{
	background-color:#bbbbbb;
	padding-left:12px;
}

.detailconfig{
	padding-left:20px;
}

.btnlightgrey{
 	background-color:#d2d2d2;
 	height:22px;
 	height:25px !ie;
 	padding-top:3px;
 	padding-left:12px;
}

.btndarkgrey{

}

#btnaskofferte{
	visibility:hidden;
	display:none;
}

#btndarkgrey{
	visibility:hidden;
	display:none;
	background-color:#bbbbbb;
 	height:24px;
 	height:28px !ie;
 	width:348px;
 	width:360px !ie;
 	padding-top:4px;
 	padding-left:12px;
 	color:#000000;
 	cursor:pointer;
}

div.offerte_bottom{
	clear:both;
}

#offerteform{
	visibility: hidden;
	display: none;
}


/* CONTACT */

div.logoswitchb2b{
	padding-top:0px;
	padding-bottom:20px;
}


/* FAQ */

.faqlogo{
	padding-top:8px;
	padding-bottom:20px;
}

.faqitem{
	font-style:italic;
}

.faqanswer{
	padding-bottom:20px;
}


/* STIJLEN */

.b2bextragroot{
	font:25px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5F6062;
}

.b2bgroot{
	font:16px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5F6062;
}

.b2bnormaal{
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5F6062;
}

.b2bklein{
	font:11px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#5F6062;
}

.b2bextragroot-gekleurd{
	font:25px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#c1d72d;
}

.b2bgroot-gekleurd{
	font:16px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#c1d72d;
}

.b2bnormaal-gekleurd{
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#c1d72d;
}

.b2bklein-gekleurd{
	font:11px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#c1d72d;
}

.b2bextragroot-gekleurd-vet{
	font:25px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#c1d72d;
	font-weight:bold;
}

.b2bgroot-gekleurd-vet{
	font:16px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#c1d72d;
	font-weight:bold;
}

.b2bnormaal-gekleurd-vet{
	font:12px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#c1d72d;
	font-weight:bold;
}

.b2bklein-gekleurd-vet{
	font:11px "Lucida Grande", Geneva, Arial, sans-serif;
	color:#c1d72d;
	font-weight:bold;
}


td.whiterow{
	font-size:12px;
	padding-left:20px;
	line-height:20px;
}

td.lightgreyrow{
	height:18px;
	padding-left:12px;
	font-size:12px;
	background-color:#d2d2d2;
}

td.darkgreyrow{
	height:18px;
	padding-left:12px;
	font-size:12px;
	background-color:#bbbbbb;
}

td.lightgreyrow-big{
	height:25px;
	padding-left:12px;
	font-size:12px;
	background-color:#d2d2d2;
}

td.darkgreyrow-big{
	height:25px;
	padding-left:12px;
	font-size:12px;
	background-color:#bbbbbb;
}

td.lightgreyrow-extrabig{
	height:28px;
	padding-left:12px;
	font-size:12px;
	background-color:#d2d2d2;
}

td.darkgreyrow-extrabig{
	height:28px;
	padding-left:12px;
	font-size:12px;
	background-color:#bbbbbb;
}

td.whitespace{
	height:5px;
	font-size:0px;
	border:0px solid red;
}
