html, body {
margin: 0;
padding: 0;
height: 100%; /* Required */
}

#body {
margin: 0;
padding: 0;
background-image: url(images/bg_submenu.gif);
background-repeat: repeat-y;
}

#viewport {
margin: 0px auto;
width: 100%;
position: relative;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */	
text-align: left;
}

/* Parent elements */
#menu-parent {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 189px;
  width: 100%;
  background: url(images/bg_menu_1.jpg);
  background-repeat: no-repeat;
  padding: 0px;
}
#submenu-parent {
  position: absolute;
  top:189px;
  bottom: 0;
  left: 0px;
  margin: 0;
  width: 220px;
}
#content-parent {
  position: absolute;
  top: 189px;
  left: 220px;
  width: 660px;
  padding-bottom: 2em;
}


#menu {
  position: absolute;
  left: 214px;
  top: 42px;
  width: 561px;
  height: 30px; 
  font-size: 3px;
}

.menuitem img, .menuitem a, .menuitemlast img, .menuitemlast a {
  border: 0px;
  height: 15px;
}

.menuitem, .menuitemlast {
  float: left;
  height: 15px;
}
.menuitem {
  background: url(images-custom/button_back.gif) no-repeat right;
  padding-right: 4px;
}

/* Submenu */
#submenu {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	width: 140px;
	margin-left: 20px;
}
#submenu a	{	text-decoration: none; }


.submenu-level1-no, .submenu-level1-act, .submenu-level1-ro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 6px 2px 6px;
	margin-top: 3px;
}
.submenu-level1-act {
	background-color: #271673;
	border: 1px solid #271673;
}
.submenu-level1-act a {
	font-weight: bold;
	color: #FFFFFF;
}
.submenu-level1-no {
	background-color: #D9D6E7;
	border: 1px solid #7D69A4;
}
.submenu-level1-no a {
	color: #271673;
}
.submenu-level1-ro {
	background-color: #7D69A4;
	border: 1px solid #7D69A4;
}
.submenu-level1-ro a {
	color: #FFFFFF;
}


.submenu-level2-no, .submenu-level2-act {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 6px 3px 6px;
	border-color: #7D69A4;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
}
.submenu-level2-no 	{	background-color: white; }
.submenu-level2-no a	{ 	color: #271673; }
.submenu-level2-act 	{ 	background-color: #7D69A4; }
.submenu-level2-act a 	{	color: white; }
.submenu-level2-last 	{	border-width: 0px 1px 1px 1px; }


#content-title {
  font-family: Verdana; 
  font-weight: normal; 
  color: #271673; 
  font-size: 18px; 
  line-height: 26px;
}
#content h1 {
  font-weight: bold;
  color: #32785C;
  font-size: 14px;
  line-height: 20px;
  background: url(images/bolletje1.gif) no-repeat left 5px;;
  padding-left: 18px;
  margin: 0px;
}
#content h3 {
  font-family: Verdana; 
  font-weight: normal; 
  color: #271673; 
  font-size: 18px; 
  line-height: 26px;
  margin-bottom: 0px;
}
#content h4 {
  font-weight: bold;
  color: #32785C;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#content, #content p {
  font-family: Verdana; 
  font-weight: normal; 
  font-size: 12px; 
  line-height: 16px;
}
#content ul {
margin-left: 0px;
padding-left: 0px;
}

#content li {
margin-left: 20px;
padding-left: 0px;
}
#content a {
  font-weight: bold;
  color: #271673;
}

.contenttable {
  width: 550px;
}
.td-0 {
  font-weight: bold;
  color: #32785C;
  font-size: 12px;
  line-height: 16px;
  width: 130px;
  vertical-align: top;
}
.td-last {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  list-style-image: url(images/bolletje1.gif);
}
.bodytext {
  margin-top: 0px;
}

#disclaimer {
  height:15px;
  font-family: Arial;
  font-size: 9px;
  color: black;
  text-align:center;
  z-index:333;
  width:220px;
  left: 0;
}
#disclaimer { /* for IE */
  position: absolute;
  top: expression( ( 0 - disclaimer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop - 10: document.body.scrollTop - 10) ) + 'px' );
}

div[id=disclaimer] { /* for mozilla */
  position: fixed !important;
  bottom:0;
}


#loginbox {
  position: absolute;
  top: 0px;
  left: 780px;
  z-index:333;
}

#loginbox p {
  font-family: Verdana; 
  font-weight: normal; 
  font-size: 12px; 
}


.inputveld-login {

}

.submit-button {

}

/* Zoekbox */
#zoekbox {
  position: absolute;
  top: 42px;
  left: 780px;
  z-index:333;
}

#zoekbox-layout {
  width: 150px;

}


/* Zoekresultaat */
.zoekresultaat-rij { margin: 1em 0 1em 0; }
.zoekresultaat-rij-titel {}
.zoekresultaat-rij-pad a {
  color: gray !important; 
  font-weight: normal !important;
}
.zoekresultaat-rij-beschrijving {	}

/* Elementen t.b.v. RTE */
p.opmerking-blauw {
background-color: #E0E0FF;
padding: 2px 4px 2px 4px;
border: 1px solid #333399;
}


/* Formulieren */
.form-error {
color: red;
}
.form-container {
width: 500px;
border: 1px solid gray;
padding: 0.7em 1em 0.7em 1em;
text-align: center;
}
.form-subtitel {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #CCC;
  padding-top: 1em;
  margin-bottom: 0.5em;
  color: #271673;
  font-size: 18px;
  line-height: 120%;
}

.form-element {
padding: 4px;
text-align: left;
}
.form-element-label {
width: 170px;
font-weight: bold;
float: left;
}
.form-element-field textarea {
width: 302px;
height: 80px;
font-family: Arial;
font-size: 10pt;
padding: 2pt 3pt 2pt 3pt;
}

.form-error {
margin-top: 3px;
margin-bottom: 3px;
}
.form-error li {
list-style: square!important;
background: none!important;
margin-left: 20px!important;
padding-left: 0px!important;
}
.form-required {
color: red;
}
.form-w0 { width: 80px; }
.form-w1 { width: 160px; }
.form-w2 { width: 245px; }
.form-w3 { width: 50px; }
.form-w5 { width: 302px; }
.form-w6 { width: 225px; }
.form-element-label-note {
font-weight: normal;
font-size: 8pt;
}

.form-element-submit {
padding-left: 200px;
text-align: center;
}
#form-keuze {
display: none;
}


#afdrukken {
border-top: 1px solid #DDD;
}
#afdrukken, #afdrukken a {
font-size: 8pt;
color: #777;
text-decoration: none;
padding-top: 2px;
}
#afdrukken img {
padding-right: 4px;
padding-left: 10px;
}