/*StudiFinder: dark blue #ff8000*/
/*StudiFinder: light blue #73D6C2*/

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

/*853 Pixel maximale Breite!!!*/


#example_exercise {
    border: 3px solid #73D6C2;
    width: 100%;

    text-align: center;
    font-size: 1.5em;
    cursor: pointer;
    
    margin-bottom: 10px;
}

.example_exercise_container {
    display: inline-block;
    width: 60%;
}

#score {
    display: inline-block;
    margin-left: 1em;
    border: 3px solid #73D6C2;
    width: 30%;
    text-align: center;
    font-size: 1.5em;
    cursor: pointer;
    vertical-align: top;
}

#position_example_exercise {
    border: 3px solid #73D6C2;
    border-top: 0px solid #73D6C2;
    width: 100%;
    height: 0.3em;
    margin-bottom: 0.7em;
}

#progress_example_exercise {
    width: 66%;
    height: 100%;
    background-color: #ff8000;
    overflow: auto;
}

.math_content {
    cursor: pointer;
    display: inline-block;
}

#navigation .math_content {
    width: 32%;
}


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

.continue_link {
    border: 3px solid #73D6C2;
    height: auto;
    padding: 0.4em;
    display: inline-block;
    margin-top: 3px;
    margin-right: 3px;
    cursor: pointer;
}

.math_title {
    padding: 0.2em;
    text-align: center;
    width: 11em;
    border: 3px solid #73D6C2;
    cursor: pointer;
    display: inline-block;
}


#navigation .math_title {
    margin-left: 10%;
}

#navigation .math_practice {
    margin-left: 10%;
}

.math_practice {
    text-align: center;
    padding: 0.2em;
    width: 10em;
    border: 3px solid #73D6C2;
    border-top: 0px solid #73D6C2;
    cursor: pointer;
}






.active_button {
    background-color:#f6fae0;
}

#content_container {
    max-height: 100%;
    overflow: auto;
    max-width: 900px;
}

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

#content {
    margin-left: 1em;
    width: 92%;
    
    /*position: relative;
    max-height: 80%;
    overflow: auto;*/
}

#buttons div.grey {
    cursor: default !important;
}

#buttons div {
    display: table-cell;
    vertical-align: middle;
    #height: 55px;
    padding-top: 0;
    margin-top: 1.5em;
    margin-right:1em;
}


#buttons div span{
    width: 34px;
    height: 34px;
    display: inline-block;
    overflow: hidden;
}

#button_next {
    float: right;
    #height: 55px;
    padding-top: 0;
    width: auto;
    display:_inline-block;
    margin-right: 2em;
    cursor: pointer;
}

#button_next span {
 margin-left: 1em;
}

#button_prev {
    float: left;
    #height: 55px;
    padding-top: 0;
    width: auto;
    display:_inline-block;
    margin-left: 1em;
    cursor: pointer;
}

#button_prev div span {
    margin-right: 1em;
}

.grey {
    background-color: white;
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
}
/*
#buttons #button_next span{
    background-image: url('../images/button_next.png');
}
#buttons #button_next.grey span{
    background-image: url('../images/button_next_grau.png');
}
#buttons #button_prev span{
    background-image: url('../images/button_prev.png');
}
#buttons #button_prev.grey span{
    background-image: url('../images/button_prev_grau.png');
}
*/


#overlay{
   display:none;
   position: fixed;
   z-index:19999999;
   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:20000000;
   width:80%;
   background-color:#fff;
}

.aufgaberahmen
{
        /*border-color:#a3004e;*/
        border: 3px solid #73D6C2;
        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;
}

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

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

div.p {
        margin-top: 1em;
}

.loesung {
    display: none;
    margin-top: 0.5em;
    background-color: #f2f2f2;
    /*height: 0px;
    overflow: hidden;*/
}

.loesung_verbergen {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: block;
}




/* 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;
}



/*Fortschrittsbalken auf der letzten Seite*/
.zusammenfassung {
    width: 100px;
    border: 3px solid black;
    height: 0.5em;
    padding:0px;
    display: inline-block;
    overflow: hidden;
}
.zusammenfassung_balken {
    height: 10em;
    display: inline-block;
}

.zusammenfassung_balken_gelb {
    width: 60px;
    background-color: #FFD700;
}

.zusammenfassung_balken_gruen {
    width: 20px;
    background-color: #32CD32;
}

.zusammenfassung_balken_rot {
    width: 20px;
    background-color: #F08080; /*#EE5C42;*/
}

.small_text {
    font-size: x-small;
}

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

.formel {
    margin-top: 2px;
    margin-bottom: 5px;
}

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(../images/right.png) no-repeat; 
}

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


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;
}

video {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

input.right_answer, div.right_answer, select.right_answer {
    background-color: #73D6C2;
/*	Frühlingsgrün: background-color: #f6fae0; */
}

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;
}

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

#content {
    margin: 0px;
}

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

div.floatright {
	float: right;
/*	width: 200px;*/
	text-align: center;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px;
}
div.imagecenter {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0px;
}
div.imagecenter div.bildtext {
	margin-left: 15%;
	margin-right: 15%;
}

img, iframe, video {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: auto;
  }