body {
  font-size: 11px;
  font-family: "Arial", sans-serif;
  line-height: 18px;
  margin: 0px;
  color: #1a1a1a;
  min-width: 990px;
  background-color: #1a1a1a;
}

html {
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

th, td {
  padding: 0px;
  font-size: 11px;
}

form {
  margin: 0px;
}

img {
  border: 0px;
}

hr {
  border: 1px solid #efecd3;
  border-bottom: 1px solid #efecd3;
  margin-bottom: 10px;
  height: 2px;
}

a:link, 
a:hover, 
a:active, 
a:visited {
  font-weight: bold;
  color: #ED0000;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
  color: #1a1a1a;
  font-weight: bold;
  margin: 0px;
  padding-bottom: 10px;
}

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

/*DIVS*/

div.MainHolder {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -483px;
  margin-top: -280px;
  height:  560px;
  width: 966px;
}

a.LogoKlassewijzer:link,
a.LogoKlassewijzer:hover,
a.LogoKlassewijzer:active,
a.LogoKlassewijzer:visited {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 89px;
  width: 209px;
  background-image: url( ../images/LogoKlassewijzer.jpg );
  background-color: #0900c3;
}

div.ContentHolder {
  position: absolute;
  top: 204px;
  left: 222px;
  background-color: white;
  overflow: auto;
  padding: 10px;
  padding-top: 25px;
  height: 295px;
  width: 503px;
}

div.MenuHolder {
  position: absolute;
  top: 102px;
  left: 0px;
  height: 254px;
  width: 205px;
  padding: 2px;
  background-color: #0900c3;
}

div.Template1 {
  position: absolute;
  top: 373px;
  left: 0px;
  width: 209px;
  height: 160px;
  background-color: #fff000;
}

div.Template2 {
  position: absolute;
  top: 102px;
  right: 0px;
  width: 209px;
  height: 203px;
  background-color: white;
}

div.TopMenu {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 189px;
  height: 69px;
  background-color: #ed0000;
  padding: 10px;
}

div.TopMenu a.Icon:link,
div.TopMenu a.Icon:hover,
div.TopMenu a.Icon:active,
div.TopMenu a.Icon:visited {
  position: absolute;
  top: 10px;
  left: 0px;
  display: block;
  width: 43px;
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  color: white;
}

div.TopMenu a.Icon1:link,
div.TopMenu a.Icon1:hover,
div.TopMenu a.Icon1:active,
div.TopMenu a.Icon1:visited {
  left: 10px;
  background-image: url( ../images/Icons/IconYellow.jpg );
}

div.TopMenu a.Icon2:link,
div.TopMenu a.Icon2:hover,
div.TopMenu a.Icon2:active,
div.TopMenu a.Icon2:visited {
  left: 73px;
  background-image: url( ../images/Icons/IconRed.jpg );
}

div.TopMenu a.Icon3:link,
div.TopMenu a.Icon3:hover,
div.TopMenu a.Icon3:active,
div.TopMenu a.Icon3:visited {
  left: 136px;
  background-image: url( ../images/Icons/IconBlue.jpg );
}

div.ContactHolder {
  position: absolute;
  top: 319px;
  right: 0px;
  width: 189px;
  height: 195px;
  padding: 10px;
  background-color: #0900c3;
  overflow: hidden;
}

div.KruimelPad {
  position: absolute;
  top: 214px;
  left: 232px;
  font-size: 9px;
}

div.KruimelPad a:link,
div.KruimelPad a:hover,
div.KruimelPad a:active,
div.KruimelPad a:visited {
  font-size: 9px;
  color: #1a1a1a;
  font-weight: normal;
}

div.ContactHolder,
div.ContactHolder h1,
div.ContactHolder h2,
div.ContactHolder h3,
div.ContactHolder h4,
div.ContactHolder h5,
div.ContactHolder h6,
div.ContactHolder a:link,
div.ContactHolder a:hover,
div.ContactHolder a:active,
div.ContactHolder a:visited {
  color: white;
}

div.ContactHolder h1,
div.ContactHolder h2,
div.ContactHolder h3,
div.ContactHolder h4,
div.ContactHolder h5,
div.ContactHolder h6 {
  font-size: 12px;
}

div.ContactHolder hr {
  color: white;
  background-color: white;
  border-color: white;
}

div#NieuwsHolder {
  position: absolute;
  top: 0px;
  left: 222px;
  height: 89px;
  width: 523px;
  background-color: white;
  background-image: url( ../images/Nieuws.jpg );
  overflow: hidden;
}

div#NieuwsHolder div.NieuwsItem {
  position: absolute;
  top: 0px;
  left: 523px;
  width: 523px;
  height: 69px;
  padding-top: 20px;
}

div#NieuwsHolder div.NieuwsItem td.Teaser {
  color: #5f5f5f;
  font-size: 13px;
}

div#NieuwsHolder div.NieuwsItem td.Teaser p {
  padding: 0px;
  margin: 0px;
}

div#NieuwsHolder div.NieuwsItem td.LeesVerder {
  padding-right: 10px;
}

div#NieuwsHolder div.NieuwsItem td.LeesVerder a:link,
div#NieuwsHolder div.NieuwsItem td.LeesVerder a:hover,
div#NieuwsHolder div.NieuwsItem td.LeesVerder a:active,
div#NieuwsHolder div.NieuwsItem td.LeesVerder a:visited {
  color: #1a1a1a;
  font-size: 10px;
}

div.Banner {
  position: absolute;
  top: 102px;
  left: 222px;
  height: 89px;
  width: 523px;
  background-color: #fff000;
}

div.Banner p {
  padding: 0px;
  margin: 0px;
}

div.Footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 966px;
  height: 27px;
  line-height: 27px;
  color: #d5d5d5;
  font-size: 10px;
}

div.Footer a:link,
div.Footer a:hover,
div.Footer a:active,
div.Footer a:visited {
  color: #d5d5d5;
  font-size: 10px;
}

div.Footer div.Copyright {
  position: absolute;
  left: 0px;
  top: 0px;
}

div.Footer div.Made {
  position: absolute;
  right: 0px;
  top: 0px;
  
}

div.Clear {
  clear: both;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

/* MENU */

div.MenuHolder ul {
  position: absolute;
  padding: 0px;
  margin: 0px;
}

div.MenuHolder ul li {
  position: absolute;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

div.MenuHolder ul li a:link,
div.MenuHolder ul li a:hover,
div.MenuHolder ul li a:active,
div.MenuHolder ul li a:visited {
  position: relative;
  display: block;
  width: 172px;
  height: 28px;
  line-height: 28px;
  color: white;
  text-align: right;
  padding-right: 33px;
  background-image: url( ../images/Icons/IconYellow.jpg );
  background-position: 185px center;
  background-repeat: no-repeat;
  font-size: 13px;
}

#Menu1 {
  background-image: url( ../images/Icons/IconWhite.jpg );
}

#Menu2 {
  background-image: url( ../images/Icons/IconBlue.jpg );
}

#Menu3 {
  background-image: url( ../images/Icons/IconYellow.jpg );
}

#Menu4 {
  background-image: url( ../images/Icons/IconLime.jpg );
}

#Menu5 {
  background-image: url( ../images/Icons/IconBlack.jpg );
}

#Menu6 {
  background-image: url( ../images/Icons/IconRed.jpg );
}

#Menu7 {
  background-image: url( ../images/Icons/IconLime.jpg );
}

#Menu8 {
  background-image: url( ../images/Icons/IconYellow.jpg );
}

#Menu9 {
  background-image: url( ../images/Icons/IconWhite.jpg );
}

#Menu10 {
  background-image: url( ../images/Icons/IconBlue.jpg );
}

div.MenuHolder ul li a:hover {
  background-color: #5d56ed;
}

div.MenuHolder ul li ul {
  background: none;
}

div.MenuHolder ul li ul.SubList {
  position: absolute;
  display: none;
  left: 211px !important;
  width: 153px;
  text-align: left;
  background-color: #5d56ed;
  padding-bottom: 7px;
  padding-top: 7px;
  margin-top: 8px;
}

div.MenuHolder ul li ul.SubList li a:link,
div.MenuHolder ul li ul.SubList li a:hover,
div.MenuHolder ul li ul.SubList li a:active,
div.MenuHolder ul li ul.SubList li a:visited {
  background: none;
  text-align: left;
  width: 133px;
  height: 19px;
  line-height: 19px;
  padding: 0px;
  margin: 0px;
  padding-left: 20px;
}

div.MenuHolder ul li ul.SubList li a:hover {
  background-image: url( ../images/BGSubMenu.jpg );
  background-position: left top;
  color: #fff000;
}

div.MenuHolder ul li ul.SubList li ul.SubSubList {
  position: absolute;
  display: none;
  left: 156px !important;
  width: 153px;
  text-align: left;
  background-color: #8c87f8;
  padding-bottom: 7px;
  padding-top: 7px;
}

div.MenuHolder ul li ul.SubList li ul.SubSubList a:link,
div.MenuHolder ul li ul.SubList li ul.SubSubList a:hover,
div.MenuHolder ul li ul.SubList li ul.SubSubList a:active,
div.MenuHolder ul li ul.SubList li ul.SubSubList a:visited {
  background: none;
  text-align: left;
  width: 133px;
  height: 19px;
  line-height: 19px;
  padding: 0px;
  margin: 0px;
  padding-left: 20px;
}

div.MenuHolder ul li ul.SubList li ul.SubSubList a:hover {
  background-image: url( ../images/BGSubMenu.jpg );
  background-position: left top;
  color: #fff000;
}

.Melding {
}

.Rood {
  color: red;
}

.Groen {
  color: green;
}

/*MAILFORMULIER*/

.MFErrorMessage {
  color: red;
}

.MFSubmitButton, .MFCancelButton {
  width: 99px;
  height: 19px;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #1A1A1A;
  border: 1px solid #1A1A1A;
}

.MFSubmitTD {
  text-align: center;
}

.MFDataTD {
  text-align: left;
}

.MFTD,
.MFTD2  {
  width: 180px;
  vertical-align: top;
  font-weight: normal;
}

.MFTD2 {
  font-weight: bold;
  font-size: 11px;
}

.MFNaamType, .MFEmailType, .MFFileType {
  border: 1px solid #1A1A1A;
  width: 250px;
  padding-left: 3px;
  font-family: "Trebuchet MS", "Verdana", sans-serif;
  font-size: 11px;
  margin-bottom: 3px;
}

.MFExtraUitleg {
  font-weight: normal;
  font-style: italic;
  padding-bottom: 10px;
}

.MFVerplichtTD {
  color: red;
  font-weight: bold;
  vertical-align: top;
  padding-top: 5px;
  width: 10px;
}

.MFFileType {
  color: #7b797a;
  border: 1px solid #46003F;
  margin: 2px;
  padding-left: 3px;
  padding-right: 3px;
  width: 304px;
}