body {
  font-family: arial;
  height: auto;
}

.tablecontent td {
  vertical-align: top;
}

.tableledendef {
  font-weight: bold;
}

.containerwrapper {
  border: 0px dashed #FF0000;
  width: 1000px;
  height: 2000px;
  left: 50%;
  margin-left: -500px;
  position: relative;
  background-image: url(images/container.png);
  background-repeat: repeat-y; 
}

span.lowerdate
{
  font-size: 14px;
  font-style: italic;
  vertical-align: -5px;
  color: gray;
}

span.lowerdatebrieven
{
  font-size: 12px;
  font-style: italic;
  vertical-align: -5px;
  color: gray;
}

.bannerwrapper {
  border: 0px solid #000000;
  height: 60px;
  width: 1000px;
  position: absolute;
  top: 265px;
  left: 50%;
  margin-left: -500px;
  text-align: center;
  z-index: 2;
}

.banner {
   border: 0px solid #000000; 
   height: 60px;
   width: 1000px;
   left: 50%;
   margin-left: -500px;
   margin-top: 0px;
   position: relative;
   text-align: center;
   background-image: url(images/banner.png);
   background-repeat: repeat-y;
}

.bannerimage {
  border: 0px solid #000000;
  position: relative;
  background-image: url(images/sintlutgardisschool.gif);
  background-repeat: no-repeat;
  top: -85px;
  width: 500px;
  height: 85px;
  left: 50%;
  margin-left: -250px;
  z-index: 2;
}

.logo {
  border: 0px solid #000000;
  position: relative;
  height: 100px;
  width: 100px;
  left: 50%;
  margin-left: 330px;
  z-index: 1;
  top: -172px;
}

.footerwrapper {
  border: 0px solid #000000;
  position: relative;
  height: 23px;
  width: 1000px;
  left: 50%;
  margin-left: -500px;
  background-image: url(images/containerfooter.png);
  background-repeat: no-repeat;
  z-index: 0;
  font-family: arial;
  font-size: 10;
  text-align: center;
  vertical-align: bottom;
}

.indekijker {
  border: 0px solid #000000;
  position: absolute;
  top: 340px;
  left: 785px;
/*  margin-left: 217px;  */
  height: 350px;
  width: 200px;
  background-image: url(images/indekijker.png);
  background-repeat: no-repeat;
  z-index: 1;
  text-align: center;
}

.indekijkercontent {
  border: 0px solid #000000;
  position: relative;
  top: 50px;
  width: 180px;
  height: 100px;
  left: 50%;
  margin-left: -90px;
  font-family: Verdana;
  font-size: 14;
  font-weight: bold;
}

.aftelkalender {
  border: 0px solid #000000;
  position: relative;
  top: 450px;
  left: 785px;
  height: 160px;
  width: 200px;
  background-image: url(images/aftelkalender.png);
  background-repeat: no-repeat;
  z-index: 2;
  text-align: center;
}

.aftelkalendercontent {
  border: 0px solid #000000;
  position: relative;
  top: 50px;
  width: 180px;
  height: 100px;
  left: 50%;
  margin-left: -90px;
  font-family: Verdana;
  font-size: 14;
  font-weight: bold;
}

.container {
  border: 0px dashed #000000;
  width: 580px;
  top: 345px;
  left: 190px;
  position: absolute;;
  padding-top: 5px;
  font-family: Verdana;
  font-size: small;
}

.clear { clear: both; }

.container td {
	vertical-align: top;
}

#blogcontainer table {
  padding: 10;
}

#blogcontainer td {
  vertical-align: top;
  text-align: center;
}

.container a {
 color: #fff;
 cursor: pointer;
 text-decoration:none;
}


.container h2 {
  font-family: High Tower Text;
}

.menu {
  border: 0px dashed #000000;
  width: 180px;
  height: 630px;
  position: relative;
  top: -100px;
  left: 50%;
  margin-left: -500px;
  z-index: 2;
}

.menu ul {
  margin-left: -30px;
}

.menu li {
  list-style: none;
}

.menu a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:35px;
 line-height: 25px;
 text-indent: 5px;                   
 text-decoration:none;
 width:100%;
}

#menu_rood_125 {
  background-image: url(images/menu_rood_125.png);
  background-repeat: no-repeat;
}

#menu_blauw_130 {
  background-image: url(images/menu_blauw_130.png);
  background-repeat: no-repeat;
}

#menu_blauw_135 {
  background-image: url(images/menu_blauw_135.png);
  background-repeat: no-repeat;
}

#menu_blauw_170 {
  background-image: url(images/menu_blauw_170.png);
  background-repeat: no-repeat;
}

#menu_groen_140 {
  background-image: url(images/menu_groen_140.png);
  background-repeat: no-repeat;
}

#menu_groen_150 {
  background-image: url(images/menu_groen_150.png);
  background-repeat: no-repeat;
}

#menu_oranje_130 {
  background-image: url(images/menu_oranje_130.png);
  background-repeat: no-repeat;
}

#menu_paars_130 {
  background-image: url(images/menu_paars_130.png);
  background-repeat: no-repeat;
}

.menudatum {
  font-weight: bold;
  text-align: center;
  background-color: yellow;	
}

.menucontent {
  text-align: center;
  vertical-align: middle;
}