/*----------------------------------------*/
/*--Style elements for the Gospel Display-*/
/*----------------------------------------*/

.invisible {
    display: none;
}

.visible {
    display: block;
}

.milestone {
	display: inline;
    font-size: xx-small;
    vertical-align: super;
}

div.perikopenTitel {
    display: block;
    background-color: #ffffff;
    color: #000fff;
    padding: 10px;
}

div.Urteil {
    display: block;
    padding: 10px;
}

div.Text {
    display: block;
    padding: 10px;
}

div.Text span {
	font-family: serif;
}

/* Presentation of the various span-classes (fu, sek...) */
/* Problem der multiplen Klammern (content-Befehl wird nur einmal angewendet): */
/* wenn nötig mit chained class conditions arbeiten */
/* (i.e.: span.dek.rk: before {content: "[(";} ...) */

span.d {
	font-style: ;
	font-size: ;
	color: ;
	background-color: ;
}

span.dek {
	font-style: ;
	font-size: ;
	color: ;
	background-color: ;
}

span.eek {
	font-style: ;
	font-size: ;
	color: ;
	background-color: ;
}

span.f {
	font-style: ;
	font-weight: bold;
	font-size: ;
	color: black;
	background-color: ;
}

span.fk {
	font-style: italic;
	font-weight: bold;
	text-decoration: ;
	font-size: ;
	color: black;
	background-color: ;	
}

span.fu {
	font-style: ;
	font-weight: bold;
	text-decoration: underline;
	font-size: larger;
	color: black;
	background-color: ;
}

span.fz {
	font-style: ;
	font-size: ;
	color: ;
	background-color: blue;
}

span.gk {
	font-style: ;
	font-size: ;
	text-shadow: 1px 1px #ff0000;
	color: ;
	background-color: ;
}

span.k {
	font-style: italic;
	font-size: ;
	color: ;
	background-color: ;
}

span.n {
	font-style: ;
	font-size: ;
	color: ;
	background-color: ;
}

span.pet {
	font-style: ;
	font-size: xx-small;
	color: ;
	background-color: ;
}

span.rk {
	font-style: ;
	font-size: ;
	color: ;
	background-color: ;
}

span.sk {
	font-style: ;
	font-size: ;
	color: ;
	background-color: ;
}

/* Klammerungen und Sonderzeichen als CSS-Content */
span.eek.d:before {content: "![";}
span.eek.d:after {content: "]!";}

span.eek.fz:before {content: "?[";}
span.eek.fz:after {content: "]?";}

span.eek.sk.fz:before {content: "?<[";}
span.eek.sk.fz:after {content: "]>?";}

span.dek.d:before {content: "![[";}
span.dek.d:after {content: "]]!";}

span.dek.eek:before {content: "[[[";}
span.dek.eek:after {content: "]]]";}

span.gk.rk:before {content: "{(";}
span.gk.rk:after {content: ")}";}

span.gk.d:before {content: "!{";}
span.gk.d:after {content: "}!";}

span.gk.sk.fz:before {content: "?<{";}
span.gk.sk.fz:after {content: "}>?";}

span.sk.fz:before {content: "?<";}
span.sk.fz:after {content: ">?";}

span.d:before {content: "!";}
span.d:after {content: "!";}

span.fz:before {content: "?";}
span.fz:after {content: "?";}

span.dek:before {content: "[[";}
span.dek:after {content: "]]";}

span.eek:before {content: "[";}
span.eek:after {content: "]";}

span.gk:before {content: "{";}
span.gk:after {content: "}";}

span.rk:before {content: "(";}
span.rk:after {content: ")";}

span.sk:before {content: "<";}
span.sk:after {content: ">";}

/*----------------------------------------*/
/*--Style elements for the Variants Table-*/
/*----------------------------------------*/

div.tableContainer {
    overflow-y: auto;
    overflow-x: auto;
    height: 70%;
}

table#variantsTable {
    display: block;
    background-color: #ffffff;
    border-collapse: collapse;
}

td {
    padding: 10px;
    vertical-align: text-top;
}

th {
    /*height: 0;
    line-height: 0;*/
    padding: 10px;
    color: transparent;
    border: none;
    white-space: nowrap;
}

/* workaround for fixed table headers */
th div{
    position: absolute;
    background: #333333;
    color: #fff;
	padding: 10px 10px;
    top: 0;
    margin-left: -9px;
    line-height: normal;
    border-left: 1px solid #000;
    border-right: 2px solid #333333;
    align-items: center;
    font-style: bold;
}

/* no fixed table headers in mobile responsive view */
@media only screen and (max-width: 1080px) {

	th {
    	/*height: 0;
    	line-height: 0;*/
    	padding: 10px;
    	padding-top: 9px;
    	padding-bottom: 9px;
    	background: #333333;
    	color: #fff;
    	align-items: center;
    	white-space: nowrap;
	}

	th div{
	    display: none;
	}
}

.quote_grc {
    font-family: serif;
}

.quote_grc b {
    text-decoration: underline;
}

.quote_lat {
    font-style: italic;
}

/*.differs for the unequal sign in equations*/
.differs {
	font-style: bold;
	color: black;
	padding-left: 3px;
	padding-right: 3px;
}