body, html{
	background-color:#E2E2E2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	margin: 0px;
	padding: 0px;
}

/* ########## 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 yellow !important;
	background-image: none !important;
	visibility: collapse;
	line-height: 1% !important; /* for IE: anders is deze div +- 20px hoog */
	}


/* expodatum */
#expodatum {
	position:absolute;
	top:110px;
	left:110px;
	width:240px;
	height:30px;
	padding-left:10px;
	background:#D9000A;
	color:#fff;
	line-height:30px;
	font-weight:bold;
	font-size:14px;
}

/* ########## main panels ########## */

#mainFrame{
	position:relative;
	height: 100%;
	width: 780px;
	margin: 0 auto;
	padding: 0 auto;
	background: #fff;
}
		
#toppanel{
	width: 780px;
	background-color: #FFFFFF;}

#toppanel a:link, #toppanel a:visited, #toppanel a:hover{
	color:#4bcd00;}
						
		#shortcuts a, #shortcuts a:link, #shortcuts a:visited{
			font-size:9px;
			color:#1B2A56;
			text-decoration:underline}			
		#shortcuts a:hover{
			color:#000000;
			text-decoration:none}
			
#midpanelHome{
	position:relative;
	width: 780px;
	height:475px;
	background-image:url(../graphics/bg.home.gif);
	background-repeat:repeat-y;
	background-color:#1C2B57;}
	
#midpanel{
	width: 780px;
	min-height:460px;
	border:0px solid #99FF00;
	background-color:#FFF;	}
	
#left{
	float: left;
	width: 100px;
	background-image:url(../graphics/background.left.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	height:460px;
	border: 0px solid #99FF00;
	position: relative;
}

#left #federauto {
	position: absolute;
	bottom: 0;
	width: 100px;
	text-align: center;
}
			
		#leftHome{
			float: left;
			width: 100px;
			height:460px;
			border: 0px solid #99FF00;}
			
		#contentHome{
			float: right;
			width:640px;
			padding:80px 10px 10px 20px;
			border:0px solid #99FF00;}
			
		#content{
			float: right; 
			width: 650px;
			margin:0;
			padding:0;
			border:0px solid #99FF00;
			background-color: #FFFFFF;}
			
				#contentLeft{
					float: left;
					position:relative;
					left:-30px;
					min-height:420px;
					padding: 14px;
					border:0px solid #99FF00;}
					
				#contentRight{
					float: right; 
					width:374px; 
					padding: 30px 30px 14px 14px;
					border:0px solid #99FF00;}
			
		#content H1{
			font-size: 22px;
			color: #1C2B57;
			padding:0;
			margin:0;
			font-family: "Trebuchet MS", Tahoma, sans-serif;}
			
		#content H2{
			font-size: 18px;
			font-weight:normal;
			color: #1C2B57;
			padding:0px;
			margin-bottom:-10px}
		
/******** NAVIGATION **********
dl = menublok
dt = hoofdnavigatie
dd = subnavigatie
 ******************************/

	dl, dt, dd, #menu ul, #menu li {
		margin: 0;
		padding: 0;
		list-style-type: none;}

	#menu {
		top: 0;
		left: 0;
		font-family: Arial, Helvetica, sans-serif;}
		
	dl#menu {
		width:100px;}
		
	/* hoofdnavigatie */
	dl#menu dt {
		margin: 0px 0;
		color: #FFFFFF;
		font-size: 14px;
		border:0px solid #FFFFFF}
		
	dl#menu dt a {
		margin:0px;
		padding:7px 8px 6px 8px;
		width:84px;
		color:#FFFFFF;
		text-decoration: none;
		display: block;
		background-color:#262f56;
		border-bottom: 4px solid #bb0214;}
		
	dl#menu dt a.topBorder {
		border-top: 4px solid #bb0214;
		margin-top:-1px}
			
	dl#menu dt a:hover {
		font-weight:bold}
		
	dl#menu dt a.selected {
		border-bottom: 0px solid #bb0214;
		font-weight:bold}
		
	/* subnavigatie */			
	dl#menu dd {
		display: none;
		font-size: 10px;
		line-height:10px;
		width: 100px;}
		
	dl#menu dd a, dl#menu dd a:visited {
		margin: -1px 0 0 0;
		display:block;
		padding:5px 8px 4px 8px;
		width:84px;
		color:#FFF;
		background-color:#701735;
		text-decoration:none;
		border-top: 2px solid #c6a5b0;}	
		
	dl#menu dd a:hover{
		background-color: #bb0214;
	}

	dl#menu dt.blink a	{
		background: url(../graphics/button-blink.gif);
	}

	dl#menu dd a.selected,
	dl#menu dd a.selected:visited,
	dl#menu dt.blink a.selected,
	dl#menu dt.blink a.selected:visited {
		color: #FFF;
		background: #bb0214;
	}
		

		

		
/* END OF NAVIGATION */

LI {
	list-style:square}

/* ########## footer ########## */
#footer{
	color:#a9acbb;
	width: 780px;
	font-size: 9px;
}
#footer a, #footer a:link, #footer a:visited{
	color:#a9acbb;
	font-size: 9px;}
#footer a:hover, #footer a:active{color: #FF6600;}



/* FORM   //////////////////////////*/
INPUT, Label, textarea
{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
}
SELECT.select
{
    COLOR: #333333;
	font: x-small/150% Verdana, Arial, Helvetica, sans-serif;
}
INPUT.submit
{
    COLOR: #000000;
	font: x-small/150% Verdana, Arial, Helvetica, sans-serif;
}
