/* TOEGEVOEGD FL sep13 nav conversie Hans */

#references {
	font-weight: bold;
	font-size: 14px;
	display: none;
}

.references-list {
	position: relative;
	float: left;
	font-weight: normal;
	font-size: 13px;
}

a[class=bibref] {
	text-decoration: none;
	color: #444;
	font-weight: normal;
}

a[class=bibref]:hover {
	text-decoration: none;
}

.tab:after {
	content: " ";
}

.untranslatable {
    font-variant: small-caps;
}

.phonologicalanalysis:before,
.phonologicalanalysis:after {
	content: '/';
}

.phoneticrepresentation:before {
    content: '[';
}

.phoneticrepresentation:after {
    content: ']';
}

.emphasisitalics {
	font-style: italic;
}

.dstrike {
    text-decoration: line-through;
    background: url('../img/dstrike20x1.png') repeat-x left 0.5em;
}

.referentialindex,
.index,
.subscript,
.categorialfeature,
.sub {
	line-height: 50%;
	font-size: 80%;
	vertical-align: text-bottom;
}

.referentialindex:after {
	content: " ";
}

.notion {
	font-variant: small-caps;
}

.focus {
	font-variant: small-caps;
}

.accent {
	font-variant: small-caps;
}

.glossabbreviation {
	font-variant: small-caps;
}

.superscript,
.sup {
	font-size: xx-small;
	vertical-align: top;
} 

.hyperlink {
	font-weight: bold;
	color: #265679;
}

/* ilexample */

.ilexample > .header:last-of-type {
	width: 100%;
}

.horizontallist {
	position: relative;
	float: left;
}

.horizontallist.length2 > .horizontaltable,
.rowNum2 {
	width: 350px; /* OUDE WAARDE: width: 450px; */
}

.horizontallist.length3 > .horizontaltable,
.rowNum3 {
	width: 220px;
}

.horizontaltable {
	width: 250px;
	position: relative;
	float: left;
}

.header {
	width: 250px;
	font-size: 13px;
}

/* let op: moet gelijk zijn aan breedte horizontallist.length2 */
.header.rowNum2 {
	width: 350px; /* OUD: width: 450px; */
}


/* let op: moet gelijk zijn aan breedte horizontallist.length3 */
.header.rowNum3 {
	width: 220px;
}

/* uitlijning van horizontaal georienteerde voorbeelden */
.hori_horizontal {
	position: relative;
	float: left;
}

.hori_horizontal tr td:first-child{ /* de subindex */
	padding-right: 5px;
	width: 1%;
    white-space: nowrap;
}

.hori_horizontal tr td:nth-child(2) {
	width: 1%;
	white-space: nowrap;
}

.hori_horizontal tr td:nth-child(3) {
	text-align: left;
}

td[class=wg],
td[class="wg hori"],
td[class=gl],
td[class="gl hori"] {
	white-space: nowrap;
}

td[class=wg],
td[class=gl] {
	width: 1px;
}

td[class=tr],
td[class="tr hori"] {
	white-space: nowrap;
	width: 1px;
}

td[class=exampleComment_td],
td[class=exampleComment] {
	width: 100%; /* nodig om comments rechts uit te lijnen */
	white-space: nowrap; /* nodig om comments op 1 regel te houden */
	text-align: right;
}

/* bij voorbeelden naast elkaar komt de examplecomment te ver naar rechts: zet meer naar links */
.horizontallist.length2 > .horizontaltable .exampleComment {
	padding-left: 20px;
}

div[class=exampleComment] {
	text-align: right;
	padding-left: 100px;
}

td[class=dummytd] {
	display: table-cell;
	width: 1px;
}

.hori_horizontal:last-of-type { /* zet het volgende element op een nieuwe regel */
	clear: right;
}

div[class="header rowNum1"] {
	width: 100%;
}

/* horizontallist */

div[class=exampleComment]:before,
td[class=exampleComment_td]:before {
	content: "[";
}

div[class=exampleComment]:after,
td[class=exampleComment_td]:after {
	content: "]";
}

.general_tr:before,
.hori_tr:before {
	content: "'";
}

.general_tr:after,
.hori_tr:after {
	content: "'";
}

.predicate {
	font-variant: small-caps;
}

.symbol { /* de padding opgeteld moet even breed zijn als rowNum3 */
	position: relative;
	float: left;
	width: 100px;
	text-align: center;
	font-size: 14px;
	margin-top: 4px;
}

/* FL okt 2014 toegevoegd */
.ilexample tr img {
	padding: 0;
}

.ilexample td img.not(.xq_link) {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

.horizontallist_img {
	position: relative;
	float: left;
	width: 100px;
	border: 1px solid white; /* stom, maar voor nu enige manier om breedte vast te zetten ..*/
}

.horizontallist_img img {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -7px;
	margin-top: 6px;
	width: 14px;
	text-align: center;
}

.general_wg img {
	margin: 0;
	padding: 0;
	position: relative;
}

.discontinuousphraseI,
.discontinuousphraseII {
	font-style: italic;
}

.smallcaps {
	font-variant: small-caps;
}

/* einde ilexample */

/* tabellen Hans */
.table_hans,
.egnotable {
	font-size: 12px;
	margin-bottom: 20px;
	border-spacing: 0;
	margin-right: 200px;
	position: relative;
	float: left;
	clear: left; /* dwingt begin tabel op nieuwe regel */
	margin-left: 0;
	margin-top: 5px;
	line-height: 180%; /* FL */
}

.table_hans tr,
.egnotable tr {
	margin: 0;
}

.table_hans td,
.egnotable td {
	vertical-align: top;
	padding: 6px 18px;
	margin: 0;
	white-space: nowrap; overflow: hidden;
}

.table_hans td > *,
.egnotable td > * {
	white-space: nowrap; overflow: hidden;
	width: 100%;
}

/* lexterm in een caption */
.tablecaption .word {
	font-style: normal;
}

p > .tab {
	position: relative;
	float: left;
	width: 0; /* FL: was 20px */
	height: 2px;
}

.lexample > .wordgroup + .translation { /*	geeft tussenruimte tussen wordgroup en translation */
	margin-left: 5px;
}

.error {
	font-weight: bold;
	color: red;
}

.ilexample td {
	white-space: nowrap;
}

/* FL oktober 2014 toegevoegd. Zorgt voor indentering bij wordgroups type (i/ii). Zie bv A5.1.1 vb 8 */
.ilexample .indent {
    padding-left: 15px;
}

.ilexample td[class="subindex"] {
	min-width: 15px;
  	max-width: 15px;
  	overflow: hidden;
}

/* voorbeelden met maar 1 vb, en dus met een lege subindex, schuiven op naar links */
.length1 {
	margin-left: -20px;
}

.length1 td[class="subindex"] {
	display: none;
}

.table_ex td {
	width: 1%;
}

.table_ex td:last-child {
	width: 100%;
}

/* dit zijn td's met extreme lengte (in xslt onder wg_w: bij lengte > 130 tekens), alleen hier doen we een text-wrap */
.table_ex td[class="wg extreme"] {
	/*white-space: -o-pre-wrap; 
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap;
	line-height: 130%;*/
	word-wrap: break-word;    
}

.invisible {
	visibility: hidden;
} 

.generalization .table_ex tr td {
	white-space: -o-pre-wrap; 
    word-wrap: break-word;
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
}

/* de titel is onderverdeeld in <hb class="topictitleindex"> en <hb class="topictitlename"> */
.topictitleindex {
    margin-right: 10px;
}

a[class="unknown"] { /* Dit zijn verwijzingen naar elementen waarvan de bron (bv een ander hoofdstuk) nog niet gevonden zijn: markeer rood */
    color: red;
}

.unknownsymbol {
    font-weight: bold;
    color: red;
}

.isShownSection .sectioncontent { /* een sectie in de readmore met alleen maar een ul met links naar kindtopics */
    display: block;
}

/* tonen/sluiten van secties */
.isShownSubsection,
.isHiddenSubsection,
.isHiddenSubsubsection {
   display: none; 
}

.isShownSubsection .sectiontitlecontainer,
.isHiddenSubsection .sectiontitlecontainer {
    font-size: 13px;
}

.remark {
    position: relative;
	float: left;
	padding: 20px;
	-moz-box-sizing: border-box;
	background: #F6F6F6;
	background-color: #dcdcdc; /* voor IE7, 8 */
	background-image: linear-gradient(top , #dcdcdc 10%, #EEEEEE 50%);
	background-image: -o-linear-gradient(top , #dcdcdc 10%, #EEEEEE 50%);
	background-image: -moz-linear-gradient(top , #dcdcdc 10%, #EEEEEE 50%);
	background-image: -webkit-linear-gradient(top, #dcdcdc 10%, #EEEEEE 90%);
	background-image: -ms-linear-gradient(top , #dcdcdc 10%, #EEEEEE 50%);
	progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E5E5E5', endColorstr='#F6F6F6'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E5E5E5', endColorstr='#F6F6F6')"; /* IE8 */
	margin: 20px 0;
	width: 100%;
}

.remarkindex {
    font-style: italic;
}

.urlchar {
    font-family: courier;
}

.verwijzingchar {
    font-weight: bold;
}

.prefix {
	font-style: italic;	
}

.table_ex {
	position: relative;
	float: left;
	font-size: 12px;
}

.table_ex tr {
	line-height: 150%;
}

.table_ex td {
	line-height: 100%;
}

.exampleimageheader td[class=header] {
    white-space: nowrap;
    width: 100%;
}

/* disclaimer */

.disclaimer_hb {
	border: 0;
	border-radius: 0;
	background-color: #fb9005;
	color: white;
	font-size: 10px;
}

.disclaimer_text {
	position: relative;
	float: left;
	margin: 5px;
}

.emphasis {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

/* FL TEST */

.contraction,
.strike,
.dstrike {
    position: relative;
}

.contraction:before,
.strike:before,
.dstrike:before {
    border-bottom: 1px double black;
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
}

/* einde toevoeging */

p img {
    border: 1p solid red;
}

.coreferencedeicticelement,
.coreferenceantecedent {
	font-style: italic;
}

.nadruk {
	font-style: italic;
}

.contrastivefocus {
	font-style: italic;
	font-variant: small-caps;
}

.contrastivetopic {
    border-bottom: 1px double black;
}