body {
background-color: #9496A3; /*#D3D3DA;*/
color: #333333;
font-family: Times;
font-size: 13px;
line-height: 20px;

}
		
	
div#Wrapper{
	width: 90%; 
	margin:  auto;
	max-width: 72.154em;
	min-width: 300px;
	background-color: #D2D3DA; /*#7188A3;*/
	border: 10px solid #fff;
}



div#Banner{
position: relative;
max-height: 280px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
}	
	
div#header1{
font-size: 2em;
color: black;
text-align: left;
border: 1px solid #000;
background-color: white;
margin: 0.8em 0.8em 0 0.8em;
padding: 0.3em 0em 0 2em;

}

div#header2{
display: none;	
font-size: 2em;
color: black;
text-align: center;
margin: 0.8em 1em 0 1em;

}	
	
h1 {
font-family: Calibri;
text-align: center;
font-size: 2em;
margin: 1.5em 0 1em 0;
color: #000;
}
	
div#Left{ 
Float: left;
clear: left;
margin:  1em 6.5em 3em 6.5em;
width: 70%;
font-family: Calibri;
font-size: 1.5em;
background-color: whitesmoke; /*#E9E9EB;*/
text-align: center;
border: 2px solid #2B3564; #000;
color: #000;
line-height: 1.5em;
padding: 0 10px 0 10px;
}

.small{
font-size: 0.6em;	
}
	
#link{
color: #11289F	
}

#link a:hover { 
color: #2042ED;
padding: 0 4px 0 4px;
}



div#Footer{
clear: both;
width: 100%;
text-align: center;
background-color: #231F1F;
color: #fff;
padding: 1px 0 1px 0;
font-family: Calibri;
}

a, img{
border: none;	
}

@media handheld, screen and (max-width: 958px) { /*Optimalisatie voor Tablets*/
	body{
	font-size: 11px;
	}
	
	div#Wrapper{
	margin-left: auto;
	}
	
	div#Banner{
	
	}	
	
	div#Left{
	margin-left: 3.5em;	
	margin-right: 3em;
	width: 80%;
	padding: 0 3px 0 3px;
	
	}
	
	div#Right{
	margin-left: 3.5em;	
	margin-right: 3em;
	float: left;	
	width: 81%;	
	}
	
	div#Image{
	margin-left: 3.6em;	
	margin-right: 3em;
	height: 180px;
	float: left;	
	margin-bottom: 3em
	}
	
}

@media handheld, screen and (max-width: 480px) {  /* Optimalisatie voor SmartPhones*/
	body{
	font-size: 9px;
	
	}
	
	div#Wrapper{
	width: 90%;	
	margin-left: auto;
	border: 3px solid #fff;
	}
	
	div#Banner{
	
	}	
		
	div#header1{
	display: none;
	}
		
	div#header2{
	display: block;	
	}		

	div#Left{
	margin-left: 2em;	
	margin-right: 3em;
	width: 80%;
	text-align: center;
	padding: 0 3px 0 3px;
	position: center center;
	}
	
	div#Right{
	margin-left: 2em;	
	margin-right: 3em;
	float: left;	
	width: 81%;	
	text-align: center;
	}
	
	div#Image{
	margin-left: 2.8em;	
	margin-right: 3em;
	height: 180px;
	float: left;	
	text-align: center;
	
	}
}


/*http://css.maxdesign.com.au/listamatic/horizontal31.htm*/
#navcontainer ul
{
font-size: 1em;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 0;
margin-top: 0;
margin-left: 0;
background-color: #231F1F;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;

}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 8px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#active{
border-left: 1px solid #fff;	
}

#navcontainer ul li a:hover
{
background-color: #BCBCC2;
color: #000;
}

#navcontainer ul li a:active {

}