/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */
.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer, .blog-list-container HR.clearer { clear: right; border: 0px; height: 1px; }
.news-latest-container HR.clearer { clear: left; }

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/
 
/* bepaalt de positionering van de horizontale lijn onder de nieuwsitems */
	
.news-latest-container-2 { display: none; }

/* bepaalt de positionering van de horizontale lijn onder de nieuwsitems */
.news-latest-container-test { margin-left: -8.5px; margin-bottom: 0px; padding: 0px; }

/* de koptekst Actueel en de koptekst Nieuws */
.news-latest-container H2 {
	padding: 0px; /*de linkermarge bepaalt de uitlijning */
	margin: 0;
	margin-left: 3px;
	color: #8B9B61; /*de padding is op 0 gezet om dit blok zo hoog mogelijk te laten beginnen */
	font-size: 17px;
	font-weight: bold;
}

.news-latest-container H3 {
	padding: 10px;
	margin: 3px;
	color: #8B9B61;
	font-weight: bold;
}

/* de balk met de link naar de nieuwslijst, de breedte wordt beïnvloed door de padding */
.news-latest-container-1 H3 {
	padding: 4px;
	margin: 3px; /*onderstaande width bepaalt de 'lengte' van de balk  */
	width: 40%;
	background-color: #E9ECF0;
}

/* bepaalt de breedte van de balk met de oneven nieuwsitems, de breedte wordt beinvloed door de padding*/
/* bepaalt de kleur van de nieuwsitem links in de oneven rijen */
 /* bepaalt de breedte van de balk met de even nieuwsitems, de breedte wordt beinvloed door de padding */
/* bepaalt de kleur van de nieuwsitem links in de even rijen */
 .news-latest-gotoarchive { margin-top: 10px; width: 180px; font-weight: normal; }


/*.news-latest-item {*/
	/* IE hack */
	/*height: 1%; */
	/*height: 10px; */
	/*line-height: 1.3;*/
	/* IE hack end */
	/*padding:3px;*/
	/*margin:3px;*/
	/*border:1px solid #666;*/
	/*background-color:#0066CC;*/
/*}*/
.news-latest-item IMG {
	margin-bottom: 30px;
	margin-right: 5px;
	border: 1px solid #666666;
	float: left;
}

.news-latest-date,.news-latest-morelink,.news-latest-morelink-1,.news-latest-category { font-size: 9px; }

/*bepaalt de grootte, kleur, positionering van de achtergrond van het pijlvlak van de oneven nieuwsitems*/ 
.news-latest-morelink {
	float: right;
	width: 18px;
	margin-top: 1px;
	margin-right: 3px;
	background-color: #E9ECF0;
	height: 18px;
}

/*bepaalt de grootte, kleur, positionering van de achtergrond van het pijlvlak van de nieuwslijst*/ 
.news-latest-gotoarchive-arrow {
	border: none;
	float: right;
	width: 18px;
	display: block;
	background-color: #E9ECF0;
	height: 18px;
}

/*bepaalt de grootte, kleur, positionering van de achtergrond van het pijlvlak van de even nieuwsitems*/ 
.news-latest-morelink-1 {
	float: right;
	width: 18px;
	margin-top: 1px;
	margin-right: 3px;
	background-color: #E9ECF0;
	text-align: right;
	height: 18px;
}

/*--------------------------------- tt_news LIST view  -----------------------------------*/
/* wordt gebruikt in de nieuwsoverzichtspagina en op de themapagina met de subthema's */ 
.news-list-container, .blog-list-container { color: #4D4E53; }

/*bepaalt de opmaak van de koptekst Alle actuele nieuwsitems */ 
.news-list-header {
	margin-left: 3px;
	font-size: 12px;
	font-weight: bold;
}

/*bepaalt de opmaak van de koptekst van het hoofd-thema*/ 
.thema-header {
	padding: 0px; /*de linkermarge bepaalt de uitlijning */
	margin-left: -30px;
	color: #8B9B61; /*de padding is op 0 gezet om dit blok zo hoog mogelijk te laten beginnen */
	font-size: 16px;
	font-weight: bold;
}

.thema-omschrijving {
	margin-left: 0px; /*padding:5px;*/
	color: #4D4E53;
	font-weight: normal;
}

.subthema-header {
	padding: 0px; /*de linkermarge bepaalt de uitlijning */
	margin-left: 10px;
	color: #8B9B61; /*de padding is op 0 gezet om dit blok zo hoog mogelijk te laten beginnen */
	font-size: 16px;
	font-weight: bold;
}

.subthema-titel {
	margin-left: 0px;
	font-size: 12px;
	font-weight: normal;
}

.subthema-lijst, .subthema-lijst A:LINK, .subthema-lijst A:VISITED, .subthema-lijst A:HOVER {
	margin-left: 0px;
	padding-left: 0px;
	list-style-image: url(/fileadmin/styles/images/opsomteken-subthema.gif); /* border:2px solid #0066CC; */
	color: #8B9B61; /*font-size: 14px;*/
	font-weight: bold; /*margin-left:0px;
	padding-right: 1em;*/
}

.verhaal-titel, .verhaal-titel A:LINK, .verhaal-titel A:VISITED, .verhaal-titel A:HOVER {
	margin-left: 0px;
	padding-right: 1em;
	color: #8B9B61;
	font-weight: normal;
	display: block;
}

.news-list-item {
	clear:both;
	display: block;
	color: #4D4E53;
	line-height: 1.3; /* IE hack end */
	height: 1%; /* IE hack */
	margin-bottom:20px;
}

.news-list-item .news-list-morelink { float: right; width: 25px; clear: right; }
.news-list-item p { margin-bottom: 0; padding-right: 30px; }

/*bepaalt de opmaak van het zoekgedeelte*/ 
.column-one{ background-color: #E9ECF0; font-weight: bold; }

/*bepaalt de opmaak van het zoekgedeelte*/ 
.news-search-form {
	padding: 4px;
	border: 1px solid #8B9B61;
	background-color: #E9ECF0;
	color: #8B9B61;
	font-weight: bold;
}

.news-search-form-header{
	padding-top: 0px;
	margin-bottom: 0px;
	background-color: #E9ECF0;
	color: #8B9B61;
	font-weight: bold;
}

.news-search-form-submit{
	padding-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	background-color: #E9ECF0;
}

/*bepaalt de opmaak van het zoekformulier, het gedeelte met de zoekboxen*/ 
.news-list-container H3, .blog-list-container h3 { margin-bottom: 3px;  line-height:1.3em;}

/*bepaalt de linkopmaak van de titels van de nieuwsitems*/ 
.news-list-container A:LINK, .news-list-container A:VISITED, .news-list-container A:HOVER,
.blog-list-container A:LINK, .blog-list-container A:VISITED, .blog-list-container A:HOVER { color: #8B9B61; font-weight: bold; }
.news-list-container H3 A, .blog-list-container H3 A { color: #FFFFFF; }

.news-list-date {
	color: #ADA870;
	font-size: 0.9em;
	font-weight: normal;
	background: none;
}

.verhaalballoon {
	float: left;
	width: 25px;
	margin-top: -2px;
	margin-left: 10px;
	color: #4D4E53;
	text-align: left;
	height: 20px;
}

.verhaal-list-morelink {
	float: right;
	color: #4D4E53;
	font-weight: normal;
}

.verhaal-list-title A:LINK,.verhaal-list-title A:VISITED,.verhaal-list-title A:HOVER {
	margin-left: 3px;
	color: #8B9B61;
	font-weight: normal;
	font-size: 14px;
	font-weight: bold;
}

.verhaal-list-moretekst {
	margin-left: 0px;
	margin-top: 0px;
	padding: 1px;
	color: #4D4E53;
	font-weight: normal;
	line-height: 1.3; /* IE hack end */
	height: 1%; /* IE hack */
}

.news-list-imgcaption {
	float: right;
	padding-top: 3px;
	padding-right: 3px;
	font-size: 9px;
}

.news-list-container IMG, .blog-list-container IMG {
	float: right;
	border: 0px solid #666666;
	margin: -16px 2px 0 5px;
}

.news-list-morelink,.news-list-category { margin-left: 3px; font-size: 15px; }
.news-list-morelink { margin-bottom: 0px; border: none; }
.news-list-browse { text-align: center; }

/*-----------------------------------  UITGELICHT verhaal  -----------------------------------
 let op de classes description en title worden al gebruikt bij de verhaalitems               */
.verhaalUitgelicht {
	border: 0px solid #8B9B61;
	margin-left: 0px;
	background-color: #E9ECF0;
	color: #8B9B61;
	font-size: 12px;
	font-weight: normal;
}

.verhaal-uitgelicht-beschrijving { color: #8B9B61; font-size: 12px; font-weight: normal; }
.verhaal-uitgelicht-titel, .verhaal-uitgelicht-titel A:LINK, .verhaal-uitgelicht-titel A:VISITED, .verhaal-uitgelicht-titel A:HOVER{ color: #8B9B61; font-size: 12px; font-weight: bold; }

/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.news-list-browse {
	margin: 3px;
	padding: 3px; /*background-color:#F9FFE5;*/
	color: #8B9B61; /*background-color:#F9FFE5;*/
}

.tx-ttnews-browsebox {
	margin: 3px;
	border: none
	padding:3px; /*background-color:#F9FFE5;*/
}

.tx-ttnews-browsebox TD { }
.tx-ttnews-browsebox-SCell { }
.news-search-emptyMsg { margin-left: 10px; }

	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
	
/*deze class is toegevoegd om de opmaak van de koptekst nieuws te kunnen definieren*/ 
.news-latest-header-1 {
	padding: 0px; /*de linkermarge bepaalt de uitlijning */
	margin-left: 3px;
	color: #8B9B61; /*de padding is op 0 gezet om dit blok zo hoog mogelijk te laten beginnen */
	font-size: 12px;
	font-weight: bold;
}

.news-single-item {
	margin-left: 3px;
	float: left; /*padding:5px;*/
	color: #4D4E53;
	font-weight: normal;
	clear: both;
	display: block;
	width: 100%;
}

/*bepaalt de opmaak van de titel van het nieuwsitem*/ 
.news-single-item H2 {
	border: 0px solid #4D4E53;
	margin: 0px; /*	float: left;*/
	color: #8B9B61;
	font-size: 12px;
	font-weight: bold;
}

.nieuws-tekst { float: left; }

.news-single-item H3 {
	margin-bottom: 15px;
	margin: 3px;
	margin-bottom: 15px;
	float: right;
	color: #8B9B61;
	font-weight: bold;
	border: 0px;
}

.news-single-img, .news-single-img A:link, .news-single-img A:VISITED, .news-single-img A:HOVER { float: right; margin-left: 5px; border: none; }
.news-single-imgcaption { padding: 3px; clear: both; border: 0px solid #8B9B61; }

.news-single-backlink, .news-single-backlink a {
	margin-bottom: 15px;
	margin-top: 10px;
	font-weight: normal;
}

/*betreft de datumweergave, maar deze tag wordt niet opgepakt, de vraag is waarom niet*/ 
.news-single-timedata {
	float: right; /*font-size: 30px;*/
	font-size: 12px;
	text-align: right;
}

.news-single-author,.news-single-imgcaption { }
.news-single-author { padding-bottom: 3px; }

.news-single-additional-info {
	margin-top: 15px;
	border: 1px solid #8B9B61;
	padding: 2px;
	padding-bottom: 0px; /* 	clear: both; */
}

.news-single-related,.news-single-files,.news-single-links {
	border: 1px solid #8B9B61;
	margin: 0px;
	margin-bottom: 3px;
	padding: 3px;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD { margin-left: 20px; }
.news-single-related DT, .news-single-links DT, .news-single-files DT { margin-left: 5px; width: 90%; font-weight: bold; }

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	margin-top: 10px;
	padding: 3px;
	border: 1px solid #4D4E53;
	background-color: #8B9B61;
}

.news-amenu-container LI { padding-bottom: 1px; }

.news-amenu-container UL {
	padding: 3px;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	border: 1px solid #8B9B61;
	list-style-type: none;
}

.news-amenu-container H2 {
	padding: 3px;
	border: 1px solid #8B9B61;
	color: #FFFFFF;
	background-color: #8B9B61;
}

.news-amenu-item-year {
	padding: 2px;
	background-color: #8B9B61;
	color: #FFFFFF;
	font-weight: bold;
}

.level1 { padding-left: 10px; background-color: #E9ECF0; }
.level2 { padding-left: 10px; background-color: #DDDDDD; }
.level3 { padding-left: 10px; background-color: #CCCCCC; }
.level4 { padding-left: 10px; background-color: #BBBBBB; }

/*--------------------------------- tt_news Verhalen --------------------------------- */
/*
div.verhaalItems {
	width: 150px;
	float: right;
}
*/
/*------------------------------------------------------------------------------ {{{ lightbox
------------------------------------------------------------------------------*/
#lightbox{
	width: 100%;
	text-align: center;
	line-height: 0;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 100;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	width: 250px;
	margin: 0 auto;
	position: relative;
	height: 250px;
}

#imageContainer{ padding: 10px; }

#loading{
	width: 100%;
	text-align: center;
	line-height: 0;
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
}

#hoverNav{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none; }

#prevLink, #nextLink{
	width: 49%;
	display: block;
	background: transparent url(/typo3conf/ext/nc_bibverhalen/res/lightbox2/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	height: 100%;
}

#prevLink { float: left; left: 0; }
#nextLink { float: right; right: 0; }

#prevLink:hover, #prevLink:visited:hover {
	background: url(/typo3conf/ext/nc_bibverhalen/res/lightbox2/images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(/typo3conf/ext/nc_bibverhalen/res/lightbox2/images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer{
	margin: 0 auto;
	font-size: 10px;
	line-height: 1.4em;
}

#imageData{ padding: 0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #numberDisplay{ clear: left; padding-bottom: 1.0em; display: block; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
	
#overlay{
	width: 100%;
	background-color: #4D4E53;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	height: 500px;
}

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html>body .clearfix { width: 100%; display: inline-block; }
* html .clearfix { height: 1%; /* End hide from IE-mac */ }

/* }}} */
/* blog /////////////////////////////////////////*/
.news-single-item .news-latest-gotoarchive { background: none; border: 0; }
.tx-comments-comments { margin-top: 10px; }
.news-latest-container, .level0 { background-color: #FFFFFF; }

.news-latest-item, .news-latest-item-1 {
	padding: 4px;
	margin: 3px;
	background-color: #E9ECF0;
	font-weight: bold;
}

.news-latest-category IMG, .news-list-category IMG { float: none; border: none; margin: 0px; }
.news-latest-morelink A, .news-single-category { float: right; }
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell, #imageData #caption { font-weight: bold; }
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P, .news-search-emptyMsg, .news-search-form FORM { margin: 0px; }
.news-item-category a, .news-item-related-stories a { display: block; }
.tx-comments-comments .tx-comments-comment-1, .tx-comments-comments .tx-comments-comment-2 { border: 0; background: #E9ECF0; }
.news-latest-item A:LINK,.news-latest-item A:VISITED,.news-latest-item A:HOVER, .news-latest-item-1 A:LINK,.news-latest-item-1 A:VISITED,.news-latest-item-1 A:HOVER, .news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER, .tx-comments-comments hr { color: #8B9B61; }