/*---slideshow for OnTopic only in container3 ---*/

.block.slideshow {
 background-color: white;
 }

.slideshow .head{
 display: block;
 height: 15px;
 background-image: url('/programma/ontopic/images/triangle_green.gif');
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px solid black;
 }

#container1 .slide,
#container3 .slide {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 200px;
 position: absolute;
 border: 0px solid black;
 width: 185px;
 display: block;
 }

.slideshow .bottom{
 margin-top: 200px;
 height: 25px;
 border: 0px solid blue;
 }

div.slide img.picture {
 position: absolute;
 padding: 0px 0px 0px 5px;
 display: block;
 width: 185px;
 height: 140px;
 }

div.slide .slideText {
 position: absolute;
 bottom: 0px;
 display: block;
 font-weight: normal;
 padding: 2px;
 height: 50px;
 min-height: 50px;
 border-top: 2px solid #white;
 }

div.slide .slideText h3 {
 color: #625d5d;
 }

div.slide a {
 display: block;
 position: absolute;
 z-index: 1000;
 bottom: 0px;
 right: 5px;
 padding-top: 2px;
 color: #625d5d;
 float:right;
 font-size:0.75em;
 font-weight: bold;
 color: white;
 text-decoration: none;
 background-color: #93bc00;
 padding: 4px;
 }

div.slide a:hover {
  color: #000000;
  }

/* andere opties 

.teaser .head {
  display: none;
  }
.teaser .body .picture {
  margin: 0px 0px 12px 0px;
  float: none;
  }
#container2 .teaser .body {
  padding: 0px;
  }
.block.teaser .body h2 a {
  color: #011535;
  }
.block.teaser .body h2 a:hover {
  color: #b2d234;
  }
.block.teaser .body h3, .teaserlist h3 {
  color: #404040;
  font-weight: normal;
  }
.TwoInARow {
  width: 100%;
  padding: 0px 10px 12px 20px;
  clear: both;
  }
.TwoInARow .teaser {
  clear: none;
  }
.TwoInARow .block.teaser .body {
  width: 266px;
  float: left;
  padding: 0px;
  margin: 0px 9px 0px 0px;
  top: 0px;
  }
.ThreeInARow {
  width: 100%;
  padding: 0px 10px 12px 20px;
  clear: both;
  }
.ThreeInARow .teaser {
  clear: none;
  }
.ThreeInARow .block.teaser .body {
  width: 172px;
  float: left;
  padding: 0px;
  margin: 0px 12px 0px 0px;
  top: 0px;
  }
.teaserlist h5 {
  color: #0040bf;
  font-size: 1.0em;
  margin-bottom: 12px;
  }
.teaserlist ul {
  }
.teaserlist li {
  background-image: url('/components/images/bullet.gif');
  background-repeat: no-repeat;
  padding: 0px 0px 0px 15px;
  }
*/