/* teaser can render in 4 different ways
.teaser; image + text, it can also be use as a two or three in row
.teaserlist; list but you can render it without intro*/
.slidehow; same as teaser, bur use in container2
.slideshow; same as slideshow, but whit index;
*/

/*-----------teaser---------------*/

.teaser .head {
 display: none;
 }
.teaser .body .picture {
 margin: 0px 0px 12px 9px;
 float: none;
 }

.TwoInARow .teaser .body .picture {
 margin: 0px 0px 12px 9px;
 float: none;
 }

 #container2 .ThreeInARow .block.teaser #jw-sl-wmv-player10527736{
 margin: 0px 0px 5px 9px;
border: 0px solid green;
 }

.teaser .mediaplayerembed {
 margin: 0px 0px 12px 9px;
}

.teaser .hyveslinkje {
 margin-left: 9px;
}

#container2 .teaser .body {
 padding: 0px;
 }

.teasertitle {
 height: 45px;
 _height: 50px;
}

.teaser {
 background: none;
}

.block.teaser .body h2 {
 margin: 5px 0px 0px 9px;
 }



.block.teaser .body h2 a {
 font-size: 1.2em;
 }
.block.teaser .body h2 a:hover {
 }
.block.teaser .body h3, .teaserlist h3 {
 color: #000000;
 font-weight: normal;
 margin: 0px 0px 9px 9px;
 }

/*----------newteasers---------------------*/


.newteasers .innerblock .head {
 display: none;
 }
.newteasers .innerblock .body .picture {
 margin: 0px 0px 12px 9px;
 float: none;
 }

.TwoInARow .innerblock .body .picture {
 margin: 0px 0px 12px 9px;
 float: none;
 }

 #container2 .ThreeInARow .innerblock #jw-sl-wmv-player10527736{
 margin: 0px 0px 5px 9px;
border: 0px solid green;
 }

.newteasers .innerblock .mediaplayerembed {
 margin: 0px 0px 12px 9px;
}

.newteasers .innerblock .hyveslinkje {
 margin-left: 9px;
}

#container2 .newteasers .innerblock .body, #container2 .newteasers .body {
 padding: 0px 0px 0px 0px;
 }

.newteasers .innerblock {
 background: none;
}

.newteasers .innerblock .body h2 {
 margin: 5px 0px 0px 9px;
 }

#container2 .newteasers .innerblock .body h2 a {
 font-size: 1.2em;
 }

.newteasers .innerblock .body h2 a:hover {
 }
.newteasers .innerblock .body h3, .teaserlist h3 {
 color: #000000;
 font-weight: normal;
 margin: 0px 0px 9px 9px;
 }

.TwoInARow {
 width: 738px;
 padding: 0px 0px 12px 0px;
 clear: both;
 margin-left: -11px;
  }

.TwoInARow .innerblock {
 clear: none;
 padding: 0px;
 float: left;
 }
.TwoInARow .innerblock .body {
 width: 359px;
 height: 370px;
 padding: 0px;
 margin: 10px 0px 0px 10px;
 top: 0px;
 background: url('/jongeren/xnoizzflevofestival/images/teaser_two.jpg');
 background-repeat: no-repeat;
 background-color: #000000;
  }

.TwoInARow .innerblock .body h2{
 padding-top: 3px;
 }

.TwoInARow .innerblock .body h2 a,
.TwoInARow .innerblock .body h3{
 
 color: white;
 }

.ThreeInARow {
 width: 738px;
 padding: 0px 0px 12px 0px;
 clear: both;
 margin-left: -11px;
 }
.ThreeInARow .innerblock {
 clear: none;
 padding: 0px;
 float: left;
 }
.ThreeInARow .innerblock .body {
 width: 235px;
 height: 288px;
 padding: 0px;
 margin: 10px 0px 0px 11px;
 top: 0px;
 background: url('/jongeren/xnoizzflevofestival/images/teaser_three.jpg');
 background-repeat: no-repeat;
 background-color: #ffffff;
 border: 0px solid green;
 }



/* --------several teasers in a row ---------*/

.TwoInARow {
 width: 738px;
 padding: 0px 0px 12px 0px;
 clear: both;
 margin-left: -11px;
  }

.TwoInARow .teaser {
 clear: none;
 padding: 0px;
 float: left;
 }
.TwoInARow .block.teaser .body {
 width: 359px;
 height: 370px;
 padding: 0px;
 margin: 0px 0px 0px 10px;
 top: 0px;
 background: url('/jongeren/xnoizzflevofestival/images/teaser_two.jpg');
 background-repeat: no-repeat;
 background-color: #000000;
  }

.TwoInARow .block.teaser .body h2{
 padding-top: 3px;
 }

.TwoInARow .block.teaser .body h2 a,
.TwoInARow .block.teaser .body h3{
 
 color: white;
 }

.ThreeInARow {
 width: 738px;
 padding: 0px 0px 12px 0px;
 clear: both;
 margin-left: -11px;
 }
.ThreeInARow .teaser {
 clear: none;
 padding: 0px;
 float: left;
 }
.ThreeInARow .block.teaser .body {
 width: 235px;
 height: 288px;
 padding: 0px;
 margin: 0px 0px 0px 11px;
 top: 0px;
 background: url('/jongeren/xnoizzflevofestival/images/teaser_three.jpg');
 background-repeat: no-repeat;
 background-color: #ffffff;
 border: 0px solid green;
 }


/*---------teaserlist-----------*/

.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;
  }

#container3 .block.teaser .body h3,
#container3 .teaserlist h3, 
#container3 .teaserlist h5{
 }