/* Container fuer Inhalt und passende Farbdefinitionen - STAND 10.04.12*/
#cont_kurs{
                width:95%;
                min-width: 655px;
                text-align: left;
                margin:0px 0px 20px 10px;
                padding: 0px 3px 0px 3px;
                background-color:white;
                text-align: justify;
                line-height: 1.5;
                font-size: 12px;
                color: black;
                font-family: Arial;
                overflow:hidden;
}

#cont a:link { text-decoration:none; font-weight:normal; color:gray; border:4px; }
#cont a:visited { text-decoration:none; font-weight:normal; color:gray; border:0px;  }
#cont a:hover { text-decoration:underline; font-weight:normal; color:black; background:white; border:0px;  }
#cont a:active { text-decoration:none; font-weight:normal; border:0px;  }

#cont ul{text-indent:0px; padding:0.25em 0.5em 0.25em 2em; list-style-position:outside;}
#cont ol{text-indent:0px; padding:0.25em 0.5em 0.25em 2em; list-style-position:outside;}

ul li,
ol li,
/*div#cont_kurs dir li,
div#cont_kurs ol li,
div#cont_kurs ul li,*/
div#cont_kurs li { color:black /*!important*/; }

/* Blaue Linie*/
.linie {width: 100%; height:19px;padding: 0px 0px 15px 0px; clear:left;}

/* Logos foer den Inhaltsbloecken*/
.logo{
                width:56px;
                padding: 0px 6px 1px 6px;

                clear:both;
                float:left;
                margin:0px 0px 9px 0px;
                background-color:white;
                display: inline;
                color: black;
}




/* Definitionsblock mit Logo */
.def2{
                width:69%;
                padding: 10px 10px 10px 10px;
                float:left;
                clear:right;
                margin:3px 0px 9px 0px;
                background-color:#CCCCCC;
                background-image: url(../images/ecke.png);
                background-position:right bottom;
                background-repeat:no-repeat;
                display: block;
                color: black;

}


/* Matheblock - fuer Saetze GS    */
.satz{
                width:65.5%;
                padding: 2px 1% 1px 3px;
                float:left;
                clear:right;
                /* mit logo margin:3px 0px 9px 0px;*/
                margin: 3px 0px 9px 66px;
                background-color:#eeeeee;

                display: block;
                color: black;

}
/*Vertikale Ausrichtung der Tex-Formeln */
img.texrender {
    vertical-align: middle;
    border: 0 none;
}

/* Beispielblock */
.bsp{
                width:65.5%;
                padding: 2px 1% 1px 3px;
                float:left;
				clear:left;
                margin: 3px 0px 9px 66px;
                display: block;
                color: black;

                border:3px;
                border-style:outset;
                border-color:#6699ff;
}

/* Aufgabenblock */
.aufgabe{
                width:69%;
                padding: 2px 1% 1px 3px;
                float:left;
clear:right;
                margin:3px 0px 9px 0px;
                display: block;
                color: black;
}

/* Zusammenfassungsblock */
.zus{
                width:69%;
                padding: 2px 1% 1px 3px;
                float:left;
clear:right;
                margin:3px 0px 9px 0px;
                background-color:#CCCCCC;
                display: block;
                color: black;
        /* Ecke abrunden
                background-image: url(../images/ecke.png);
                background-position:right bottom;
                background-repeat:no-repeat;
                */
}
/* ---------------------Neue Blöcke-----------------------*/
.flex-container {
				display: flex;
}

.flex-info {
				width:56px;
				min-height: 1px;
				height:100%;
}
.flex-main {
				width: calc(100% - 56px);
				min-height: 1px;
				height:100%;
				display: flex;
				flex-direction: column;
				background-color: white;
}
.flex-wrapper {
				width: 71.5%;
				min-height: 1px;
				height:100%;
				display: flex;
				flex-direction: row;
				background-color: white;
				flex-wrap: wrap;
}
.flex-text {
				width:100%;
				background-color: white;
				min-height: 1px;
				height:100%;
}
.flex-def {
				width:98%;
				vertical-align:top;
                padding: 10px 10px 10px 10px;
				margin-bottom: 15px;
                background-color:#CCCCCC;
                background-image: url(../images/ecke.png);
                background-position:right bottom;
                background-repeat:no-repeat;
                color: black;

}
.flex-theorem {
                width:98%;
                padding: 10px 10px 10px 10px;
				
                /* mit logo margin:3px 0px 9px 0px;*/
                margin-bottom: 15px;
                background-color:#eeeeee;
                color: black;

}
.flex-example {
                width:98%;
                padding: 10px 10px 10px 10px;
				margin-bottom: 15px;
				vertical-align:top;
                color: black;

                border:3px;
                border-style:outset;
                border-color:#6699ff;

}
.flex-side {
				width:28.5%;
				min-height: 1px;
                max-width:270px;
				vertical-align:top;
				text-align:right;
                padding: 0px 0px 0px 10px;
}


/* ---------------------Ende Neue Blöcke-----------------------*/


/* Textblock */
.text{
                width:69%;
                padding: 2px 1% 1px 3px;
                float:left;
                clear:left;
                margin: 3px 0px 9px 56px;
                display: block;
                color: black;
}

/* Textblock mit Logo*/
.text2{
                width:69%;
                padding: 2px 1% 1px 3px;
                float:left;
				clear:right;
                margin:3px 0px 9px 0px;
                display: block;
                color: black;
}

/* Mediencontainer rechts */
.media{
                padding: 1px .5% 1px .5%;
                max-width:270px;
                width:17.5%;
                float:right;

                margin:6px 0px 5px 0px;
                background-color:white;
                overflow:hidden;
                text-align:center;
                /*color: black;
                border:1px;
                border-style:solid;
                border-color:black;*/
}

/*Objekt im Text vertikal zentrieren*/
.inline{
                vertical-align:middle;
}

/*Spacer foer mehrere Medien*/
.spacer{width:100%; border:2px; clear:left; float:left;}

/* Um eingebettete GeoGebra-Applets zu zentrieren */
.applet{
				display:block;
				margin-left:auto;
				margin-right:auto;
}

/* Zur Zeit nicht benoetigte Styles */

/* oeberschrift im blauen Farbverlauf*/
/*.row{
                font-weight:bold;
                text-transform: uppercase;
                background-color:#6495ED;
                color:white;
                padding: 2px 0px 0px .5%;
                margin:7px 0px 0px 0px;
                width:99.5%;
                min-height: 13px;
                background-image: url(../images/Balken.png);
                background-repeat:repeat-y;
                background-position:right;
                float:left;
                display: block;
}*/

/* CSS POPUP Definitionen */

/*a.infobox { border-bottom: 2px dashed gray; text-decoration:none;  }
a.infobox:visited { border-bottom: 2px dashed gray; text-decoration:none; }
a.infobox:hover { cursor:help; color:black; background:white;  }
a.infobox span { visibility:hidden; position:absolute; left:-99em; margin-top:-2em; padding:1em; text-decoration:none; }
a.infobox:hover span {  visibility:visible; left:35%; border:1.5px dashed black; color:blue; background:white; text-align:justify; width:50%;   }
*/





/*----------------->>> POPUPs-UPDATE j.r.Balzer <<<---------------------*/
.imgLabel {
    font-size: 11px;
}

/*linke Spalte, falls 2-Spalten-Layout*/
.lCol {
    float: left;
    width: 63%;
    padding-right:2%;
    height: 100%;
}
/*rechte Spalte,falls PopUp 2-spaltig*/
.lCol + div {
    margin-left: 68%;
    width: 30%;
    padding: 4px 2%;
}
div[class="lCol bsp"] + div,
div[class="bsp lCol"] + div {
    margin-left: 75%;
    width: 28%;
}
.lCol + div > a > img {
    display: block;
}
.lCol + div img {
    max-width: 200px;
}

.footnote {
    font-size: 11px;
}
.footnote span:first-letter {
    vertical-align: super;
    font-size: 75%;
}
.footnote span {/*ermoeglicht schnell-auflistung*/
    display: block;
}

div.cen {
    text-align: center;
}
div.cen > * {
    margin: auto;
}
.leftAligned,
.leftJustified {
    margin-left: 0;
    padding-left: 0;
}
.clearMarginLeft {
    margin-left: 0;
}

.formula {
    text-align: center;
    font-size: 11px;
}
.$ {/*inline formula*/
    font-size: 11px;
    font-family: helvetica;/*?*/
}

table.centerTable {
    border-collapse:collapse;
    border-width:2;
    border-color:black;
    border-style:solid;
    text-align:center;
}
table.greyBorderTable {
    border-collapse:collapse;
    text-align:left;
    vertical-align:top;
    border-width:1;
    border-color:#DCD5CD;
    border-style:solid;
}
table.greyBorderTable th {
    font-weight: bold;
    border-bottom: 2px solid #DCD5CD;
    text-align: center;
}
table.greyBorderTable td,
table.greyBorderTable th {
    margin: 3px;
    padding: 1%;
    width: 47%;
}
table.greyBorderTable[class~="2col"] td,
table.greyBorderTable[class~="2col"] th {
    width: 49%;
}
table.greyBorderTable[class~="3col"] td,
table.greyBorderTable[class~="3col"] th {
    width: 33%;
}