/*welche Datei ist offen?*/
body{
	background-color:  rgba(255, 230, 128, 0.06);/*#fffff2hellstes Hellgelb*/
	padding: 2%;
	padding-top: 80px;
	font-size: large;
		
}

.linkeseite{
	

  
  
  height: 90%; 
  width:80px;
	position: fixed;
	left: 5px;
	top:70px;
	bottom: 80px;
	z-index: 9997;
  padding: 10px;
  overflow-y: scroll;
  

}


/**********************Für den Header************************/
.sichtbar{
	background-color: rgba(255, 230, 128, 0.05);
	padding-bottom: 30px;
	
}

/**********************Für den Header************************/
.hintergrundfarbe{
	background-color: #eaeffa;
	
	
}

.superklein{
	
	font-size: tiny;
}

.zentriert{
	text-align: center;
	font-size: 150%;
	margin-bottom: 5px;
}

/**********************Stil für den Header************************/

#Mitte{
	padding-top: 30px;
}

/*******************************SPECIAL SPAN STYLES***************************/
/*style for the marking tags (red and bold)*/
.myTag{
	font-weight: bold;
	color:  #cc0000;
}

/*style for the crossed out mistake*/
.mistake{
	text-decoration: line-through;
	color: #cc0000;
}

#Brotkrumen{
	visibility: hidden;
}

.adjective{
	font-weight: bold;
	font-style: italic;
	color: #99004d;
	
	
}

/*größerer Zeilenabstand in Listen*/
ul{
	line-height: 1.8;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


/*Hervorhebungen mit Box oder Hintergrund*/
.grammatikwort{
	font-weight: bold;
	background-color: #224591;
	color: #ffffff;
	padding: 0 4px  0 4px;
	
	
}

.bezugswort{
	border: 1px solid #224591;
	padding: 0 4px  0 4px;
}

.verb{
	border: 1px dotted #004080;
	padding: 0 4px  0 4px;
	background-color: #d6e0f5;
}

.HighL{
	font-weight: bold;
	font-style: italic;
	color: #000000;
	background-color: #d6e0f5;
	
}

.HighLneg{
	font-weight: bold;
	font-style: italic;
	color: #000000;
	background-color:  #fffff2;
	
}.emph{
	font-weight: bold;
	font-style: italic;
	color: #404040;
	
	
}


.BOld{
	font-weight: bold;
	
	
	
	
}

.BOLD{
	font-weight: bold;
	text-transform: uppercase;
	
	
	
}

figcaption{
	font-weight: bold;
	text-transform: uppercase;
	
	
	
}

.Norm{
	font-weight: normal;
	font-style: normal;
	color: #000000;
	
	
}

.redbox{
	border: 2px solid #cc0000;
}

.bigx{
	font-size: 200%;
	color: #006600;
	font-weight: bold;
}

.BIG{
	font-size: 200%;
	
}

.tiny{
	font-size: 80%;
}

.tinytiny{
	font-size: 75%;
}

.beispielsatz{
	
	
	font-style: italic;
	font-weight: bold;
	color: #003366;
}

.correct{
	
	
	font-style: italic;
	font-weight: bold;
	color: #003366;
}


/*um 270° gedrehter Text für Tabellen*/
.vertikal{
	font-weight: bold;
	text-align:center;
	white-space:nowrap;
    transform-origin:50% 50%;
    transform: rotate(270deg);
}

.listenbild{
	margin: 10px;
}




#TagX{
	font-weight: bold;
	font-size: 150%;
	color: #ff3399;
}

blockquote{
	
	margin-left: 50px;
	margin-right: 50px;
	font-size: 85%;
	
}


iframe{
	height: 150px;
	width: 100%;
	border: none;
}

/********************für die Übung*****************/
.correct-ue{
	color: #008000;
}		

.wrong{
	color: #cc0000;
}	

.empty{
	color: blue;
}	




/*Navbar - Minimale Eingriffe*/

	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
		font-weight: bold;
		
		background-color: #eaeffa;
	}
/*	
.navbar-light{
	background-color: #eaeffa !important;
}	
*/	
.nav-link {
	font-weight: bold;
	line-height: 1.4;
		
	
}	
/*	
.dropdown-item{
	font-size: 85%;
	line-height: 1.3;
	
	
}	
*/

/************************LINKS AND SUCHLIKE**********************************************************************/
/*style for normal links*/

main a{
	text-decoration: underline; 
	font-style: bold;
	color: #2952a3;  /*lighter blue*/
	font-weight: bold;

	}

main a:hover{
	background-color: #d6e0f5;
	
}

.chaptermenu a{
	/*text-decoration: none; */
	font-style: bold;
	color: #2952a3;  /*lighter blue*/
	font-weight: bold;
	
}
.chaptermenu-left a{
	/*text-decoration: none; */
	font-style: bold;
	font-size: 65%;
	color: #2952a3;  /*lighter blue*/
	font-weight: bold;
	
}

.zurueck{
	height: 70px;
	font-size: 90%;
}


footer a{
	text-decoration: none; 
	font-weight: bold;
	color: #2952a3;        /*same as main a*/
	
}

footer a:hover{
	background-color: #d6e0f5;
}


h2{
	padding-top: 65px;
	padding-bottom: 5px;
}
h3{
	padding-top: 65px;
	padding-bottom: 5px;
}

h4{
	padding-top: 65px;
	padding-bottom: 5px;
}

h5{
	padding-top: 65px;
	font-weight: bold;
	font-size: 105%;
	text-transform: uppercase;
	
	
}

h6{
	padding-top: 65px;
	font-weight: bold;
	 font-variant: small-caps;
	 font-size: 110%;
}



/***********************************Navbar***************************/

.navbar-light{
	border: solid 2px #2952a3;
	/*background-color: #c1d0f0 !important;*/
}

.navbar-light .navbar-nav .nav-link{
	color: #04256b;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,102,.7);
	font-weight: bold;
	background-color: #d6e0f5;
}



/*****************************************FOOTER***********************/


footer{
	
	text-align: center;
	color: #24478f;
	height: 50px;
	line-height: 50px;
	border: solid 2px #ffffff;/*Hellblau*/
	
}



#notthefooter{
	min-height: 95vh;
	margin-bottom: -50px;
}

#notthefooter:after{
	content: "";
	display: block;
	height: 50px;
}

footer a{
	text-decoration: none; 
	font-weight: bold;
	color: #2952a3;        /*same as main a*/
	
}

footer a:hover{
	background-color: #d6e0f5;
}

/*für den Nach-Oben-Pfeil*/
.btt{
	width:40px;
	position: fixed;
	right: 10px;
	
	bottom: 30px;
	z-index: 9995;
}


/*für den Nach-Oben-Pfeil
#nachoben{
	width:40px;
	position: fixed;
	right: 5px;
	bottom: 30px;
	z-index: 9998;
}*/

/*für den Nach-Oben-Pfeil
#nachunten{
	width:40px;
	position: fixed;
	right: 5px;
	bottom: 200px;
	z-index: 9997;
}*/

/*Checkbox bei den Rätseln*/
.answerbox{
	
	position: fixed;
	
	z-index: 9950;
}


/*score in den Übungen - hat nicht funktioniert*/
.score-sm{
	background-color: #d6e0f5;
	width:200px;
	position: fixed;
	right: 10px;
	bottom: 100px;
	z-index: 9998;
	border: 1px solid #2952a3;
}

.indexaz{
	
	position: fixed;
	right: 10px;
	top: 70px;
	z-index: 9998;
	
}

.indexaz > a{
	text-decoration: none; 
	font-style: bold;
	color: #2952a3;  /*lighter blue*/
	font-weight: bold;
}

.indexaz > a:hover{
	
	background-color: #d6e0f5;
	
}

.indexazcard{
	
	position: fixed;
	right: 10px;
	top: 110px;
	z-index: 9997;
	
}
/*styling für die Zwischenmenüs*/
.bd-highlight{
	background-color: rgba(255, 230, 128, 0.06);
    border: 1px solid rgba(255, 230, 128, 0.06);
}

.menu-item{
	/*width: 160px ;*/
	background-color: #ffffff;
	
}

.menu-item-small{
	/*width: 160px ;*/
	background-color: #eaeffa;
	font-size:90%;
	
}

.menu-item-wide{
	/*width: 260px ;*/
	background-color: #ffffff;
	
	/*text-align: center;*/
}

.index-item{
	width: 70px ;
	height: 50px;
	background-color: #ffffff;
	text-align: center;
	align-items: center; 
	
}

.mybtn{
	background-color: #2952a3;
	font-weight: bold; 
	border: 1px solid #2952a3;
	/*position: fixed important!;
	right: 10px;
	top: 70px;
	z-index: 9998; das funktioniert nicht*/
	
	
}

.collapsed {
	background-color: #2952a3;
	font-weight: bold; 
	border: 1px solid #2952a3;
	
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #2952a3;
    border-color: #2952a3;
    box-shadow: 0 0 0 0.25rem #d6e0f5;
}	
.card {
	border: 3px solid #d6e0f5;
}

/*****************************Tables - alle Übernommen bis auf mytable*******************/

.table-responsive{
	padding-top: 10px;
	padding-bottom: 10px;
}

.table > tbody > tr > td {
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
}


/******************************Styling for another table************************/

.mytable_normal > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
}

.mytable_normal > thead > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	background-color: #ffffff;
	font-weight: bold;
}

.mytable_normal > tbody{
	width: 100%;
}	

/******************************Styling for another table************************/

.table_score > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
}

.table_score > thead > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	background-color: #ffffff;
	font-weight: bold;
}

.table_score > tbody{
	width: 100%;
}	
.table_score   td {
	text-align: left;
	
	}
.table_score   td:nth-child(1) {
	font-weight: bold;
	
	}
.table_score   td:nth-child(4){
	text-align: right;
	
	}
.table_score tr:nth-child(10){
	font-weight: bold;
	background-color: #ffffff;
	
}	


/******************************Styling for paper table************************/

.paper {
	
	border: 2px solid #000000;
	vertical-align: middle;
}

.paper > tbody > tr:nth-child(1) {
	
	border-bottom: 2px solid #000000;
	font-weight: bold;
}


.paper > tbody > tr > td {
	border: 1px dotted #000000;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	background-color: #ffffff;
}

.paper > tbody{
	width: 100%;
}

/*from Stackoverflow because responsive table not working: http://stackoverflow.com/questions/18585804/bootstrap3-responsiveness-for-table-is-not-working; does not work*/
/* .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
    -webkit-overflow-scrolling: touch;
} */


 /********************Styling for mytable-small****************************/
.mytable-small > tbody{
	width: 90%;
}

.mytable-small > tbody > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	font-weight: bold; 
}
 
.mytable-small > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	/* font-weight: bold; */
}


 /********************Styling for mytable-small-qt****************************/


.mytable-small-qt > tbody > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	font-weight: bold; 
}
 
.mytable-small-qt > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
}
.mytable-small-qt > tbody > tr > td:nth-child(2) {
	
	vertical-align: middle;
	text-align: center;
	
	
}

.mytable-small-qt > tbody > tr > td:nth-child(3) {
	
	vertical-align: middle;
	text-align: center;
	
	
}

/********************Styling for mytable-small-pn****************************/


.mytable-small-pn > tbody > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	font-weight: bold; 
}
 
.mytable-small-pn > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
}
.mytable-small-pn > tbody > tr > td:nth-child(odd) {
	
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
	
}


/********************Styling for mytable-small****************************/
.mytable-formation > tbody{
	width: 90%;
}

.mytable-formation > tbody > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	font-weight: bold; 
}
 
.mytable-formation > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	
}

.mytable-formation > tbody > tr > td:nth-child(1) {
	text-align: right;
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
	
}

.mytable-formation > tbody > tr > td:nth-child(2) {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
	
}

.mytable-formation > tbody > tr > td:nth-child(3) {
	text-align: left;
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
	
}
/********************Styling for mytable-small-bsp****************************/


.mytable-small-bsp > tbody > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	font-weight: bold; 
}
 
.mytable-small-bsp > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
	/* font-weight: bold; */
}
.mytable-small-bsp > tbody > tr > td:nth-child(3) {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	font-style: normal;
	font-weight:normal;
	
	/* font-weight: bold; */
}
.mytable-small-bsp > tbody > tr > td:nth-child(4) {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	font-style: normal;
	font-weight:normal;
	
	/* font-weight: bold; */
}

/********************Styling for mytable-paradigm based on mytable-small****************************/
.mytable-paradigm > tbody{
	width: 90%;
}

.mytable-paradigm > tbody > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	font-weight: bold; 
}
 
.mytable-paradigm > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: middle;
	
	
	/* font-weight: bold; */
}

/* das hier geht nicht, da die verbundenen <td>s als eins oder null gelten
.mytable-paradigm > tbody > tr > td:nth-child(3) {
	
	color: blue;

}
*/

.mytable-new > tbody{
	width: 90%;
}

.mytable-new > tbody > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	font-weight: bold; 
}
 
.mytable-new > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	/* font-weight: bold; */
}

.mytable-new>tbody>tr>td:nth-child {
	
	font-style: italic;
	font-weight: bold;
}


.mytable-centre > th> td {
border: 1px solid black;
border-collapse: collapse;
}

.mytable-centre >tbody> td {
  text-align: center;
}
.mytable-centre >tbody >tr > td:first-child{text-align:left;}


/*Tabellenstil für Konjugation zwei oder vier Spalten*/
.conjugation tbody > tr > td:nth-child(even){
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
}

/*Tabellenstil für Konjugation drei Spalten*/
.conjugation_odd tbody > tr > td:nth-child(odd){
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
}

/*Tabellenstil für Konjugation Spalte 2+3+4 fett*/
.conjugation_234 tbody > tr > td:nth-child(2){
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
}

.conjugation_234 tbody > tr > td:nth-child(3){
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
}

.conjugation_234 tbody > tr > td:nth-child(4){
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
}

.table_23 tbody > tr > td:nth-child(2){
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
}

.table_23 tbody > tr > td:nth-child(3){
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
}

/*Tabellenstil für Syntax-Annotation*/

.annotate >tbody{
	background-color:#ffffff;
	
	border: 1px solid #25488e;
	
}


	
.annotate > tbody > tr:nth-child(odd) {
	background-color: #ffffff;
	font-style: italic;
	font-weight: bold;
	color: #003366;
	
}
.annotate > tbody > tr:nth-child(odd) >td:nth-child(odd) {
	background-color: #eaeffa;
	
	
}

.annotate > tbody > tr:nth-child(even) {
	background-color: #eaeffa;
	font-size:80%;
	text-transform: uppercase;
	font-weight: bold;
	
}

.annotate > tbody > tr:nth-child(even) > td:nth-child(even){
	background-color: #ffffff;
	
	
}
	
.annotate > tbody > tr > td {
	padding: 4px;
	text-align: center;
}



.Unterschrift{
	padding-top: 10px;
	font-size: 90%;
	font-weight: bold;
	
}
/* 
.mytable-small > tbody > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	background-color: #ffffff;
}

.mytable-small > tbody > tr > td:nth-child {
	border-color: #002266;
	background-color: #ebf0fa;
	font-style: italic;
	font-weight: bold;
}
	
	

.mytable-small>tbody>tr>th:nth-child {
	background-color: #ffffff;
	font-weight: bold;
	font-style: normal;
	padding: 5px;
} */


/* .mytable-small > tbody > tr:hover {
	
		color:  #003311;
		font-family: Cambria, "Book Antiqua", serif;
		font-size: 102%;
		/*text-shadow: 2px 2px #ffffcc;
		opacity: 0.9; still don't like this... 
}
 */

/****styling for images******************************************************/

a.example-image-link{
	width: 10%;
}

.geaendert{
	padding-top: 50px;
	padding-left: 2px;
	padding-bottom: 50px;
	font-weight: bold;
	color: #2952a3;
	
}

.darkbg{
	background-color: #2952a3;
}

/************************************************************************************/

/********************Styling for mytable-medium****************************/
.mytable-medium > tbody{
	width: 90%;
}

.mytable-medium > tbody > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	font-weight: bold; 
}
 
.mytable-medium > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: middle;
	
	/* font-weight: bold; */
	
}

.mytable-medium > tbody > tr > td:nth-child(1) {
	font-style: italic;
	font-weight: bold;
	color: #003366;
	

	
}





.mytable-medium > tbody > tr:hover {
	
		background-color:  rgba(255, 230, 128, 0.15);
		/*font-family: Cambria, "Book Antiqua", serif;
		font-size: 102%;*/
		/*text-shadow: 2px 2px #ffffcc;
		opacity: 0.9; still don't like this... */
}


/********************Styling for mytable-medium2****************************/
.mytable-medium2 > tbody{
	width: 90%;
}

.mytable-medium2 > tbody > tr > th {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: top;
	
	font-weight: bold; 
}
 
.mytable-medium2 > tbody > tr > td {
	border: 2px solid #25488e;
	padding: 5px;
	vertical-align: middle;
	
	/* font-weight: bold; */
	
}

.mytable-medium2 > tbody > tr > td:nth-child(2) {
	font-style: italic;
	font-weight: bold;
	color: #003366;
	

	
}





.mytable-medium2 > tbody > tr:hover {
	
		background-color:  rgba(255, 230, 128, 0.15);
		/*font-family: Cambria, "Book Antiqua", serif;
		font-size: 102%;*/
		/*text-shadow: 2px 2px #ffffcc;
		opacity: 0.9; still don't like this... */
}



/*'''''''''''''''''''''''''Breadcrumbs div*****************/
#Brotkrumen{
	padding-bottom: 50px;
}



/************example******************/
.example{
	background-color: #ffffff;
	border: 2px solid #c1d0f0;
	}
	
.instructions{
	background-color: #ffffff;
	border: 1px solid #004080;
	padding: 2px;
	}
	
figcaption{
	font-size: 85%;
	font-weight: bold;
	height: 30px;
	text-align: center;
}
figure{
	
	text-align: center;
}

/*
img{
	border: 2px solid #eaeffa;
}

*/
/* ich glaube, es ist besser, wenn die ganzen Bilder nie alle zusammen sichtbar sind.*/
	#1stpic{ 
		display: inline-block;
	}
	
	#otherpics{
		display: none;
	}	 
	
/*display teaser only*/
#teaser{
	display: block;
}

#fulltext{
	display: none;
} 

.likealink{
	text-decoration: none; 
	font-style: bold;
	color: #2952a3;  /*lighter blue*/
	font-weight: bold;
	cursor: pointer;
}

.likealink:hover{
	background-color: #d6e0f5;
	
}


	
	
@media print {
	
	header {
		display: none;
	}
	
	
	footer {
		display: none;
	}
	
		
	
	
}	

/*Liste ohne Einrückung*/
ul{
	margin-left:0.5em; /* Remove the default left margin */
    padding-left:1em;
	line-height: 2em;
}

/*Besonderes Styling für Nummerierte Listen*/

/*https://stackoverflow.com/questions/11182775/how-to-style-the-number-on-a-html-list+/*/
ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #224591;
	
}
ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #224591;
    color:#fff;
    background:#224591;
    font-weight:bold;
	font-style: normal;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}​