/* full css layout by kvd - www.tales.be */
body{
	text-align: center;
	background-color: #f1f1f1;
	margin-top: 0px;
	font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif, Verdana;
	font-size: 11px;
}


/* floating Div workarounds */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix workaround for IE7 */
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#fixFloatingDiv, .fixFloatingDiv{
	clear: both !important;
	height: 1px !important;
	margin: 0 0 0px 0; 
	border: 0px solid #ea6346 !important;
	background-image: none !important;
	visibility: collapse;
	line-height: 1% !important; /* for IE: anders is deze div +- 20px hoog */
	}
	
	
/* MAIN BUILDING BLOCKS */
#main{
	border: 0px solid blue;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	/*background-color: #fff;*/
	/*background-color: White;*/
}


#masthead{
	border: 0px solid red;
	padding-bottom: 10px !important;
	padding-bottom: 0;
	background-color: #fff;
	/*height: 83px;*/
}


#mainContent{
	width: 800px;
	background-image: url(../gfx/back.maincenter.gif);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	background-color: #d4e0e0;
	/*margin-top: 11px !important;
	margin-top: -1px;*/ 
	/*border: 1px solid red;*/
}

#footer{
	color: #4a5e4b;
}


#mainLeft{
	
	/*background-image: url(../gfx/back-leftcolumn.gif);*/
	/*background-repeat: repeat-x;
	background-color: #d4e0e0;*/
	width: 230px;
	float: left;
}

#mainCenter{
	float: left;
	width:570px;
	border: 0px solid red;
	background-color: #fff;
	padding-bottom: 20px;
	}
/*
#mainRight{
	border: 0px solid black;
	width: 148px;
	width: 100px;
	float: left;
}

*/



/* ######################### */
/*         footer           */


#footer a{
	color: #4A5E4B !important;
}

#footer a:hover, #footer a:active{
	color: red !important;
}

#footerLeft{
	/*background-color: #99aa9b;
	border: solid #4a5e4b;
	border-width: 0 1px 0 1px;*/
	width:442px;
	margin-left: 208px;
	padding-top: 20px;
}
#footerRight{
	/*background-color: #99aa9b;
	border: solid #4a5e4b;
	border-width: 0 1px 1px 1px;*/
	width:442px;
	margin-left: 208px;
	margin-bottom: 20px;
	padding: 5px 0 15px 0;
}
/* content blok, generic markup */

#picHeader{
	background-image: url(../gfx-svm/dummie.beeldbanner2.jpg);
	background-repeat: no-repeat;
	height: 92px;
	margin-left: 1px;
}

#content{
	border: 0px solid red;
	margin: 0 10px 0 10px;
	/*color: white;*/
	line-height: 150%;
}

.border{
	border: 1px solid #4a5e4b;
}
h1, h2, h3, h4, h5, h6{
	line-height: 110%;
}
h1{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 22px;
	font-weight: normal;
	color: #bba53e;
	margin: 15px 0px 10px 0;
	line-height: 110% !important;
	display: block;
	background-image: url(../gfx/dots-title.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0 0 5px 0;
	/*border-bottom: 1px dotted #b29e46;*/
}
h2{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18px;
	font-weight: normal;
	color: #bba53e;
	margin: 30px 0 0 0;
}

h3{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px;
	font-weight: normal;
	color: #bba53e;
	margin: 30px 0 0 0;
}
#homeintro .subtitle{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px;
	font-weight: normal;
	color: #bba53e;
	margin: 30px 0 0 0;
}
.jobtestimonial h2{
	margin-top: 0 !important;
}
h2 a{
	text-decoration: none !important;
}

h2 a:link, h2 a:visited{
	color: #4a5e4b !important;
}

h2 a:hover, h2 a:active{
	color: red !important;
}
h4{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	font-weight: normal;
	color: #bba53e;
	margin-top: 0;
	display: block;
	background-image: url(../gfx/dots-title.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0 0 5px 0;
	}
h5{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18px;
	font-weight: normal;
	/*color: #d0c051;
	*/color: #bba53e;
	margin: 30px 0 -10px 0;
}
h6{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px;
	font-weight: bold;
	color: #bba53e;
	margin: 10px 0 -10px 0;
}


/*.home h1, */.home h2, .home h3, .home h4, .home h5, .home h6{
	color: #597d71 !important;
	background-image: none !important;
	line-height: 110%;
}

p{
	text-align: justify;
	margin: 20px 0 0 0;
	color: #535353;
}
strong, b{
	color: #b29e46;
}
.yellow{	color: #b29e46;}
#content a{
	text-decoration: underline;
}
#content a strong{
	text-decoration: underline;
}
#content a:link{
	color: #b29e46;
}


#content a:visited{	color: #b29e46;}
#content a:hover, #content a:active{
	color: red !important;
}
#content a:hover strong, #content a:active strong{
	color: red !important;
}
#crumbpath{ color: #b29e46;	}
#crumbpath a:link, #crumbpath a:visited{ color: #b29e46;	text-decoration: none !important;}
#crumbpath a:hover, #crumbpath a:active{	color: red;	text-decoration: none !important}


#mission a{
	text-decoration: none;
}
#homeintro{
	display: block;
	padding: 5px;
	background-color: #e1eced;
	margin-top: 5px;
}
#homeintro .subtitle{
	color: #33614e;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: -10px;
	display: block;
}

#homeintro p{
	color: #535353 !important;
}
#intro{
	display: block;
/*	margin: 30px 0 0 0;
*/}


ul {
	list-style-image: url(../gfx-svm/bullet.gif);
	margin: 15px 0 0 -25px !important;
	margin: 15px 0 0 15px;
	color: #535353;
}

li{
	text-align: justify;
}

/* ############ masthead ############# */
#masthead #flashheader{
	display: block;
	border: 0px solid red;
	height: 150px;
	width: 800px;
	/*margin-bottom: 150px;*/
}

#topnavig{
	display: block;
	border: 0px solid red;
	/*background-color: Orange;*/
	/*margin-top: 200px;*/
}

/* topnavigatie */
#topnavig ul{
	list-style: none;
	margin: 0 0 0 -40px !important;
	margin: 0;
}

#topnavig li{
	display: inline;
	margin: 0 1px 0 0;
	padding: 5px 0 0 0;
	height: 38px;
	width: 114px;
	text-align: center;
	float: left;
	/*background-color: #99b998;*/
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}




#topnavig a{
	display: block;
	border: 0px solid red;
	margin: -5px 0 0 0;
	
	height: 43px;
	text-decoration: none;
	color: white;
	background-repeat: no-repeat;
}
#n1{	background-image: url(../gfx/navig-back-base.gif);}
#n2{	background-image: url(../gfx/navig-back-base.gif);}
#n3{	background-image: url(../gfx/navig-back-base.gif);}
#n4{	background-image: url(../gfx/navig-back-base.gif);}
#n6{	background-image: url(../gfx/navig-back-base.gif);}
#n7{	background-image: url(../gfx/navig-back-base.gif);}
#n8{	width: 110px !important;
	background-image: url(../gfx/navig-back-base-lastitem.gif);
	margin: 0 0 0 0 !important;}
	/* rechtermargin uitschakelen op laatste element */
	/* anders gap van 1px aan de rechterkant */

	
#n1 a, #n2 a, #n3 a, #n7 a, #n8 a {	padding: 15px 0 0 0; height: 28px;}
#n4 a, #n6 a {	padding: 9px 0 0 0; height: 34px;}


#topnavig .selected{
	background-image: url(../gfx/navig-back-selected.gif);}
#topnavig #n8.selected{
	background-image: url(../gfx/navig-back-selected-lastitem.gif);}

#topnavig a:hover, #topnavig a:active{
	background-image: url(../gfx/navig-back-hover.gif);}
#topnavig #n8 a:hover, #topnavig #n8 a:active{
	background-image: url(../gfx/navig-back-hover-lastitem.gif);}
/* Homepage */
#mainRightHome{
	border-top: 1px solid #4a5e4b;
	margin: 150px 0 0 0 !important;
}

#mainRightHomeNoborder{
	margin: 211px 0 0 0 !important;
	margin: 207px 0 0 0;
}

#mainLeftHome{

}
#mainLeftHome img{
	margin-left: -10px;
}

#mainLeftHome h4{
	font-weight: bold;
	font-size: 12px;
	color: #5a8f73;
	margin: 5px 0 8px 9px;
}
#mainLeftHome span{
	border: solid #5a8f73;
	border-width: 1px 0 1px 1px;
	display: block;
}

#mainRightHomeNoborder span{
	border: solid #5a8f73;
	border-width: 1px 1px 1px 0;
	display: block;
	margin: 0 0 0px 0;
}

#mainLeftHome span div, #mainRightHomeNoborder span div{
	border: 0px solid green;
	background-image: url(../gfx-svm/list.home.left.divider.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
}

#mainLeftHome a{
	color: #a5b2a5;
	font-weight: normal;
	display: block;
	margin: 1px 0 0 10px;
	padding: 0 0 5px 0;
	text-decoration: none;
	text-transform: none;
	font-size: 11px !important;
	line-height: 120% !important; /* fix for FF*/
}

#mainRightHomeNoborder a{
	color: #a5b2a5;
	font-weight: normal;
	display: block;
	margin: 1px 0 0 5px;
	padding: 0 0 5px 0;
	text-decoration: none;
	text-transform: none;
	font-size: 11px !important;
	line-height: 120% !important; /* fix for FF*/
}
 
 
#mainLeftHome a:link, #mainLeftHome a:visited {
	color: gray;
}

#mainLeftHome a:hover, #mainLeftHome a:active {
	color: red;
}



/* Homepage rechterblok */
#mainRightHome div{
	color: white;
	font-weight: bold;
	font-size: 10px;
	padding: 5px 0 5px 10px;

}

#mainRightHomeEvents div{
	background-color: #bfaa32;
	text-transform: uppercase !important;
}

#mainRightHomeInvolve div{
	background-color: #5a8f73;
	text-transform: uppercase !important;
}

#mainRightHome ul, #mainRightHomeNoborder ul{
	border: 0px solid #ea6346;
	padding: 0;
	margin: 0 0 0 0px !important;
	padding: 0;
	list-style: none !important;
/*	background-color: #97b9d2;
*/}

#mainRightHome li, #mainRightHomeNoborder li{
	border:0;
	border-bottom: 1px solid white !important;
	margin: 0;
	padding: 0;
	line-height: 100% !important;
	list-style-image: none !important;
	text-align: left !important;
}

#mainRightHome a, #mainRightHomeNoborder a{
	border: 0px solid #ea6346;
	display: block;
	padding: 5px 1px 5px 10px;
	text-decoration: none;
	color: #5a8f73;
}

#mainRightHome img{
	border: 0px solid red;
	/* correct the padding offset from "#mainRightHome a" */
	margin-left: -10px;
}

#mainRightHomeEvents a{
	background-color: #dfd498;
}

#mainRightHomeInvolve a{
	background-color: #bdd2c7;
}

#mainRightHome a:link, #mainRightHome a:visited {
}


#mainRightHome a:hover, #mainRightHome a:active, #mainRightHomeNoborder a:hover, #mainRightHomeNoborder a:active {
	color: red;
}


/* SIDE NAVIGATION */
/* code reference
sn: sidenavigation...
l1 : level1; l2 : level 2, etc...
l1x: level 1 expandable (arrow to the right)
l1v: level 1 expanded (arrow down)

each level has 6 possible combinations:
l1 l1Selected
l1x l1xSelected
1lv 1lvSelected

the 1lvSelected will be renamed to 


*/






.sn a{
	padding: 10px 0 10px 14px;
	display: block;
	color: #7e8585;
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
}

.level1 a{
	background-color: #e7e9de;
	background-image: url(../gfx/navig-left-divider.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}

.level1 a:hover, .level1 a:active{
	background-color: #e0dfc6;
	color: #7e8585;
}

/*.level1 a */.arrows{
	margin-left: 10px;
	font-size: 9px;
	letter-spacing: -1px;
}
a:hover{
	/*color: white;*/
}



/*.level1 .arrow{
	background-image: url(../gfx-svm/arrow-dark-down.gif);	
}*/

.level1 .selected, .level1 .arrowSelected{
	background-color: #b7a752;
	color: #fff;
}
.level1 a.selected:hover, .level1 a.selected:active {
	/*color: #e1d482 !important;*/
}

a.arrow:hover{
	color: white;
	/*background-image: url(../gfx-svm/arrow-white-down.gif);	*/
}

.level1 .arrowSelected{
	background-color: #5a8f73;
	color: white;
	/*background-image: url(../gfx-svm/arrow-white-down.gif);	*/
}

.level1 a.arrowSelected:hover{
	background-color: #5a8f73;
	color: #6b632e;
	/*background-image: url(../gfx-svm/arrow-dark-down.gif);	*/
}


.level2{
	border: 0px solid red;
	margin-left: 15px !important;
}

.level2 a{
	padding-left: 15px;
	background-color: #e1d482;
	background-repeat: no-repeat;
	background-position: top right;	
}

.level2 .arrow{
	/*background-image: url(../gfx-svm/arrow-dark-down.gif);	*/
}



.level2 .selected, .level2 .arrowSelected{
	background-color: #5a8f73;
	
}
.level2 .arrowSelected{
	background-color: #5a8f73;
	color: white;
	/*background-image: url(../gfx-svm/arrow-white-down.gif);	*/
}

.level2 a.arrowSelected:hover{
	background-color: #5a8f73;
	color: #6b632e;
	/*background-image: url(../gfx-svm/arrow-dark-down.gif);	*/
}


.level3 a{
	padding-left: 40px;
	background-color: #e6dfb3;
	background-repeat: no-repeat;
	background-position: top right;	
}

.level3 .arrow{
	/*background-image: url(../gfx-svm/arrow-dark-right.gif);	*/
}

.level3 .selected{
	background-color: #5a8f73;
}


/* define buttons with arrows */

.l1{
	background-color: #bfaa32;	
}

.l1Selected{
	
}
.l1x{
	/*background-image: url(../gfx-svm/arrow-dark-right.gif);*/
	background-repeat: no-repeat;
	background-position: top right;	
}

.l1x :hover{
	color: Red !important;
}

.l1xSelected{
	/*background-image: url(../gfx-svm/arrow-white-right.gif);*/
	background-repeat: no-repeat;
	background-position: top right;		
}




/* ########################################## */
/*           SC Expertise Rechterblok         */
#mainRightHomeNoborder h4{
	font-weight: bold;
	font-size: 11px;
	color: #4a5e4b;
	margin: 0;
	padding: 5px 0 8px 15px;
	line-height: 130%;
	background-color: #99b998;
	border: 0px solid red;
}
#sceRight li{
	border: 0px solid red;
	padding: 3px 0 3px 0;
	margin: 0 !important;
	margin-bottom: 0 !important;
}

#sceRight a{
	margin: 0 !important;
}

#SCE1, #SCE4{
	background-color: #bfaa32;
}
#SCE2, #SCE5{
	background-color: #5a8f73;
}
#SCE3{
	background-color: #878eac;
}

#SCE1 a, #SCE4 a{
	color: white;
}
#SCE2 a, #SCE5 a{
	color: white;
}
#SCE3 a{
	color: white;
}


/* ##################################### */
/*             testimonials              */

.testimonial{
	display: block;
	/*border: 1px solid #4a5e4b;*/
	background-color: white;
	/*background-color: #e7f0e8;
	*/margin: 10px 0 10px 0;
	color: #4a5e4b;
	padding: 0 10px 10px 10px;
}

.testimonial h5{
	display: block;
	background-color: #E1ECED;
	color: #4a5e4b;
	text-align: left;
	margin-top: 0px;
}

.testimonial h6{
	color: #4a5e4b;
	text-align: left;
	margin-top: 15px;
}

.testimonial img{
	border: 0px solid red;
	display: block;
}

.testimonial p{
}

.testimonial a{
	text-decoration: none !important;
	background-image: url(../gfx-svm/ico.acrobat.gif) !important;
	background-repeat: no-repeat !important;
	padding: 2px 0 2px 20px !important;
}

.testimonial a:link, .testimonial a:visited{
	color: #b29e46 !important;
	text-decoration: underline !important;
}

.testimonial a:hover, .testimonial a:active{
	color: red !important;
	/*color: #4a5e4b;
	*/text-decoration: underline !important;
}

#backtotestimonial{
	display: block;
	text-align: center;
}
.testimonial table{
	border: 0px solid black;
	margin: 10px 0 0 0;
}
/* ##################################### */
/*         white papers                  */
#filelist{
	border: 0px solid #4a5e4b !important;
	list-style: none !important;
	list-style-image: none !important;
	margin-left: 0px !important;
	padding-left: 15px !important;
}

#filelist li{
	display:block;
	padding:2px 5px 2px 5px !important;
	margin: 3px 0 0 -15px !important;
}

#filelist a{
	display:block !important;
	padding:0 !important;
	border: 0px solid green;
	background-image: url(../gfx-svm/ico.acrobat.gif);
	background-repeat: no-repeat;
	padding: 0 0 2px 22px !important;
	color: #4a5e4b;
	text-decoration: none;
}

#filelist a:hover, #filelist a:active{

	color: #d2222a;
	text-decoration: underline;
}

#filelist a:visited{
	color: silver;
}

.fl1{
	/*background-color: #91a193;
	*/background-image: url(../gfx-svm/border.dot.1.2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.fl2{
	/*background-color: #98ab9a;
	*/background-image: url(../gfx-svm/border.dot.1.2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


.attentionBox{
	background-color: #E1ECED;
	/*border: 1px solid #4a5e4b;*/
	color: #535353;
	margin: 20px 0 0 0;
	padding: 5px;
}

.attentionBox h5{
	color: #535353;
	margin: 0 0 10px 0!important;
}

.attentionBox a{
	
	text-decoration: underline !important;
}

.attentionBox a:link{
	color: #b29e46 !important;
}
.attentionBox a:visited{
	color: #b29e46 !important;
}
.attentionBox a:hover, .attentionBox a:active{
	color: red !important;
	}
/* ########### PRESS ########### */ 	
	
#pressOverzicht{
	border: 0px solid red;
	list-style: none !important;
	list-style-image: none !important; /* override for IE */
	margin-left: -40px !important;
	margin-left: 0px;
}

#pressOverzicht li{
	margin: 0 0 15px 0;
}

#pressOverzicht a:link, #pressOverzicht a:visited{
	text-decoration: none;
	color: #4a5e4b !important;
}

#pressOverzicht a:hover, #pressOverzicht a:active{
	text-decoration: none;
	color: red !important;
}



/* ############### LINKS ################ */
#links h3{

}
#links h2 a{
	display: block;
	border: 0px solid red;
	background-color: #c7d3c9;
	color: #4a5e4b;
}

#links h2 a:link, #links h2 a:visited{
	font-size: 12px !important;
	color: #4a5e4b !important;
}

#links h2 a:hover, #links h2 a:active{
	font-size: 12px !important;
	color: red !important;
}

#links p{
	margin: 5px 0 0 0 !important;
}

/* supply chain scanner home */
#scs{
	background-image: url(../gfx-svm/scs-intro.gif);
	background-repeat: no-repeat;
	padding: 0;
	height: 153px;
	width: 412px;
	margin: -40px 0 0 5px !important;
	/*¨FireFox fix */
	/* negative topoffset to correct margin-top in #homeintro ul */
	margin: 40px 0 0 5px;
	border: 0px solid #ea6346;
}
#scs h3{
	border: 0px dotted #ea6346;
	font-family: Tahoma, arial, helv, helvetica, sans-serif;
	font-size: 15px;	
	font-weight: bold;
	line-height: 125%;
	text-align: left;
	color: #4a5e4b;
	margin: 10px 0 10px 0px;
	padding: 0 0 10px 15px;
}
#scs ul{
	border: 0px solid green !important;
	width: 200px;
	margin: 75px 0 0 195px !important; /* topmargin for IE */
	/* DO NOT PUT MARGINS FOR IE HERE OR LAYOUT WILL GO BONKERS */
	padding: 75px 0 0 0 !important;
	padding: 0px 0 0 0; /* necessary for IE */
}
#scs li{
	margin: 0 0 0px 0 !important;
	list-style: url(../gfx-svm/bullet.gif);
	color: #4a5e4b;
}



/* ########### client portfolio ########## */
.portfolio a:link, .portfolio a:visited {
	text-decoration: none !important;
	color: #b29e46 !important;
	font-weight: bold;
}

.portfolio a:hover, .portfolio a:active {
	text-decoration: underline !important;
	color: red !important;
}


/* ############# events ############# */
.eventrow{
	border: 0px solid yellow;
}

.event1{
	border: 0px solid red;
	float: left;
	width: 100px;
	font-weight: bold;
}

.event2{
	border: 0px solid blue;
	margin-left: 0px;	
}

/* ####### forms ######## */
.formrow{
	border: 1px solid yellow;
	display: block;
	border: 0px solid yellow;
	margin: 0 0 5px 0;
}

.description{
	float: left;
	width: 98px;
	text-align: right;
}

.formfield{
	margin: 0 0 0 105px;
}

input, select{
	font-size: 10px !important;
	color: #4A5E4B;
}



/* ########## about ########### */
.about{
	margin-left: 350px;
	text-align: center;
}

.about a:link, .about a:visited{
	display: block;
	width: 150px;
	color: #ebebeb;
	text-decoration: none;
}

.about a:hover, .about a:active{
	display: block;
	background-color: #ebebeb;
	color: #666 !important;
	text-decoration: none;	
}


#homejobs{
	display: block;
	margin-left: 18px;
	margin-top: 30px;
}

#homejobs img{
	border: 0;
}

p.picborder{
	border: 0px;
text-align: center;
}
img.picborder{
	border: 1px solid #D4E0E0;
	
}

.jobtestimonialquote{
	font-weight: bold;
	font-size: 14px;
}

/* ################# form ################# */
.formrow{
	display: block;
	border: 0px solid yellow;
	margin: 0 0 10px 0;
}

.description{
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 15px;
}

.formfield{
	margin: 0 0 0 145px;
}

input{
	font-size: 10px;
}