/* ############### full css by kvd ############### */
html, body{
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 170%;
	color: #526066;
	background-image: url(../gfx/back.page.gif);
	background-repeat: repeat-y;
	background-position: center;
}

/* floating Div workarounds */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* 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 Red;
	width: 842px;
	padding: 0 25px 0 25px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url(../gfx/back.page.gif);
	background-repeat: repeat-y;*/
	/* background moved to body-tag */
}

#language{
	display: block;
	text-align: right;
	padding-top: 10px;
}

#masthead{
	margin: 10px 0 0 0;
	border: 0px solid Red;
	position: relative;
	top: -48px !important;
	top: -37px; 
	left: 0px;}

#navigtop{
	border: 0px solid Green;
	background-image: url(../gfx/back.navig.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin: 0px 0 0 0 !important;
	margin: 0px 0 0 0;
	position: relative;
	top: 275px !important;
	top: 305px;}

#IE8 #navigtop{padding-bottom: 20px;}
#IE9 #navigtop{padding-bottom: 20px;}
#maincontainer{
	border: 0px solid Red;
	/*position: relative;*/
	top: 0px !important;
	top: 10px;}
	
.home #maincontainer{
	padding-top: 0 !important;
	padding-top: 10px;
}	
#footer{
	display: block;
	height: 28px;
	padding-top: 5px;
	text-align: center;
	background-image: url(../gfx/back.footer.gif);
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
}

#footer a{
	text-decoration: none;
}

#footer a:active, #footer a:hover, #legal a:active, #legal a:hover{
	color: Red;
}

#legal{
	display: block;
	text-align: center;
}

#legal a, #legal a:visited{
	color: #758186;
	text-decoration: none;
}
/* ############# buildingblocks homepage ################# */	


#mainleft{
	border: 0px solid Blue;
	width: 545px !important;
	width: 525px;
	padding: 10px;
	background-image: url(../gfx/back.home.bigpaneltop.gif);
	background-repeat: no-repeat;
	float: left;
	/*position: relative;*/
	top: 0 !important;}	
	
#mainright{
	text-align: right;
	margin: 0 !important;
	/*position: relative;*/
	top: 0 !important;
	/*background-color: Orange;*/
	width: 275px;
	float: right !important;
}
	
/* ############## generic elements ############ */	
li {
	list-style-image: url(../gfx/list-item-Orange.gif) !important;
	list-style-image: url(../gfx/list-item-Orange-ie.gif);	
}

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

/*---- Header styling ---*/
.sIFR-hasFlash h1,
.sIFR-hasFlash h2,
.sIFR-hasFlash h3,
.sIFR-hasFlash h4,
.sIFR-hasFlash h5,
.sIFR-hasFlash h6 {
	visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
}


.sIFR-hasFlash h1 {
	font-size: 28px !important;
	margin-bottom: -15px !important;
	margin-bottom: -15px;
}

.sIFR-hasFlash h3 {
	font-size: 18px;
	/*margin-bottom: 5px !important;
	margin-bottom: 5px;*/
}

.sIFR-hasFlash h4 {
	font-size: 16px;
	margin-bottom: 5px !important;
	margin-bottom: 5px;
}

 .sIFR-hasFlash .dualitem h4 {
	font-size: 14px;
	margin-bottom: 15px !important;
	margin-bottom: 15px;
}

.sIFR-hasFlash h5, .sIFR-hasFlash .plugrow h5{
	font-size: 18px;
	margin-bottom: -3px !important;
	margin-bottom: -3px;
}
.sIFR-hasFlash h6 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: -10px !important;
	margin-bottom: -10px;
}


/*
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4d79b7;
	margin-bottom: -3px !important;
	margin-bottom: -15px;}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #db8631;}


h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: -10px;}
*/
.illustratie{
	border: 1px solid Gray;
	float: left;
	margin: 5px 5px 5px 0;
}	

.noborder{
	border: 0px !important;
}
/* ############## language switch ############### */
#language, #language a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #92979a;
	text-decoration: none;}
	
#language a:link, #language a:visited{}

#language a:hover, #language a:active{color: Red;}

/* ############## navig top ################### */

#navigtop ul{
	color: white;
	border: 0px solid Green;
	margin-left: 15px;
	padding: 0;
	margin-top: 0 !important;
	margin-top: -1px;}
	
#navigtop li{	display: inline;}

#navigtop a{ display: block; height: 18px; float: left; margin-right: 0px; padding: 5px 15px 5px 15px; text-decoration: none;}

#navigtop a:link, #navigtop a:visited{	color: #fff;}

#navigtop a:hover, #navigtop a:active, #navigtop a.selected:hover, #navigtop a.selected:active{	background-color: #ffaa05; color: #000 !important;}
#navigtop a.selected{	color: #ffaa05 !important;}


#navigtop #top_home{
	background-image: url(../gfx/navig/ico.home.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	text-indent: -2000px;
	width: 15px;
}
#navigtop #top_home.selected{
	background-image: url(../gfx/navig/ico.home.selected.gif);}
#navigtop #top_home:hover, #navigtop #top_home:active{
	background-image: url(../gfx/navig/ico.home.rollover.gif) !important;
}	

#navigtop #top_feweb{
	background-image: url(../gfx/navig/ico.feweb.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -2000px;
	height: 28px;
	padding-top: 0;
	padding-bottom: 0;
	width: 20px;
	margin-left: 220px;
	margin-top: 0 !important;
	margin-top: 1px;
}
#navigtop #top_feweb:hover, #navigtop #top_feweb:active{
	background-image: url(../gfx/navig/ico.feweb.rollover.gif) !important;
	margin-top: 0 !important;
	margin-top: 1px;
}	
.fr #navigtop #top_feweb{	margin-left: 168px !important;}
/* ############## HOMEPAGE ################## */
.home #mainnews a, .home #mainnews a:link, .home #mainnews a:visited{
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: 15px;
	color: Blue;
	background-image: url(../gfx/ico.url.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	}

.home #mainnews a:hover, .home #mainnews a:active{
	color: Red;
	background-image: url(../gfx/ico.url.hover.gif);
	background-repeat: no-repeat;
}

/*.home #plug a,*/ .plainlink{
	background-image: none !important;
	text-indent: 0 !important;
	display: inline !important;
}

#mainnews{
	border-left: 1px solid #8f989b;
	border-right: 1px solid #8f989b;
	display: block;
	width: 513px !important;
	width: 520px;
	margin: -15px 10px 0 -10px !important;
	margin: 0 10px 0 -10px;
	padding: 0 15px 10px 15px !important;
	padding: 0 8px 10px 15px;
	background-image: url(../gfx/back.p.arrow.gif);
	background-position:  20px 258px;
	background-repeat: no-repeat;}

#mainnewsEnd{
	height: 30px;
	background-image: url(../gfx/back.home.bigpanelbottom.gif);
	background-repeat: no-repeat;
	width: 513px !important;
	padding: 0 17px 10px 15px !important;
	margin: 0 0 0 -10px !important;/*
	margin: 0px 0px 0 -8px;*/}
	
#mainnews img{
	border: 1px solid #8f989b;
	margin-top: -5px;}
	

	
#mainnews p{
	text-align: justify;
	padding-left: 45px;
	padding-right: 10px;
	}
	
.dualnews{
	border: 0px solid Green;
	margin-top: 0px !important;
	margin-top: -15px;
	
}	

.dualitem{
	/*background-color: Silver;*/
	display: block;
	width: 244px !important;
	width: 244px;
	margin-top: 0px;
	line-height: 150%;
}
.dualnews a{
	margin-top: -10px !important;
}
.dualitem img{
	float: left;
	border: 1px solid #8f989b !important;
	margin-top: -7px !important;
	margin-top: -12px;
}

	
.wide p{
	/*background-color: Orange;*/
	margin: 0 0 20px 0px !important;
	padding-left: 0 !important;
	margin-top: 0px !important;
	margin-top: -15px;}
	
.dualitemLeft{	float: left;}
.dualitemRight{	float: right;}
.dualitem h2{	margin-top: 0px;}
.dualitem h4{
	margin-top: 10px;
	font-size: 12px;
}


#dualrss{
/*	background-color: Orange;*/
	display: block;
	float: right;
	width: 245px;
	margin-top: 18px;
}



#plug{	margin-top: 0px;}	
#pluglist{
	border: 0px solid Red;
	margin-top: -15px !important;
	margin-top: 20px;
}
.plugrow{
	border: 0px solid Blue;
	margin: 0px 0 15px 0 !important;
	margin: 20px 0 15px 0;}
.plugrow div{
	/*background-color: Orange;*/
	/*display: block;*/
}	
.plugrow .left{
	display: block;
	width: 245px;
	float: left;
	margin: 0;
	color: #758186 !important;
}
.plugrow .right{
	display: block;
	width: 245px;
	float: right;
	color: #758186 !important;
}
.plugrow h5{
	margin: 0 0 5px 0 !important;
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.plugrow div a{
	display: block !important;
	width: 245px;
	height: auto;
	color: #758186 !important;
	padding: 0 0 0 0 !important;
	background-image: none !important;
	background-image: url(../gfx/back.p.arrow.light.gif) !important;
	background-position:  5px 10px;
	background-repeat: no-repeat;
	line-height: 120%;
	text-indent: 0 !important;
	/*background-color: Green;*/
}
.plugrow a:visited  {

	color: #758186 !important;
	text-decoration: none;
}

.plugrow a:active, .plugrow a:hover {
	background-color: #f6f6f6 !important;
	color: #285c7e !important;
	text-decoration: none;
}

.kader {
	border: 1px solid #8f989b;
	float: left; /* float isn't needed but fixes disappearing background-img + border in IE6 */
	display: block;
	width: 460px;
	padding: 5px 5px 5px 45px;
	margin-top: 0px;
	background-image: url(../gfx/back.p.arrow.gif);
	background-position:  5px 10px;
	background-repeat: no-repeat;
}
/* ########## right panel ########## */
#mainright .panel{
	margin-bottom: -5px;
	display: block;
}
#mainright .panel img {	border: 0;}

#nieuwsbrief{
	display: block;
	width: 274px;
	height: 159px;
	background-image: url(../gfx/home/panel-nieuwsbrief-back.jpg);
	background-repeat: no-repeat;
	text-align: left;
	float: right; /* float necessary for Firefox */
	margin-bottom: 100px;
}

#nieuwsbrief .righttitle{
	color: #fff;
	margin: 5px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#nieuwsbrief p{
	margin: 5px 0 0 15px;
	color: #fff;
}
#nieuwsbrief p img{	margin: 5px 5px 0 0;}

#nieuwsbrief form{	margin: 5px 0 0 15px;}
#nieuwsbrief input{
	font-size: 10px;
	background-color: #fff;
	float: left;
	margin-right: 10px;
}

#nieuwsbrief #nieuwsbutton, #nieuwsbrief #nieuwsbutton:link, #nieuwsbrief #nieuwsbutton:visited{
	display: block;
	width: 91px;
	height: 21px;
	background-image: url(../gfx/home/nieuwsbrief-button-Blue.gif);
	background-repeat: no-repeat;
	float: left;
	padding-left: 5px;
	color: #488fbc;
	text-decoration: none;
}

#nieuwsbrief #nieuwsbutton:hover, #nieuwsbrief #nieuwsbutton:active{
	background-image: url(../gfx/home/nieuwsbrief-button-yellow.gif) !important;
	color: #e9ab24 !important;
	
}

.panelclear{
	display: block;
	height: 20px !important;
	height: 30px;
	width: 250px;
	/*background-color:Orange;*/
	margin-top: 5px;
	float:right;
}


/* ############## SUBLEVELS ################## */
/* ##### big panel ##### */
.sublevel #maincontainer{
	/*background-color: Orange;*/
	display: block;
	background-image: url(../gfx/back.bigpanel.top.jpg);
	background-repeat: no-repeat;
	padding-top: 10px !important;
	padding-top: 50px; /* for IE6 */
}
.sublevel #contentwrapper{
	border-left: 1px solid #8f989b;
	border-right: 1px solid #8f989b;
	background-image: url(../gfx/navig/back.sideline.gif);
	background-repeat: repeat-y;
	background-position: 0px 0;
	margin-top: 45px !important;
}
.sublevel #maincontainerend{
	/*background-color: Orange;*/
	display: block;
	height: 10px;
	background-image: url(../gfx/back.bigpanel.bottom.gif);
	background-repeat: no-repeat;
	margin: -5px 0 10px 0 !important;
	margin: 5px 0 10px 0;
}

.walloffamepix img{
	margin-bottom: 15px;
}

/* main blocks : navig + content */
	
#contentwrapper #sidenavig{
	/*background-color: Orange;*/
	display: block;
	float: left;
	width: 223px;
	margin-top: -10px !important;
	margin-top: 0px;
}

#contentwrapper #content{
	display: block;
	width: 590px;
	padding: 0 10px 0 10px;
	float: right;
	margin-top: -40px !important;
	margin-top: 0;
}


#sidecontainer{

	
}

#sidenavigbottom{
	background-image: url(../gfx/navig/sideline.bottom.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 223px;
	height: 97px;
}


#sidecontainer a{
	display: block;
	width: 198px;
	color: #526066;
	background-image: url(../gfx/navig/dots.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	text-decoration: none;
	padding: 2px 25px 2px 0;
}

#sidecontainer a span{
	display: block;
	background-image: url(../gfx/navig/arrow-of.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 15px;
}

/* rollovers, selected state */
#sidecontainer a:hover, #sidecontainer a:active, #sidecontainer a.selected{ background-image: url(../gfx/navig/back.selected.gif); background-color: #2d698d; color: #ffc410}
#sidecontainer a:hover span, #sidecontainer a.selected span{	background-image: url(../gfx/navig/arrow-on.gif);}





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

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

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

input, textarea, select{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* ########## klantenzone ########## */
.titelApplat{
font-weight: bold;
}

.loginForm{
	border: 0px solid Red;
	display: block;
	width: 500px;
	background-image: url(../gfx/1px-Orange.gif);
	background-repeat: repeat-y;
	background-position: 210px 0;	

}

.loginRow{
	display: block;
	margin: 0 0 0px 0 !important;
	padding: 0 0 5px 0 !important;
	padding: 0 0 0 0;
}

.loginLabel{
	display: block;
	width: 200px;
	float: left;
	text-align: right;
	font-style: italic;
}

.loginField{
	display: block;
	margin-left: 210px;
	padding-left: 20px;
}


/* related docs */
#related{
	border: 0px solid Red;
	padding-top: 10px;
}
#related .simplerow{
	background-image: url(../gfx/navig/dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding: 0;}
h3{
	border-bottom: 1px solid #718493;
	padding: 0 0 6px 0;
	color: #718493;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 0.35em;
	margin-top: 10px;
	margin-bottom: 0px !important;
	display: block;
}
#related span{
	border: 0px solid Red;
	display: block;
	/*width: 50px;*/
	text-align: right;
	color: #606060;
	padding-top: 5px;
	/*position: absolute;*/
	/*margin-top: 5px;
	margin-left: 345px !important;
	margin-left: 5px;*/
}

#related a{
	border: 0px solid Red;
	color: #718493;
	font-style: italic;
	text-decoration: none;
	display: block;
	float: left;
	width: 470px !important;
	padding: 5px 20px 5px 30px;}

#related a:hover, #related a:active {
	background-color: #a1b0b8;
/*	background-color: #718493;
	*/color: #fff;
}
	
.pdf{
	background-image: url(../gfx/ico/ico.pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.xls{
	background-image: url(../gfx/ico/ico.xls.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
.ppt{
	background-image: url(../gfx/ico/ico.ppt.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
.doc{
	background-image: url(../gfx/ico/ico.doc.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
.jpg{
	background-image: url(../gfx/ico/ico.jpg.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}
.mailform{
	background-image: url(../gfx/ico/ico.mailform.gif);
	background-repeat: no-repeat;
	background-position: 4px 5px;
}
.urlext{
	background-image: url(../gfx/ico/ico.url.ext.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
}
.urlint{
	background-image: url(../gfx/ico/ico.url.int.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}