/* ============================================================
	OAPEN
	acdhirr@trilobiet.nl 2010
	Content styles
============================================================ */

/* html redefs  */

	a {
		text-decoration: none;
		color: #127AA7;
	}
	
		a:hover {
			text-decoration: underline;	
		}	
		
		a img {
			border: none;
		}
	
	hr {
		border-style: solid;
		border-width: 1px 0 0 0;
		height: 1px;
	}
		
	td {
		vertical-align: top;
	}

	input, select, textarea {
		font-size: 1em;
	
	}

    ol {
		list-style: decimal inside;
	}

	ol li {
		margin: 0 0 1em 0;
	}

    ol.level2 {
        list-style:lower-alpha inside;
    }

    ol.level2 li {
		margin: 0em 0 1em 0;
		padding-left:2em;
    }

    ol.level3 {
        list-style:lower-roman inside;
    }

    ol.level3 li {
		margin: 0 0 1em 0;
		padding-left:2em;
    }

    #layContent h1 { font-size: 1.5em; color: #a53938; font-weight: bold; line-height: 1.4em; margin: 0 0 .5em 0; }
	#layContent h2 { font-size: 1.35em; color: #666; font-weight: bold; line-height: 1.4em; margin: .5em 0; }
	#layContent h3 { font-size: 1.2em; font-weight: bold; line-height: 1.4em; margin: .5em 0; }
	#layContent h4 { font-size: 1em; font-weight: bold; }
	#layContent h5 { font-size: .85em; font-weight: bold; }
	#layContent h6 { font-size: .85em; font-style: italic; font-weight: normal; }


/* generic styles */

    /* superscript */
    .superscript {
        vertical-align:super;
        font-size: 80%;
    }
    
	/* button add */
	.add {
		display: block;
		background: #0E5F82;
		height: 13px;
		padding: 5px 15px;
		color: white;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
		.add a, .export a, .licenses a, .downloadlink a {
			color: white;
			font-weight: bold;
		}
	
	/* button download */
	.downloadlink {
		color: white;
		font-weight: bold;
		padding: 3px 15px;
		height: 17px;
		margin-bottom: 6px;
	}

		.downloadlink.pdf {
			background: #E75A5A;
		}	
	
		.downloadlink.notext {
			background: #E75A5A;
		}

		.downloadlink.tei {
			background: #E75A5A;
		}
		
	.btndisabled {
		display: none;
	}
			
	.searchnavi {
		/*float: right;
		font-weight: bold;
		margin-top :-1.5em;*/
		margin-top: .5em;
	}
	
	.moreLike {
		display: block;
		margin: 1em 0;
		font-weight: bold;
		color: #A53938;
		background: url(../img_struct/arright_red.png) no-repeat 0 50%;
		padding-left: 10px; 
	}

	.freetext {
		line-height: 1.5em;
	}

		.freetext ul {
			list-style-type: disc;
		}

		.freetext ul li {
			list-style-position: inside;
		}

/* left column */		
	
	#colleft {
		float: left;
		width: 200px;
		padding: 0 50px 20px 0;
	}

		#colleft .box  {
			border: solid 1px #86AFC6;
			background: url(../img_struct/bgbox.png) no-repeat right bottom;
			padding: 15px;
			margin: 31px 0 42px 0;
		}

			#colleft .box h3 {
				/*height: 17px */
				padding: 4px 15px;	
				color: white;
				font-size: 12px;
				font-weight: bold;	
				background: #86AFC6;
				margin: -42px -16px 16px;
			}

			#colleft .box, #colleft .box a {
				color: #0e5f82;
				line-height: 1.5em;
			}

			#colleft .box a:hover {
				text-decoration: underline;
				color: #335;
			}

			#colleft .box a.more {
				display: block;
				text-align: right;
				font-weight: bold;
				padding-right: 12px;
				background: url(../img_struct/arright.png) no-repeat right 60%;
			}

			#colleft .box li.active {
				font-weight: bold;
			}
	

/* main column */		

	#colmain {
		float: left;
		line-height: 1.5em;
		padding: 0 0 20px 0;
		width: 500px;
	}

		body.stretch #colmain {
			width: auto; /* not working yet */
		}

		#colmain a:hover {
			text-decoration: underline;
		}
		
		#colmain a.more {
			background: url(../img_struct/internal.png) no-repeat center right;
			padding: 0 17px 0 0;
		}

		#colmain a.external_link {
			background: url(../img_struct/internal.png) no-repeat center right;
			padding: 0 17px 0 0;
		}

		#colmain a.backbutton {
			background: url(../img_struct/internal-left.png) no-repeat center left;
			padding: 0 0 0 17px;
		}

	
		#colmain p {
			margin: 1em 0;
		}	

		#colmain .bigsearchbox {
			background: #DEE9ED;
			padding: 17px;
			margin: 20px 0;
		}

			#colmain .bigsearchbox h3 {		
				margin: -3px 0 12px 0;
				padding: 0;
				color: #0e5f82;
			}

			#colmain .bigsearchbox a {		
				background: url(../img_struct/arright.png) no-repeat center left;
				padding: 0 0 0 10px;
				color: #0e5f82;
				font-size: 11px;
				font-weight: bold;
			}

			#colmain .bigsearchbox input[type="text"] {
				border: solid 2px #999;
				width: 320px;
				height: 20px;	
				background: white;
				margin-right: 10px;
				padding: 1px 4px 3px;
				font-size: 1.5em;
			}
			
			#colmain .bigsearchbox button[type="submit"] {
				border: solid 2px #999;
				width: 28px;
				height: 28px;	
				background: url(../img_struct/btnsearch.png) no-repeat -1px -1px;
				vertical-align: bottom;
				cursor: pointer;
			}


    #colmain div.message img {
        width:300px;
    }

/* right column */		

	#colright {
		float: right;
		width: 243px;
		padding: 0 0 20px 48px;
		line-height: 1.5em;
	}

		#colright h2 {
			font-size: 1.5em; 
			color: #a53938; 
			font-weight: bold; 
			border-bottom: solid 1px #a53938; 	
			padding: 0 0 5px 0;
			margin: 0 0 13px 0;
		}

		#colright p {
			clear: both;
			margin: 0 0 13px 0;
			cursor: pointer;
		}

			#colright p img {
				float: left;
				margin: 0 13px 13px 0;
				width: 50px;
				min-height: 75px;
			}

			#colright p em {
				display: block;
				margin-top: .5em;
				font-style: normal;
			}

		#colright a {
			color: #a53938;
		}
    		#colright a.rss {
    		    position: relative;
    		    float: right;
    		    margin-top: 6px;
    		    margin-right: 20px;
    		}
    		
        #colright #news {
            clear: left;
        }
  		#colright #news ul {
            height: 100px;
            overflow-y: auto;
            font-size: 80%;
            line-height: 1.5;
        }
        #colright #news ul li a {
            color: #127AA7;
            margin-bottom: 3px;
        }

		#colright .navi {
			clear: both;
			position: relative;
			height: 17px;
			padding-top: 5px;
		}

			#colright .navi a.rss {
				position: absolute;
				bottom: 0;		
				left: 0;
				font-weight: bold;
			}

			#colright .navi a.more {
				position: absolute;
				bottom: 0;		
				right: 0;
				font-weight: bold;
				padding: 0 10px 0 0;
				background: url(../img_struct/arright_red.png) no-repeat right 60%;
			}
		
		
/* HOME */

	#Home {
	}

		#Home #colmain {
			width: 413px;
		}
		
		#Home #newsfeed ul {
			list-style-type: square;
			color: #A53938;
			margin: -26px 0 1em 0;
		}	
		
		#Home #newsfeed li {
			border-bottom: dotted 1px #A53938; 
			/*text-align: justify;*/
			list-style-position: inside;
			padding: 1em 0 1em 0;
		}
		
			#Home #newsfeed li a:hover {
				text-decoration: none;
			}
		
			#Home #newsfeed li:hover {
				background: #f8eeee;
			}


/* SEARCH */

	#Search {
	}

		#Search #colmain {
			float: none;
			width: 100%;
		}
		
		#Search .forms {
			margin-top: 1em;
		}

			#Search .forms form {
				padding: 0;
				margin: 0;
				display: block;
			}
	
			#Search .forms table {
				width: 100%;	
			}
			
			#Search .forms td {
				padding: 5px 10px 5px 0;	
			}	
		
				#Search .forms td.indent {
					display: none;
				}
				
				#Search .forms td b {
				}	
		
				#Search .forms h4 {
					color: #0E5F82;
					padding-bottom: 5px;
					margin-bottom: 5px;
					font-size: 1.2em;				
					border-bottom: solid 1px #0E5F82;
				}	
				
				#Search .forms input[type="text"] {
					width: 100%;
				} 
				
				#Search .forms input.date[type="text"] {
					width: 4em;
				}
			
		#Search .entiretext {
			float: left;
			width: 45%;
			padding: 10px;
			height: 40em;
			background: #DEE9ED;	
		}
		
			#Search .entiretext br {
				display: none;	
			}	

		#Search .metatext {
			float: right;
			margin-left: 20px;
			width: 45%;
			padding: 10px;
			height: 40em;
			background: #DEE9ED;	
		}

		#Search .examples {
			padding-top: 3em;
			padding-bottom: 2em;
			padding-left: 0;
			padding-right: 0;
			clear: both;
		}
		
			#Search .examples .sampleTable td:first-child {
				font-weight: bold;
			}
			
			#Search .examples .sampleTable tr:first-child td {
				color: #A53938;
				border-bottom: solid 1px #666;	
			}	
			
			#Search .examples .sampleTable td.sampleQuery {
				font-weight: normal;
			}	
		
			#Search .examples .sampleTable td.sampleDescrip {
				font-weight: normal;
			}	
			
	

/* RESULTS */
	
	/* header containing info about the issued query */
	.resultsHeader {
		margin: 0 0 2em 0;
		border-bottom: solid 1px #999;
		padding: 0 0 .5em 0;
	}

		.resultsHeader .bookbagcount {
			float: right;
			background: #0E5F82;
			color: white;
			font-weight: bold;
			padding: 5px;
			margin-left: 2em;
		}

			.resultsHeader .bookbagcount a {
				color: white;
			}
	
	
		.resultsHeader .query {
			line-height: 1.5em !important;
			margin: .5em 0 3em 0;
			text-transform: lowercase;
		}		
		
		.resultsHeader .subQuery {
		}	

			.resultsHeader .subQuery .subhit {
				font-weight: bold;
				line-height: 1.6em;
			}	

		.resultsHeader .label {
			color: #A53938;
			font-size: 1.5em;
			font-weight: bold;	
			margin-bottom: 20px;	
		}	
	
		.resultsHeader .browsenavi {
			float: left;
			font-weight: bold;
			width: 273px;
		}			

		.resultsHeader .resultsnavi {
			text-align: right;
			font-weight: bold;
			height: 1.5em;
		}

			.resultsHeader .resultsnavi .sort {
				float: left;
				margin-top: -0.5em;
			}

		
	/* a div containing a facets column and a results column */
	.results {
	}
	
		.results td.facet {
			padding: 0 2em 0 0;
		}
		
		.results div.facet {
			width: 250px;
		}	
	
		.results .facetName {	
			background: #86AFC6 none repeat scroll 0 0;
			color: white;
			font-size: 12px;
			font-weight: bold;
			padding: 6px 15px;
			margin-bottom: 1px;
		}	
	
		.results .facetGroup {	
			padding: 15px;
			margin: 0 0 15px 0;
			line-height: 1.5em;
			background: transparent url(../img_struct/bgbox-large.png) no-repeat scroll right bottom;
			border: 1px solid #86AFC6;		
		}	
		
		
			.facetGroup a {
				color: #0E5F82;
			}	
		
			.results .facetGroup i {
				font-style: normal;				
			}	
				
			.results .facetGroup img {
				margin: .4em;	
			}	
		
			.results .facetGroup table {
				width: 100%;
			}

			.results .facetGroup td {
				padding: 2px 0 2px 2px;
			}	
		
			/* contains expand / collapse icons or a dot */
			.results .facetGroup .col1 {
				text-align: center;
				width: 10%;		
				color: #127AA7;		
			}			
	
			/* facet description or a subtable */
			.results .facetGroup .col2 {
				max-width: 0;
				overflow: hidden;
			}			

			/* number of hits */
			.results .facetGroup .col3 {
				width: 20%;	
				text-align: right;
				color: #999;
				padding-left: 4px;
				text-transform: lowercase;
			}
			
			.results .facetGroup .facetMore {
				text-align: right;
				font-weight: bold;
				padding-top: 1em;	
			}				
			
				.results .facetGroup .facetMore a {			
						background:url("../img_struct/arright.png") no-repeat scroll right 60% transparent;
						padding-right:12px;
						text-align:right;			
				}


		/* the entire table */
		.results td.docHit {
			padding: 0;
			width: 684px;
		}
	
			/* a single row */
			.results .docHit .docHit {
				margin: 0;
				padding: 1.5em 0;
				border-bottom: dotted 2px #86AFC6;
			}	

			.results .docHit table {
				width: 100%;
			}

			.results .docHit td {
				padding: .5em 0 .5em 120px;
				line-height: 1.4em;
			}			
			
			.results .docHit .typeIcon {
				vertical-align: top;
			}

			.results .docHit .col1 {
				padding: 5px;
				color: #666;
				width: 15px;
				text-align: right;
			}			
	
			.results .docHit img {
				float: left;
				margin: 0 20px 10px -110px;
				width: 90px;
				border: 1px solid #999999;
			}			

			.results .docHit img.typeIcon {
				width: auto;
				margin: 0;
				border: none;
			}

			.results .docHit h3 {
				margin: 0 0 1em 0 !important;
			}

			.results .docHit .author {
				display: block;
				font-weight: bold;
				font-size: 1.2em;
				padding: 0 0 20px 0;
				text-transform: capitalize;	
				color: #127AA7;
			}

			.results .docHit .bookbaglink {
				float: right;
				margin-left: 1em;
			}	

			.results .docHit .downloadlink {
				float: right;
				clear:right;
				width:145px;
			}

			.results .docHit p em {
				padding-right: .5em;
			}


	.results .resultsnavi {
		text-align: right;
		font-weight: bold;
		padding: 2em 0 2em 0;
	}


	/* prev next at bottom */
	.results td.center {
		text-align: right;
		padding: 2em 0;
		font-weight: bold;
	}			



/* Metadata (detail page - a book title) */

	#Metadata {
	}

		#Metadata .docHit .bookbaglink {
			float: right;
		}
	
		
		#Metadata .docHit .cover {
			float: left;
			margin: 0 20px 50px 0;
			clear: left;
			width: 240px;
			padding: 20px;
			text-align: center;
			background: #DEE9ED;
		}
		
			#Metadata .docHit .cover img {
				max-width: 90%;
				border: solid 1px black;
			}

		#Metadata .docHit table {
			border-collapse: collapse;
			margin: 0 2em;
			line-height: 1.7em;
			width: 460px;
		}

			#Metadata .docHit table th {
				text-align: left;
				padding: 0 2em 1em 0;
				width: 8em;
			}

			#Metadata .docHit table td {
				padding: 0 2em 1em 0;
				
			}

		#Metadata .toolbox {
			clear: right;
			float: right;
			margin: 2em 0 0 0;
		}	

        /* CT */
		#Metadata div.licenses, #Metadata div.add_this, #Metadata div.export {
			background: #0E5F82;
			margin-bottom: 5px;
			padding: 3px 15px;
		}

		#Metadata div.licenses img, #Metadata div.export img {
		    width:15px;
		    height:15px;
		    vertical-align: top;
		}

		#Metadata div.downloadlink img {
			vertical-align: top;
		}

		/* no results... */
		#Metadata .metadata {
		}

			#Metadata .metadata td p {
				font-weight: bold;
				line-height: 2em
			}

			#Metadata .metadata td .forms {
				background: #DEE9ED;
				padding: 10px;
				margin: 1em 0;
			}

			#Metadata .metadata .sampleTable {
				margin-top: 1em;
				font-weight: bold;
			}

				#Metadata .metadata td {
					padding: .5em 1em .5em 0;
				}


				#Metadata .metadata .sampleTable .sampleQuery,
				#Metadata .metadata .sampleTable .sampleDescrip {
					font-weight: normal;
				}

/* TEI */

	#Tei {
	}

		#Tei #wrapper {
			width: auto;
			min-height: 0;
		}

		#Tei .buttonBar ul {
			list-style-type: none;
			float: right;
		}
		
			#Tei .buttonBar ul li {
				float: left;
				margin-right: 2em;
			}
			
				#Tei .buttonBar ul li a {
					font-weight: bold;
				}

		#Tei .toc {
		}

			#Tei .toc .title + hr {
				display: none;
			}


			#Tei .toc .toc-line {
				width: 100%;
			}

				#Tei .toc .toc-line:hover {
					background: #ddd;
				}

				#Tei .toc .toc-line:hover a {
					color: black;
				}

			#Tei .toc td {
				line-height: 1.4em;
				cursor: default;
			}

            #Tei .toc td.hits {
                padding: 0.5em .1em 0 .1em;
            }

			#Tei .toc td.head {
				padding: 0.5em .1em 0 .1em;
			}
	
			#Tei .toc td.expand {
				padding: 0.8em 0.6em 0 0;
				width: 9px;
			}

			#Tei .toc td.divnum {
				padding: 0.5em .1em 0 .1em;
				width: 3em;
				white-space: nowrap;
				width: 1em;
			}

			#Tei .toc a:hover {
				text-decoration: none;
			}



		#Tei .content {
			line-height: 1.7em;
		}	

			#Tei .content table {
				width: 100%;
			}

			#Tei .content p {
				margin: 1.7em 0;
			}
			
			#Tei .content .Citaat1, #Tei .content .Citaat2, #Tei .content .Citaat3,
			#Tei .content .Citaat4, #Tei .content .Citaat5, #Tei .content .Citaat6 {
			    padding-left: 1.7em;
			    padding-right: 1.7em;
			    font-style: italic;
			}
			
			#Tei .content .Tussenkop1, #Tei .content .Tussenkop2, #Tei .content .Tussenkop3
			{
			    font-weight: bold;
			}

			#Tei .content .hr-title {
				color: #ccc;
			}	
			
			#Tei .content .title
		    {
		        line-height: 120%;
		        font-style: italic;
		    }
		
    		#Tei .content .creator
    		{
    		    line-height: 120%;
                font-size: 1.5em;		    
    		}
    		
    		#Tei .content .publisher
    		{
    		    line-height: 120%;		    
    		}
    		
    		#Tei .content .place
    		{
    		    line-height: 120%;		    
    		}
    		
    		#Tei .content .date
    		{
    		    line-height: 120%;		    
    		}
		
		#Tei .content .noteref
		{   
		    font-size: x-small;
		    vertical-align: super;
		}
		
		#Tei .content .figure
		{
		    text-align: center;
		}
		
		#Tei table.content td 
		{
		    border: 1px solid;    
		}
			

/* Browse */

	#Browse {
	}

		#Browse #colmain {
			float: none;
			width: 100%;
		}

		#Browse .resultsHeader h1 {
			margin-bottom: 2em;
		}
	
		#Browse .results {
			padding-left: 250px;
		}

			#Browse .results .docHit {
				margin: 0;
				padding: 1.5em 0;
				border-bottom: dotted 2px #86AFC6;
			}
				
				#Browse .results .docHit .col1 {
					display: none; /* index column */
				}

		#Browse .forms {
			margin-top:2em;
		}
		
			#Browse .forms h4 {
				font-weight: normal;
			}	

		#Browse .browseoptions {
			margin-top: 1em;
		}		
				
			#Browse .browseoptions div {
				width: 30%;
				height: 1.8em;
				/* background:  #DEE9ED; */
				border: solid 3px #DEE9ED;
				font-size: 1.2em;
				font-weight: bold;
				text-align: center;
				float: left;
				margin: 10px 25px 10px 0;
				padding-top: .5em;
			}		
			
			#Browse .browseoptions div a {
				color: #568FA7;
			}	



/* Bookbag */

	#Bookbag {
	}

		#Bookbag #colmain {
			float: none;
		}

		#Bookbag .resultsHeader h1 {
			margin-bottom: 2em;
		}
	
		#Bookbag .results {
			padding-left: 250px;
		}

			#Bookbag .results .docHit {
				margin: 0;
				padding: 1.5em 0;
				border-bottom: dotted 2px #86AFC6;
			}
				
				#Bookbag .results .docHit .col1 {
					display: none; /* index column */
				}
.text-content{
    line-height: 1em;
}
 
.short-text {
    overflow: hidden;
    height: 10em;
}
 
.full-text{
    height: auto;
}