body {
  background-color: #EFF0F2;
  margin: 0px 0px 0px 0px;
  font-family: arial;
  font-size: 12px;
}

form {
  margin: 0px 0px 0px 0px;
}

a#knopje {
/*
  border-left:1px solid #D4D0C8;
  border-top:1px solid #D4D0C8;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-decoration: none;
  background-color: #777777;
  color: #FFFFFF;
  padding: 2px 3px 2px 3px;
  top: 1px;
  left: 2px;
  font-size: 11px;
  position: relative;
*/
  background-color: #EEEEEE;
  color: #777777;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
}

a#knopje2 {
  background-color: #B7B9BB;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
}


img {
  border: none;
}

h1 {
  font-size: 14px;
}

img#logo_mets {
  position: absolute;
  margin-left: 200px;
  margin-top: 20px;
}

img#logo_syp {
  position: absolute;
  margin-left: 650px;
  margin-top: 105px;
}

tr#r2 td {
  background-color: #B7B9BB;
  height: 40px;
}

td#c1x1 a {
  font-family: arial;
  font-weight: bold;
  font-size: 18px;
  color: #BC000A;
  padding-left: 5px;
  text-decoration: none;
}

tr#r2 td#c1x3 {
  text-align: right;
  padding-right: 10px;
}

a.topmenu {
  color: #0E3D74;
  font-size: 11px;
  text-decoration: none;
}

a.topmenu:hover {
  color: #FFFFFF;
}

#menuitem {
  margin: 0px 0px 0px 10px;
}

#menuitem a {
  color: #0E3D74;
  font-family: arial;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}

#menuitem a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#sectionpre {
  margin-top: 10px;
  height: 20px;
  background-color: #0E3D74;
}

#sectionpre  div {
  position: absolute;
  width: 180px;
  margin-left: 10px;
  background-color: #0E3D74;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 20px;
}

td#content {
  padding-top: 10px;
  width: 704px;
  background: url(/images/background.jpg) no-repeat #FEFEFF;
}

div#content {
  margin: 0px 0px 0px 40px;
  font-family: arial;
  font-size: 12px;
  color: #0E3D74;
  width: 654px;
}

div#content td {
  font-family: arial;
  font-size: 12px;
  color: #0E3D74;
}

div#content a {
  font-family: arial;
  font-size: 12px;
  color: #0E3D74;
}
/*
#sectionheader {
  background-color: #0E3D74;
  line-height: 20px;
  text-align: left;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 10px 0px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
}
*/
#breadcrumb, #sectionheader {
  background-color: #B7B9BB;
  color: #0E3D74;
  line-height: 20px;
  text-align: left;
  padding: 0px 0px 0px 5px;
  width: 674px;
  margin: 10px -10px 10px 0px;
  font-weight: bold;
  font-size: 12px;
}

div#search {
  margin-left: 10px;
  color: #0E3D74;
  font-weight: bold;
  font-size: 12px;
}

div#search select {
  width: 140px;
}

div#search input {
  width: 130px;
}

a#submenu {
  font-family: arial;
  font-size: 11px;
  color: #0E3D74;
  font-weight: bold;  
  text-decoration: none;
  padding: 0px 3px 0px 3px;
  white-space: nowrap;
}

a#submenu:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.content-pagetitle		{ font-family: arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
.content-introtext		{ font-family: arial, Helvetica, sans-serif; font-size: 12px;}
.content-title				{ font-family: arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
.content-introduction	{ font-family: arial, Helvetica, sans-serif; font-size: 12px; font-style: italic}
.content-subtitle			{ font-family: arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold}
.content-bodytext			{ font-family: arial, Helvetica, sans-serif; font-size: 12px; }
.content-hyperlink		{}
.content-picture			{}

table#tabs td {
  border-bottom: 1px solid #B7B9BB;
  font-weight: bold;
}

table#tabs td#active {
  border-bottom: 0px none #B7B9BB;
  font-weight: bold;
}

table#tabs td#active div {
  background-color: transparent;
  color: #0E3D74;
  border-left: 1px solid #B7B9BB;
  border-right: 1px solid #B7B9BB;
  border-top: 1px solid #B7B9BB;
}

table#tabs div {
/*
  border-left: 1px solid #B7B9BB;
  border-right: 1px solid #B7B9BB;
  border-top: 1px solid #B7B9BB;
  background-color: #0E3D74;
*/
  line-height: 25px;
  color: #000000;
}

table#tabs div a {
  color: #777777;
}

table#boxed {
  border-left: 1px solid #B7B9BB;
  border-right: 1px solid #B7B9BB;
  border-bottom: 1px solid #B7B9BB;
}

select.listboxsmall {
  /*width: 300px;*/
}

.mypagetitle   {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0E3D74;}
.mypageheader  {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0E3D74;}
.mypagelink {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0E3D74}

.rowlabel         {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
.row1          {  font-family: Arial, Helvetica, sans-serif;; font-size: 11px; background-color: #EEEEEE}
.row2          {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FCFCFC}
.row1color          {  font-family: Arial, Helvetica, sans-serif;; font-size: 11px; border-bottom: 1px solid #DDDDDD;}
.row2color          {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #DDDDDD;}
.mainmenu {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #404040}
a:hover.mainmenu  {    font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #CCCCFF}

a.boldnoline       {  font-family: Arial, Helvetica, sans-serif; color: #0E3D74; font-weight: bold; text-decoration: none}
a:hover.boldnoline {  font-family: Arial, Helvetica, sans-serif; color: #0E3D74; font-weight: bold; text-decoration: none}

.mypageCompanyName {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold}
.byline {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; font-style: italic}


.inputlabel {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0E3D74}

a.changeuser {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0E3D74}
a:hover.changeuser {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

select {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #0E3D74;}
input  {  font-family: Arial, Helvetica, sans-serif; font-size: 10px}

.smallverdana {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0E3D74}
a.smallverdana {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0E3D74}
a:hover.smallverdana {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

.contactformlabel {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0E3D74}

.litboxemail {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 500px}
.smallverdana_grey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}
a.smallverdana_grey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}
a:hover.smallverdana_grey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}

table.list th {
 text-align:left;
 white-space: nowrap;
 padding-bottom:5px;
}

table.list th.spacer {
  width: 5px;
}

table.list th a {
 font-size:11px;
 font-weight:bold;
 color:#00427B;
}

table.list td {
  vertical-align:top;
}

table.list tr.alternate {
  background-color: #F0F0F0;
}