/* programs/sites/css */

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

.block.newteasers .body{
 margin:0px;
 padding:0px 0px 5px 23px;
 width: 319px;
 }

.block.newteasers .innerblock{
 margin: 0px 13px 0px 0px;
 padding:0px;
 }

.block.newteasers .innerbody{
 margin: 0px;
 padding:0px;
 width: 280px;
 }

.block.newteasers .innerblock.even{
 background-color: #f5f5f5;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
 padding: 5px 0px 5px 0px;
 width: 280px;
 }

.block.newteasers .innerbody.embed{
 margin:0px;
 padding:0px;
 background-color: #fff;
 border: 1px solid #ccc;
 padding: 3px;
 float: left;
 margin:3px 5px 0px 0px;
 }

/* -------- 1 in a row ---------*/

.OneInARow {
 width: 100%;
 clear: both;
 }

#container3 .OneInARow {
 padding: 0px 10px 0px 0px;
 }

.OneInARow .innerblock{
 float: left;
 } 


.OneInARow .innerbody{
 float: left;
 } 


/* -------- 2 in a row ---------*/


.TwoInARow {
 width: 100%;
 clear: both;
 }

.TwoInARow .innerblock {
 float: left;
 clear: none;
 border: 0px solid green;
 }

/* -------- 3 in a row ---------*/

.ThreeInARow {
 width: 100%;
 clear: both;
 }

.ThreeInARow .innerblock {
 float: left;
 }


.ThreeInARow .innerbody{
 float: left;
 }


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

.block.newteasers.banners .body { 
 text-align:center;
 padding: 5px 0px 5px 0px;
 }
 
 img.banner{
 margin:5px 0px 5px 0px;
 }
 
 #container3 .block.newteasers.banners .body{ 
 text-align:center;
 padding: 5px 0px 5px 3px;
 }
 
/*---------teaserlist-----------*/

#container2 .block.newteasers.teaserlist .body{
 padding:5px 23px 5px 23px;
 width: 610px;
 }

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

#container2 .teaserlist ul li h3,
#container3 .teaserlist ul li h3{
 margin: 0px 0px 7px 0px;
 padding: 0px 0px 3px 0px;
 border-bottom: 1px solid white;
 }

.teaserlist h5{
 margin:0px 0px 5px 0px;
 padding:0px;
 }

/*--------linkjes-----------*/

.links p.info {
 font-size: 0.9em;
 }

.links p.info a{
 color: #000;
 font-weight:normal;
 background-color: #ebebeb;
 padding: 3px;
 border: 1px outset white;
 text-decoration:none;
 }

.links p.info a:hover{
 background-color: #ccc;
 }

/*---------------slideshow with rendervorm slideindex--------------*/

.block.slideindex {
 background-image: url("/components/images/teaser_bg319.jpg");
 background-repeat: repeat-y;
 margin:0px 0px 10px 0px;
 padding:5px 15px 5px 20px;
 }  

.block.slideshow .slide.withindex {
 height: 240px;
 }  

/* index.properties doesn't work*/
.block.slideshow .slide.withindex img.picture {
 height: 168px;
 width: 275px;
 position: absolute;
 }

.block.slideindex p a{
 font-size:0.8em;
 background-image: url('/components/images/arrow_green.png');
 background-repeat:no-repeat;
 background-position: 0px 2px;
 padding: 0px 0px 0px 18px;
 line-height: 160%;
 }

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

.block.slideshow .head,
#container3 .block.slideshow .head,
.block.slideshow .bottom,
#container3 .block.slideshow .bottom{
 display:none;
 }

.block.slideshow .innerfade,
#container3 .block.slideshow .innerfade{
 background-image:none;
 }

.block.slideshow{
 background-image: url("/components/images/teaser_bg319.jpg");
 background-repeat: no-repeat;
 margin:0px 0px 5px 2px;
 padding:15px;
 height: 218px;
 }

.block.slideshow div.slide {
 position: absolute;
 top: 0px;
 left: 3px;
 width: 290px;
 height: 225px;
 overflow: hidden;
 }


.block.slideshow div.slide img {
 /*height: 206px;*/
 position: absolute;
 }


.block.slideshow div.slide .slideText {
 position: absolute;
 bottom: 12px;
 display: block;
 font-weight: normal;
 width: 271px; 
 margin: 0px 2px 0px 4px;
 padding: 2px;
 height: 58px;
 min-height: 28px;
 z-index: 999;
 border-top: 1px solid #f8f8f8;
 background-image: url("/components/images/verloop-blauw.png");
 z-index: 999;
 _background: none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/components/images/verloop-blauw.png');
 }

.block.slideshow div.slide .slideText h3 {
 width: 215px;
 font-size: 0.75em;
 margin: 2px 2px 0px 2px;
 padding: 0px 0px 0px 2px;
 color: #fff; 
 }


.block.slideshow div.slide a {
 display: block;
 position: absolute;
 z-index: 1000;
 bottom: 0px;
 color: #000;
 font-size: .7em;
 margin: 7px 0px 20px 235px;
 line-height: 135%;
 font-weight:normal;
 background-color: #ebebeb;
 padding: 3px;
 border: 1px outset white;
 text-decoration:none;
 }

.block.slideshow div.slide a:hover {
 color: #000000;
 }
  
/* ---------extended slideshow only possible with bodyclass
 "tweekolommen" on a webblockpage ----------- */

.block.slideshowExt{
 position: relative;
 }

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

.block.slideshowExt .body{
 border: 0px solid orange;
 overflow: visible;
 height: 245px;
 }

.slideshowExt div.slide img {
/* height: 240px;*/
 position: absolute;
 }

.slideshowExt div.slide {
 display:block;
 overflow:hidden;
 width: 408px;
 height: 250px;
 margin: 0px 0px 0px 202px;
 padding: 0px 0px 0px 0px;
 }

.slideshowExt .slideNav {
 width: 200px;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 float:left;
 border: 0px solid green;
 text-decoration: none;
 }

.slideshowExt .slideNav ul {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 width: 180px;
 border:0px solid green;
 
 }

#container2 .slideshowExt .slideNav ul li a{
 font-size: 1.1em;
 }

#container2 .slideshowExt .slideNav ul li{
 border-bottom: 1px solid #ccc;
 padding: 3px 0px 3px 0px;
 }

.slideshowExt .slideNav h3 a,
.slideshowExt .slideNav h3 li a{
 text-decoration: none;
 text-decoration:none;
 }
 
#container2 .slideshowExt .slideNav h3 a:hover{ 
 color: #b2d234;
 }

.slideshowExt img.picture {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

.slideshowExt div.slide .slideText p{
 padding: 0px 10px 10px 10px;
 }

.slideshowExt div.slide .slideText {
 position: absolute;
 bottom: 5px;
 display: block;
 width: 396px; 
 margin: 0px 2px 0px 4px;
 padding: 2px;
 height: 58px;
 min-height: 58px;
 border-top: 1px solid #f8f8f8;
 background-image: url("/components/images/verloop-blauw.png");
 z-index: 999;
 _background: none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/components/images/verloop-blauw.png');
 }

.slideshowExt div.slide h3 a {
 position:relative;
 margin: 3px 0px 0px 15px;
 padding: 0px 0px 0px 0px;
 width: 400px;
 color: white;
 text-decoration: underline;
 display: block;
 z-index: 1000;
 background-image: none;
 text-align: left;
 text-decoration:none;
 }