html {
	height: 100%; }

body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 100%;
	text-align: center; }

* html body {
    scrollbar-3dlight-color: #fff;
    scrollbar-arrow-color: #005ca5;
    scrollbar-base-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-face-color: #fff;
    scrollbar-highlight-color: #005ca5;
    scrollbar-shadow-color: #005ca5;
    scrollbar-track-color: #fff;

		behavior: url(css/hover.htc) }

#wrapper {
	width: 837px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url(../images/background.jpg) left top no-repeat;
	bottom: 0; }

* html #wrapper {
  width: 837px; }

#wrapper #zoeken {
  width: 210px;
  height: 20px;
  position:absolute;
  right: 53px;
  top: 76px;
  z-index: 2; }

#wrapper form {
	margin: 10px 0 0 0;}

#wrapper input, #wrapper textarea {
  border: 1px solid #005CA5;
  background: #fff;
  width: 380px;}

#wrapper input.search {
	width: 130px;}

#wrapper input.Buttons {
	width: 130px;
	margin: 0 0 0 252px;}

#wrapper label {
  font-family: Arial, Verdana;
  line-heigh: 20px;
  font-size: 11px; }

#wrapper #perm-links {
  position: absolute;
  top: 0;
  left: 4px;
  padding: 0;
  margin: 0; }

#wrapper #perm-links li {
  width: 105px;
  float: left;
  list-style: none;
  margin: 0 4px; }

#wrapper #perm-links a {
  width: 100%;
  height: 20px;
  line-height: 20px;
  display: block;
  background: #005ca5;
  text-align: center;
  color: #fff;
  text-decoration: none; }

#header {
	width: 100%;
	height: 76px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2; }

#header #logo {
	position: absolute;
	top: 8px; }

#header #variableheader {
  position: absolute;
  top: 0;
  left: 223px; }

#menu {
	width: 221px;
	height: 650px;
	overflow: visible;
  font-family: Arial, Verdana;
  font-size: 11px;
  position: absolute;
  top: 76px;
  bottom: 10px;
  background: url(../images/bg_menu.jpg) top left repeat-x; }

#menu img {
	width: 221px;
 	height: 104px; }

#menu ul {
	width: 111px;
	padding: 0;
	margin: 0;
	top: 10px;
	position: relative; }

#menu ul ul {
  width: 111px;
	height: 162px;
	display: none;
	position: absolute;
	top: -10px;
	left: 110px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #4186bc; }

* html #menu ul ul {
	top: -13px; }

#menu li {
	padding: 0;
	margin: 0;
	list-style: none; }

* html #menu li {
	float: left; }

#menu li a {
	width: 110px;
	display: block;
	padding: 3px 0 3px 9px;
	/*color: #bad3e7;*/
	color: #e9e9e9;
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none; }

#menu a:hover {
  background: url(../images/hit.gif) left no-repeat;
	color: #fff; }

#menu li li a {
	display: block;
	font-size: 12px;
	padding: 3px 0 3px 9px;
	background: none;
	text-transform: none; }

#menu .hit {
	background: url(../images/hit.gif) left no-repeat;
	color: #fff; }

#menu li:hover ul {
	display: block; }

#menu li:hover a {
  background: url(../images/hit.gif) left no-repeat;
	color: #fff; }

#menu li:hover li a {
  color: #bad3e7;
  background: none; }

#menu li li a:hover {
  background: url(../images/hit.gif) left 4px no-repeat;
  color: #fff; }

#newscontainer {
	position: absolute;
	top: 302px;
	color: #fff;
	padding: 0 10px;
	left: 7px;
}

#newscontainer a {
  float: right;
  color: #fff; }

#newscontainer a:hover {
  background: none; }

#newscontainer p {
  color: #e9e9e9;
  font-size: 10px;
  margin: 2px 0;
}

/*#contentcontainer {
  width: 615px;
  position: absolute;
  top: 76px;
  bottom: 0;
  margin: 0 0 0 222px; }

* html #contentcontainer {
  position: relative;
  height: 100%;
  margin: 0;
  left: 222px;
  top: 0; }

#contentscroll {
  height: 100%;
  width: 614px;
  position: absolute;
  top: 0;
  bottom: 0; }*/

#content {
  width: 500px;
  padding: 50px 20px 20px 20px;
  line-height: 1.3em;
  font-family: Arial, Verdana;
  font-size: 11px;
  position: absolute;
  top: 76px;
  left: 222px;
  overflow-x: hidden; }

#content a {
  color: #1f70b0; }

#content a img {
  border: none; }

#content a:hover, #content a:visited {
  color: #005ca5; }

#content table {
  font-family: Arial, Verdana;
  font-size: 11px; }

.referentie {
  height: 150px;
  padding: 5px;
  border-top: 2px solid #7cabd0; }

.text10 {
  font-family: Arial;
  font-size: 11px; }

input {
  font-family: Arial;
  font-size: 11px; }

textarea {
  font-family: Arial;
  font-size: 11px; }
/* -------------------*/
/* BEGIN X-COM FOOTER */
/* -------------------*/

#xcomfooter {
	position: absolute;
	width: 100%;
	left: 7px;
	top: 700px;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
   	font-size: 9px;
    color: #404040;
}
#xcomfooter a, #xcomfooter a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #404040;
    text-decoration: none;
}
#xcomfooter a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #8d8d8d;
    text-decoration: none;
}
/* -------------------*/
/* END X-COM FOOTER   */
/* -------------------*/