/* Page
----------------------------------------------- */
body, html {
	height: 100%;
	background-color:#F1EEE9;
	behavior:url("/css/csshover.htc");
}

body #siteWrapper{
	font-family : Verdana, Arial;
	font-size: 12px;
	
}

#siteWrapper #horizon {
text-align: center;
position: absolute;
top: 50%;
left: 0;
width: 100%;
}


#siteWrapper #content {
margin-left: -420px;
position: absolute;
top: -300px;
left: 50%;
width: 840px;
height: 600px;
text-align: left;
color:#FFFFFF;
}

#siteWrapper #content .bgwheel {
width: 840px;
height: 600px;
}
	
	

/* topBar
----------------------------------------------- */


#content .topBar
	{
	position:absolute;
	left: 0;
	top: 0;
	width: 840px;
	height: 140px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#FFFFFF;
	padding: 0px;
	z-index: 2;
	}
	
#content .topBar a,a:active
	{
	color:#FFFFFF;
	text-decoration:none;
	}

#content .topBar a:hover
	{
	color:#DB6100;
	}

#content .topBar .home
{
width:275px;
margin-top:20px;
margin-left:15px;
height: 110px;
font-size:18px;
float:left;
}

#content .topBar .disclamer
{

margin-top:20px;

padding:0px;
width:260px;
height: 110px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
float:left;

}

#content .topBar .disclamer ul
{
margin:0;
list-style:none;
width:260px;
padding:0px;
}

#content .topBar .disclamer li
{
width:260px;

}


/* pressRelease
----------------------------------------------- */

#siteWrapper #content #pressRelease
	{
	position:absolute;
	left: 280px;
	top: 370px;	
	width: 250px;
	height: 95px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size: 12px;
	color:#000000;
	padding: 15px;
	background:url(/img/transparent-news.png);
	z-index:100
	}


#siteWrapper #content #pressRelease h1
 {
	font-weight:bold;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	color:#000000;
	font-size : 14px;
	}


#siteWrapper #pressRelease a,a:visited,a:active { 
	color: #000; text-decoration: none; 
	}

#siteWrapper #pressRelease a:hover 
	{ 
		color: #0000; 
		text-decoration: underline; 
		} 
	



#siteWrapper a{
	color: #000000;
	text-decoration: underline;
}





/* Main structure
----------------------------------------------- */
#siteWrapper {
	position:relative;
	height:100%;
	margin: 0px 5px 5px 0px;
}


/* Menu
----------------------------------------------- */


#homeMenu {
position:absolute;
left: 0;
top: 140px;
width: 860px;
height:230px;
z-index:100;
}

#homeMenu #basis {
margin:0px 0 0px 0px; /* this page only */
width: 280px;
height:230px;
background-color:#666666; 
}

#homeMenu #basis a, a:active {
text-decoration:none;

}



/* remove all the bullets, borders and padding from the default list styling */
#homeMenu  ul {
padding:0px;
margin:0px;
list-style-type:none;
width:300px;
position:relative;
top:0px;
padding:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
}


#homeMenu  li {
height:26px;
width:280px;
}

/* get rid of the table */
#homeMenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}*/

/* style the links */
#homeMenu  ul a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
color:#666666;
text-indent:5px;
border-width:0 1px 1px 0;
font-size:22px;
}


#homeMenu  ul  a {
color:#FFFFFF;
font-size:18px;
}
 
#homeMenu  ul :hover > a {
color:#DB6100;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul ul {
position: absolute;
top: 0px; /* aantal pixels waar level 2 en 3 naar beneden gaat */
left: 100%;
width: 100%;
}

div#homeMenu ul ul ul,
div#homeMenu ul ul li:hover ul ul
{display: none;}

div#homeMenu ul ul li:hover ul,
div#homeMenu ul ul ul li:hover ul
{display: block;} 


/*--------DIF-------*/
#homeMenu  ul li#DIF ul  {
background:url(/img/transparentDIF.png);
visibility:hidden;
left: 280px;
height: 200px;
width: 250px;
position:absolute;
top:0px;
color:#FFFFFF;
}

#homeMenu  ul li:hover#DIF   ,
#homeMenu  ul li a:hover#DIF  {
color:#DB6100;
}

#homeMenu  ul li:hover#DIF  ul ,
#homeMenu  ul li a:hover#DIF ul {
visibility:visible;
color:#DB6100;
}


#homeMenu  ul li:hover#DIF  ul li
{
width:280px;
}




#homeMenu  ul li#DIF ul li:hover{
color:#00CC99;
}


/*#homeMenu  ul li#DIF ul a {
font-size:18px;
color:#FFFFFF;
}*/

#homeMenu  ul li#DIF ul a:hover {
color:#DB6100;
}




#homeMenu  ul li#DIF ul li ul  {
background:transparent url(/img/transparentDIF30.png);
visibility:hidden;
left: 280px;
height: 200px;
width: 250px;
position:absolute;
top:0px;
}



#homeMenu  ul li#DIF ul li:hover ul ,
#homeMenu  ul li#DIF ul li a:hover ul {
visibility:visible;
color:#DB6100;
}

#homeMenu  ul li#DIF ul li ul a {
font-size:18px;
color:#FFFFFF;
}



#homeMenu  ul li#DIF ul li ul a:hover {
color:#DB6100;
}



/*--------DIF-PPP-------*/

#homeMenu  ul li#DIF-PPP ul  {
background:transparent url(/img/transparentPPP.png);
visibility:hidden;
left: 280px;
height: 200px;
width: 250px;
position:absolute;
top:0px;
}

#homeMenu  ul li:hover#DIF-PPP  ul ,
#homeMenu  ul li a:hover#DIF-PPP ul {
visibility:visible;
}

#homeMenu  ul li:hover#DIF-PPP   ,
#homeMenu  ul li a:hover#DIF-PPP {
color:#DB6100;
}

#homeMenu  ul li:hover#DIF-PPP ul li
{
width:280px;

}

/*#homeMenu  ul li#DIF-PPP ul a {
font-size:18px;
color:#FFFFFF;
}*/

#homeMenu  ul li#DIF-PPP ul a:hover {
color:#DB6100;
}

#homeMenu  ul li#DIF-PPP ul li ul {
background:transparent url(/img/transparentPPP30.png);
visibility:hidden;
left: 280px;
height: 200px;
width: 250px;
position:absolute;
top:0px;
}

#homeMenu  ul li#DIF-PPP ul li:hover ul ,
#homeMenu  ul li#DIF-PPP ul li a:hover ul {
visibility:visible;
color:#DB6100;
}

#homeMenu  ul li#DIF-PPP ul li ul a {
font-size:18px;
color:#FFFFFF;
}


#homeMenu  ul li#DIF-PPP ul li ul a:hover {
color:#DB6100;
}


/*--------DIF-Renewable-Energy -------*/

#homeMenu  ul li#DIF-Renewable-Energy ul  {
background:transparent url(/img/transparentREN.png);
visibility:hidden;
left: 280px;
height: 200px;
width: 250px;
position:absolute;
top:0px;
}

#homeMenu  ul li:hover#DIF-Renewable-Energy  ul ,
#homeMenu  ul li a:hover#DIF-Renewable-Energy ul {
visibility:visible;
color:#DB6100;
}

#homeMenu  ul li:hover#DIF-Renewable-Energy   ,
#homeMenu  ul li a:hover#DIF-Renewable-Energy  {
color:#DB6100;
}

#homeMenu  ul li:hover#DIF-Renewable-Energy ul li
{
width:280px;
}

/*#homeMenu  ul li#DIF-Renewable-Energy ul a {
font-size:18px;
color:#FFFFFF;
}*/

#homeMenu  ul li#DIF-Renewable-Energy ul a:hover {
color:#DB6100;
}

#homeMenu  ul li#DIF-Renewable-Energy ul li ul  {
background:transparent url(/img/transparentREN30.png);
visibility:hidden;
left: 280px;
height: 200px;
width: 250px;
position:absolute;
top:0px;
}

#homeMenu  ul li#DIF-Renewable-Energy ul li:hover ul ,
#homeMenu  ul li#DIF-Renewable-Energy ul li a:hover ul {
visibility:visible;

}

#homeMenu  ul li#DIF-Renewable-Energy ul li ul a {
font-size:18px;
color:#FFFFFF;
}

#homeMenu  ul li#DIF-Renewable-Energy ul li ul a:hover {
color:#DB6100;
}


/*--------DIF-Infrastructure-II -------*/

#homeMenu  ul li#DIF-Infrastructure-II ul  {
background:transparent url(/img/transparentREN50.png);
visibility:hidden;
left: 280px;
height: 200px;
width: 250px;
position:absolute;
top:0px;
}

#homeMenu  ul li:hover#DIF-Infrastructure-II  ul ,
#homeMenu  ul li a:hover#DIF-Infrastructure-II ul {
visibility:visible;
color:#DB6100;
}

#homeMenu  ul li:hover#DIF-Infrastructure-II   ,
#homeMenu  ul li a:hover#DIF-Infrastructure-II  {
color:#DB6100;
}

#homeMenu  ul li:hover#DIF-Infrastructure-II ul li
{
width:280px;
}

/*#homeMenu  ul li#DIF-Infrastructure-II ul a {
font-size:18px;
color:#FFFFFF;
}*/

#homeMenu  ul li#DIF-Infrastructure-II ul a:hover {
color:#DB6100;
}

#homeMenu  ul li#DIF-Infrastructure-II ul li ul  {
background:transparent url(/img/transparentREN30.png);
visibility:hidden;
left: 280px;
height: 200px;
width: 250px;
position:absolute;
top:0px;
}

#homeMenu  ul li#DIF-Infrastructure-II ul li:hover ul ,
#homeMenu  ul li#DIF-Infrastructure-II ul li a:hover ul {
visibility:visible;

}

#homeMenu  ul li#DIF-Infrastructure-II ul li ul a {
font-size:18px;
color:#FFFFFF;
}

#homeMenu  ul li#DIF-Infrastructure-II ul li ul a:hover {
color:#DB6100;
}