/* -------------------------- 
  algemeen voor alle teasers 
 ------------------------------*/

.teaser .head,
.newteasers .head  {
 display: none;
 }


#container2 .block.newteasers{
 width: 400px;
 margin: 0px;
 padding: 14px;
 }

#container2 .block.newteasers .innerbody{
 display:block;
 width: 404px;
 margin:0px 0px 10px 0px;
 padding:0px;
 float:left;
 }

#container3 .block.newteasers{
 width: 300px;
 margin: 0px;
 padding: 0px;
 }

#container3 .block.newteasers .innerbody{
 display:block;
 width: 270px;
 margin:0px 0px 10px 14px;
 padding:0px;
 float:left;
 }


/* ------------------------------------- 
 uitzonderingen voor de homepage
 -------------------------------------------*/

.homepage .block.newteasers .innerbody{
 width: 270px;
 padding: 0px;
 }

.homepage .block.newteasers {
 margin: 14px;
 }


/* ------------------------------------- 
 titel omdat er geen titelop de pagina is
 -------------------------------------------*/

.archiefmag #container2 .block.newteasers .head{
 background-image: url('/tijdschriften/eva/images/bg_archiefmag.gif');
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width: 405px;
 display:block;
 height: 30px;
 margin: 0px 0px 25px 0px;
 }


/* ---------------------------------------------- 
 roze achtergrond en verkleinde h2
 -------------------------------------------*/
.block.newteasers.small .innerbody{
 height: 84px;
 background-color: #d98a98;
 }

.block.newteasers.small .innerbody h2 a{
 display:block;
 padding: 3px 0px 0px 0px;
 }

/* ------------------------------------- 
   eva tv kop voor banners en teasers
 -------------------------------------------*/

#container3 .block.newteasers.tv .head{
 background-image: url('/tijdschriften/eva/images/tv.png');
 background-repeat: no-repeat;
 background-position: 0 0;
 height: 30px;
 display:block;
 }


/* ------------------------------------- 
   eva radio kop voor banners en teasers
 -------------------------------------------*/

#container3 .block.newteasers.radio .head{
 background-image: url('/tijdschriften/eva/images/tv.png');
 background-repeat: no-repeat;
 background-position: 0 0;
 height: 30px;
 display:block;
 }


/* ------------------------------------- 
   teaser voor maggy de stylist
 -------------------------------------------*/

#container3 .block.newteasers.stylist img.picture{
 float:right;
 margin: 0px 0px 0px 10px;
 }

#container3 .block.newteasers.stylist .innerbody{
 text-align: right;
 }

#container3 .block.newteasers.stylist h2 a{
 color: #4d4d4d;
 font-size: 1.4em;
 }

#container3 .block.newteasers.stylist a.meerlink{
 text-decoration: none;
 font-style: italic;
 margin:0px;
 padding:0px;
 }


/* ------------------------------------- 
  boeken, cd,s en andere tips
 -------------------------------------------*/

#container3 .block.newteasers.tips .head{
 background-image: url('/tijdschriften/eva/images/tips_animated.gif');
 background-repeat: no-repeat;
 background-position: 0 0;
 height: 40px;
 margin: 14px 14px 0px 14px;
 display:block;
 }

#container3 .block.newteasers.tips .body{
 background-image: url('/tijdschriften/eva/images/tip_bg.jpg');
 background-repeat: no-repeat;
 background-position: 0 0;
 min-height: 200px;
 margin: 0px 14px 0px 14px;
 }

#container3 .block.newteasers.tips h2 a{
 color: #960056;
 }

#container3 .block.newteasers.tips .innerbody{
 width:250px;
 }

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


.banners img.banner {
 float: none;
 clear: both;
 padding:0px;
 margin: 0px;
 }

#container3 .block.banners{
 margin: 0px;
 padding: 0px;
 }

#container3 .block.banners .body{
 margin: 0px;
 padding: 0px 14px 0px 16px;
 }


/* ------------------------------------- 
   geen witruimte boven het blok
 -------------------------------------------*/

#container3 .block.newteasers.bottom .body{
 margin: 0px 0px 14px 0px;
 }

/* ------------------------------------- 
   geen witruimte onder het blok
 -------------------------------------------*/

#container3 .block.newteasers.top .body{
 margin: 14px 0px 0px 0px;
 }

/* ----------------------------
 linkjes naar externe pagina's  
---------------------------------*/


.block.links.extern{
 border: 1px solid red;
 width: 280px;
 float:right;
 margin: -40px 0px 0px 0px;
 padding: 0px;
 }

.block.links.extern ul li {
 float:right;
 margin: 0px 20px 0px 0px;
 list-style-type: none;
 font-size: 0.9em;
 }

.block.links.extern ul li a {
 text-decoration:none;
 font-family: prokyonmedium, Arial, Tahoma, Verdana, sans-serif;
 }

.block.links.extern ul li a:hover   {
 color: #960056;
 }



/* ----------------------------
eva's activiteiten op de homepage
---------------------------------*/

#container3 .block.links.pink,
#container3 .block.teaserlist.pink .body{
 background-color: #fad5d8;
 margin: 14px 14px 0px 16px;
 width: 242px;
 padding: 14px;
 }

#container3 .block.newteasers.links .body{
 margin:0px;
 padding:0px;
 }

#container3 .teaserlist h5{
 font-family: prokyonbold, Arial, Tahoma, Verdana, sans-serif;
 color: #960056;
 font-size: 1em;
 }

#container3 .teaserlist ul li h2 a{
font-size: 0.8em;
 }


/* ----------------------------
kleine link naar bijvoorbeeld archief
---------------------------------*/

#container3 .block.links.roze ul li a{
 float:right:
 font-family: prokyonbold, Arial, Tahoma, Verdana, sans-serif;
 color: #d98a98;
 font-weight:normal;
 font-size: 0.9em;
 line-height: 110%;
}

#container3 .block.links.roze ul{
 margin: 0px 14px 0px 0px;
 }


#container3 .block.links.roze ul li {
 text-align:right;
 list-style-type:none;
 }

#container3 .block.links.roze ul li a:hover{
 color:#000;
 text-decoration:none;
 }

/* ----------------------------
 onder de vote een extra link
naar het mini forum
---------------------------------*/

.block.links.votelink ul li {
 margin: 0px 0px 0px 0px;
 list-style-type: none;
 font-weight:normal;
 line-height: 110%;
 width: 170px;
 text-align:right;
 }

.block.links.votelink {
 background-color: #d98a98;
 }

#container1 .block.links.votelink {
 margin: 0px 20px 0px 0px;
 }

.block.links.votelink ul li a {
 background-color: #fdebed;
 padding: 3px 5px 3px 5px;
 border:2px outset #ccc;
 color: #000;
 font-weight:bold;
 font-size:0.75em;
 }

.block.links.votelink ul li a:hover {
 background-color: #d98a98;
 color: #fff;
 text-decoration:none;
 }

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


#container2 .block.slideshow {
 width: 195px;
 height: 165px;
 margin: 14px 0px 0px 14px;
 padding: 0px;
 position: relative;
 display:block;
 float:left;
 clear:none;
 z-index: 97;
 }


.block.slideshow div.slide {
 position: absolute;
 width: 195px;
 height: 165px;
 overflow: hidden;
 }
 
div.slide img {
 height: 165px;
 position: absolute;
 }

div.slide .slideText {
  position: absolute;
  bottom: 0px;
  display: block;
  color: #fefefe;
  font-weight: normal;
  width: 195px; 
  padding: 2px;
  height: 28px;
  min-height: 28px;
  background-image: url("/tijdschriften/eva/images/verloop-roze.png");
  z-index: 999;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
  sizingMethod=scale, src='/tijdschriften/eva/images/verloop-roze.png');
  font-family: prokyonmedium, Arial, Tahoma, Verdana, sans-serif;
 font-weight:normal;
 }

div.slide .slideText h3 {
  font-size: 1em;
  font-weight: normal;
  width: 195px;
  margin: 2px 2px 0px 2px;
  padding: 0px 0px 0px 0px;
  color: #fefefe;
  }

div.slide a {
  display: block;
  position: absolute;
  z-index: 1000;
  width: 195px;
  height: 185px;
  background-image: url("/tijdschriften/eva/images/button-bg.png");
  background-repeat: no-repeat;
  background-position: 0 0;
 }

div.slide a:hover {
  background-image:none;
  }


