.title, .titleNoPad, .titleBlue, .projtitle, .projtitleyear, .menu, .topmenuitem, .date, .submenu_on, .submenu_off, .subtitle, .subtitleBlue, .persblok, .subtitlePers, .subtitleYellow, .text, .newstext, .textlink, .yellowtextlink, .techspec, .frontpageblok, .frontpage_bluetitle, .frontpage_bluesubtitle, 
.frontpage_greysubtitle, .frontpage_bluetext, .frontpage_greytext, .frontpage_bluetext, .frontpage_greyyellowtext, .textBlue, .expl, .backbut, .backbut60, .relbut, .relbut60 {
 font-family: 'Arial', 'Verdana', 'Sans Serif';
 margin-top: 0;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 text-align: left
 }
 
* {margin:0; padding:0}
#wrapper {width:600px; height:328 px; margin:0px }
#slideshow {float:left; width:600px; height:328px; border:0px solid #000; background:#000}
#slides, ul {position:relative; width:600px; height:328px; list-style: none; overflow: none}
#slides li {width:600px; height:328px}
li#content {width:600px; height:328px; background:#fff}


 div#commentForm
{
  border: 20px solid #333333;
  display: none;
}

body { 
 margin: 0px;
}

 td.cell a{
 display: block;
 width: 154px;
 height: 54px;
 }
 
td.topmenu a{
 display: block;
 text-align: center;
 line-height: 30px;
 width: 150px;
 height: 30px
}

a.topmenuitem {
 font-size: 14px;
 color: #FFFFFF;
 background-color: #000000;
 text-decoration: none;
 font-weight: bold
}

a.topmenuitem:hover{  
 color: #AAAAAA;
 background-color: #333333
}

a.submenu_on {
  text-align: right;
  vertical-align: top;
  font-size: 14px;
  color: #BBBBBB;
  background-color: #111111;
  text-decoration: none;
  font-weight: bold
  }

a.submenu_on:hover {
  text-align: right;
  vertical-align: top;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #777777;
  text-decoration: none;
  font-weight: bold
  }

.submenu_off {
  width: 154px;
  vertical-align: top;
  height: 54px;
  text-align: right;
  vertical-align: top;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #555555;
  font-weight: bold
  }

.persblok {
  display: block;
  width: 128px;
  height: 32px;
  text-align: center;
  vertical-align: top;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #333333;
  font-weight: bold
  }
  
.frontpageblok {
 background-color: #333333;
 color: #FFFFFF;
 font-size: 12px
 }
 
.frontpage_bluetitle {
 background-color: #333333;
 color: #00AFEB;
 font-size: 16px;
 font-weight: bold
 }
 
.frontpage_bluesubtitle {
 background-color: #333333;
 color: #00AFEB;
 font-size: 12px
 } 
  
.frontpage_greysubtitle {
 background-color: #333333;
 color: #00AFEB;
 font-weight: bold;
 font-size: 12px
 } 
 
.frontpage_bluetext {
 background-color: #00AFEB;
 color: #FFFFFF;
 font-size: 12px
 } 
 
.frontpage_greyyellowtext {
 background-color: #333333;
 color: #ffc20e;
 font-size: 12px
 }
  
.frontpage_bluetext {
 background-color: #333333;
 color: #00AFEB;
 font-size: 12px
 }
.frontpage_greytext {
 background-color: #333333;
 color: #FFFFFF;
 font-size: 12px
 }
 
 .jaartal{
 font-size:20px;
 color:#666666;
 float: right;
 padding-right:110px;
 padding-top:5px;
 font-weight: bold;
 }

.techspec  {
  background-color: #333333;
  text-decoration: none;
  color: #00AFEB;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal
 }

.title {
 font-size: 25px;
 line-height: 32px;
 font-weight: bold;
 color: #ffffff;
 padding-left: 0px
 }

.titleNoPad {
 font-size: 25px;
 line-height: 32px;
 font-weight: bold;
 color: #ffffff
 }
 
.titleBlue {
 font-size: 30px;
 line-height: 32px;
 font-weight: normal;
 color: #00AFEB
 }

.projtitle {
 font-size: 25px;
 line-height: 32px;
 font-weight: bold;
 vertical-align: bottom;
 color: #ffffff;
 background-color: #333333;
 }
 
.projtitleyear {
 font-size: 12px;
 line-height: 20px;
 font-weight: bold;
 text-align: left;
 color: #777777;
 background-color: #333333;
 }
 
 .date {
 font-size: 9px;
 line-height: 20px;
 font-weight: normal
 }
 
.subtitle {
 font-size: 12px;
 line-height: 20px;
 font-weight: bold;
 color: #CCCCCC;
 }
 
.subtitleYellow{
 font-size: 30px;
 line-height: 20px;
 font-weight: bold;
 color: #000000;
 background-color: #ffc20e
 }
 
.subtitleBlue {
 font-size: 12px;
 line-height: 20px;
 font-weight: bold;
 color: #00AFEB
 }
 
.subtitlePers {
  display: block;
  width: 154px;
  height: 52px;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  color: #00AFEB;
  font-weight: bold
  }
 
.text {
 color: #FFFFFF;
 font-size: 12px;
 line-height: 18px;
 font-weight: normal;
 padding-top: 10px;
 }
 
.newstext {
 color: #ffc20e;
 font-size: 12px;
 line-height: 20px;
 font-weight: normal
 }
 
  .textBlue {
 font-size: 12px;
 line-height: 20px;
 font-weight: normal;
 color: #00AFEB
 }
 
  a.textlink {
 color: #bbbbbb;
 background-color: #555555;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 line-height: 20px
 }
 
  a.textlink:hover{
 color: #bbbbbb;
 background-color: #FF0000;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 line-height: 20px
 }

  a.yellowtextlink:link {
 color: #bbbbbb;
 background-color: #555555;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 line-height: 20px
 }
 
  a.yellowtextlink:hover{
 background-color: #FF0000
 }
  
  a.yellowtextlink:active{
 background-color: #888888
 }
 
  a.yellowtextlink:visited{
 background-color: #888888
 }
 
  .footer {
 font-family: 'Arial', 'Verdana', 'Sans Serif';
 font-size: 10px;
 line-height: 30px;
 color: #DDDDDD;
 font-weight: normal
 }

th.expl {
  width: 300px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-family: 'Arial', 'Verdana', 'Sans Serif';
  font-size: 12px;
  color: #444444;
  background-color: #111111;
  font-weight: bold
  }
 
table.lijntje {
  display: inline
  }
 
 
td.backbut {
  background-color: #333333;
  width: 130px;
  height: 34px;
  text-align: center
  }
  
td.backbut60 {
  background-color: #202020;
  width: 130px;
  height: 34px;
  text-align: center
  }

 td.photo a{
 display: block;
 width: 140px;
 height: 75px;
 text-align: left;
 background-color: #00AFEB
 }

 a:hover.photobut {
  background-color: #FFFFFF
  }

 td.credit a{
 display: block;
 text-align: center;
 line-height: 40px;
 width: 140px;
 height: 40px
 }
 
 td.projcredit a{
 display: block;
 text-align: center;
 line-height: 20px;
 width: 300px;
 height: 30px;
 }
  
a.relbut  {
  font-size: 12px;
  color: #BBBBBB;
  background-color: #333333;
  text-decoration: none;
  font-weight: bold
  }

 a:hover.relbut {
  font-size: 12px;
  color: #FFFFFF;
  background-color: #777777;
  text-decoration: none;
  font-weight: bold
  }
  
a.relbut60  {
  font-size: 12px;
  color: #888888;
  background-color: #222222;
  text-decoration: none;
  font-weight: bold
  }
 
 a:hover.relbut60 {
  font-size: 12px;
  color: #CCCCCC;
  background-color: #777777;
  text-decoration: none;
  font-weight: bold
 }
 
 #projects{
 font-family: 'Arial', 'Verdana', 'Sans Serif'; 
 float:left;
 height: 662px;
 width: 600px;
 background-color:#000000;
 }
 
 #projecttitel{
 height:59px;
 width: 600px;
 background-color: #333333;
 }
 #beschrijving{
 height:115px;
 width: 600px;
 color:#ffffff;
}

#projectcredits{
height:400px;
width:600px;
}