/*-----------------------------------  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  -----------------------------------*/
 
.news-latest-container { background-color: #FFFFFF;}

/* 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: #0087BF; /*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: #0087BF;
	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: #F3F9FC;
}

/* bepaalt de breedte van de balk met de oneven nieuwsitems, de breedte wordt beinvloed door de padding*/
.news-latest-item {
	padding: 4px;
	margin: 3px;
	background-color: #DEEFF7;
	font-weight: bold;
}

 /* bepaalt de kleur van de nieuwsitem links in de oneven rijen */
 .news-latest-item A:LINK,.news-latest-item A:VISITED,.news-latest-item A:HOVER {
	color: #0087BF;
}

/* bepaalt de breedte van de balk met de even nieuwsitems, de breedte wordt beinvloed door de padding */
.news-latest-item-1 {
	padding: 4px;
	margin: 3px;
	background-color: #F3F9FC;
	font-weight: bold;
}

/* bepaalt de kleur van de nieuwsitem links in de even rijen */
 .news-latest-item-1 A:LINK,.news-latest-item-1 A:VISITED,.news-latest-item-1 A:HOVER {
	color: #0087BF;
}

.news-latest-gotoarchive {
	margin-top: 10px;
	width: 180px;
	font-weight: normal;
}

.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
	color: #0087BF;
}

.news-latest-gotoarchive A {
	padding: 4px;
	background: #F3F9FC;
}

/*.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-category IMG {
	float: none;
	border: none;
	margin: 0px;
}

.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: #F3F9FC;
	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: #DEEFF7;
	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: #DEEFF7;
	text-align: right;
	height: 18px;
}

.news-latest-morelink A { float: right;}
 


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

/*bepaalt de opmaak van de koptekst Alle actuele nieuwsitems */ 
.news-list-header {
	margin-left: 3px;
	background-color: #FFFFFF;
	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: #0087BF; /*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;*/
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
}
.subthema-header {
	padding: 0px; /*de linkermarge bepaalt de uitlijning */
	margin-left: 10px;
	color: #0087BF; /*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;
	background-color: #FFFFFF;
	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: #0087BF;
	/*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 {
	border: 0px solid #0066CC; 
	margin-left: 0px;
	padding-right: 1em;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	display: block;
}

.news-list-item {
	padding: 1px;
	border: 0px solid #0066CC;
	background-color: #FFFFFF;
	color: #000000;
	margin-bottom: 20px;
	line-height: 1.3; /* IE hack end */
	height: 1%; /* IE hack */
}

	
.news-list-item .news-list-morelink {
	float: right;
	width: 25px;
	margin-top:-15px;
	clear: right;
}

.news-list-item p {
	margin-bottom: 0;
	margin-top: 4px;
	padding-right: 30px;
}

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

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

.news-search-form-header{
	padding-top: 0px;
	margin-bottom: 0px;
	background-color: #EEF7FB;
	color: #0087BF;
	font-weight: bold;
}

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

.news-search-emptyMsg{ margin: 0px;}

/*bepaalt de opmaak van het zoekformulier, het gedeelte met de zoekboxen*/ 
.news-search-form FORM { margin: 0px;}

.news-list-container H3, .blog-list-container h3 {
	margin-bottom: 5px;
	padding: 2px;
	/*background-color: #37BEF6;*/
	color: #0087BF;
}

/*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 {
	padding-left: 2px;
	color: #0087BF;
	font-weight: bold;
}

.news-list-container H3 A, .blog-list-container H3 A { color: #FFFFFF; text-decoration: underline;}
.news-list-container P, .blog-list-container P { padding-left: 3px;}

.news-list-date {
	margin-top: -2px;
	margin-right: -2px;
	color: #0087BF;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	background: none;
}

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

.verhaal-list-morelink {
	float: right;
     color: #000000;
	background-color: #FFFFFF;
	font-weight: normal;
}

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

.verhaal-list-moretekst {
    margin-left: 0px;
    margin-top: 0px;
	padding: 1px;
	color: #000000;
	background-color: #FFFFFF;
	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-bottom: 0px;
	margin-right: 2px;
	margin-left: 5px;
}

.news-list-container img {
/*	margin:16px 2px 0 5px;*/
}

.news-list-category IMG {
	float: none;
	border: none;
	margin: 0px;
}

.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 #0087BF;
	margin-left: 0px;


	background-color: #EEF7FB;
	color: #0087BF;
	font-size: 12px;
	font-weight: normal;
}
.verhaal-uitgelicht-beschrijving { 
        color: #0087BF;
	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: #0087BF;
	font-size: 12px;
	font-weight: bold;
}


/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.news-list-browse {
	margin: 3px;
	color: #0087BF;
}

.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}

.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin: 0px 3px;
}

.tx-ttnews-browsebox-SCell {
	background-color: #E3EAEC;
}

.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: #0087BF; /*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;*/ 
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	clear:both;
	display:block;
	width:95%;
	padding: 0 10px;
}

/*bepaalt de opmaak van de titel van het nieuwsitem*/ 
.news-single-item H2 {
        border: 0px solid #000000;
	margin: 0px;
	
/*	float: left;*/
	color: #000000;
	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: #FFFFFF;
	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 #0087BF;
}

.news-single-category {	float: right;}
.news-item-category a {	display: block;}
.news-item-related-stories a {	display: block;}

.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 {
	/*font-size: 18px;*/
}

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

.news-single-additional-info {
	margin-top: 15px;
	border: 1px solid #0087BF;
	padding: 2px;
	padding-bottom: 0px;
	background-color: #4DD4FF; /* 	clear: both; */
}

.news-single-related,.news-single-files,.news-single-links {
	border: 1px solid #0099CC;
	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 #000000;
	background-color: #0099CC;
}

.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 #0099CC;
	list-style-type: none;
}

.news-amenu-container H2 {
	padding: 3px;
	border: 1px solid #0099CC;
	color: #FFFFFF;
	background-color: #0087BF;
}

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

.level0 {
	background-color: #FFFFFF;
}

.level1 {
	padding-left: 10px;
	background-color: #EEEEEE;
}

.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;
	background-color: #FFFFFF;
	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;
	background-color: #FFFFFF;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
}

#imageData{
	padding: 0 10px;
}

#imageData #imageDetails{
	width: 70%;
	float: left;
	text-align: left;
}
	
#imageData #caption{
	font-weight: bold;
}

#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: #000000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	height: 500px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

	
.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;}
.tx-comments-comments hr {color:#ccd6db;}
.tx-comments-comments .tx-comments-comment-1, .tx-comments-comments .tx-comments-comment-2 {border:0; width:100%;}
.tx-comments-comment-content {width:98%;}
.tx-comments-comments .tx-comments-comment-1 {background:#f3f9fc;}
.tx-comments-comments .tx-comments-comment-2 {background:#e9f2f8;}