/*Blok_rij_horizontaal
Een horizontale container voor 4 blokken*/
.blok_rij_horizontaal
{
  clear:both;
  height:150px;
}

/*Blok_rij_verticaal
Een verticale container voor 2 blokken*/
.blok_rij_verticaal
{
  float:left;
  width:200px;
}

.blok
{
  float:left;
  margin-left:10px;
  margin-top:10px;
  width:190px;
  height:150px;
  text-align:center;  
}

.linkblokje{
  float:left;
  margin-left:14px;
  padding-top:3px;
  margin-top:10px;
  width:190px;
  height:150px;
  text-align:center;
  vertical-align:middle;
  background-image: url("../../media/theme/knopachtergrond.png");
  background-repeat: no-repeat;
}


/*Een linkknop*/
a.linkblok
{
display: block;
text-align:center;
background-repeat: no-repeat;
float:left;
margin-left:10px;
height: 150px;
width: 190px;
}

a.linkjeblokje
{
display: block;
text-align:center;
background-repeat: no-repeat;
float:left;
color:black;
height: 150px;
width: 190px;
z-index:1000;
}

/*En het volgende gebeurt er als je er met je muis overheen gaat...
a.linkblok:hover
{
height: 150px;
width: 190px;
background-repeat: no-repeat;
text-decoration: none;
}
*/

/*Het plaatje moet iets van de top afzitten, anders zit 'ie er zo dicht op */
a.linkblok img
{
  border:0;
  margin-left:0px;
  margin-top:0px;
}

/*Aanvulling op layout.css zodat het er goed uitziet in FF*/
#content
{
margin-left: 30px;
}

.linkblokje a{
    width:190px;
    text-align:center;
}

.header_tekst
{
  background-image: url("../../media/theme/mededelingveld.png");
  position:absolute;
  margin-left:282px;
  margin-top: 25px;
  height: 60px;
  width: 217px;
  overflow: hidden;
  padding-top:5px;
  color:white;
  font-size:20px;
  font-weight: bold;
}

.header_tekst a
{
  color:white;
  font-size:20px;
  font-weight: bold;
}