/* CSS Reset thanks to Eric Meyer */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; 
}

body {
max-width: 100%;
text-align: center;
margin: 0;
padding: 0;
line-height: 1em;
font-size: 1em;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

header, main, footer {
margin: 0 auto;
padding: 0 1em;
max-width: 60em;
}

header h1 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #58586c;
font-size: 2.8em;
text-align: center;
margin-bottom: 0.5em;
line-height: 0.9em;
}
header h2 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #58586c;
font-size: 1.5em;
text-align: center;
line-height: 1.1em;
margin-bottom: 0.8em;
}

header p img {
margin: 0;
width: 100%;
max-width: 650px;
}



header nav
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 20px;
	color: #FFFFFF;
	text-align: center;
	background-color: #D8DADF;
	list-style-type: none;
	line-height: 1.2em;
}

header nav ul li
{
	display: inline;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
}

header nav ul li a:link, #nav ul li a.visited {
color: #ffffff;
text-decoration: none;
}

header nav ul li a:hover {
color: #5B5B65;
background-color: #079EB6;
text-decoration: none;
}

header nav ul li a.current {
color: #5B5B65;
text-decoration: none;
}

header nav ul li.big {
font-size: 1.6em;
}


main section h2 {
color: #308279;
font-size: 1.6em; 
margin-top: 2%;
margin-bottom: 2%;
line-height: 1.2em;
font-style: italic; 
}

main section h3 {
color: #4da4ad;
font-size: 1.4em; 
margin-top: 2%;
margin-bottom: 2%;
padding-top: 0.7em;
padding-bottom: 0.5em;
line-height: 1.2em; 
}

main section h4 {
color: #6d49aa;
font-size: 1.1em; 
margin-top: 2%;
margin-bottom: 2%;
line-height: 1.2em; 
}

main section ul {
padding-bottom: 1em;
}


main section ul li {
color: #5B5B65;
font-size: 1em; 
margin-top: 2%;
margin-bottom: 2%;
line-height: 1.2em;
text-align: left;
list-style-type: none;
}


section.kurs01 {
border-top: #acdccb dotted;
text-align: left;
}

section.kurs02 {
border-top: #acdccb dotted;
text-align: left;
}

section.kurs03 {
border-top: #acdccb dotted;
border-bottom: #acdccb dotted;
text-align: left; 
}

section.kurs2 {
border-top: #ccff00 dotted;
border-bottom: #ccff00 dotted;
text-align: left;
}

main section p.last {
border-top: #acdccb dotted;
}

main section p {
color: #58586c;
font-size: 1.2em; 
margin-top: 2%;
margin-bottom: 2%; 
line-height: 1.16em;
}

main section p.left {
color: #58586c;
font-size: 1.2em; 
margin-top: 2%;
margin-bottom: 2%; 
line-height: 1.16em;
text-align: left;
}

main section p.left2 {
color: #58586c;
font-size: 1em; 
margin-top: 2%;
margin-bottom: 2%; 
line-height: 1.2em;
text-align: left;
padding: 0;
}

main section p.leftcite {
color: #58586c;
font-size: 0.9em; 
margin-top: 2%;
margin-bottom: 2%; 
line-height: 1.16em;
text-align: left;
font-style: italic; 
}

main section p.leftcite2 {
color: #58586c;
font-size: 0.8em; 
margin-top: 2%;
margin-bottom: 2%; 
line-height: 1em;
text-align: left;
font-style: italic; 
}

main p img {
width: 80%;
}

main p.midi img {
width: 65%;
}

main p.mini img {
width: 50%; 
}

main p.mini2 img {
width: 40%; 
}

main p.minimini img {
width: 26%;
float: left;
margin-right: 1.8em; 
margin-bottom: 1.8em;
}

main p.insidehoch img {
width: 14%;
float: left;
margin-right: 1.5em;
margin-bottom: 1em;  
}

main p.insidehoch2 img {
width: 20%;
float: left;
margin-right: 1.5em;
margin-bottom: 1em;  
}


a:link {text-decoration: none;
color: #4e8693; 
}

a:visited {text-decoration: none;
color: #4e8693;
}

a:hover {text-decoration: none; 
color: #333366;
}

a:active {text-decoration: none;
color: #4e8693; 
}

footer {
color: #5B5B65;
line-height: 1.16em;
}

footer img.minimini {
width: 12%;
float: left;
margin-right: 1em;
}

footer p {
text-align: left;
font-size: 0.9em;
padding-top: 0em;
}

footer button.accordion {
margin-top: 2%;
font-size: 1em;
text-align: left;
}


footer div.panel p {
margin-top: 2%;
margin-bottom: 2%;
text-align: left;
font-size: 0.8em;
}

/* Gets rid of default borders around linked images. */

a:link img {border: none;
 }

a:visited img {border: none;
 }

a:hover img {border: none;
 }



button.accordion {
    background-color: #ffffff;
    color: #6d49aa;
    cursor: pointer;
color: #6d49aa;
margin: 2% 18% 2% 17.5%;
font-size: 1.1em; 
border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ffffff;
}

button.accordion:after {
    content: '\002B'; 
    color: #336;
    font-weight: bolder;
    margin-left: 8px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0;
    background-color: #ffffff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

div.panel p {
    padding: 1.2em;
    background-color: #ffffff;
    overflow: visible;
    transition: max-height 0.2s ease-out;
}

div.panel ul li {
margin: 2% 18% 2% 20%;
color: #58586c;
}

div.panel ul li.none {
margin: 2% 18% 2% 20%;
color: #58586c;
list-style-type: none;
}