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

#container0 .block.newteasers.social{
 border: 0px solid green;
 float:left;
 clear:right
 }

#container0 .block.newteasers.social img{
 margin: 17px 10px 0px 0px;
 }

#container2 .block.newteasers.gasten{
 width: 160px;
 height: 223px;
 border: 0px solid green;
 float:left;
 clear:right;
 padding: 10px 0px 0px 5px;
 margin: 0px;
 overflow:hidden;
   /* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 -moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-bottom-radius: 0px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-bottomright: 0px;
-webkit-border-top-right-radius: 0px;
 }

.block.newteasers.gasten h2 a{
 font-family: Arial, Tahoma, Verdana, sans-serif;
 text-transform: none;
 font-weight: bold;
 color: #fff;
 }

.block.newteasers.gasten h3{
 color: #fff;
 font-weight:normal;
 line-height: 120%;
 width: 160px;
 }

.block.newteasers.gasten .innerblock  {
 width: 170px;
 }

#container2 .newteasers.gasten .innerblock .innerbody{
 padding: 0px;
 margin: 0px;
 }

#container2 .newteasers .innerblock .innerbody{
 padding: 0px;
 margin: 10px;
 }


#container2 .TwoInARow{
 border: 0px solid #000;
 width: 539px;
 padding:0px;
 background-color: #ccc;
  /* Do rounding (native in Safari, Firefox and Chrome) */
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-top-bottom-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
 display:block;
 padding: 10px 0px 0px 0px;
 }

#container2 .newteasers.gastper2 h2 a {
 font-weight:bold;
 }

#container2 .newteasers.gastper2 h3 {
 font-weight:normal;
 font-size: 0.75em;
 }

#container2 .newteasers.TwoInARow.gastper2 h2 a,
#container2 .newteasers.TwoInARow.gastper2 h3  {
 font-family: Arial, Tahoma, Verdana, sans-serif;
 color: #000;
 text-transform: none;
 line-height: 130%;
 width: 75px;
 }

#container2 .newteasers.ThreeInARow.zes,
#container2 .newteasers.ThreeInARow.zestwee,
#container2 .newteasers.ThreeInARow.zesdrie,
#container2 .newteasers.ThreeInARow.zesvier{
 border: 0px solid #000;
 width: 539px;
 padding:0px;
 background-color: #4d4d4d;
  /* Do rounding (native in Safari, Firefox and Chrome) */
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-top-bottom-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
 background-image: url('/programma/jong/images/afl1-3.png');
 background-repeat: no-repeat;
 background-position: 0px 0px;
 min-height: 70px;
 display:block;
 padding: 40px 0px 0px 0px;
 }

#container2 .newteasers.ThreeInARow.zestwee{
 background-image: url('/programma/jong/images/afl4-6.png');
 }

#container2 .newteasers.ThreeInARow.zesdrie{
 background-image: url('/programma/jong/images/afl7-9.png');
 padding: 25px 0px 0px 0px;
 }

#container2 .newteasers.ThreeInARow.zesvier{
 background-image: url('/programma/jong/images/afl0.png');
 }

#container2 .newteasers.ThreeInARow.zestwee,
#container2 .newteasers.ThreeInARow.zesvier{
 border: 0px solid #000;
 background-color: #ccc;
 }

#container2 .newteasers.ThreeInARow.zes .innerblock .innerbody,
#container2 .newteasers.ThreeInARow.zestwee .innerblock .innerbody,
#container2 .newteasers.ThreeInARow.zesdrie .innerblock .innerbody,
#container2 .newteasers.ThreeInARow.zesvier .innerblock .innerbody,
#container2 .newteasers.TwoInARow.gastper2 .innerblock .innerbody{
 border: 0px solid green;
 width: 80px;
 float:left;
 display:block;
 clear:none;
 margin: 0px 0px 10px 8px;
 }


#container2 .newteasers.ThreeInARow.zes h3,
#container2 .newteasers.ThreeInARow.zestwee h3,
#container2 .newteasers.ThreeInARow.zesdrie h3,
#container2 .newteasers.ThreeInARow.zesvier h3 {
 display:none;
 }

img.picture{
 border: 1px solid #ebebeb;
 }

#container2 .newteasers.ThreeInARow.zes h2 a,
#container2 .newteasers.ThreeInARow.zestwee h2 a,
#container2 .newteasers.ThreeInARow.zesdrie h2 a,
#container2 .newteasers.ThreeInARow.zesvier h2 a {
 font-family: Arial, Tahoma, Verdana, sans-serif;
 color: #fff;
 text-transform: none;
 line-height: 130%;
 width: 75px;
 }


#container2 .newteasers.ThreeInARow.zestwee h2 a,
#container2 .newteasers.ThreeInARow.zesvier h2 a{
 color: #000;
 }

#container2 .newteasers.zes h2 a:hover,
#container2 .newteasers.zesdrie h2 a:hover,
#container2 .newteasers.gastper2 h2 a:hover{
 color:#ccc;
 }


#container2 .newteasers.zestwee h2 a:hover,
#container2 .newteasers.zesvier h2 a:hover
 color:#5d2192;
 }

.newteasers .mediaplayerembed{
 background-color: black;
 width: 75px;
 height: 50px;
 font-size: 0.7em;
 color: white;
 float:left;
 margin: 2px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

.block.newteasers.video .head{
 display:block;
 height: 30px;
 background-image: url('/programma/jong/images/extra.png');
 background-repeat: no-repeat;
 background-position: 10px 10px;
 }

.block.newteasers.nexttime .head{
 display:block;
 height: 27px;
 background-image: url('/programma/jong/images/homepage_kopje_nexttime.png');
 background-repeat: no-repeat;
 background-position: 10px 10px;
 width: 230px;
 }

#container2 .block.newteasers.video,
#container3 .block.newteasers.video,
#container3 .block.newteasers.nexttime,
#container2 .block.newteasers.nexttime{
 border: 1px solid #bbb;
 float:left;
 clear:both;
 background-color: #ccc;
 width:538px;
 }

#container3 .block.newteasers.video,
#container3 .block.newteasers.nexttime{
 width:260px;
 }

#container2 .block.newteasers.nexttime h3{
 font-weight:normal;
 }

#container3 .block.newteasers.video .body{
 height: 200px;
 overflow-y: scroll;
 overflow-x: hidden;
 }


.block.newteasers.video .innerblock{
 padding: 3px 60px 3px 0px;
 border: 0px solid #000;
 }

.block.newteasers.video .innerblock.odd{
 background-color: #f5f5f5; 
 }

.block.newteasers.nexttime .innerblock.odd{
 background-color: #ccc; 
 }

.block.newteasers.video h2 a{
 font-size: 0.75em;
 font-family: Arial, Tahoma, Verdana, sans-serif;
 text-transform: none;
 font-weight: bold;
 }
 
.block.newteasers.boek{
 background-color: #f8f8f8;
 float:left;
 clear:both;
 border: 1px solid #bbb;
 }

#container2 .block.newteasers.boek{
 background-color: #ccc;
 float:left;
 clear:right;
 border: 1px solid #bbb;
 padding: 10px;
 }

#container2 .block.newteasers.boek h3{
 margin: 0px 20px 0px 0px;
 }


.meerlink{
 margin: 0px 10px 0px 0px;
 }

.block.newteasers.boek img.picture{
 float:right
 }

#container3 .block.banners{
 background-color: #fff;
 }

/*---------links---------*/



.homepage #container3 .block.newteasers.afleveringen,
.dossier #container3 .block.newteasers.afleveringen,
.archivepage #container3 .block.newteasers.afleveringen{
 background-color: #9e3491;
 display:none;
 }

#container3 .block.newteasers.afleveringen{
 background-color: #9e3491;
 }

#container3 .block.newteasers.afleveringen li h2{
 border-top: 1px solid #e0c2dc;
 padding: 0px 0px 2px 0px;
 }

#container3 .block.newteasers.afleveringen .body{
 width: 220px;
 }

#container3 .block.newteasers.afleveringen{
 background-color: #9e3491;
 }

#container3 .block.newteasers.afleveringen h2 a{
 display:block;
 color: #fff;
 text-transform: none;
 margin: 3px 0px 0px 0px;
 }

#container3 .block.newteasers.afleveringen h5{
 text-transform: uppercase;
 color: #fff;
 font-family: jong, Arial, Tahoma, Verdana, sans-serif;
 font-weight: normal;
 margin: 7px 0px 3px 0px;
 }


/*---------banners-----------*/

#container3 .block.banners  {
 background-color: #fff;
 border: 0px solid white;
 }

.block.newteasers.quote{
 margin: 5px 0px 0px 0px;
 padding: 0px;
 }

.block.banners img.picture {
 border: 0px solid #fff;
 }


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

.teaserlist h3 {
 color: #404040;
 font-weight: normal;
 clear: both;
 }

.teaserlist h5 {
 color: #0040bf;
 font-size: 1.0em;
 margin-bottom: 12px;
 }


#container3 .block.teaser .body h3,
#container3 .teaserlist h3, 
#container3 .teaserlist h5{
 color: white;
 }


  
/* ---------extended slideshow----------- */

#container2 .block.slideshowExt{
 position: relative;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 2px 0px;
 width: 538px;
 height: 260px;
 background-image: url('/programma/jong/images/titel_slide.png');
 background-repeat: no-repeat;
 background-position: 0px 0px;
 border: 1px solid #ababab;
 background-color: #ebebeb;
 }

.block.slideshowExt .bottom,
.block.slideshowExt .head{
 display:none;
 }

#container2 .block.slideshowExt .body{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 530px;
 border: 0px solid orange;
 overflow: visible;
 }

.slideshowExt div.slide {
 display:block;
 overflow:hidden;
 width: 340px;
 height: 215px;
 margin: 40px 0px 0px 190px;
 padding: 0px 0px 0px 0px;
 border: 0px solid red;
 }

.slideshowExt .slideNav {
 background-image: url('/programma/jong/images/titel_slide.png');
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width: 170px;
 height: 255px;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 0px 5px;
 float:left;
  border: 1px solid #ababab;
 text-decoration: none;
 background-color: #9e349c;
 /* Do rounding (native in Safari, Firefox and Chrome) */
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-top-bottom-radius: 6px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-top-right-radius: 0px;
 }

.slideshowExt .slideNav ul {
 padding: 20px 0px 0px 0px;
 margin: 15px 0px 0px 5px;
 width: 155px;
 border: 0px solid green;
 list-style-type: square;
 }

.slideshowExt .slideNav ul li {
 border-bottom: 1px solid #e0c2dc;
 padding: 0px 0px 1px 0px;

 }

.slideshowExt .slideNav h3 a,
.slideshowExt .slideNav h3 li a{
 text-decoration: none;
 color: #fff;
 font-size: 0.85em;
 font-weight: normal;
 }

.slideshowExt .slideNav h3 a:hover,
.slideshowExt .slideNav h3 li a:hover{ 
 color: #000;
 }

.slideshowExt img.picture {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 140px;
 float:left;
 }

.slideshowExt div.slide .slideText p{
 padding: 0px 0px 0px 0px;
 color: #000;
 line-height: 140%;
 font-size: 0.75em;
 }

.slideshowExt div.slide .slideText {
 position: absolute;
 bottom: 0px;
 display: block;
 color: #000;
 font-weight: normal;
 width: 180px; 
 height: 215px;
 margin: 2px 0px 0px 150px;
 background-image:none;
 z-index: 999;
 }

.slideshowExt div.slide h3 a {
 position:relative;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 width: 180px;
 display: block;
 z-index: 1000;
 background-image: none;
 text-align: left;
 font-size: 0.9em;
 color: #000;
 font-weight:bold;
 }

.slideshowExt div.slide a:hover {
 color: #000;
 }