*
{ line-height: 1.4em;
}
html, body 
{ left:0;
  top:0;
  width:100%;
  min-height: 100%;
  margin:0;
  padding:0;
}
.content
{ padding: 4% 7%;
  background-color: white;
}

sub, sup
{ line-height: 0;
}
ul
{ margin-left: 0;
  padding-left: 1em;
  text-align: justify;
  list-style-type:disc;
}
li:hover
{ background-color: #CCCCCC;
  padding: 0px;
  margin: 0px;
}
table
{ width:100%;
  border-collapse:collapse;
}
td
{ padding:0;
}

h1
{ display: block;
  border-bottom: 4px solid #FF8000;
  letter-spacing : 5pt;
  font-size: 150%;
  font-variant : small-caps;
  font-weight: normal;
  margin: 25pt 0 10pt 0;
}
h2
{ display: block;
  border-bottom: 2px solid #FF8000;
  font-size: 125%;
  font-variant : small-caps;
  font-weight: normal;
  margin: 25pt 0 10pt 0;

}
h3
{ display: block;
  border-bottom: 1px solid #FF8000;
  font-size: 100%;
  font-variant : small-caps;
  font-weight: normal;
  margin: 15pt 0 5pt 0;
}
h4
{ display: block;
  border-bottom: 1px solid #FF8000;
  font-size: 100%;
  font-weight: normal;
  margin: 5pt 0 0 0;
}
h5
{ display:block;
  border-bottom: 1px solid #FF8000;
  font-size: 100%;
  font-style: italic;
  font-weight: normal;
  margin: 5pt 0 0 0;
}
h6
{ display:block;
  border-bottom: 1px solid #FF8000;
  font-size: 75%;
  font-weight: normal;
  margin: 2pt 0 0 0;
}


.more
{ display:block;
  border-top: 1px solid #FF8000;
  text-align: middle;
}

.topheader
{ width: 70%;
  display: block;
  text-align: center;
  padding: 30px;
  margin: 20px;
  border: 1px solid #B0B0B0;
  background-color: white;
  font-size: 25pt;
  font-variant : small-caps;
  letter-spacing : 5pt;
  color: #666666;
}
.menu
{ line-height: 2em;
  margin-left: 5%;
}
.menu .item
{ background-color: #FFC080;
  color: black;
  text-decoration: none;
  padding: .4em 2%;
  margin: 10px 2%;
}
.menu .item:hover
{ background-color: white;
}
.menu .item.selected
{ background-color: white;
  padding-bottom: .6em;
}

.date
{ text-align: left;
  vertical-align: top;
  width: 150px;
  font-size:80%;
}
.prop
{ text-align: right;
  vertical-align: top;
  width: 150px;
  padding-right: 10px;
}
.separator
{ width: 2px;
  height: 100%;
  padding: 0;
  background-color: #ff8000;
}
.val
{ vertical-align: top;
  padding-left: 10px;
}
.logo
{ text-align:right;
  vertical-align: top;
  width:140px;
}

ul li
{ position: relative;
}
.ref1
{ visibility:hidden;
  white-space:nowrap;
  padding-left: 10px;
  border:1px solid red;
}
.ref2
{ position: absolute;
  right:0;
  bottom:0;
}
.aanstelling
{ float:right;
  font-style: italic;
  font-size:80%;
  opacity:0.5;
}

.opsomming ul
{ list-style-type:disc;
}
.opsomming li
{ width:220px;
  float: left;
  margin-right:1em;
}

a.cijferlijst img
{ border: 1px solid #B0B0B0;
}


#flags
{
	position:relative;
	float:right;
	padding-right: 2%;
}
#flags img
{
	border:1px solid #A0A0A0;
	padding:1px;
	margin:2px;
	height:15px;
}
#flags img:hover
{
	border:1px solid red;
}

#toggleolder:before
{
	content:"More ...";
	display:block;
	text-align:center;
	background-color:#E5E5E5;
	color:#7F7F7F;
	text-decoration:underline;
}
#toggleolder:hover
{
	border-bottom:1px solid #FFC080;
}

.older #toggleolder:before
{
	content:"Less ...";
}
.old
{
	display:none;
}
.older .old
{
	display:block;
}

@media print
{ body
  { font-family: serif;
  }
  a, td.a
  { color: black;
    text-decoration: none;
  }
  .dontprint, .border, .menu
  { display: none;
  }
  .container
  { width:100%;
    left:0%;
    position:absolute;
  }
  .content
  { padding: 0 7%;
  }
  .footer
  { border-top: 2px solid #FF8000;
	margin: 2% 7%;
  }
  .footer td
  { color: #A0A0A0;
    font-size: 75%;
  }
  .footer a
  { color: #A0A0A0;
  }
}

@media screen
{
body
  {
	font-family: "Helvetica Neue","Helvetica","Segoe UI","Nimbus Sans L","Liberation Sans","Open Sans",FreeSans,Arial,sans-serif;
	line-height: 1.6em;
  }

 .border
  { background-color: #FF8000;
    background-repeat: repeat-y;
    width:10%;
    position: fixed;
    top:0;
    height: 100%;
  }
  .container
  { width:80%;
    left:10%;
    position:absolute;
  }
  
  .dontprint
  { display: block;
  }
  .border.left
  { background-image: url('border-left.gif');
	left:0;
    background-position: right;
  }
  .border.right
  { background-image: url('border-right.gif');
    right:0;
    background-position: left;
  }

  .header
  { background-color: #D0D0D0;
    border: 1px solid transparent;
  }
  .footer
  { background-color: #D0D0D0;
	padding: 5px 5% 5px 5%;
  }
  .footer td
  { color: #A0A0A0;
    font-size: 75%;
  }
  .footer a
  { color: #A0A0A0;
  }

  td
  { padding:5px;
  }

}