/******ALT******/

/*StudiFinder: background-green: #F2F2F2*/
/*StudiFinder: green #73D6C2*/
/*StudiFinder: orange #ff8000*/

/*853 Pixel maximale Breite!!!*/


/******NEU******/
/*
 * Hintergrund für Boxen: #F2F2F2
 * Helle Farbe:  #73D6C2
 * Dunkle Farbe: #32B9AA // rgb(50,185,170)
 */

body {
	color: #000000;
	background-color: #ffffff;
	margin-top:0px;
} 




a.label {
	position: relative;
	top: -9.5em;
}
a.labelex {
	position: relative;
	top: -30em;
}


/*Linkfarbe im Menü bleibt schwarz*/
#inhalt a {
  color:#000000;
}

#startinhalt-non-modul a {
  color:#000000;
}

/*Verhindert Umrandung von Grafiken in Links im IE*/
img {
  border: 0
}

img.doppelbild {
    margin-left: 10px;
    margin-right: 10px;
}

div#subsections {
	display: none;
}

#copyright {
	text-align:right
}


/* Inhalt */


div#inhalt {
  margin-top: 13px;
  margin-left: 15px;
  padding-right: 5px;
  padding-bottom: 5px;
}

/*div#inhalt h3 {
	font-weight:bold;
	color: #000090;
	margin-top: 0;
	padding-left: 10px;
}*/


.course-content * .no-overflow {
    overflow: visible !important;
}

.h5pvideo {
    margin-bottom: 1.5em;
}

/* Rahmen */

div.rahmenBefragung {
    border-color: #73D6C2;
    border-style: solid;
    border-width: 3px;
    padding: 7px;
    margin-top: 1em;
}

div.info, div.verweis, div.interaktion, div.aufgabe, div.flashrahmen, div.adoberahmen, div.videorahmen {
	margin-top: 10px;
	margin-bottom: 35px;
}

.ggb {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

.abgesetzt {
	display: block;
}
.abgesetzt div {
	margin-bottom: 15px;
}
.aufgaberahmen
{
	/*border-color:#a3004e;*/
        border-color:#73D6C2;
	border-style:solid;
        border-width:3px;
	padding:5px;
	text-align:left;
	margin-right: 70px;
}


.inforahmen
{
	/*border-color:#a3004e;*/
    border-color:#73D6C2;
	border-style:solid;
        border-width:3px;
	padding:5px;
	margin-right: 70px;
	text-align:left;
}

.verweisrahmen
{
	/*border-color:#a3004e;*/
        border-color:#73D6C2;
	border-style:solid;
        border-width: 3px;
	padding:5px;
	margin-right: 78px;
	text-align:left;
}

.interaktionrahmen
{
	/*border-color: #a3004e;*/
        border-color:#73D6C2;
	border-style:solid;
        border-width:3px;
	padding:5px;
	margin-right: 70px;
	text-align:left;
}

#mycontent  ul, #mycontent  ol {
    padding: 20px;
}

div.rahmenicon {
	display: block;
	float:right;
	margin-left:5px;
	text-align: right;
	width: 80px;
	clear: both;
}
div.rahmenicon img {
	border: none;
}

.rahmeniconaufgabe {
    width: 50px;
    height: 50px;
  }

.flashrahmen {
        border-color:#73D6C2;
        border-width: 0.1px;
        border-style: solid;
        /*border-color: #666666;*/
        padding:10px;
        /*text-align: center;*/
        padding:5px;   
}
.adoberahmen, .videorahmen, .interaktionrahmen {
	border-color:#73D6C2;
	border-width: 0.1px;
	border-style: solid;
	/*border-color: #666666;*/
	padding:10px;
	/*text-align: center;*/
	padding:5px;
	margin-right: 70px;
}
.interaktionrahmenExtraBreit {
        /*border-color: #a3004e;*/
        text-align:left;
        border-color:#73D6C2;
        border-width: 0.1px;
        border-style: solid;
        border-width:3px;
        /*border-color: #666666;*/
        padding:10px;
        /*text-align: center;*/
        padding:5px;
}

.video {
  text-align: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

/*Stellt sicher, dass Videos im Fullscreen den gesamten Bildschirm nutzen*/
video:-webkit-full-screen {
   width: 100%;
   height: 100%;
   max-height: 100%;
}

/* Textfluss */


div#content.long {
    width:900px;
}

div#content.start {
	margin-top: 7em;
}
div.text {
	margin-right: 80px;
}
div#text {
    display: block;
}
div.p {
	margin-top: 1em;
}

/* Bilder */
div.imagecenter {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0px;
}
div.imagecenter div.bildtext {
	margin-left: 15%;
	margin-right: 15%;
}

div.bildtextinkastenbild {
    max-width: 33%;
    min-width: 150px;
}

div.bildtextinkastentext {
    max-width: 60%;
}

div.floatright {
	float: right;
/*	width: 200px;*/
	text-align: center;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px;
}
div.Floatright {
	float: right;
	width: 300px;
	text-align: center;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px;
}
div.clearfloat {
	clear: both;
}


/* Interaktion */
a.linkinteraktionrahmen:hover img {
	background-image:url('../images/buttonm_visual_.png');
}

/* Formulare */
form {
	margin-bottom:0px;
}



/* Tabellen Rahmen */
table.rahmen {
	border: 1px solid black;
	border-spacing: 0px;
}
td.rahmen {
	border: 1px solid black;
	padding: 5px;
}


/* Html Formeln */
.formel {
	margin-top:5px;
	margin-bottom:5px;
}

.formeloverline {
	text-decoration: overline;
}

/* QR-Code bekommt kleinen Abstand nach links und wird klein angezeigt */
.qrcode {
	margin-left: .2em;
	cursor: pointer;
	vertical-align: text-bottom;
	height: 15px;
}

.qrcode canvas {
	width: 15px;
	vertical-align: text-bottom;
}

.qrcode_link img {
	width:15;
	margin-left:.2em;
	vertical-align: text-bottom;
}

.versteckt {
	display: none;
}



.zufallsbutton, .zufallsbutton_renew, .zufallsbutton_return {
	cursor: pointer;
}




/**Config Eingangsbereich */
div#startinhalt-non-modul {
	position: fixed;
	top: 205px;
	left: 0px;
	width: 200px;
	min-height: 100%;
	z-index: 0;
	margin: 0;
	padding: 0;
	padding-left:40px;
	background: #ffffff;
}

div#startinhalt-non-modul h3 {
	font-weight:bold;
	color: #000090;
	margin-top: 0;
	padding-left: 10px;
}

div#startinhalt-non-modul ul.level1 {
    padding-top: 0px;
    font-weight: normal;
}
div#startinhalt-non-modul ul.level1 li.level1 {
    padding-bottom: 1em;
}






a.faq {
	color: #ffcc00;
}
a.faq:before {
	content: "FAQ ";
	font-weight: bold;
	font-size: 125%;
}
/*a.faq:after {
	content: " ?";
	font-weight: bold;
	font-size: 125%;
}
*/
p.helpnav {
	clear:both;
}
p.helpnav img{
	float:left;
	margin-right:10px;
}
.reg {
	font-variant: small-caps;
}

#overlay{
	display:none;
   position: fixed;
   z-index:199;
   top: 0px;
   left: 0px;
   height:100%;
   width:100%;   
   background-color:#000;
   -ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
   filter:alpha(opacity=75); /* IE5-7 */
   -moz-opacity: 0.75; /* Mozilla */
   opacity: 0.75;
	
}

#loesung{  
	display:none;
	position:absolute;
   top:5%;
   left:5%;
   padding:5%;
   z-index:200;
   width:80%;
   background-color:#fff;
}

#interaction{
	display:none;
	position:fixed;
   top:5%;
   left:5%;
   padding-left:5%;
   padding-top:5%;
   z-index:200;
   width:80%;
   height:80%;
   background-color:#fff;
}

.loesung {
    width: 100%;
    display: none;
    background-color: #F2F2F2;
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.playButton {
        margin-top:5px;
        background-image: url(@@PLUGINFILE@@/playButton.jpg);
        background-repeat: no-repeat;
        height: 14px;
        width: 14px;
}

.pauseButton {
        margin-top:5px;
        background-image: url(@@PLUGINFILE@@/pauseButton.jpg);
        background-repeat: no-repeat;
        height: 14px;
        width: 14px;
}

.control_button {
    margin-top: 10px;
    margin-bottom: 2px;
    border: 2px solid #73D6C2;
    padding: 2px;
    width: 6em;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

.link_button {
    border: 2px solid #73D6C2;
    padding: 2px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

span.control_button_icon {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
}

span.control_button_icon.right_answer {
    background:url(@@PLUGINFILE@@/right.png) no-repeat; 
}

span.control_button_icon.false {
    background:url(@@PLUGINFILE@@/false.png) no-repeat; 
}

input.right_answer, div.right_answer, select.right_answer {
    background-color: #73D6C2;
}

input.wrong, div.wrong, select.wrong {
    background-color: #ffd573;
}

/*Korrigiere Moodle-Abstände*/

li.activity > div {
    padding: 0px;
}

.mod-indent-outer {
    padding-left: 0px !important;
}

.contentwithoutlink {
    padding-right: 0px !important;
}

#mycontent {
    margin-top: -1.5em;
    position:relative
}

#mycontent * img {
    max-width: 100%;
    height: auto;
}

#mycontent * .loesung * img {
    padding-right: 1em;
}

#mycontent * .loesung * .interaktion {
    padding-right: 1em;
}


#mycontent * video {
    /*max-width: 100%;*/
    height: auto;
      /*width: 100%;*/
  max-width: 700px;
  display: block;
  margin: auto;
}

#mycontent * canvas {
    max-width: 100%;
    height: auto;
}

.nav-tabs {
    margin-bottom: 0px;
}

#content {
    margin: 0px;
}

.course-content ul.section {
    margin: 0em;
}
/*Ende Moodle-Korrektur*/

table {
    
    border-collapse: collapse;
}

table tr td {
    padding: 5px;
}

div.table_inline_border  table td {
    border-right: 1px solid;
}

div.table_inline_border table tr:first-child td {
    border-bottom: 1px solid;
}

div.table_inline_border table tr td:last-child {
    border-right: 0;
}

div.singlechoice_aufgabe {
  display: inline;
}
div.singlechoice_aufgabe > input {
    margin-right: 6px;
}
div.multiplechoice_aufgabe > input {
    margin-right: 6px;
}


.outer_div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    /* width: max-content; */
    /* max-width: 700px; */
}

.videoaufgabe_gesamt {
    /*
     * position: absolute;
     */
    position: absolute;
    z-index: 1;
    background: white;
    border: 2px solid #73D6C2;
    padding: 10px;
    display: none;
    max-width:90%;
    /*width: 90%;
    height: 90%;*/
    text-align: left;
}

.videoaufgabe_geloest {
    display: none;
}