*{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-family:  Trebuchet MS, Trebuchet, Verdana, Arial;
}

body,html {
  text-align:center;
  margin:0;
  color: #424242;
}

#supercontainer {
  margin:0 auto;
  padding:0;
  width: 772px;
  text-align: left;
}

#header {
  width: 772px;
  height: 156px;
  background: url('/gfx/header-bg1.jpg') no-repeat;
  padding-top: 50px;
  padding-left: 40px;
}

#header h1 { display: none; }

#logo {
  background: url('/gfx/logo1.png') no-repeat;
  width: 291px;
  height: 105px;
}

#innerlogo {
  position:absolute;
  width: 291px;
  height: 105px;
  cursor:pointer;
}

#flashmovie {
  float: right;
  margin-right:60px;
  _margin-right:30px;
  margin-top: 18px;
}

/* TOP MENU */

#logosgranvr {
  float: right;
  margin-right: 15px;
}

#logosgranvr img { border: 0px; }

#hoofdmenu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 22px;
  padding-top: 7px;
}
#hoofdmenu li {
  float: left;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  padding-right: 8px;
  margin-bottom: 5px;
}

#hoofdmenu li.right { background: none; }

#hoofdmenu li a {
  font-size: 11px;
  display: block;
  height: 20px;
  float: left;
  color: #646567;
  text-decoration: none;
}
#hoofdmenu li a:hover,#hoofdmenu li.actief a {
  color: #e2001a;
  text-decoration: underline;
}
/* EINDE TOP MENU */

#content {
  clear: left;
  clear: right;
  width: 772px;
}

#contenttop {
  height: 19px;
  background: url('/gfx/sidepage-content-top.jpg') no-repeat;
  padding-left: 45px;
  padding-top: 20px;
}

#contenttop h1 {
font-size: 12px;
color: #fff;
}

#contentbg{
  background: url('/gfx/sidepage-content-bg.jpg') repeat-y;
}

#contentinhoud {
  width: 480px;
  padding-left: 45px;
  padding-top: 20px;
}

#contentinhoud a:link,#contentinhoud a:visited,#contentinhoud a:active { color: #e20019; text-decoration: none; }
#contentinhoud a:hover { color: #e20019; text-decoration: underline;}

#contentinhoud p {
padding-bottom: 20px;
}

#contentinhoud ul,#contentinhoud ol {
margin-left: 30px;
}

#contentinhoud img {
  border: 0px;
}

#contentbottom{
  height: 27px;
  background: url('/gfx/sidepage-content-bottom.jpg') repeat-y;
}

/* content menu */
#contentmenu {
  float: right;
  margin-top: 20px;
  margin-right: 22px;
  width: 188px;
}

#contentmenu ul{
  list-style: none;
  padding: 0;
}
#contentmenu li {
  padding: 0;
  margin-bottom: 10px;
}

#contentmenu li a {
  display: block;
  width: 138px;
  padding-left: 55px;
  padding-top: 5px;
  font-size: 11px;
  height: 20px;
  color: #7798ca;
  text-decoration: none;
  height: 20px;
}

#contentmenu li.item1 a { background: url('/gfx/li-sidepage-bg.png') 18px -56px no-repeat; }
#contentmenu li.item13 a { background: url('/gfx/li-sidepage-bg.png') 18px -147px no-repeat; }
#contentmenu li.item3 a {  background: url('/gfx/li-sidepage-bg.png') 16px -236px  no-repeat; }
#contentmenu li.item16 a {  background: url('/gfx/li-sidepage-bg.png') 17px -118px  no-repeat; }
#contentmenu li.item17 a {  background: url('/gfx/li-sidepage-bg.png') 17px -351px  no-repeat; }
#contentmenu li.item5 a {  background: url('/gfx/li-sidepage-bg.png') 16px -26px  no-repeat; }
#contentmenu li.item14 a {  background: url('/gfx/li-sidepage-bg.png') 18px -88px  no-repeat; }
#contentmenu li.item7 a {  background: url('/gfx/li-sidepage-bg.png') 17px -326px  no-repeat; }
#contentmenu li.item8 a {  background: url('/gfx/li-sidepage-bg.png') 17px -326px  no-repeat; }
#contentmenu li.item9 a {  background: url('/gfx/li-sidepage-bg.png') 15px -176px  no-repeat; }
#contentmenu li.item10 a {  background: url('/gfx/li-sidepage-bg.png') 18px -297px  no-repeat; }
#contentmenu li.item11 a {  background: url('/gfx/li-sidepage-bg.png') 17px 4px  no-repeat; }
#contentmenu li.item12 a {  background: url('/gfx/li-sidepage-bg.png') 17px 4px  no-repeat; }

#contentmenu li.item1 a:hover { background: url('/gfx/li-sidepage-bg-over.png') -6px -71px no-repeat; }
#contentmenu li.item13 a:hover { background: url('/gfx/li-sidepage-bg-over.png') -7px -162px no-repeat; }
#contentmenu li.item3 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -8px -250px  no-repeat; }
#contentmenu li.item16 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -6px -352px  no-repeat; }
#contentmenu li.item17 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -8px -338px  no-repeat; }
#contentmenu li.item5 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -8px -40px  no-repeat; }
#contentmenu li.item14 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -6px -102px  no-repeat; }
#contentmenu li.item7 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -7px -130px  no-repeat; }
#contentmenu li.item8 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -7px -130px  no-repeat; }
#contentmenu li.item9 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -9px -191px  no-repeat; }
#contentmenu li.item10 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -6px -312px  no-repeat; }
#contentmenu li.item11 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -7px -11px  no-repeat; }
#contentmenu li.item12 a:hover {  background: url('/gfx/li-sidepage-bg-over.png') -7px -11px  no-repeat; }

#contentmenu ul li a:hover {
  color: #fff;
}

/* einde content menu */



.blokbg {
  clear: right;
  clear: left;
  height: 280px;
  margin-bottom: 10px;
  background: url('/gfx/home-vak-bg.jpg') no-repeat;
}

.blokleft, .blokmiddle, .blokright {
  float: left;
  margin-top: 20px;
  width: 228px;
  height: 240px;
}

.blokleft {
  margin-left: 24px;
  _margin-left:12px;
  padding-right: 10px;
}

.blokmiddle {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #d1d2d4;
  border-right: 1px solid #d1d2d4;
}
.blokright {
 padding-left: 10px;
}

.picture {
  height: 143px;
  margin-bottom: 9px;
}

.innerlink {
  position:absolute;
  width: 228px;
  height: 143px;
  cursor:pointer;
}

.picture h3 {
text-indent: -2000px;
}

.text a:link,.text a:visited,.text a:active { color: #818284; text-decoration: none; }
.text a:hover { color: #646567; text-decoration: none;}

#footer {
  padding: 5px 30px 15px 0px;
  text-align: right;
}
#footer a:link,#footer a:visited,#footer a:active { color: #818284; text-decoration: none; }
#footer a:hover { color: #646567; text-decoration: underline;}

.melding {
  margin: 0px 0px 20px 0px;
  padding: 5px;
}

.goed {
  border: 1px solid #61ad26;
  background-color: #d3e7b5;
}

.fout {
  border: 1px solid #d2160d;
  background-color: #ffb9b9;
}

.contactfield {
width: 300px;
height: 18px;
font-size: 11px;
padding-top: 5px;
padding-left: 5px;
margin-left: 50px;
border: 1px solid #c6c5c3;

}

.contactselect {
  padding-left: 5px;
  margin-left: 50px;
  height: 22px;
  width: 287px;
  font-size: 11px;
}

.contacttextarea {
width: 300px;
height: 90px;
font-size: 11px;
padding-top: 5px;
padding-left: 5px;
margin-left: 50px;
border: 1px solid #c6c5c3;
  margin-bottom: 10px;
}

.contactsubmit {
  padding: 2px;
  cursor: pointer;
  padding: 0px 10px 0px 10px;
  border: 1px solid #afafac;
}