@charset "UTF-8";

{
margin: 0;
}
html, body {
height: 768px;
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
a:link {
         color: #1271a0;
         }
a:visited {
         color: #579abc;
         }
a:hover {
         color: #4e962c;
         text-decoration: none;
         }
a:active {
         color: #579abc;
         }
		 
.wrapper {
	width: 1003px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(images/bg_verloopje.gif);
	background-repeat: repeat-x;
	min-height: 830px;
	height: 830px !important;
	height: 830px;
	margin: 0 auto -4em;
}
.footer{
clear: both;
background: #efefef;
width: 1003px;
height: 2em;
font-size:10px;
margin: 0 auto -4em;
}
.wrapper #header {
	background-image: url(images/header_bg.png);
	height: 94px;
}.wrapper #logo {
	left: 18px;
	padding-top: 4px;
	height: 85px;
	width: 260px;
}.wrapper #tijddatum{
	position:absolute;
	margin-left: 500px;
	padding-top: 2 px;
	top: 5px;
	font-size:10px;
}.wrapper #nav {
	position:absolute;
	top:0px;
	float:right;
	margin-left: 630px;
}.wrapper #nav1 {
	height: 68px;
	width: 54px;
}.wrapper #nav2 {
	height: 68px;
	width: 54px;
}.wrapper #nav3 {
	height: 68px;
	width: 54px;
}.wrapper #nav4 {
	height: 68px;
	width: 54px;
}.wrapper #nav5 {
	height: 68px;
	width: 54px;
}
.wrapper #foto_header {
	margin-top: 48px;
	width: 730px;
	height: 158px;
	top: 96px;
	}
.wrapper #leftcolum {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	left: 105px;
	width: 264px;
	height: 465px;
	top: 97px;
	}
#sb02 {
	margin-left:-17px;
}
#sb03_rechts {
	float:right;
	margin-left:-300px;
}
.wrapper #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
}
.wrapper #apDiv2 {
	position: relative;
	left: 273px; 
	top: -464px; 
	width: 730px; 
	height: 21px; 
	z-index: 2;
}
.wrapper #apDiv3 {
	position: relative;
	left: 273px; 
	top: -306px; 
	width: 730px; 
	height: 33px; 
	vertical-align: middle;
	background-image:url(images/submenu_bg.png);
	}
.wrapper #apDiv4 {
	position:relative;
	left: 273px;
	top: -358px;
	width: 730px;
	height: 19px;
	vertical-align: middle;
	background-image: url(images/bluebar_bg.png);
	}
.wrapper #apDiv5 {
	position: relative; 
	left: 273px; 
	top: -327px; 
	width: 730px; 
	min-height:451px;
  	height:auto !important;
  	height:451px; 
	background:#FFFFFF;
	vertical-align: middle;
	}
.wrapper #apDiv5-text {
    padding-left: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-right:10px;
	height: 432px;
	width: 710px;
	overflow-y: auto;
	}
#strong{
color:#4e962c;
}
#remotesupport {
	position:relative;
	hight: 177px;
	width: 169px;
	left: -15px;
	margin-top: 10px;
}