/* CSS Document */
/*
plaatsen left top per rolmops ten opzichte van left top van layer rolmopsen 
elke rolmops heeft een unieke id, het is daarom raadzaam om de id-namen met 'rm_' te beginnen,
mocht de naam perongeluk nog ergens anders gebruikt worden
rm_ staat voor rolmops 
dus in de root.xsl moet per rolmops de id naam meegegeven worden
*/
.rolmops {
   position: absolute;
   width: 230px;
}

/* rolmops submenu */
.rm_submenu li {
   width: 100%;
   overflow: hidden;
   color: #fff;
   line-height: 12pt;
}

.rm_submenu li a {
   width: 100%;
   height: 20px;
   color: #fff;
}

.rm_submenu li a:hover {
   text-decoration: underline;
}

.rolmopsen {
   font-weight: normal;
   margin-left: 12px;
}

.rm_submenu li.mainlink a {
   display: block;
   float: left;
   width: 100%;
   height: 100%;
   text-decoration: none;
}

.baan1 {
   left: 2px;
   top: 254px;
   width: 230px;
   height: 500px;
}

.baan1video {
   width: 223px;
   height: 129px; /* background: #fff url('../gfx/algemeen/video1.jpg'); */
}

.baan1 li.mainlink {
   width: 230px; /* height: 95px;*/
/* background: url( "../gfx/instances/baan1_titel.png" ) no-repeat left top;*/
}

/*
.baan1 li.mainlink span{
  display: none;
}
*/
.baan1 li.mainlink span, .baan2 li.mainlink span, .baan3 li.mainlink span, .baan4 li.mainlink span {
   font-family: arial, helvetica, sans-serif;
   font-size: 36px;
   font-weight: lighter;
   line-height: 38px;
}

.baan1 .foot {
   margin-top: 50px;
   font-size: 7pt;

}

.baan2 {
   left: 238px;
   top: 182px;
   padding-left:12px;
   height: 500px;
}

.baan2video {
   width: 223px;
   height: 129px; /*background: #fff url('../gfx/algemeen/video2.jpg');*/
}

.baan2 li.mainlink {
   width: 230px;
   /*height: 83px;
   background: url( "../gfx/instances/baan2_titel.png" ) no-repeat left top;
   */
}

/*
.baan2 li.mainlink span{
  display: none;
}
*/

.baan3 {
   left: 498px;
   top: 237px;
   height: 500px;
}

.baan3video {
   width: 223px;
   height: 129px; /* background: #fff url('../gfx/algemeen/video3.jpg');*/
}

.baan3 li.mainlink {
   width: 230px;
   /* height: 130px;
   background: url( "../gfx/instances/baan3_titel.png" ) no-repeat left top;
   */
}

/*
.baan3 li.mainlink span{
  display: none;
}
*/
.baan4 {
   left: 747px;
   top: 158px;
   height: 500px;
}

.baan4video {
   width: 223px;
   height: 129px; /*background: #fff url('../gfx/algemeen/video4.jpg') no-repeat left top;*/
}

.baan4 li.mainlink {
   width: 230px;
   /*height: 92px;
   background: url( "../gfx/instances/baan4_titel.png" ) no-repeat left top;
   */
}

/*
.baan4 li.mainlink span{
  display: none;
}
*/

li.mainlink {
   font-size: 22pt;
   color: white;
   line-height: normal;
   margin-top: 10px;
   margin-bottom: 10px;
}