/* CSS Document */
body{
	background:#F0F0F0 url(images/background.jpg) repeat-y center;
	color:#666666;
	text-align:center;
	font:normal 11px/15px Verdana;
	margin:0; padding:0;
	}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;
	text-align:left
	}


#BusyDiv{
	display: none;
}
	
.prtlPrtlFullPageAppBody{
	padding: 7px 1px 0px 13px;
	background: transparent;
}

.prtlPageConF{
	padding: 0px 0px 0px 0px;
}
 
#mememe iframe{
	height: 500px;
}

/*#ivuFrm_page0ivu2{
	height: 1000px;
}*/
 
/* IE */
* html .prtlPrtlFullPageAppBody{
	padding: 7px 1px 0px 0px;
}

ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
	
	
#errorPage{
	background: #FFFFFF;
	height: 100%;
	width: 100%;	
}

#headerImage{
	background: transparent url(images/infrax_header.jpg) no-repeat top left;
	height:auto;
	width: 1030px;
	position: relative;
}

#wrapper{
	margin:0pt auto;
	position:relative;
	width:1000px;
	max-width:1000px;
	min-height:500px;
	text-align:center;
	top: 0;
}

#infraxImage{
	position: absolute;
	top: 0;
	right: -23;
	width: 600px;
	height: 800px;
	background: transparent url(images/infraxLogo.PNG) top right no-repeat;
	filter: Alpha(opacity=08);
	opacity: .08;
}


/* IE */
* html #wrapper{
	margin:0pt;
	position:relative;
	width:1000px;
	max-width:1000px;
	min-height:500px;
	text-align:center;
	margin: 0 0 0 15px;
}

#masthead{
	height:60px;
	width: 100%;
/*	background: #FFFFFF url(images/infrax_header.jpg) no-repeat -20px bottom;*/
}

#masthead .left{
	width: 799px;
	max-width: 799px;
	height: 60px;
	color: #FFFFFF;
	text-decoration: none;
}

#masthead .search{
	float: right;
}

.prtlBody {
	background-color:#F0F0F0;
	margin:0pt;
}



/* -- top navigation start -- */

/* -- search area --*/
#pc_box {
	height: 90px;
    width: 200px;
    
}
#search_box {
    width: 225px;
    height: 30px;
    background: url(images/searchbox.gif) no-repeat center center #FFF;
}

#search_box:hover, #search_box.hover {
    width: 225px;
    height: 30px;
    cursor: hand;
    background: url(images/searchbox_hover.gif) no-repeat center center #FFF;
}

#searchform{
	margin: 0;
	padding: 0;
}

#searchform #query {
    border: 0;
    padding: 4px 2px 2px 15px;
    text-align:center;
    border: 1px solid #666666;
    width: 141px;
*   width: 141px;
    height: 24px; 
    background: none;
}

#searchform BUTTON {
	width:30px;height:28px;vertical-align:center;text-indent:-999px !important;text-indent:0;padding:0 !important;padding-top:20px;overflow:hidden;
	background:url(images/zoekknop.gif) no-repeat center center #FFF; border:0;cursor: hand;}



/* -- snelmenu */

#snelmenu{
    background: transparent;
    position:absolute;
	left: 804px;
	top:101px;
	width: 196px;
	height: 120px;
}

#snelmenu ul{
	height: 70px;
	width:196px;
	margin:0px 0px 0px 0px;
	background: transparent;
	}
#snelmenu ul li{
	color:#666666;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	}
#snelmenu ul li a{
	padding:0px 10px 0px 17px; height:25px; text-decoration:none; display:block;
	color:#666666;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	background-color: #F9F9F9;
	filter: Alpha(opacity=85);
	opacity: .85;
	}

#snelmenu ul li p{
	padding:0px 10px 0px 17px; height:25px; text-decoration:none; display:block;
	color:#666666;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	background-color: #F9F9F9;
	filter: Alpha(opacity=85);
	opacity: .85;
}


#snelmenu ul li a:hover{
	background: #D4470F;
	color: #FFFFFF;	
}
#snelmenu ul li a.hover{
	padding:0px 10px 0px 18px; height:25px; text-decoration:none; display:block;
	background:url(images/pijl_r.gif) no-repeat left center; color:#DE7803;
	font:bold 12px/25px Arial, Helvetica, sans-serif;}

#snelmenu ul li ul{
	position: absolute;
	left: -999em;
	height: auto;
	
}

#snelmenu ul li:hover ul, #snelmenu ul li.sfhover ul{
	left:0px;
	height: auto;
}

#snelmenu ul li:hover p, #snelmenu ul li.sfhover p{
	display: none;
}

.postcodeform{
	padding: 2px 2px 0px 12px;
	text-align: left;
	font:bold 11px Arial, Helvetica, sans-serif;
	
}

.postcodeform p{
	height: 60px;
}

.pcbutton {
	text-align: center;
	border: 0;
	color: #FFFFFF;
	height: 24px;
	font:bold 12px Arial, Helvetica, sans-serif;
	width: 60px;
	position: relative;
	top: 2px;
*	top: 0px;
	background: url(images/h5_bg.jpg) repeat-x ;
	cursor: pointer;
	cursor: hand;
}



.pcfield{
	width: 80px;
	height: 24px;
	text-align:center;
	padding: 3px 0 0 0;
	border: 1px solid #666666;

	font:bold 12px Arial, Helvetica, sans-serif;
	position: relative;
	color: #666666;
/*	top: 0;*/
	overflow:hidden;
}



#snelmenu h5{
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	background: url(images/h5_bg.jpg) repeat-x ;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	width:196px;
	height: 25px;
	
}
#snelmenu span{
	font-weight: bold;
	color: #666666;
}


/* -- snelmenu end */

/*-- postcode -- */
#postcode div div{
	position: absolute;
	left: -999em;
}

#snelmenu div:hover div, #snelmenu div.pchover div{
	left:auto;
}
/*-- end postcode --*/


/* -- body start -- */

#body{
	margin:0 auto;
	padding:186px 3px 30px 0px;
	color:#666666;
	background-repeat: no-repeat;
	height:500px;
	background: transparant
}

#innerbody{
	position:relative;
	float: left;
	width: 1000px;
	max-width:1000px;
	min-height: 700px;
*	height: 700px;	
	text-align: left;
	background: transparant
}

#body div.bodyText{
	background: transparant; 
	float:left;
	position:relative;
	width:800px;
	max-width: 800px;
	text-align: left;
	padding:10px 0 0 0;
	}

#body div.bodyText h2{
/*	font:bold italic 16px/26px Verdana; color:#666666;*/
}

#body div.bodyText h2 span{ color:#DE7803;}

#body div.bodyText h1{
/*	font:bold italic 16px/26px Verdana; color:#DE7803;*/
}

#body div.bodyText h1 span{ color:#666666;}

#body div.bodyText p{
/*	font:normal 11px/15px Verdana; color:#666666;*/
	padding:10px 0;}
#body div.bodyText p a{
	color:#DE8703; 
	text-decoration:underline;}

#body div.bodyText p a:hover{
	color:#666666; 
	text-decoration:underline;}

	
#body div.full_bodyText{
	background: transparant;
	padding:10px 0 0 5px;
	float:left;
	position:absolute;
	left:0px;
	top:0px;
	width:799px;
	max-width: 799px;}
	
div.bodyText ul, div.full_bodyText ul{

}

div.bodyText UL, div.full_bodyText ul {list-style:none;}
div.bodyText li, div.full_bodyText li {margin: 0 0 0 13px;padding:0 0 0 10px;line-height:150%;background:url(images/ic.gif) no-repeat -193px -186px;}
	



.right{
	position: absolute;
	right: 0px;
	top: 7px;
	width: 196px;
	height: 700px;
	float: right;
}

#rightImage{
	position: absolute;
	right: 0px;
	top: 7px;
	width: 196px;
	height: 700px;
	float: right;
}



#rightImage .rightGray{
	color: #666666;
	font: bold 12px verdana;
}

#rightImage .rightText{
	position: absolute;
	top: 50px;
	left: 12px;
	font: bold 12px verdana;
}




.floatLeft{
	float:left;}

/* -- body end -- */

/* -- flash -- */
#flash{
	position:absolute;
    left: 0px;
	top:101px;
	height:147px;
	width: 799px;
	overflow: hidden; 
	margin: 0;
	padding: 0;
	border:0px;
	z-index: 0;
	vertical-align:top;
	text-align: right;
}

#flash embed{
	margin: 0;
	padding: 0;
	border:0px;
}

#flash object{
	margin: 0;
	padding: 0;
	border:0px;
}

/* -- flash --*/

/* -- footer -- */

#footer{
/*	background:url(images/shadowbg.gif) repeat-y 0 0;*/
/*	background-color: #666666;*/
	width: 1000px;
	clear: both;
}

#top_yellow_spacer{
	position: absolute;
	top: 91px;
	left: 0px;
	background: #DF8702;
	width: 800px;
	height: 4px;
}


#masthead .group {width:196px;padding-right:8px;}
#masthead td a {
	color: #666666;
	text-decoration: none;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
}

#masthead td{
	padding: 0;
	margin: 0;
}

#masthead td.mastheadLeft{
	width:62px;
	text-align: left;
}
#masthead td.mastheadCenter{
	width:73px;
	text-align: left;
}
#masthead td.mastheadRight{
	width:65px;
	text-align: right;
}

#searchForm{
	width:196px;
	padding-right:0px;
}

#mastheadSearch{
	width: 196px;
	position: absolute;
	top: 25px;
	left: 804px;
}



INPUT.searchBut {
	font:bold 12px Arial, Helvetica, sans-serif;
	width:55px;
	height:24px;
	vertical-align:middle;
	text-align: center;
	padding:0;
	overflow:hidden;
	background: url(images/h5_bg.jpg) repeat-x;
	color: #FFFFFF;
	border: 0;
	cursor: pointer;
	cursor: hand;
} 

INPUT.searchField {
	font:bold 13px Arial, Helvetica, sans-serif;
	height:30px;
	vertical-align:middle;
	text-align: center;
	padding:0;
	overflow:hidden;
	background-color: #FFFFFF;
	color: #666666;
	border: 0;
} 




#topNav{
	text-align:left;
	padding: 0px;
	padding: 0 0;
	position: absolute;
	left: 0px;
	top: 65px;
	width:1000px; 
	height:25px;
	z-index: 1000;
}
	
	
#topNav ul.firstlevel{
	width:1000px; 
	margin: 0 0;
	padding: 0 0;
}
	
#topNav ul.firstlevel li{
	height:25px;
*	height: 23px; 
	float: left;
*	width:196px; 
	color:#666666;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	text-align: left;
}

#topNav ul.firstlevel li.hover, #topNav ul.firstlevel li:hover, #topNav ul.firstlevel li.sfhover{
    height:25px;
	float: left;
*	width:196px; 
	color:#666666;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
}

#topNav ul.firstlevel li.hover a, #topNav ul.firstlevel li:hover a, #topNav ul.firstlevel li.sfhover a{
   color: #FFFFFF;
}


#topNav ul.firstlevel li.firstlevel{
	float: left;
* 	width:196px; 
	color:#666666;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
}


#topNav ul.firstlevel li a{
	height:24px; 
	text-decoration:none;
	display:block;
	color:#666666;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	width: 194px;
*	width: 196px; 
	text-align:center;
	white-space: nowrap;
	background: #EAEAEA;
	border: 1px solid #BBBBBB;
	border-bottom: 0;
}

#topnav ul.firstLevel li.liSpacer{
	width: 5px;
*	width: 5px;	
}
				

#topNav ul.firstlevel li a:hover{
	width: 194px;
*	width: 196px; 
}
	
#topNav ul.firstlevel li a.hover{
	height:25px; 
	text-decoration:none;
	display:block;
	color:#FFFFFF;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	width: 194px;
*	width: 196px; 
}



#topNav ul.firstlevel li ul.secondlevel{
	position: absolute;
	left: -9999em;
	float: top;
	width: 194px;
*	width: 196px; 
	height: auto;
	background: transparent;
}

#topnav ul.firstLevel li ul.secondlevel li.liSpacer{
	height: 5px;
	font:bold 2px/5px Arial, Helvetica, sans-serif;
	border: 0;
}

#topNav ul.firstlevel li.hover ul li.hover, #topNav ul.firstlevel li:hover ul li:hover, #topNav ul.firstlevel li.sfhover ul li.sfhover{
	background: transparent;
}

#topNav ul.firstlevel li ul.secondlevel li a,#topNav ul.firstlevel li ul.secondlevel li:hover a:hover{
	border: 0;
	color: #FFFFFF;
	text-align: left;
	padding: 0 0 0 5px;
	height: auto;
	vertical-align: middle;
	border-top: 1px #FFFFFF solid;
	filter: Alpha(opacity=95);
	opacity: .95;
	width: 194px;
*	width: 196px; 
	white-space: normal;
}

/* IE */
* html #topNav ul.firstlevel li ul.secondlevel li a,#topNav ul.firstlevel li ul.secondlevel li a:hover{
	width: 194px;
*	width: 196px; 
}



#topNav ul.firstlevel li:hover ul.secondlevel, #topNav ul.firstlevel li.sfhover ul.secondlevel{
/*	position: absolute;*/
	left: auto;
	float: top;
	width: 160px;
}

#topNav ul.firstlevel li ul.secondlevel li{
	float: top;
	position: relative;
	width: 194px;
*	width: 196px; 
	height: auto;
	text-align: left;
	vertical-align: middle;
	background: transparent;
}

#topNav ul.firstlevel li ul.secondlevel li a{
	color: #666666;
	background: #EAEAEA;
	width: 191px;
*	width: 196px; 
}

#topNav ul.firstlevel li ul.secondlevel li ul li a,#topNav ul.firstlevel li ul.secondlevel li.sfhover a, #topNav ul.firstlevel li ul.secondlevel li:hover a{
	color: #FFFFFF;	
	width: 191px;
*	width: 196px; 
}

#topNav ul.firstlevel li ul.secondlevel li.sfhover a, #topNav ul.firstlevel li ul.secondlevel li:hover a,#topNav ul.firstlevel li ul.secondlevel li:hover a:hover{
	width: 191px;
*	width: 196px; 
}




#topNav ul.firstlevel li ul.secondlevel li ul.secondlevel,
#topNav ul.firstlevel li.sfhover ul.secondlevel li ul.secondlevel,
#topNav ul.firstlevel li:hover ul.secondlevel li ul.secondlevel,
#topNav ul.firstlevel li ul.secondlevel li ul, 
#topNav ul.firstlevel li:hover ul.secondlevel li.secondlevel ul.secondlevel,
#topNav ul.firstlevel li.sfhover ul.secondlevel li.secondlevel ul.secondlevel,
#topNav ul.firstlevel li.firstlevel ul.secondlevel li.secondlevel ul.secondlevel,
#topNav ul.firstlevel li.firstlevel ul.secondlevel li.secondlevel ul {
	position: absolute;
	top: -9999em;
	left: -9999em;
	float: top;
	width: 194px;
*	width: 196px; 
	height: auto;
}

#topNav ul.firstlevel li:hover ul.secondlevel li:hover ul.secondlevel, #topNav ul.firstlevel li.sfhover ul.secondlevel li.sfhover ul.secondlevel{
/*	position: absolute;*/
	left: 2px;
	top: 0px;
	float: top;
	width: 192px;
*	width: 196px; 
	background: transparent;
}


#topNav ul.firstlevel li.hover ul li.hover ul li.hover, #topNav ul.firstlevel li:hover ul li:hover ul li:hover, #topNav ul.firstlevel li.sfhover ul li.sfhover ul li.sfhover{
	background: transparent;
}




#topNav ul.firstlevel li ul.secondlevel li ul.secondlevel li ul.secondlevel,#topNav ul.firstlevel li.sfhover ul.secondlevel li ul.secondlevel li ul.secondlevel,#topNav ul.firstlevel li:hover ul.secondlevel li ul.secondlevel li ul.secondlevel{
	position: absolute;
	left: -9999em;
	float: top;
	height: auto;
}

#topNav ul.firstlevel li:hover ul.secondlevel li:hover ul.secondlevel li:hover ul.secondlevel, #topNav ul.firstlevel li.sfhover ul.secondlevel li.sfhover ul.secondlevel li.sfhover ul.secondlevel{
/*	position: absolute;*/
	left: 195px;
	top: 0px;
	float: top;
	background: transparent;
}

#topNav ul.firstlevel li.hover ul li.hover ul li.hover ul li a, #topNav ul.firstlevel li:hover ul li:hover ul li:hover ul li a, #topNav ul.firstlevel li.sfhover ul li.sfhover ul li.sfhover ul li a{
	background: #666666;

}

#topNav ul.firstlevel li.hover ul li.hover ul li.hover ul li.hover, #topNav ul.firstlevel li:hover ul li:hover ul li:hover ul li:hover, #topNav ul.firstlevel li.sfhover ul li.sfhover ul li.sfhover ul li.sfhover{
	background: transparent;
}

#topNav ul.firstlevel li.hover ul li.hover ul li.hover ul li a:hover, #topNav ul.firstlevel li:hover ul li:hover ul li:hover ul li a:hover, #topNav ul.firstlevel li.sfhover ul li.sfhover ul li.sfhover ul li a:hover{
	background: #DE7803;
	
}


#topNav iframe {
	position: absolute;
	/* account for the border */
	left: 0;//-0.25em;
	top: 0;//-0.25em;
	z-index: -1;
	filter: Alpha(opacity=0);
//	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

#top_yellow_spacer{
	position: absolute;
	top: 91px;
	left: 0px;
	background: #DF8702;
	width: 800px;
	max-height: 4px;
}

.left{
	background: transparant;
	color:#4B2B3E;
	position:relative;
	width: 200px;
	float: left;
	
}


.left .body{
	min-height: 30px;
	width:180px;
	margin: 0px 0px 10px 0px;
	}

/* IE */
* html .left .body{
	height: 30px;
	width:180px;
	margin: 0px 0px 10px 0px;
	}
	
.left .body_menu{
	min-height: 30px;
	width:200px;
	margin: 0px 0px 10px 0px;
	}

/* IE */
* html .left .body_menu{ 
	height: 30px;
	width:200px;
	margin: 0px 0px 10px 0px;
} 
	
.left h3{
	background:url(images/news_icon.gif) no-repeat 2px 13px; color:#850049;
	font:bold 20px/38px Verdana; padding:0 9px 0 22px;}
.left h4{
	background:url(images/date_bg.gif) no-repeat 0 13px; color:#384B06;
	width:56px; text-align:center;
	font:bold 12px/39px Arial, Helvetica, sans-serif;}
.left h5{
	color:#000000; text-transform:uppercase;
	font:bold 10px/11px Verdana;}
.left p{
	color:#4B2B3E; padding:3px 0 10px 0;
	font:normal 11px/15px Verdana;}
.left a.more{
	background:url(images/pink_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:46px; height:11px; display:block; float:right;
	text-decoration:none; text-indent:-2000px;
	padding:0; line-height:0;}
.left a.more:hover{
	background:url(images/pink_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;}

/* 198 */
.left ul{
	width:auto; 
	margin:0;
	display:block;
	padding: 5px 0px 0px 0px;
	}
	
/*niveau 1*/
.left ul li{
	background-color:none;
	color:#C1C1C1;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding: 2px 4px 3px 0;
}

.left ul li ul{
	padding: 5px 0px 0px 10px;
}

	
.left ul li a {
	color: #666666;
	height:auto;
/*	width: 150px;*/
	text-decoration: none;
	padding: 0px 0 0 10px;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	display: block;
	background: #EAEAEA;
	border: 1px solid #BBBBBB;
}

.left ul li.header a {
	background: url(images/h5_bg.jpg) repeat;
	color: #FFFFFF;
	height:auto;
	width: 150px;
	text-decoration: none;
	padding: 0px 0 0 10px;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	display: block;
}

* html .left ul li a,* html .left ul li.header a{
/*	width: 160px;*/
}


.left ul li.hover a, .left ul li a:hover{
	color: #FFFFFF;
}

.left ul li ul li a, .left ul li.hover ul li a{
	color: #666666;
	padding: 0 0 0 10px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	height: auto;//15px;
	border: 0;
}


.left ul li ul li.hover a{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	border: 0;
}

.left ul li ul li.default a{
	padding: 0 0 0 10px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	height: auto;//15px;
	border: 0;
}