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;
margin-bottom: 3em;
width: 45%;
font-family: Calibri;
font-size: 1.5em;
background-color: whitesmoke; /*#E9E9EB;*/ 
text-align: center;
border: 2px solid #2B3564; #000;
color: #000;
line-height: 25px;
padding: 0 2px 0 2px;

}

div#Right{
Float: right;
margin:  1em;
width: 45%;
font-family: Calibri;
font-size: 1.5em;
background-color: whitesmoke; /*#E9E9EB;*/
color: #000;
margin-bottom: 3em;
text-align: center;
border: 2px solid #2B3564; #000;
line-height: 23px;
/*border-radius: 15px;*/
/*background-image: url('Images/grey_background.jpg');*/
}

.list{
padding-left: 0;
}

.paragraph1{
margin-top: 1em;	
padding: 0 10px 0 10px;
}

.paragraph{
font-size: 0.9em;	
	}
	
.tel{
font-weight: bold;	
}

div#Image{
Float: right;
margin: 1.5em 1em 2em 1em;
text-align: center;
}

div#Image2{
Float: right;
margin: 1.5em 5em 2em 1em;
text-align: center;
display: block;
}

#link{
line-height: 150%;
}

#link a:hover { 
color: #000; /*#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.9em;	
	margin-right: 3em;
	width: 80%;
	padding: 0 3px 0 3px;
	}
	
	div#Right{
	margin-left: 3.9em;	
	margin-right: 3em;
	float: left;	
	width: 80%;	
	}
	
	div#Image{
	margin-left: 5em;	
	margin-right: 3em;
	height: 180px;
	float: left;	
	margin-bottom: 3em
	}
	
	div#Image2{
	margin-left: 3.6em;	
	margin-right: 3em;
	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: 2em;
	width: 80%;
	text-align: center;
	padding: 0 3px 0 3px;
	
	}
	
	div#Right{
	margin-left: 2em;	
	margin-right: 2em;
	float: left;	
	width: 81%;	
	text-align: center;
	}
	
	div#Image{
	margin-left: 2.8em;	
	margin-right: 3em;
	height: 180px;
	float: left;	
	text-align: center;	
	}
	
	div#Image2{
	display: none;
	}
}


/*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; /*#3F4444;*/
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 {

}