/* Based on a template by Ben Meadowcroft, see http://www.benmeadowcroft.com/webdev/  for more info */
@media screen, print, projection
{

a:link {color:#EEEEEE} /* unvisited link */
a:visited {color:#CCCCCC} /* visited link */
a:hover {color:#0000FF} /* mouse over link */
a:active {color:#0000FF} /* selected link */

	
	#title 
	{
		background-color: black;
		color:rgb(232,232,232);
	}

	#title 
	{
		position : relative;
		top      : 1px;
		margin   : 0.2em;
		padding  : 0.5em;
		z-index  : 3;
	}

	#title h1
	{
		text-align : center;
	}

	#title
	{
		background-color: black;
		color:rgb(232,232,232);
	}

	#wereldbol
	{
		float: left; 
		height: 89px; 
		width: 89px; 
		border: none;
	}

	body
	{
		background-color: gray;
		font-family: Lucida Console;

	}

	.section
	{
		border : 1px white solid;
	}

	#pros
	{	
		position  : absolute;
		right : 1%;
		width : 34%;
		margin : 2em 0.2em;
		padding-left: 70px;
		padding-right :0.5%;
		padding-top :0.5%;
		padding-bottom :0.5%;
		z-index : 1;
	}

	#pros 
	{
		background-color: black;
		color:rgb(232,232,232);
	}

	#cons 
	{
		position  : absolute;
		left : 1%;
		width : 34%;
		margin : 2em 0.2em;
		padding-right: 70px;
		padding-left :0.5%;
		padding-top :0.5%;
		padding-bottom :0.5%;
		z-index : 1;
		background-color: black;
		color:rgb(232,232,232);
	}

	#central
	{
		position : absolute;
		top : 40%;
		left: 50%;
		margin-left: -6em;
		z-index : 2;
		border : 1px white solid;
		text-align: center;
		background-color: black;
		color: rgb(232,232,232);
	}

	#central img
	{

		width: 12em

	}	
	
}



#nav, #nav ul {
padding: 3px 0 0 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: 140px;
}

#nav ul {
position: absolute;
width: 140px;
left: -1000px;
}


#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
display: block;
margin: 2px 5px 3px 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

ul a{
font-weight: bold;
color: #F60;
cursor: default;
}

ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #CCC;
cursor: pointer;
}

ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFF;
cursor: pointer;
}

ul li{
background-color: #000;
border-top: 0px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

ul ul li{
background-color: #000;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
}

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 3px solid #FFF;
}

* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */