html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: auto;
	height: 100%;
}

body {
  font-family: arial, verdana, helvetica;
}

a { color: black;}
img { border: 0px; }

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

h1, h2, h3 {
  color: #01b5f0;
}

h1,h2,h3,h4,h5,h6 {
  margin-top: 0px;
}

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3,h4 { font-size: 14px; }
h5 { font-size: 13px; }

p, div, td, li {
  font-size: 12px;
}

hr {
  width: 100%;
  height: 1px;
  border: 1px dashed #cccccc;
}

#mainBody {
  background-image: url(_layouts/bg_page.gif);

}

#page {
  width: 761px;
  margin: 10px auto;
  background-image: url(_layouts/bg_middle.gif);
  background-repeat: repeat-y;
}

#top
{
  width: 100%;
  height: 22px;
  background-image: url(_layouts/bg_page.gif);
}

#top_left {
  background-color: #0099ff;
  float: left;
  width: 12px;
  height: 100%;
}

#top_middle {
  background-color: #0099ff;
  float: left;
  font-size: 10px;
  height: 22px;
  line-height: 22px;
}

#top_middle a {
  color: white;
  text-decoration: none;
}

#top_middle span {
  color: white;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
}

#top_right {
  background-color: #0099ff;
  background-image: url(_layouts/bg_top_right.gif);
  float: left;
  width: 13px;
  height: 100%;
}

#header {
  width: 100%;
  height: 253px;
  background-image: url(_layouts/bg_header.gif);
}

#middle {
  width: 100%;
  clear: both;
}

#footer {
  background-image: url(_layouts/bg_footer.gif);
  width: 100%;
  height: 40px;
  clear: both;
}


#header-menu {
  float: left;
  width: 195px;
  padding: 10px 1px 0px 21px;
}

#header-image {
  float: left;
  width: 524px;
  height: 182px;
  background-image: url(_layouts/header.jpg);
  margin-top: 10px;
}

#header-end {
  clear: both;
  padding: 0px 21px 0px 22px;
}


#header-login {
  float: right;
  padding-top: 5px;
  height: 30px;
}

#header-breadcrumb {
  float: left;
  padding: 10px;
  color: #cccccc;
}

#header-breadcrumb a {
  color: #cccccc;
  text-decoration: none;
  }

#content {
  float: left;
  padding-left: 30px;
  width: 500px;
  
}

#rightcontent {
  float:right;
  padding-right: 20px;
  width: 197px;
  height: 100%;
}

#contact {
  padding: 10px;
  font-size: 10px;
}

#contact p { font-size: 10px; }

.menuitem, .menuitem_selected
{
  width: 100%;
  height: 25px;
  background-repeat: no-repeat;
  border-bottom: 1px solid white;
  line-height: 25px;
  font-size: 11px;
  cursor: pointer;
}

.menuitem a, .menuitem_selected a
{
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 5px;
}

.menuitem { background-image: url(_layouts/bg_menu.gif);}
.menuitem_selected { background-image: url(_layouts/bg_menu_selected.gif);}

.submenuitem, .submenuitem_selected
{
  width: 100%;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  font-size: 11px;
}

.submenuitem { 
  background-color: #afcbdb;
  border-top: 1px solid #afcbdb;
  border-bottom: 1px solid #afcbdb;
}

.submenuitem_selected { 
  background-color: #cedee7;
  border-top: 1px solid white; 
  border-bottom: 1px solid white; 
}

.submenuitem a, .submenuitem_selected a {
  text-decoration: none;
  padding-left: 5px;
}

.submenuitem a { color: #023b8c; }
.submenuitem_selected a { color: #3f484a; }

.bluebanner {
  background-color: rgb(51,153,204);
  border: 1px solid rgb(4,101,149);
  width: 100%;
  text-align: center;
}
.bluebanner, .bluebanner a {
  color: white;
  font-weight: bold;
}
.loginbutton, .logoutbutton {
  background-image: url(/lib/_layouts/btn_inloggen.gif);
  background-color: transparent;
  border: none;
  width: 84px;
  height: 22px;
}
.logoutbutton {
  background-image: url(/lib/_layouts/btn_uitloggen.gif);
}