/*###Links###*/
a {
        font-weight:bold;
        text-decoration:none;
}

a:link, a.visited {
        color: #294881; /*Dunkelblau*/
}

a:hover {
        color: #FF7800;  /*mouse over Orange */
        }



/*n2 Buttons mit Pfeilen*/

a.n2 {        /*"<<" in Navi2 unten mittig*/
        border: thin solid #A5B3CD;
        background-color: #294881;
        color: #FFFFFF;
        margin-right:0.2%;
        padding-left: 3%;
        padding-right: 3%;
        padding-bottom: 0.2%;
        padding-top: 0.2%;
        border-radius: 7px/7px;
}

a.n2:hover {
        background-color:#FF7800;  /*mouse over Hintergrund Orange */
        }

a.lnsel {
        color: #FF7800;
        }



/*#####Layout#####*/

body {
        background-color: #B0B0FF;
        font: normal 100.01% Arial;
        color: black;
        margin-left: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 5em;
        padding: 0;
	//counter-reset: numcounter acounter;
	counter-set: numcounter 0 acounter a;
  }




.header {
        background-color: #FFFFFF;
        margin-bottom: 5%;        /*Abstand zum Content*/
        padding-left: 2%;
        padding-right: 2%;
        text-align : left;
        /*border: thin solid #B0B0FF;*/

}

.header .titel {

        font-size  : 200%;
        /*border: thin solid #000000;*/
}

.header .logo {
        height: 110px;
        /*border: thin solid #000000;*/
        padding-top: 1%;
        padding-bottom: 1%;
        background-image: url(logo.png);
           background-repeat: no-repeat;
           background-position: left center;

}

.header .navi {
        text-align: right;
        /*border: thin solid #000000;*/
}


.content{
        background-color: #FFFFFF;
        width: 98%;
           padding-left: 2%;
        padding-bottom: 2em;

}

.content h1 {                                /*Inhaltsverzeichnis, Analysis*/
            font-size: 1.4em;
        margin-left: 0;
        padding: 0;
  }

.content h2{                                /*Kapitel z.B. Differentialrechnung */
            font-size: 1.3em;
    /*padding-left: 1%;*/
  }
.content h3{                                /*Abschnitt z.B. Grundlagen */
            font-size: 1.2em;
            padding-left: 1%;
  }
.content h4{                        /*Unterabschnitt*/
        font-size: 1.1em;
        padding-left: 2%;
  }

.content h5{ /*Überschrift Beispiele, Übungen*/
            font-size: 1.1em;
         margin-top: 1em;
         margin-bottom: 1em;
        padding-left: 6%;
    }

/*Glossar Buchstaben*/
.content h6{
        margin-top: 2em;
        margin-bottom: 2em;
        padding: 0;
        font-weight: lighter;
        font-size : 1.1em;
        text-align: center;
        width: 66%;
   }

.werbung {
        text-align: center;
        padding : 0;
        margin : 0;
        /*border: 1px solid silver;*/
}


/*###Texte, Formeln, Tabellen ###*/


/*Einleitungstext auf der Startseite */

.fett {
        font-weight: bold;
        margin-bottom: 2em;
        width: 66%;
}

/*linksbündig*/

.links {
        text-align: left;
}

/*Einleitungstext auf der mathematischen Disziplin z.B. Analysis */

.t1 {
        margin-left: 1%;
        width: 65%;

}

/*Darstellung der Übungsaufgaben */

.ueb {
        margin-left: 6%;
        margin-bottom: 1em;
        width: 60%;
}

/*Text unter Abbildungen*/



.abb {
        margin-left: 6%;
        width : 60%;
        padding-bottom: 2em;
}

.abbtext {
        text-align: center;
        margin: 0;
        font-size:0.8em;
        font-weight: bold;
}



img {
        display: block;
        margin: auto;
        margin-bottom: 0.2em;
        border: 1px solid #a4a2a4;
        box-shadow: 3px 3px 3px #a4a2a4;
        max-width: 100%;
}



/*img {
        Automatisch skalieren
        display: block;
        margin: auto;
        width : 60%;

 } */

/*inline-formel*/
.if {
                /*font-size: 1.1em;*/
                font-weight: bold;
                Text-Align: left;
                white-space: nowrap;
}



/*Formelindizes*/
.fi {
                font-size: 0.8em;
                padding: 0%;
                margin: 0%;
                vertical-align: bottom;
        }
/*Kringel*/
.fk {
                font-size: 0.8em;
                padding: 0%;
                margin: 0%;
                vertical-align: middle;
}


/*Summenzeichen*/
.fs {
                font-size: 3.0em;
                padding: 0%;
                margin: 0%;
        }

/*bruchstrich*/
.b {
                border-bottom : solid black 2px;
                padding: 0%;
        }

/*Oberstrich für Wurzeln*/
.w {
        text-decoration: overline;
}


/*Formatierungen für nummerierte Abschnitte z.B. Übungen*/
ol {
 	list-style: none;
	margin-left: 6%;
	padding: 0;
	padding-left: 1.5rem;
	position: relative;
	width: calc(60% - 1.5rem);
	/*border: 1px solid silver;*/
}


/* Aufzählung mit Buchstaben nicht einrücken*/
ol.alpha {
	padding: 0;
	margin: 0;
}

ol.reset {
	//counter-reset not working, must use counter-set
	//counter-set: numcounter 1;
	counter-reset: numcounter;
	}

ol.resetalpha {
	counter-reset: acounter;
	//counter-set: acounter a;
	}

ol.resetboth {
	counter-reset: acounter numcounter;
	//counter-set: acounter 1 numcounter a;
	}

ol li {
	counter-increment: numcounter;
  	position: relative;
}

ol li.alpha {
	counter-increment: acounter;
  	position: relative;
}

ol li:before {
	content: counter(numcounter) ") ";
	position: absolute;
	left: -1.5rem;
	/*vertical-align: middle;*/
}


ol li.alpha:before {
	content: counter(acounter, lower-alpha) ") ";
}


ol li.adj:before {
	top: 0.2rem;
	bottom: 0.2rem;	
}


ol li.none {
  	counter-increment: numcounter 0;
	position: relative;
}

ol li.none:before {
	content: "";
}

ul {
        margin-left: 7%;
        margin-top: 0;
        padding-top: 0;
        padding-left: 0;
        width: 59%;
}

p {        /*Text, Erläuterungen als Absatz*/
        /*border: 1px solid black;*/
        margin-top: 0;
        margin-right: 0;
        margin-left: 6%;
        margin-bottom: 0;
        padding: 0;
        padding-bottom: 1em;
        width: 60%;

}

p.nopad {        /*Text, Erläuterungen als Absatz*/
        /*border: 1px solid black;*/
   




        padding-bottom: 0em;
  

}


table {
        border-width: 0;
        border-spacing: 0;
        margin-top: 1em;
        margin-left: 9%;
        margin-bottom: 1em;
        padding: 0%;
}



table.ftab  {        /*Tabellen mit Formel*/

                font-size: 1.5em;
                font-family: TimesNewRoman;
                text-align: center;
}

table.vtab {        /*Tabellen mit Variablendefinition z.B. fin1.html */
                font-family: TimesNewRoman;
                font-weight: bold;
}

table.wtab {        /*Tabellen mit Werten z.B. fin1.html */
                border-width: 1px;
                font-family: TimesNewRoman;
                text-align: center;
}


table.wtab th {        /*Tabellen mit Werten z.B. fin1.html */
                border: 1px solid #545254;;
                font-weight: bold;

}

table.wtab td {        /*Tabellen mit Werten z.B. fin1.html */
                border: 1px solid #545254;
}

/*###Formatierungen für Listnavi (unten)###*/

.listnavi {
        /*border: 1px solid black;*/
        margin-top: 3em;
        margin-left: 6%;
        width: 60%;
}


/*ListNavi: nächste Seite/nächstes Kapitel*/
td.lnext {
                font-size: 1.4em;
                text-align: center;
                white-space : nowrap;
                width: 10%;
                }

/*ListNavi: Beschriftung Seite 1, usw. */
td.lsite {
                /*border: 1px solid black;*/
                color: #545254;
                white-space : nowrap;
                width: 5%;
                }



/*ListNavi: Bezeichnung z.B. "Differenzenquotient" */

td.lname {
                color: #545254;
                white-space : nowrap;
                width: auto;

}





/*###Formatierungen für Tooltip###*/


.tooltip {
        position: relative;
}


.tooltip .tooltiptext {
        background-color: #FFFFFF;
        border: 1px solid #545254;
        color: #545254;
        font-size: 0.6em;
        Left: 50%;
        padding: 2px;
        position: absolute;
        top: 130%;
        visibility: hidden;
        z-index: 1;
}

.tooltip:hover .tooltiptext { visibility: visible; }



/*###Formatierungen für Übungsaufgaben###*/

.solution {
        display: block;
        margin-bottom: 3em;
}

/*###Elemente für Cookieabfrage###*/

.cookiebox {
display: none;
border-top: thin solid #AEACAE;
background-color: #FFFFFF;
left: 0%;
width: 100%;
bottom: 0;
padding-left: 1%;
padding-bottom: 0.6%;
padding-top: 0.6%;
position: fixed;
z-index:99;
}

#cookietext {
color: #000000;
margin:0px;
}

button{
border: thin solid #A5B3CD;
background-color: #294881;
color: #FFFFFF;
cursor: Pointer;
font-weight: bold;
float: right;
/*margin-left:auto;*/
margin-right:2%;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 0.2%;
padding-top: 0.2%;
border-radius: 7px/7px;

}

/*Button in Cookiebox*/
button:hover {background-color:#FF7800; } /*mouse over #4070E0;*/

/*###Elemente für Trackingabfrage###*/

.trackingbox {
   display: none;
}

.trackingtext {
border-top: thin solid #AEACAE;
background-color: #FFFFFF;
left: 0%;
width: 100%;
bottom: 0;
padding-left: 1%;
padding-bottom: 0.6%;
padding-top: 0.6%;
position: fixed;
z-index:99;
}

.shadow {
background-color: #303030;
opacity: 0.8;
filter: alpha(opacity=80);
left: 0%;
width: 100%;
height: 100%;
top: 0;
padding-left: 1%;
padding-bottom: 0.6%;
padding-top: 0.6%;
position: fixed;
z-index: 99;
}