body {
  margin: auto;
  width: 798px;
  background-color: #1e3374;
}
form {
  margin: 0px;
  padding: 0px;
}
fieldset {
  width: 510px;
  padding: 5px;
  margin: auto;
  border: 2px solid #fff;
} 
legend {
  padding: 5px;
  margin: 0px;
  border: 2px solid #fff;
}
img {
  border: 0;
}
.imgnm {
  margin: 0px;
}
img.centreren {
  vertical-align: middle;
  margin: 5px;
}
img.thumbs {
  vertical-align: middle;
  margin: 10px;
}
img.groot {
  vertical-align: middle;
} 
a:link {
  color: skyblue;
  text-decoration: none;
}
a:visited {
  color: skyblue;
  text-decoration: none;
}
a:active {
  color: darkred;
  text-decoration: none;
}
a:hover {
  color: yellow;
  text-decoration: none;
} 
textarea, select, input, button {
  background-color: #F7F7F7;
  border: 1px solid #666;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
}
#container {
  width: 798px;
}
#header {
  width: 798px;
  height: 119px;
  background-image: url(img/layout/header.png);
  background-repeat: no-repeat;
}
#box {
  width: 798px;
}
#left {
  width: 120px;
  float: left;
}
#main {
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 558px;
  float: left;
  background-image: url(img/layout/logo.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  margin-top: 10px;
}
#right {
  width: 120px;
  float: right;
}
#footer {
  text-align: center;
  width: 798px;
  color: #bfcee1;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: 8px;
}
.brclear {
  clear: both;
}
.menu {
  width: 109px;
  background-color: #0153A3;
  margin: 10px auto 0px auto;
  color: #ff9;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu_header {
  width: 109px;
  height: 15px;
  background-image: url(img/layout/menu-header.jpg);
  background-repeat: no-repeat;
  color: #ff9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-align: center;
  font-weight: bold;
}
.menu_main {
  padding: 3px;
}

/* 
|
|  Kleur
|
\___________________________________________*/

.login_fout {
  font-size: 10px;
  font-weight: bold;
  color: #e18a8c;
}
h1 {
  text-align: center;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 28px;
  padding: 0px;
  margin: 10px 0px;
}
h2 {
  text-align: center;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
}
h3 {
  color: #ff9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  border-bottom: 1px solid #fff;
}

/* 
|
|  Extra div opmaak
|
\___________________________________________*/

.loginveld {
  margin-left: 90px;
}
.login_fout {
  color: #C85568;
}
.warning {
  border: 1px solid #C85568;
  background-color: #F3DBDF;
  margin: 5px auto 15px auto;
  width: 500px;
  padding: 10px;
  color: #C85568;
}
.gelukt {
  width: 500px;
  margin: auto;
  text-align: center;
  padding: 5px;
  background-color: #C0DCB4;
  border: 1px solid #060;
  color: #060;
}

/* 
|
|  Extra div uitlijningen
|
\___________________________________________*/

.center {
  margin: auto;
  width: 100%;
  text-align: center;
}
.al_left {
  float: left;
}
.al_right {
  float: right;
}
.al_center {
  margin: auto;
  width: 480px;
}
.al_center_350 {
  margin: auto;
  width: 350px;
  text-align: center;
}

/* 
|
|  UL voor aan de linker kant.
|
\___________________________________________*/

ul.lmul {
  list-style: none;
  margin: auto;
  padding: 0px;
}
.lmoptie {
  display: block;
  width: 103px;
}
.lmoptie:hover {
  background-color: #03386C;
}

/* 
|
|  Voorstukje, voor bij het nieuws.
|
\___________________________________________*/

.vs_box {
  width: 548px;
  margin: 10px auto 20px auto;
  border: 3px solid #0153A3;
}
.vs_header {
  background-color: #0153A3;
}
.vs_main {
  padding: 8px;
}
.vs_footer {
  text-align: center;
  background-color: #0153A3;
}

/* 
|
|  Replies op nieuws berichten
|
\___________________________________________*/

.reply_container {
  width: 480px;
  margin: 10px auto 20px auto;
}
.reply_header {
  border-bottom: 1px solid black;
}
.reply_box {
  border-left: 1px solid black; 
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  background: #75aed1;
  width: 478px;
}
.reply_left {
  float: left;
  padding: 5px;
  width: 82px;
  text-align: center;
}
.reply_right { 
  float: right;
  width: 370px;
  padding: 8px;
}
.avatar {
  background-image: url(img/layout/noavatar.gif);
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
}

/* 
|
|  Navigatie
|
\___________________________________________*/

.navigatie {
  background-color: #75aed1;
  border: 1px solid #B7B7B7;
  width: 400px;
  margin: auto;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}
.navigatie code {
  background-color: #FFC;
  border: 1px solid #000;
  padding: 0 5px 0 5px;
}
.navigatie code.active {
  background-color: #FF9;
  border: 1px solid #000;
  padding: 0 5px 0 5px;
}
.navigatie code a {
  color: #000;
}

/* 
|
|  Overige opmaak
|
\___________________________________________*/

table.tabelhoofdc {
  width: 100%;
  margin: auto;
}
tr.tabelhoofdc {
  background-color: #75aed1;
  text-align: center;
}
table.tabelhoofdc td {
  border-bottom: 1px solid #75aed1;
}
table.tabelhoofdc2 {
  width: 100%;
  margin: auto;
}
tr.tabelhoofdc2 {
  background-color: #75aed1;
  text-align: center;
}
table.tabelhoofdc2 td {
  border-bottom: 1px solid #75aed1;
  text-align: center;
}

/* 
|
|  Pagina die mark zelf kan beheren opmaak
|
\___________________________________________*/

.page {
  width: 530px;
  margin: auto;
  padding-bottom: 15px;
}
.page table tr td {
  vertical-align: top;
  border: 1px solid #000;
}
.page table {
  border: 1px solid #000;
  border-collapse: collapse;
}
.page img {
  padding: 5px;
}

/* 
|
|  Opmaak voor het PM systeem
|
\___________________________________________*/

.pmul {
  margin: 0 0 0 30px;
  padding: 0px;
}
.pm_bo {
  list-style: square url(img/layout/new.gif);
}
.pm_ob {
  list-style: square url(img/layout/inbox.gif);
}
.pm_vb {
  list-style: square url(img/layout/outbox.gif);
}
.pm_p {
  list-style: square url(img/layout/delete.gif);
}
.pmbericht {
  width: 100%;
  background-color: #0153A3;
  margin-bottom: 5px;
}




/* Whatever */
.ubb_imgcenter {
  width: 100%;
  margin: auto;
  text-align: center;
}