html, body {
padding: 0;
margin: 0;

font-family: Arial;
font-size: 11px;
line-height: 16px;

background-color: #000000;
}

div#container {
position: absolute;
left: 50%;
top: 50%;
width: 868px;
height: 495px;

margin-left: -434px;
margin-top: -247px;
background-color: #000000;
}

div#header {
float: left;
clear: both;
height: 91px;
width: 100%;
background-color: #002a5c;
}

	div#header div#logo {
	float: left;
	width: 180px;
	height: 91px;
	background-image: url('../images/logo.jpg');
	background-repeat: no-repeat;
	}

	div#header div.stippel {
	float: left;
	width: 1px;
	height: 91px;
	background-image: url('../images/menu_stippel.jpg');
	background-repeat: no-repeat;
	}

	div#header div.menu_blok {
	float: left;
	height: 91px;
	}

		div#header div.menu_blok a {
		display: block;
		float: left;
		clear: both;

		margin-left: 9px;
		margin-top: 7px;

		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		}

		div#header div.menu_blok a:first-child {
		margin-top: 14px;
		}

		div#header div.menu_blok a:hover {
		text-decoration: underline;
		}

	div#header div#menu_blok1 {
	width: 140px;
	}

	div#header div#menu_blok2 {
	width: 209px;
	}

	div#header div#menu_blok3 {
	width: 183px;
	}

	div#header div#menu_blok4 {
	width: 152px;
	}

div#content {
float: left;
clear: both;
position: relative;
width: 100%;
height: 384px;

border: 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;

overflow: hidden;
}

	div#content div#bg {
	position: absolute;
	left: 0px;
	top: 0px;

	width: 868px;
	height: 386px;
	z-index: 1;
	}

	div#content div#animatie {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1736px;
	height: 384px;
	z-index: 2;
	}

		div#content div#animatie div#anim_intro {
		position:absolute;
		left: 0px;
		top: 0px;
		width: 868px;
		height: 384px;
		}

		div#content div#animatie div#anim_content {
		position:absolute;
		left: 868px;
		top: 0px;
		width: 868px;
		height: 384px;
		}

	div#content div#animatie div#anim_intro div#balk,
	div#content div#balk {
	position: absolute;
	left: 0px;
	top: 155px;

	width: 868px;
	height: 69px;
	z-index: 2;
	}

	div#content div#animatie div#anim_intro div#knop,
	div#content div#knop {
	position: absolute;
	left: 765px;
	top: 172px;
	width: 37px;
	height: 37px;
	z-index: 3;
	}

	div#content div#animatie div#content_groot,
	div#content div#content_groot {
	position: absolute;
	left: 0px;
	top: 0px;

	width: 868px;
	height: 388px;
	z-index:2;
	}

		div#content div#animatie div#content_groot div#tekstblok,
		div#content div#content_groot div#tekstblok {
		position: absolute;
		left: 20px;
		top: 20px;
		width: 465px;
		height: 350px;
		overflow: auto;

		font-family: Times;
		font-size: 10pt;
		line-height: 15px;
		}

	div#content div#animatie div#content_klein,
	div#content div#content_klein {
	position: absolute;
	left: 0px;
	top: 0px;

	width: 868px;
	height: 388px;
	z-index:2;
	}

		div#content div#animatie div#content_klein div#tekstblok,
		div#content div#content_klein div#tekstblok {
		position: absolute;
		left: 20px;
		top: 20px;
		width: 170px;
		height: 350px;
		overflow: auto;

		font-family: Times;
		font-size: 10pt;
		line-height: 15px;
		}

div#footer {
position: relative;
float: left;
clear: both;
height: 17px;
width: 868px;
background-color: #002a5c;
}

  div#footer div {
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -434px;
  width: 868px;
  height: 17px;

  font-size: 10px;
  color: #ffffff;
  text-align: center;
  }

  	div#footer div a {
  	color: #ffffff;
  	}

img.png {
behavior: url('css/pngstijl.htc');
}

a img {
border: 0;
}

h1 {
margin: 0;
padding: 0;
margin-top: 5px;
margin-bottom: 10px;
font-size: 20pt;
}

a {
color: #000000;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: underline;
}

.input {
width: 250px;
border: 1px solid #000000;
}