/*
stylesheet for Voederbak.nl/RondomDeBijbel.nl
last updated 2009-12-31
*/

@import url(http://www.bijbelgenootschap.nl/misc/css/osisOutput.css);


/* general */

html {
	overflow-y: scroll;
}
body {
	font-family: "verdana";
	margin: 0 8px 0 10px;
}

/* header */

#header {
	margin: 0 auto;
	width: 990px;
	position: relative;
	padding-bottom: 5px;
}

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

/* content area */

#content {
	min-height: 440px;
}
#toc {
	width: 20%;
	float: left;
}
#main {
	width: 47%;
	float: left;
	padding: 0;
}
#sub {
	width: 32%;
	float: right;
}
#sub div.div_annotant, #sub div.div_x-articleSub, #sub div.misc {
	margin: 0 0 5px 0;
}


/* headers/titles */

#toc div.header {
 padding: 3px 10px 5px 10px;
}
#main div.header {
	padding-left: 10px;
	padding-bottom: 10px;
}
#sub div.header {
	padding: 2px 10px 3px 10px;
}
.sitemap div.header {
	margin-bottom: 8px;
}

div.expandSymbol {
	font-size: 0.75em;
	float: right;
	font-weight: bold;
}

div.title0 {
	margin-bottom: 1px;
	font-size: 0.7em;
}
div.title1 {
	margin-bottom: 4px;
	font-weight: bold;
}
#toc div.title1 {
	font-size: 0.8em;
	margin-left: 0;
	margin-top: 4px;
	margin-bottom: 0;
}
#main div.title1 {
	font-size: 0.9em;
	margin-left: 0;
	margin-bottom: 0;
}
#sub div.title1 {
	font-size: 0.75em;
	margin-left: 0;
	padding-right: 20px;
	margin-bottom: 0;
}

.title1 .refDescr {
	font-size: 0.75em;
	vertical-align: 1px;
}
#toc .refDescr {
	font-size: 0.8em;
}
#main .title1 .refDescr {
	font-size: 0.6em;
	vertical-align: 2px;
}

div.title2 {
	margin: 2px 0;
	font-weight: bold;
	font-size: 0.75em;
}

.tocSection {
	font-size: 1em;
	margin: 8px 0 4px 0;
}
.tocSectionTitle {
	margin-top: 2px;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 0.7em;
}
.toc1 {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.7em;
	font-weight: bold
}
.toc2 {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.7em;
}


/* content */

.itemcontent {
	margin: 0 10px;
}
#toc .itemcontent {
	padding-top: 4px;
	padding-bottom: 4px;
}
#sub .itemcontent {
	padding-bottom: 4px;
}

div.info1 {
	font-size: 0.8em;
	line-height: 140%;
}
div.info1 p {
	margin-top: 0;
	margin-bottom: 8pt;
}
div.info1a {
	margin-top: 8pt;
	font-size: 0.8em;
	line-height: 140%;
}
div.info2 {
	font-size: 0.7em;
	line-height: normal;
}
div.info2 p {
	margin-top: 4pt;
	margin-bottom: 4pt;
}
div.info2 td {
	line-height: 125%;
	padding-left: 0;
	padding-right: 4px;
}
div.info2 ul {
	line-height: 120%;
}

div.div_x-text {
	font-size: 0.85em;
	margin-top: 8pt;
}
div.div_x-text title {
	margin-bottom: 0;
}
div.div_x-text p {
	margin-top: 0;
}

#sub div.osisOutput {
	font-size: 0.7em;
	line-height: 140%;
}

.div_article div.p, .div_article div.p-first, .div_x-articleSub div.p, .div_x-articleSub div.p-first, .div_annotant div.p, .div_annotant div.p-first {
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 0;
}

ul {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 18px;
}

ol li {
	margin-left: 0;
	padding-left: 0;
}

tr {
	vertical-align: top;
}

#main div.div_x-literature, #main div.div_x-source {
	font-size: 0.85em;
}
div.div_x-literature {
	margin-top: 8px;
}
div.div_x-literature div.title {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}
div.div_x-literature div.p, div.div_x-literature div.p-first {
	margin-top: 0;
	margin-bottom: 0;
}
div.div_x-source {
	margin-top: 15px;
	line-height: 130%;
}
div.div_x-source div.title {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}
div.div_x-source div.p, div.div_x-source div.p-first {
	margin-top: 0;
	margin-bottom: 0;
}

table {
	margin-top: 5px;
}
#main table {
	width: 400px;
}
table.table_x-borderVCenter tr {
	vertical-align: middle;
}
td {
	padding: 0 3px;
	font-size: 0.85em;
}

td div.lg {
	margin-left: 0;
}
div.figure {
	padding-right: 8pt;
	padding-bottom: 4pt;
	float: left;
}
div.figure img {
	padding: 10px 0;
}
div.caption {
	font-weight: bold;
	font-size: 0.8em;
	width: 270px;
}

span.mainToSub, span.shift {
	color: #e05555;
	font-weight: bold;
	font-size: 0.7em;
	vertical-align: 30%;
	line-height: 1em;
	text-decoration: none
}
div.note span.mainToSub, .sitemap span.mainToSub {
	color: #e05555;
	font-size: 0.8em;
}

.hi_super {
	font-size: 0.7em;
	vertical-align: 45%;
	line-height: 1em;
}
span.linkExample {
	color: #e05555;
}

div.notice {
	margin: 20px 10px 0 10px;
}
div.notice, div.div_x-notice {
	margin-top: 16pt;
	padding-bottom: 8pt;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	clear: both;
	color: #777777;
}
div.div_x-notice div {
	line-height: normal;
}
div.navLink {
	margin-top: 10pt;
	padding-bottom: 10pt;
	font-weight: bold;
	font-size: 0.65em;
}
#main div.navLink {
	padding-left: 10px;
}

div.x-spec {
	font-size: 0.8em;
	line-height: 150%;
	padding: 6pt;
	margin-top: 16pt;
}
div.x-spec div.title {
	font-weight: bold;
}

.sitemap .tocSection {
	font-size: 1em;
}
.sitemap .toc1 {
	margin-top: 2px;
	border-bottom: none;
}
.sitemap .toc2 {
	margin-left: 15px;
	border-bottom: none;
}
.sitemap .tocunit {
	margin-left: 15px;
}
.sitemap .toc2a {
	font-size: 0.7em;
	font-weight: bold;
}

.sitemap .level1 {
	margin-left: 0;
}
.sitemap .level2 {
	margin-left: 15px;
}
.sitemap .level3 {
	margin-left: 30px;
}
.sitemap .level4 {
	margin-left: 45px;
}
.sitemap .level5 {
	margin-left: 60px;
}
.sitemap .level6 {
	margin-left: 75px;
}
.sitemap .level7 {
	margin-left: 90px;
}


/* footer */

.footer	{
	clear: both;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
}

.footer td {
	color: white;
	padding: 4px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}

.footer a, .footer a:link, .footer a:visited	{
	color: white;
	font-weight: bold;
}


/* links */

a {
	color: #e05555;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
a.toToc {
	/* color: #dd5555; */
	font-weight: bold;
}
a.internal {
	font-weight: normal;
}
a.external {
	color: #5050ff;
}

#sub div.header a {
	color: black;
}
#sub div.header a:hover {
	color: #e05555;
}



/*
TR {
	vertical-align: top;
}
TD {
	margin-top: 0pt;
	margin-bottom: 0pt;
	padding-top: 0pt;
	padding-bottom: 0pt;
}

div.header0 {
	margin-top: 4px;
	margin-bottom: 12px;
}
*/




/* content etc. */



/*
TD.general1 {
	PADDING: 6pt;
	BORDER-LEFT: 1px solid white;
	BORDER-RIGHT: 1px solid white;
	VERTICAL-ALIGN: middle;
	width: 20%;
}
TD.general1 DIV {
	FONT-SIZE: 0.8em;
	FONT-WEIGHT: bold;
	MARGIN-LEFT: 1pt;
}
TD.general2 {
	PADDING: 6pt;
	BORDER-TOP: 2px solid white;
	VERTICAL-ALIGN: middle;
}
TD.general2 DIV {
	FONT-SIZE: 0.8em;
	FONT-WEIGHT: bold;
	MARGIN-LEFT: 1pt;
}
TD.general2 A.homelink {
}
TD.general2 .descr {
	FONT-SIZE: 0.8em;
	FONT-WEIGHT: normal;
}
*/



/* BODY.index TD { */
/*
.index TD {
	FONT-FAMILY: "Verdana";
	FONT-SIZE: 0.8em;
}
.content TABLE {
	FONT-SIZE: 0.85em;
}
.content TD {
	PADDING-RIGHT: 4pt;
	FONT-SIZE: 0.85em;
}
.content TD P {
	MARGIN-TOP: 4pt;
	MARGIN-BOTTOM: 0pt;
}
.content TD DIV.poetry {
	MARGIN-TOP: 4pt;
	MARGIN-BOTTOM: 0pt;
}
.content TD DIV.poetry P {
	MARGIN-LEFT: 0.25cm;
	TEXT-INDENT: -0.25cm;
}
P.continue {
	MARGIN-TOP: 0pt;
	MARGIN-BOTTOM: 0pt;
	TEXT-INDENT: 0.5cm;
}
DIV.title {
	FONT-WEIGHT: bold;
}
P.listIntro {
	MARGIN-BOTTOM: 0pt;
}


SPAN.subToMain {
	COLOR: #e05555;
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.8em;
	VERTICAL-ALIGN: 20%;
	TEXT-DECORATION: none
}

SPAN.shift {
	COLOR: #e05555;
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.8em;
	VERTICAL-ALIGN: 20%;
	TEXT-DECORATION: none
}
*/




/* content */


/*
DIV.text P {
	MARGIN-TOP: 0pt;
	MARGIN-BOTTOM: 0pt;
	TEXT-INDENT: 0.5cm;
}
DIV.text P.first, DIV.text P.continue {
	TEXT-INDENT: 0cm;
}

DIV.text DIV.poetry P {
	MARGIN-TOP: 0pt;
	MARGIN-BOTTOM: 0pt;
	MARGIN-LEFT: 1cm;
	TEXT-INDENT: -0.5cm
}


.prose {
	TEXT-INDENT: 0.5cm
}
.proseblock {
	TEXT-INDENT: 0cm
}
.proseblockindent {
	MARGIN-LEFT: 1cm
}
DIV.poetry P {
	MARGIN-TOP: 0pt;
	MARGIN-BOTTOM: 0pt;
	MARGIN-LEFT: 1.5cm;
	TEXT-INDENT: -0.5cm
}
BODY.spec DIV.poetry P {
	MARGIN-LEFT: 0.5cm;
	TEXT-INDENT: -0.5cm
}
SPAN.sup {
	FONT-SIZE: 7pt;
	VERTICAL-ALIGN: 30%;
	line-height: 1em;
	FONT-FAMILY: "Arial";
	margin-right: 1px;
}

SPAN.smallcaps {
	FONT-SIZE: 0.85em;
	LETTER-SPACING: 0.5pt
}
SPAN.smallcaps2 {
	FONT-SIZE: 0.85em;
}

DIV.notes {
	FONT-SIZE: 0.85em;
}
DIV.notesTitle {
	FONT-WEIGHT: bold;
}
SPAN.noteRange {
	FONT-WEIGHT: bold;
}
SPAN.noteQuote {
	FONT-STYLE: italic;
}


img {
	border: none;
}
*/