
.block.latestnews .body{
 height: 298px;
 }

.block.latestnews .clearing img{
 float:none;
 }

.block.latestnews .actueel a img,
.block.latestnews .scrollable a img{
 float:left;
 background-color: #fff;
 border: 1px solid #ccc;
 padding: 2px;
 float: left;
 margin:0px 5px 0px 0px;
 }

.block.latestnews .body h2 {
 padding:0px;
 margin:0px 0px 0px 0px;
 }

.block.latestnews .body h2 a.trunctext {
 font-size: 0.85em;
 display:inline;
 line-height: 110%;
 font-weight:normal;
 padding:0px;
 margin:0px;
 }

.block.latestnews h3 {
 margin: 0px 0px 3px 0px;
 padding: 0px 0px 3px 0px;
 font-weight:normal;
 }

.block.latestnews .body ul {
 margin: 0px 0px 3px 0px;
 padding: 0px 0px 0px 0px;
 float:left;
 }

.block.latestnews .body ul li {
 margin: 0px 0px 0px 20px;
 padding: 0px 0px 2px 0px;
 border-bottom: 1px solid #fff;
 font-size:0.75em;
 width: 250px;
 }
.block.latestnews .body ul li a {
 text-decoration:none;
 }

.block.latestnews .body ul li a:hover {
 text-decoration:underline;
 color:#000;
 }

.block.latestnews .body p {
 }

h4.dossierHeader {
 color: #000; 
 text-align: right;
 padding: 1px 5px 2px 0px;
 clear:both;
 font-weight:normal;
}


.block.latestnews .innerblock.actueel .dossierHeader {
 background-color: #ccc;
}

.block.latestnews .innerblock.dossier {
  background-color: #f5f5f5;
}

.block.latestnews .innerblock.dossier .dossierHeader {
 background-color: #f5f5f5;
}

.block.latestnews .innerblock.dossier h4.dossierHeader {
 background-color: #ccc;
}

.block.latestnews .innerblock.rss {
 background-color: #ffffff;
}

.block.latestnews .innerblock.rss .dossierHeader {
 background-color: #ccc;
 }

.block.latestnews .innerblock.rss h4.dossierHeader {
 color: #000;
 }

.block.latestnews .innerblock {
 width: 270px;
}



/* --- licht grijs --- */
.block.latestnews .innerblock.lichtgrijs {
 background-color: #f5f5f5;
}

.block.latestnews .innerblock.lichtgrijs .dossierHeader {
 background-color: #f5f5f5;
 }

.block.latestnews .innerblock.lichtgrijs h4.dossierHeader {
 color: #000;
 }


/* --- wit --- */
.block.latestnews .innerblock.wit {
 background-color: #ffffff;
}

.block.latestnews .innerblock.wit .dossierHeader {
 background-color: #ccc;
 }

.block.latestnews .innerblock.wit h4.dossierHeader {
 color: #000;
 }


/* --- groen --- */
.block.latestnews .innerblock.groen {
 background-color: #deedd1;
}

.block.latestnews .innerblock.groen .dossierHeader {
 background-color: #58a618;
 }

.block.latestnews .innerblock.groen h4.dossierHeader {
 color: #fff;
 }



/* --- rood --- */
.block.latestnews .innerblock.rood {
 background-color: #f7d5d2;
}

.block.latestnews .innerblock.rood .dossierHeader {
 background-color: #d52b1e;
 }

.block.latestnews .innerblock.rood h4.dossierHeader {
 color: #fff;
 }


/* --- blauw --- */
.block.latestnews .innerblock.blauw {
 background-color: #ccd5e4;
}

.block.latestnews .innerblock.blauw .dossierHeader {
 background-color: #002c77;
 }

.block.latestnews .innerblock.blauw h4.dossierHeader {
 color: #fff;
 }


/* --- Scrollable --- */
/* root element for scrollable */
.scrollable {
 border: 0px solid green;
 position:relative;/* required settings */
 overflow:hidden;/* required settings */
 height: 290px;/* vertical scrollables have typically larger height than width but not now */
 width: 270px;
 float: left; /* by mark */
}

/* root element for scrollable items */
.scrollable .items {
 position:absolute;
 /* this time we have very large space for the height */
 height:20000em;
}

#actions {
 background-color: lightgrey;
 width: 10px;
 float: right;
 height: 290px;
 }

.prev  {
 }

.next{
 margin-top: 269px;
 float:left;
 width: 10px;
 }

.disabled {
 visibility: hidden;
}


#articlePopupContainer {
 background-color: #f2f2f2;
 border: 1px solid #ccc;
 padding: 15px;
 width: 400px;
 position: absolute;
 left: 0;
 top: 0;
 display: none;
 z-index: 20000;
}

#articlePopupContainer h2  {
 font-family: Verdana, Arial, sans-serif;
 font-size: 0.8em;
 display:inline;
 line-height: 110%;
 font-weight:bold;
 }

#articlePopupContainer p {
 font-size: 0.75em;
 margin: 5px 0px 3px 0px;
 }

#articlePopupContainer a{
 text-decoration:none;
 }


#articlePopupContainer a img {
 float:left;
 background-color: #fff;
 border: 1px solid #ccc;
 padding: 2px;
 float: left;
 margin:0px 5px 0px 0px;
 }
