/*
Stylesheet for Bijbels Digitaal
Last updated 2016-08-30
*/


/* General */

body{
	background-color:#FFFFFF;
	color:#000000;
	margin:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding-left: 4px;
	padding-right: 2px;
	/* font-family: Verdana; */
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size:10pt;
	overflow-y: hidden;
}

tr {
	vertical-align: top;
}

form, select {
	margin: 0;
	padding: 0;
}

select.chapter {
	color: black;
	font-weight: normal;
}


/* Header */

#header {
	margin: 0 auto;
	width: 990px;
	position: relative;
	z-index: 0;
}

#header-title {
	left: 545px;
	top: 15px;
	position: absolute;
	font: 32px Arial;
	color: white;
	background: transparent;
}

#header-subtitle {
	left: 546px;
	top: 50px;
	position: absolute;
	font: bold 12px Arial;
	letter-spacing: 1.5px;
	color: white;
	background: transparent;
}


/* Links */

a {
	padding: 0 2px;
}

#transcrview a {
	padding: 0;
}

a:link {
	color:#cc4444;
	text-decoration: none;
} 
a:active {
	color:#003f7d;
} 
a:visited {
	/* color:#0167B2; */
	color:#cc4444;
	text-decoration: none;
} 
a:hover {
	background-color: #cc4444;
	color: white;
} 


/* Site navigation */

.siteNavigation {
  vertical-align: top;
  /* margin: -5px 0 8px 0; */
  margin: 0 0 3px 0;
  text-align: left;
  width: 990px;
}

#mode1 .siteNavigation, #mode2 .siteNavigation {
	height: 50px;
}

#mode3 .siteNavigation {
	height: 75px;
}

#mode4 .siteNavigation {
	height: 55px;
}

#mode3 .siteNavigation, #mode4 .siteNavigation {
  /* margin: -5px 0 0 0; */
  margin: 0 0 -5px 0;
}

.siteNavigation table {
	background-color: transparent;
}
.siteNavigation td {
	padding: 0 4px 0 0;
	vertical-align: top;
}
.siteNavigation select {
	/* font-family: Verdana; */
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 11px;
	height: 18px;
}

.fieldHeaderUnit {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding-right: 0;
	color: #777777;
}

select.bible, select.bible2 {
	margin-bottom: 2px;
}

input#searchterm {
	width: 200px;
	height: 12px;
	padding: 2px 1px;
}

#prevPart, #nextPart, #prevSubpart, #nextSubpart {
	font-size: 12px;
	line-height: 10px;
	display: none;
}

#pageNavigation {
	float: right;
}

#prevPage {
	padding-top: 3px;
	font-size: 11px;
	display: none;
}

#nextPage {
	padding-top: 3px;
	font-size: 11px;
	margin-left: 20px;
	display: none;
}

#prevPage a, #nextPage a {
	padding: 2px;
}


/* Content */

/* modes 1-2 */

#scanview, #transcrview {
	overflow: auto;
}

#mode2 #scanview {
	float: left;
	margin: 2px;
}

#mode2 #transcrview {
	float: right;
	margin: 2px;
	text-align: left;
}

#mode3 .transcrview {
	margin-top: 5px;
	text-align: left;
}

#transcrview .osisOutput, .transcrview .content {
	font-size: 1em;
	padding: 10px;
}

td.notes {
	/* font-size: 1.1em; */
	font-size: 11px;
	vertical-align: top;
}

div.notes {
	margin-left: 4px;
}

.seg_x-pageHeader {
	display: none;
}

.cell_x-borderLeft {
	border-left: 1px solid black;
}

.cell_x-braceLeft {
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-left: 0;
	padding-left: 0;
}

.cell_x-borderRight {
	border-right: 1px solid black;
}

.cell_x-braceRight {
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-left: 0;
	padding-left: 0;
}

.cell_x-center {
	text-align: center;
}

div.title {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.div_x-heading {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.div_x-interimHeading {
	font-size: 10px;
	font-weight: bold;
	padding-top: 5px;
}

div.div_book {
	margin: 8px 4px 0 10px;
}

div.div_book div.div_introduction div.title {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

div.div_introduction div.title {
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
}

div.div_section div, div.div_book td div, div.div_book td, div.div_book div.div_introduction div {
	/* font-family: Verdana; */
	font-family: 'Open Sans', Verdana, sans-serif;
	/* font-size: 12px; */
	line-height: 150%;
}

div.div_section div.title_chapterLabel {
	width: 75%;
	margin-top: 12pt; margin-bottom: 0pt;
	text-align: center;
	font-size: 1.1em; font-weight: bold
}

div.div_section tr {
	vertical-align: middle;
}

div.div_introduction, div.div_x-misc, div.div_titlePage {
	margin: 8px;
}

div.div_section div.div_introduction {
	font-size: 0.8em;
}

div.div_x-bookEnd, div.div_x-mainEnd {
	font-size: 1.1em; font-style: italic;
	margin: 0 10px;
	padding: 8px 0 12px 0;
	text-align: center;
	border-bottom: 1px solid;
}

div.div_x-bookAnnouncement {
	font-weight: bold;
}

div.div_x-colophon {
	/* font-family: Verdana; */
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 1.2em;
	margin-top: 8px;
	margin-bottom: 12px;
}

div.p_x-textHeading {
	text-align: center
}

div.p_x-blockIndent {
	margin-left: 1cm;
}

div.p_x-leftIndent {
	margin-left: 0.5cm;
}

div.p_x-firstLineIndent {
	text-indent: 0.5cm;
	margin-top: 0; margin-bottom: 0;
}

div.p_x-hangingIndent {
	margin-left: 0.5cm; margin-top: 0; margin-bottom: 0;
	text-indent: -0.5cm;
}

div.p_x-indent, div.div_index div.p , div.div_index div.p-first {
	margin-left: 0.5cm; margin-top: 0; margin-bottom: 0;
	text-indent: 0;
}

div.p_x-indent-firstLineIndent {
	margin-left: 0.5cm; margin-top: 0; margin-bottom: 0;
	text-indent: 0.5cm;
}

div.p_x-center {
	text-align: center;
}

div.div_periph table {
	width: 600px;
}

div.div_periph td {
	width: 50%;
}

div.div_x-misc tr {
	vertical-align: middle;
}

div.div_x-misc td {
	margin: 4px 0 !important;
}

span.verse {
	margin-right: 4px;
	font-size: 11px;
	vertical-align: 1px;
}

span.divineName {
	font-size: smaller; letter-spacing: 1pt;
}

span.foreign, span.foreign_x-secondaryLanguage {
	font-style: italic;
}

span.hi, span.hi_italic {
	font-style: italic;
}

span.hi_super {
	vertical-align: super;
	font-size: smaller;
}

span.seg_x-partLabel , span.seg_x-marginLabel {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 3px;
	background-color: #DDDDDD;
	color: #555555;
}

span.milestone_x-tab {
	margin: 0px 8px;
}

div.p span.milestone_pb {
	margin-left: -15px;
}

span.handSymbol {
	font-weight: bold;
	background-color: #DDDDDD;
	padding: 0 2px;
	margin: 2px;
}

span.acornSymbol {
	font-size: 0.9em; font-weight: bold;
	background-color: #DDDDDD;
	color: #555555;
	padding: 0 2px;
	margin: 2px;
}

span.noteRef {
	font-size: 0.7em;
	vertical-align: 30%;
	line-height: 1em;
	margin-right: 2px;
	color: #777777;
}

span.milestone_column {
	background-color: #DDDDDD;
	font-size: 9px;
	font-weight: bold;
	padding: 1px;
	vertical-align: 1px;
}

span.annotatedTextEnd {
	color: #777777;
	padding-left: 1px;
	font-size: 11px;
	vertical-align: 5%;
}

span.noteVerseId {
	font-weight: bold;
	background-color: #DDDDDD;
}

span.noteId {
	font-weight: bold;
	margin-right: 4px;
}


div.head_x-center {
	text-align: center;
	padding-top: 4px;
}

div.note {
	line-height: 130% !important;
}

pre {
	font-family: "Courier New", monospace;
	font-size: 0.8em;
}

#mode2 div.notice {
	float: right;
	padding: 4px 30px 0 0;
}


/* modes 3-4 */

table.versionHeader, table.bar-translations {
	background-color: #eeeeee;
	margin-bottom: 5px;
}

table.bar-translations {
	padding-left: 20px;
}

table.versionHeader td, table.bar-translations td {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

table.bar-translations td.searchResultSubheader {
	text-align: left;
	padding-left: 15px;
	background-color: #cccccc;
}

div.mt {
	font-size: 16px;
	font-weight: bold;
}
div.s {
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 2px;
}
span.c {
	display: none;
}
span.v {
	font-size: 11px;
	font-weight: bold;
	color: #777777;
	vertical-align: 1px;
}

div.p span.bd {
	background-color: #dddddd;
	padding: 2px;
	font-weight: bold;
}

#mode3 div.notice {
	margin: 4px 10px 10px 0;
}

#transcrview h3 {
	margin: 0 0 5px 15px;
}

/*
#mode3 #transcrview td {
	vertical-align: middle;
}
*/

#mode4 td {
	vertical-align: top;
}

span.highlight {
	padding: 0 2px;
	background-color: #cccccc;
}

#mode3 td.text, #mode4 td.text {
	padding: 0 4px 0 10px;
	border-left: 1px solid gray;
}

div#bnetnotice {
	width: 100%;
	background-color: #dddddd;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 0;
	margin: 10px 0;
	text-align: center;
}

/* ? */

div.top {
	font-weight: bold;
}

#header1 {
	width: 550px;
	overflow: hidden;
	float: left;
}

#header2 {
	width: 240px;
	/*
	height: 142px;
	*/
	overflow: hidden;
	float: right;
	/*
	right: 0;
	position: absolute;
	*/
	/* background: url(/fileadmin/sites/bijbelsdigitaal/header.jpg) right; */
	/* text-align: right; */
}

.transcrview, #mode4 #transcrview { font-size: 13px; line-height: 18px }
p.mt { font-size: 20px; font-weight: bold }
p.p { margin: 0; text-indent: 10px }
span.bd { font-weight: bold }
span.it { font-style: italic }

div.passageheading { font-style: italic; padding: 0px 5px 10px 0px }
.reflabel { font-weight: bold; white-space: nowrap }
div.notice { font-style: italic; padding: 10px 5px }

#mode4 #transcrview em { font-style: normal; background-color: #ddd; padding: 2px 4px }

.resultrangeitem { float: left; padding-left: 20px }

h3.s, span.bd { display: none }