body
{
  abackground-color:#A8D0D0;
  background-color:#BBB;
  background-repeat:repeat-y;
  padding-left:10;
  font-family:arial;
  font-size:20;
}

h1
{
  color:darkblue;
  text-align:center;
}
h1.Error
{
  color:red;
  text-align:center;
  font-size:20;
}
span.info
{
  color:#4E4E4E;
}
div.Datum
{
  font-weight:bold;
}
div.Omschrijving
{
  font-size:13;
}
td
{
  font-size:14;
}
td.OverzichtHoofd
{
  font-weight:bold;
  border-bottom:1px solid darkblue;
}
td.OverzichtUser
{
  font-size:14;
  border-bottom:1px solid darkblue;
}
td.OverzichtPath
{
  font-size:14;
  padding-top:1pt;
  padding-bottom:1pt;
  border-bottom:1px solid darkblue;
}
td.OverzichtDate
{
  font-size:14;
  border-bottom:1px solid darkblue;
}
p.info
{
  font-size:12pt;
  color:#4E4E4E;
}
td.header
{
  font-weight:bold;
  border:1px solid ivory;
  background-color:#6EA7A7;
  color:white;
  text-align:center;
  padding:2 3 2 3;

}
td.User
{
  border-bottom:1px solid ivory;
}

input.hint
{
  font-style:italic;
  color:darkgray;
}
div.home
{
  color:#555555;
  padding:5px;
  margin-top:0px;
  margin-bottom:5px;
  border:1px solid gray;
  background:#EFEFEF url("Images/achterBox.jpg") repeat-x;

  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  behavior: url(border-radius.htc);
}
div.contact
{
  background:#EFEFEF url("Images/achterBox800.jpg") repeat-x;
}

td.form
{
  color:#555555;
}

div.adres
{
  padding-left:90px;
  color:#00008B;
  font-size:14pt;
}

a.normal
{
  color:#00008B;
}

p.home
{
  padding:0px;
  margin:0px;
  padding-top:10px;
  padding-bottom:10px;
}

div.knop
{
  margin:0px;
  padding:0px;
  padding-top:3px;
  text-align:center;
  width:80px;
  height:20px;
  color:white;
  font-size:9pt;
  background-image:url("Images/knop.png");
  background-repeat:no-repeat;
  cursor:hand;
  cursor:pointer;
}
div.knopHover
{
  background-image:url("Images/knopD.png");
}

div#header
{
	position: relative;
	overflow: hidden;
}

div#header > div
{
	padding:2px;
	border:1px solid gray;
	border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  background-color: #999;
	display:inline-block;
}

div#headerGeert
{
	position: relative;
}

img#headerGeertOverlay
{
	z-index: 1;
	position: absolute;
	left: 3px;
}

div#headerFirst
{
	position: absolute;
	animation: headerFirst 2s linear;
	animation-fill-mode: both;
}

@keyframes headerFirst {
  0% {transform: scale(0.18); top:-26px; left: 70px;}
  20% {transform: scale(0.18); top:-26px; left: 153px;}
  95% {transform: scale(1); top:0px; left: 340px;}
  100% {transform: scale(1); top:0px; left: 340px;}
}

div#headerSecond
{
	position: absolute;
	animation: headerSecond 2s linear;
	animation-fill-mode: both;
}

@keyframes headerSecond {
  0% {left: 340px;}
  20% {left: 340px;}
  95% {left: 656px;}
  100% {left: 678px;}
}

div#headerThird
{
	position: absolute;
	animation: headerThird 2s linear;
	animation-fill-mode: both;
}

@keyframes headerThird {
  0% {left: 678px;}
  25% {left: 678px;}
  95% {left: 972px;}
  100% {left: 994px;}
}