/*  basic stylesheet situated in components/css */


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

.block.newteasers{
 background-color: #6babd6;
 }

#container3 .block.newteasers{
 /* 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: 9px;
 -moz-border-radius-topright: 9px;
 -webkit-border-top-right-radius: 9px;
 -moz-border-radius-bottomright: 9px;
 -webkit-border-top-right-radius: 9px;
 }

#container2 .block.newteasers.reportages img.picture,
#container2 .block.newteasers.dichter img.picture  {
 margin: 2px 10px 10px 0px;
 float: left;
 clear:none;
 }

.block.newteasers .innerblock{
 margin: 0px 0px 10px 0px;
 float:left;
 }

#container3 .block.newteasers .even{
 background-color: #f5f5f5;
 color: #000;
 padding: 5px 0px 5px 0px;
 margin: 2px 0px 4px 0px;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 }

.block.newteasers .body h2 a {
 text-decoration:none;
 }

.block.newteasers .innerbody h2 a:hover {
 color: #b2d234;
 }

.block.newteasers .body h3 {
 display:inline;
 }

#container2 .newteasers h5 {
 font-size: 1.2em;
}

.teasertitle{
 margin: 0px 0px 3px 0px;
 }

.block.newteasers.OneInArow, 
.TwoInARow,
.ThreeInArow {
 width: 100%;
 clear: both;
 border: 2px solid red;
 }

a.meerlink{
 margin: 0px 10px 0px 0px;
 background-image: url(/programma/ditisdedag/icons/pijltje_cirkel.png);
 background-repeat: no-repeat;
 background-position: 0px 1px;
 padding: 0px 0px 0px 18px;
 float:right;
 }


#container2 a.meerlink{
 float:left;
 font-size: 0.8em;
 }

#container2 .block.newteasers.gasten a.meerlink{
 margin: 0px 10px 0px 0px;
 background-image: url(/programma/ditisdedag/icons/pijltje_cirkel.png);
 background-repeat: no-repeat;
 background-position: 0px 2px;
 padding: 0px 0px 0px 18px;
 float:left;
 }

/*----reportages---*/

#container2 .block.newteasers.reportages,
#container2 .block.newteasers.blok_3{
 border: 0px solid green;
 width: 208px;
 clear:none;
 float:left;
 margin: 5px 0px 10px 6px;
 height: 435px;
 }

#container2 .block.newteasers.reportages .head{
 display:none;
 }

#container2 .block.newteasers.dichter .innerblock,
#container2 .block.newteasers.reportages .innerblock,
#container2 .block.newteasers.blok_3 .innerblock,
#container2 .block.newteasers.blok_2 .innerblock{
 width: 190px;
 margin: 0px 5px 5px 0px;
 float: left;
 }

#container2 .block.newteasers.dichter .teasertitle h2 a,
#container2 .block.newteasers.reportages .teasertitle h2 a,
#container2 .block.newteasers.blok_3 .teasertitle h2 a,
#container2 .block.newteasers.blok_2 .teasertitle h2 a{
 /*----erft ook van andere h2a---*/
 font-size: 0.9em;
 }

/*----dichter---*/

#container2 .block.newteasers.dichter,
#container2 .block.newteasers.blok2{
 border: 0px solid green;
 width: 210px;
 clear:none;
 float:left;
 margin: 5px 2px 10px 5px;
 height: 435px;
 }

#container2 .block.newteasers.dichter .head{
 display:none;
 }


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

#container2 .block.newteasers.gasten{
 /*background-image: url(/programma/ditisdedag/images/gasten_head.jpg);
 background-repeat: no-repeat;
 background-position: 4px 9px;*/
 width: 467px;
 clear:none;
 float:left;
 margin: 0px 0px 10px 0px;
 padding: 4px 0px 0px 0px;
 background-color: #fff;
 height: 405px;
/* Do rounding (native in Safari, Firefox and Chrome) */
 -moz-border-radius-bottomright: 9px;
 -webkit-border-top-right-radius: 9px;
 }
 
#container2 .block.newteasers.gasten .innerblock{
 width: 445px;
 clear:none;
 float:left;
 margin:0px 0px 5px 0px;
 padding:2px 0px 2px 0px;
 }

#container2 .block.newteasers .body h2{
 text-transform: uppercase;
 color: #df2408;
 font-size: 0.95em;
 font-weight:normal;
 margin: 0px 0px 5px 0px;
 }

#container2 .block.newteasers.gasten .body h2{
 color: #df2408;
 }

#container2 .block.newteasers .body .teasertitle h2 a,
#container2 .block.newteasers .body h2 a{
 text-transform: none;
 color: #000;
 font-weight:bold;
 line-height: 110%;
 font-size: 0.8em;
 }

#container2 .block.newteasers.gasten .innerblock.even{
 background-color: #f2f2f2;
 }

#container2 .block.newteasers.gasten img.picture{
 margin: 1px 5px 10px 0px;
 }





/*---------banners/plaatje  3 op rij---------*/

#container0 .block.newteasers.banners.logo{
 background-image: url('/programma/ditisdedag/images/header.jpg');
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 250px;
 background-color: transparant;
 float:left;
 margin:0px;
 padding:0px;
 clear:none;
 }

img.banner{
 margin: 0px;
 padding:0px;
 }

.block.newteasers.banners .body {
 margin: 0px;
 padding:0px;
}

/*---------banners/plaatje container 2---------*/

#container2 .block.newteasers.banners {
 background-color:#063e72;
 margin: 0px 0px 0px 0px;
 padding:0px;
 float:left;
 }

#container2 .block.newteasers.banners img.banner{
 background-color:#063e72;
 margin: 0px 0px 10px 0px;
 padding:0px;
 float:left;
 }


/*---------banners/plaatje  container 3--------*/

#container3 .block.newteasers.banners{
 float:left;
 margin: 0px 10px 10px 0px;
 background-color: #063e72;
 }

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

#container3 .block.newteasers.banners.icons img.banner{
 width: 30px;
 height: 30px;
 padding: 0px 5px 0px 0px;
 }

#container3 .block.newteasers.banners.icons{
 width: 100%;
 background-color: #063e72;
 background-image: url('/programma/ditisdedag/images/header.jpg');
 background-repeat: repeat-x;
 padding: 9px 0px 9px 15px;
 border-bottom: 1px solid #000;
 background-position: 0px -3px;
 }

/*---------links luister Top3---------*/


.block.newteasers.luister h2 {
 background-image: url(/programma/ditisdedag/icons/headphones.png);
 background-repeat: no-repeat;
 background-position: top right;
 padding: 0px;
 height: 20px;
 }

.block.newteasers.artikel h2 {
 background-image: url(/programma/ditisdedag/icons/article.png);
 background-repeat: no-repeat;
 background-position: top right;
 padding: 0px;
 height: 20px;
 }


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


.block.newteasers.links {
 border: 0px solid #063e72;
 }

.block.newteasers.links ul li {
 clear: both;
 padding:3px 0px 3px 0px;
 margin: 10px 0px 10px 0px;
 border-bottom: 1px solid #ccc;
 }

.block.newteasers ul li a {
 background-image: url(/programma/ditisdedag/icons/pijltje_cirkel.png);
 background-repeat: no-repeat;
 background-position: 0px 1px;
 padding: 0px 0px 0px 18px;
 text-decoration:none;
 }

.block.links ul li a img{
 margin: 0px;
 padding: 0px 5px 0px 0px;
 }


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

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

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


#container2 .newteasers.teaserlist .body {
 padding: 0px 15px 0px 10px;
}

.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{
 color: white;
 }