*
{
    font-size: small;
    margin: 0;
    padding: 0;
}
html
{
    overflow-y: scroll;
    overflow-x: auto;
}
body
{        
    background-position: center top;
    background-image: url('images/backgroundIMG.jpg');
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: 12px;
    padding-top: 0px;
    color: black;       
}
p
{
    padding: 0; /*1em 0;*/
}
ul
{ 
    margin-left: 0; 
    padding-left: 0px;     
} 
li
{
    margin-left: 30px; 
    padding-left: 0px;     
}
#footerHeader
{
	margin: 0 20px 0 20px;
	color: #565658;
	position:relative;
	left: 322px;	
	text-align: center;
	width:200px;
	top: 0px;
}
#adress
{	
	text-align: right;
	position:relative;
	color: #565658; 
	width:800px;
	top:242px;
	left:61px;
}
#adress a
{
	text-decoration: none;
	color: #565658; 
}
#footerContent
{	
	position: absolute;
	height: 202px;
	width: 800px;
	left: 41px;
	top: 30px;
}
#container
{
    margin: 0 auto;    
    width: 900px;          
    border: 0px;              
}
div#header
{		
    height: 129px;    
    margin: 0 0 0 0;  
    background-image: url('images/header.jpg');  
}
#flashHeader
{
	height: 193px;    
    margin: 0 0 0 0;   
}
#maincontent
{			        	
    width: 100%;   
    background-image: url('images/maincontent.jpg');
    background-repeat: no-repeat;
    background-position: top;                    
}
#logo
{
	position: relative;
	left: 117px;
	top: 78px;
	height: 96px;
	width: 400px;
}
#right
{
	width: 155px;
	float: right;	
}
div#logout
{
	position: absolute;
	top: 0px;
	left: 0px;	
}
div#extra
{
	position: absolute;
	top: 25px;
	left: 0px;
}
.clear
{
    clear: both;
}
#footer
{
    background: transparent url( 'images/footer.jpg' ) center top no-repeat;
    height: 44px;         
}
#empty
{
	width: 100%;
	height: 25px;	
}
.adres
{
	font-family: Arial;
	font-size: 12px;
}
div#languages
{
	position: relative;
	width: 117px;
	height: 19px;
	left: 212px;
	top: 110px;
}
.lang
{
	width: 39px;
	float: left;
}
.langE
{
	width: 38px;
	float: left;	
}
/*Overige standaard opmaak*/
.lblContentWhite
{
	font-family: Arial;
	line-height: 12pt;
	color: White;		
}
#content .error
{
	font-family: Arial;	
	font-size: 11px;
	font-weight: normal;
	color: red;
}
#content .lblPageHeader
{
	font-weight: bold;
	font-size: 13px;
	color: #565658;		
}
#content p
{
	font-weight: normal;
	font-size: 12px;
	color: black;		
}
#content a
{
	font-weight: normal;
	font-size: 12px;
	color: black;	
}
#content span
{
	font-weight: normal;
	font-size: 12px;
	color: black;		
}
#content strong
{
    font-weight : bold;
	font-size: 12px;
	color: black;	
}
#content u
{
    font-weight : normal;
	font-size: 12px;
	color: black;		
	text-decoration: underline;
}
div#PageHeader
{
	position: relative;
	top: -25px;
}
div#pageExtra
{
	position: absolute;
	width: 650px;
}
div#edit
{
	position: relative;	
	width: 100px;
	height: 30px;
}
.bold
{
	font-weight: bold;
}
a{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;		
}
a.lnkMeer
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	text-decoration: none;		
}
a:hover .lnkMeer
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Gray;
	text-decoration: none;		
}
a:visited.lnkMeer
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Gray;
	text-decoration: none;		
}
a.lnkHeaderEmail
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: black;
}
a:hover .lnkHeaderEmail
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: black;
}
.lblKruimel
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Gray;	
}
a.lnkKruimel
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Gray;
	text-decoration: none;		
}
a:hover .lnkKruimel 
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	text-decoration: none;		
}
.lblHeader
{
	font-family: Arial;
	font-size: 13px;	
	font-weight: bold;
	color: #565658;
}
table.tabel {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: white;
	border-collapse: collapse;
	background-color: white;
}
table.tabel th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #faf0e6;
	background-color: #fff5ee;
	-moz-border-radius: ;
}
table.tabel td {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #faf0e6;
	background-color: #fff5ee;
	-moz-border-radius: ;
}
.gray
{	
	color: #808080;
}
div#weather
{
	position:relative;
	left: 705px;
	top: 11px;
	width: 200px;	
}
/*--Start Menu--*/
div#menu
{
	width: 186px;
	min-height: 450px;
	float: left;
	text-align: left;
    margin: 0 0 0 0;  
    padding: 0 0 0 8px; 
    background-position:top;   
    background-image: url('images/menuback.jpg');
    background-position: top;
    background-repeat: no-repeat;    
}/*
div.submenu a
{
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	text-decoration:none;
	color: #606a6f;
	line-height: 25px;
}
div.submenu a:hover
{
	color: #0364a7;
}

div.silverheader a{
	background: url('images/buttons/button.png') no-repeat center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;	
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	/*width: auto;
	padding: 7px 0;
	padding-left: 7px;
	text-decoration: none;
	color: White;
}
div.line
{
	width: 167px;
	height: 7px;
	background-image: url('images/buttons/between.png');	
}

div.silverheader a:visited, div.silverheader a:active{
	color: White;
}


div.selected a, div.silverheader a:hover{
	background-image: url('images/buttons/buttonOver.png');
	color: White;
}

div.submenu{ /*DIV that contains each sub menu*/	
	/*padding: 7px;
	min-height: 200px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	/*line-height: 20px; 
}*/
/*--Einde Menu--*/
/*Piacco Menu*/
div#change
{
	position:relative;
	text-align:right;
	top:-20px;	
	float:right;
	width: 227px;
}
#change ul
{
    /*list-style: none;*/
    list-style: none; 
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
}
#change li
{
    margin: 0px;  
    margin-left: 0px;
    padding: 0px;
}
#change a
{	
	background-image: url( 'images/naarPiacco.png' );	    
    display: block;          
    vertical-align: middle;    
	padding: 0px;
    text-decoration: none; 
    width: 227px; 
    height: 38px;    
}
#change a:hover
{	
	background-image: url( 'images/naarPiaccoOver.jpg' );	
}
#change span
{
    visibility: hidden;
}
#change img.not
{
    display: none;
}
/*--*/
div#logos
{
	position: relative;	
	float:right;
	padding-right:18px;
	top:124px;
}
div#webcam
{
	position: relative;	
	height: 32px;
	float:left;
	top:124px;
}
#btnAbove
{
	position:relative;
	width: 429px;
	height: 20px;	
	left: 501px;	
	top: -92px;	
}
#btnAbove a
{
	color: #999999;
	text-decoration: none;	
	font-weight: normal;	
}
#btnAbove a:hover
{
	color: #0078ae;
	text-decoration: none;	
	font-weight: bold;	
}
#btnMenu
{
	text-align:right;
	color: #8e8e8e;
	top:-76px;
	left:0px;
	position:relative;
	line-height:18px;
}
#btnMenu span.menuHeader
{
	font-weight: bold;
	color: #8e8e8e;
}
#btnMenu a
{	
	text-decoration: none;
	color: #8e8e8e;	
}
#btnMenu a:hover
{
	text-decoration: none;
	color: #0078ae;
}
.DivMenuInvisible
{
	visibility:hidden;
	position:absolute;
	top:-1000px;
	width:800px;	
}
div#pagecontent
{
	text-align: right;
}
div#pageFooter
{
	background-image: url('images/content-footer.jpg');
	float:right;
	height: 155px;
	width: 670px;			
	padding: 0 18px 20px 18px;
}
div#page
{
	top:-141px;	
	min-height: 250px;
	width: 671px;
	color: #565658;
	float: right;	
	text-align: left;
	background-image: url('images/content-back.jpg');
	background-position: top;
	padding: 0 25px 0px 10px;
}
#page .lblContent
{
	color: #565658;
}
#page .dgRHeader
{	
	font-weight: bold;
	color: #565658;
}
#page a.dgRHeader
{
	font-weight: bold;
	color: #565658;
	text-decoration: none;		
}
#page a:hover.dgRHeader
{
	font-weight: bold;
	color: #0078ae;
	text-decoration: none;		
}
#page a.lnkMeer
{

	color: #565658;
	text-decoration: none;	
}
#page a:hover.lnkMeer
{

	color: #0078ae;
	text-decoration: none;	
}
#page img
{
    margin:10px;
}
#page .lblKruimel
{
	color: #565658;
	font-style: italic;
}
#page a.lblKruimel
{
	color: #565658;
	font-style: italic;
	text-decoration: none;
}
#page a:hover.lblKruimel
{
	color: #0078ae;
	font-style: italic;
	text-decoration: none;
}
#page .lblHeader
{
	color: #565658;
	font-size: 16px;
}