/* ============= defining screen layout =====================*/
@media screen {

body {
background: #FF8000;
position: relative;
margin: 0;
padding: 0;}


div#menu {
position: absolute;
top: 8px;
left: 8px;
width: 160px;
height: 500px;
}

div#menuafdekking {
position: absolute;
top: 345px;
left: 8px;
width: 143px;
height: 50px;
background: #FF8000;
padding-top: 10px;
padding-left: 0px;
font: 10px Verdana, sans-serif;
color: white;
}
  
div#menuafdekking table{
font: 7pt Verdana, sans-serif;
color: white;
text-align: center;
}
  
div#logoprint{
  display: none;
}

div#main {
position: relative;
margin-left:158px;
margin-right:15px;
top: 15px;
height: 1px;
/*background-color: blue; #FF8000;*/
}

div#content {
position: relative;
margin-left:0px;
left:0px;
margin-right:0px;
top: 0px;
bottom: 0px;
background-color: white;
border-top: 3px solid #043064;
/*border-bottom: 3px solid #043064;*/
border-left: 3px solid #043064;
border-right: 3px solid #043064;
padding: 0px;
font: 13px Verdana, sans-serif;
line-height: 18px;
}

div#content table {
font: 13px Verdana, sans-serif;
line-height: 18px;
/*margin: 20px 1em 1em;*/
margin-left: 22px;
margin-right: 22px;
margin-top: 1em;
margin-bottom: 0em;
}

div#content2 { /* Tabel met 100% width in IE6 is excl. padding en borders, de W3 referentie is incl. Daarom 2e div om een 100% tabel binnen de marges te dwingen in IE6.*/
position: relative;
width:100%;
margin-left:00px;
left:0px;
margin-right:0px;
right:0px;
top: 0px;
bottom:0px;
background-color: white;
border-top: 0px solid #043064;
border-bottom: 0px solid #043064;
border-left: 0px solid #043064;
border-right: 0px solid #043064;
font: 13px Verdana, sans-serif;
}

div#footerleft{
float:left;
left: 0px;
right:0px;
width: 100px;
margin-top: 0px;  /*= font grootte content*/
height: 62px;
background-color: white;
border-left: 3px solid #043064;
border-bottom: 3px solid #043064;
}

div#footertussen{
position: relative;
height: 62px;
margin-right:63px;
margin-left: 97px;
margin-top: 0px;  /*= font grootte content*/
left:-3px;
background-color: white;
border-bottom: 3px solid #043064;
}

div#footerright{
float:right;
background: url(../pictures/hoekje3.gif);
margin-right: 0px;
margin-top: -65px;
width: 66px;
height: 65px;
}

div#content h1 {
margin: 1px 1px 0.5em;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 40px;
padding-left: 25px;
text-align: right;
background: #4B7BBC;
color: #FFFFFF;
letter-spacing: 0.1em;
font: bold 16px sans-serif;
vertical-align: bottom; 
}

div#content p {
margin-left: 22px;
margin-right: 22px;
margin-top: 1em;
margin-bottom: 0em;
}



div#content h2 {
font: bold 17px Verdana, sans-serif;
color: #4B7BBC;
/*margin: 20px 0.65em 1em;
margin: 20px 11px 1em;*/
margin-top: 1.2em;
margin-bottom: 1.2em;
margin-left: 22px;
margin-right: 22px;
}

div#content h3 {
font: bold 15px Verdana, sans-serif;
color: #000000;
/*margin: 20px 0.8em 1em;*/
margin-top: 1.2em;
margin-bottom: 1.2em;
margin-left: 22px;
margin-right: 22px;
}

div#content ul {
margin-left: 25px;
margin-right: 22px;
margin-top: 1em;
margin-bottom: 0em;
padding-left:25px;
}

div#content li{
margin-left: 0px;
padding-left: 0px;
}


div#message {
position: relative;
margin-top: 30px;
margin-bottom: 0px;
margin-left:100px;
margin-right:160px;
border: 3px solid #4B7BBC;
padding: 8px 12px 10px;;
font: 13px Verdana, sans-serif;
}

div#actlist {
position: relative;
margin-top: 30px;
margin-bottom: 30px;
margin-left:30px;
margin-right:30px;
border: 3px solid #4B7BBC;
padding: 0px 8px 0px;
font: 13px Verdana, sans-serif;
}


div#content a:link {color: #0000FF;text-decoration:none;}
div#content a:visited {color: #0000FF;text-decoration:none;}
div#content a:link:hover {color: #FF8000;text-decoration:none;}
div#content a:visited:hover {color: #FF8000;text-decoration:none;}



/* omdat de <hr> niet goed werkt in IE met veel style elementen de divider als vervanging */
div#divider {
margin-left:12px;
margin-right:12px;
height:4px;
border-bottom: 2px solid #4B7BBC;
font: 0px Verdana, sans-serif;
}

.button
{
	font-family:Verdana,Arial,sans-serif; 
	font-size:8pt; 
	color:white; 
	background-color:#234f8f; 
	border:black; 
	border-style: groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;
}

.edit
{
	font-family:Verdana,Arial,sans-serif; 
	font-size:8pt; 
	color:white; 
	background-color:green; 
	border:black; 
	border-style: groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;
}

.delete
{
	font-family:Verdana,Arial,sans-serif; 
	font-size:8pt; 
	color:white; 
	background-color:red; 
	border:black; 
	border-style: groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;
}

.deletesmall
{
	font-family:Verdana,Arial,sans-serif; 
	font-size:6pt; 
	color:white; 
	background-color:red; 
	border:black; 
	border-style: groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;
}

.TextBoxCentered		
{
  text-align: center;
	font-family:verdana,Arial,sans-serif; 
	font-size:8pt; 
	color:black; 
	background-color:white; 
	border:black; 
	border-style:groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;
}

.TextBox		
{
/*	font-family:verdana,Arial,sans-serif; 
	font-size:8pt;*/ 
	font: 13px Verdana, sans-serif;
  line-height: 18px;
	color:black; 
	background-color:white; 
	border:black; 
	border-style:groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;
}

.TextBoxTitle		
{
	font-family:verdana,Arial,sans-serif;
	font-weight: bold; 
	font-size:8pt; 
	color:black; 
	background-color:white; 
	border:black; 
	border-style:groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;
}

.List		
{
	font-family:verdana,Arial,sans-serif; 
	font-size:8pt; 
	color:black; 
	background-color:white; 
	border:black; 
	border-style:groove; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-left-width:1px;
}

}

/* =================== defining print layout ====================*/
@media print {
  div#menu {
  display: none;
  }
  
  div#menuafdekking {
  display: none;
  }
  div#logoprint{
/*  background: url(../pictures/logo_print.gif); */
  height:75px;
  width:137px;
  }
  div#main {
  width:100%;
  position: relative;
  margin-left:0px;
  margin-right:0px;
  top: 0px;
  border-top: 0px solid #043064;
  border-right: 0px solid #043064;
  }
  
  div#footerleft{
  display: none;
  }  
  
  div#footertussen{
  display: none;
  } 
   
  div#footerright{
  display: none;
  }
    
  div#content {
  position: relative;
  margin-left:0px;
  left:0px;
  margin-right:0px;
  top: 0px;
  bottom:0px;
  background-color: white;
  border-top: 0px solid #043064;
  border-left: 0px solid #043064;
  border-right: 0px solid #043064;
  padding-right: 20px;
  font: 14px Verdana, sans-serif;
  line-height: 18px;
  }
  
  div#content p {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 1em;
  margin-bottom: 0em;
  }
  
  div#content table {
  font: 13px Verdana, sans-serif;
  line-height: 18px;
  /*margin: 20px 1em 1em;*/
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 1em;
  margin-bottom: 0em;
  }
  
  div#content h1 {
/*  margin: -9px -9px 0.5em; */
  margin-top: -45px;
  margin-left: 0px;
  margin-bottom: 40px;
  
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 140px;
  text-align: right;
  color: black;
  letter-spacing: 0.1em;
  font: bold 17px Verdana, sans-serif;
  vertical-align: bottom; 
  }
  
  div#content h2 {
  font: bold 17px Verdana, sans-serif;
  color: #000000;
  /*margin: 20px 0.65em 1em;
  margin: 20px 11px 1em;*/
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  margin-left: 0px;
  margin-right: 0px;
  }  

  div#content h3 {
  font: bold 15px Verdana, sans-serif;
  color: #000000;
  /*margin: 20px 0.8em 1em;*/
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  margin-left: 0px;
  margin-right: 0px;
  }

  div#content h3 a:link {color: #000000;font: 14px Verdana, sans-serif; text-decoration:underline;}
  div#content h3 a:visited {color: #000000;font: 14px Verdana, sans-serif; text-decoration:underline;}  

  div#content ul {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 1em;
  margin-bottom: 0em;
  padding-left:10px;
  }
  
  div#content li{
  margin-left: 0px;
  padding-left: 0px;
  }  
  
  div#message {
  position: relative;
  margin-top: 30px;
  margin-bottom: 20px;
  margin-left:50px;
  margin-right:50px;
  border: 2px solid gray;
  padding: 8px 12px 10px;;
  font: 14px Verdana, sans-serif;
  }

  /* omdat de <hr> niet goed werkt in IE met veel style elementen de divider als vervanging */
  div#divider {
  margin-left:0px;
  margin-right:0px;
  margin-bottom:10px;
  height:4px;
  border-bottom: 2px solid #000000;
  font: 0px Verdana, sans-serif;
  }
  
  div#actlist {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left:30px;
  margin-right:30px;
  border: 2px solid gray;
  padding: 0px 8px 0px;;
  font: 13px Verdana, sans-serif;
  }
  
  div#content a:link {color: #000000;font: 14px Verdana, sans-serif; text-decoration:underline;}
  div#content a:visited {color: #000000;font: 14px Verdana, sans-serif; text-decoration:underline;}
  div#content a:link:hover {color: #FF8000;text-decoration:none;}
  div#content a:visited:hover {color: #FF8000;text-decoration:none;}
  
  .edit {
  display: none;
  }

.delete {
  display: none;
  }
.edittabel {
  display: none;
  }
}