/* FONTS */
@font-face {
font-family: 'Fira Sans';
src: url('fonts/FiraSans-BoldItalic.woff2') format('woff2');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Fira Sans';
src: url('fonts/FiraSans-Italic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Fira Sans';
src: url('fonts/FiraSans-Bold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Serif';
src: url('fonts/NotoSerif-BoldItalic.woff2') format('woff2');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Serif';
src: url('fonts/NotoSerif-Bold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Fira Sans';
src: url('fonts/FiraSans-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Serif';
src: url('fonts/NotoSerif-Italic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Serif';
src: url('fonts/NotoSerif.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* STYLES */
body {
margin: 0px;
font-family: "Fira Sans", Verdana, Arial, Helvetica, sans-serif;
background-image: url(images/background.gif);
background-repeat: repeat-x;
}
.headline {
padding-top: 0.5em;
padding-right: 0px;
padding-bottom: 0.5em;
padding-left: 19em;
}
li {
list-style-type: square;
}
h1 {
font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
font-size: 3em;
font-weight: normal;
color: #8C0000;
margin-top: 0px;
padding-bottom: 0em;
}
h2 {
background-color: #B24433;
font-weight: bold;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
text-align: left;
font-size: 100%;
margin-top: 0pt;
margin-right: 0px;
margin-bottom: 0pt;
margin-left: 0px;
padding-left: 1ex;
padding-right: 2px;
}
h3 {
background-color: #FFFFFF;
margin: 0px;
font-size: 100%;
font-weight: bold;
color: #8C0000;
padding-top: 0px;
padding-bottom: 0em;
text-align: center;
}
h4 {
background-color: #000000;
margin: 0px;
font-size: 100%;
font-weight: bold;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}
h5 {
background-color: #FFFFFF;
margin: 0px;
font-size: 100%;
font-weight: bold;
color: #000000;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}
h6 {
background-color: #8C0000;
margin: 0px;
font-size: 100%;
font-weight: bold;
color: #FFCC99;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}
.toprightimage {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1em;
margin-left: 2em;
}
.main {
width: 100%;
clear: none;
padding-bottom: 1em;
display: inline-table;
}
.menu {
background-color: #66FF00;
}
.menu img {
display: block;
margin: 0px;
}
.menu a {
margin: 0px;
background-color: #FF99FF;
}
#reporttable td {
padding-right: 10pt;
padding-bottom: 4pt;
padding-top: 4pt;
}
ul {
line-height: 1.5;
margin-left: 0px;
padding-left: 1.5em;
}
.columnise {
column-gap: 0.5em;
column-width: 12em;
padding: 0px;
}
.tag {
margin-right: 0.2em;
padding-right: 0.2em;
padding-left: 0.2em;
border-bottom-width: 2px;
border-left-width: 5px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FC0;
border-right-color: #FC0;
border-bottom-color: #FC0;
border-left-color: #FC0;
border-top-width: 0px;
border-right-width: 0px;
}
.columnbit {
page-break-inside:avoid;
-webkit-column-break-inside: avoid;
column-break-inside: avoid;
margin: 0px;
}
.longlist ul {
font-size: 85%;
padding-bottom: 0px;
}
.longlist li{
list-style-type: square;
list-style-position: outside;
line-height: 1.7;
}
.imagelist {
/*	column-width: 12em !important; */
/*	display: flex; 
flex-direction: row;
flex-flow: row wrap; */
}
.imagelist h2 {
width: 12rem;
height: 12rem;
display:inline-block;
margin-right: 0.5rem;
/*	background-color:blue; */
/*)	margin: auto; */
vertical-align:top;
box-sizing: border-box;
position:relative;
}
.imagelist h2 a {
width: 2rem;
height: 2rem;
/*	border-radius:1.5rem; */
/*	display:float; */
/*	background-color:blue; */
position:absolute;
/*	float:right;  */
text-align:center;
bottom: 0;
right: 0;
margin-right: 1rem;
margin-bottom: 1rem;
vertical-align:center;
font-size:1.65rem;
}
.imagelist li {
list-style-type: none;
padding-left: 0;
margin-bottom:0.5rem;
line-height: 1.2;
display:inline-block;
width: 12rem;
margin-right: 0.5rem;
/*	margin: auto;  */
vertical-align:top;
}
.imagelist ul {
padding-left: 0;
display:contents;
}
.imagelist img {
max-width:12rem;
max-height:12rem;
}
div.imagelist div {
margin: auto;
display:contents;
}
.longlist a {
text-decoration-color: #8C0000;
}
p {
line-height: 135%;
}
.bottomline {
border-top: 2px #8C0000;
border-right: 2px #8C0000;
border-bottom: 2px solid #8C0000;
border-left: 2px #8C0000;
line-height: 4px;
margin: 0px;
display: block;
clear: none;
/* background-color: #0F0; */
}
.hidden {
display: none;
visibility: hidden;
}
.footer {
vertical-align: middle;
height: 4em;
color: #666;
display: table-cell;
}
.fullbody {
/*	max-width: 1200px;
margin: auto;
min-width: 800px;  */
}
h2x {
background-color: #C6664D;
margin: 4pt 0px;
font-weight: bold;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
font-size: 90%;
}
.inside {
background-color: #FFF;
border-radius: 4em;
height: auto;
overflow: hidden;
margin-right: 2em;
margin-left: 2em;
padding-top: 4em;
padding-right: 4em;
padding-bottom: 0em;
padding-left: 4em;
}
.insideTable {
display: table;
width: 100%;
overflow: hidden;
}
.jumparea {
line-height: 2.5;
}
.jumparea span {
background-color: #FC0;
text-decoration: none;
padding-right: 1ex;
padding-left: 1ex;
padding-top: 0.5ex;
padding-bottom: 0.5ex;
margin-right: 0.5ex;
border-radius: 0.3em;
}
#navigation {
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px 1px 1px black, 1px -1px 1px black;
display: table-cell;
width: 11em;
vertical-align: top;
padding-left: 2em;
padding-top: 4em;
}
#navigation {
display: table-cell;
}
#navigation ul {
padding-left: 0;
}
#navigation li {
list-style-type: none;
}
#navigation > ul > li > a {
padding-left: 1em;
}
#navigation > ul > li > ul > li > a {
font-weight: normal;
padding-left: 2em;
}
#navigation a {
display: block;
color: #FFF;
text-decoration: none;
padding-top: 0.3em;
padding-bottom: 0.3em;
clear: both;
}
#navigation .current > a, #navigation .language  {
background-color: #FC3;
/*	color: #000;  */
border-radius: 1em; /* 1em */
}
.grades {
font-size: 2em;
font-weight: bold;
color: #8C0000;
vertical-align: top;
}
.totop {
background-color: #FC0;
color: #000;
/* background-color: #FFF;
color: #8C0000; */
text-decoration: none;
position: relative;
float: right;
font-weight: bold;
height: 100%;
}
.itemdesc {
/* float: left; */
width: 10em;
font-weight: bold;
display: table-cell;
margin-right: 1ex;
}
.itemcontent {
display: table-cell;
vertical-align: top;
}
.reportrow {
display: block;
/*	background-color: #F33; */
margin-bottom: 6pt;
}
.reptable {
display: table-cell;
width: 100%;
}
.reppic {
display: table-cell;
width: 420px;
max-width:100%;
vertical-align: top;
text-align: right;
}
.reppicInside {
display: block;
width:400px;
max-width:100%;
max-height:400px;
/* overflow: hidden; */
}
.pic {
background-color: #FFC;
/*	border: 1px solid #C00; */
display: inline-block;
width: 200px;
margin-right: 3px;
margin-bottom: 0.5em;
}
.headerlogo {
display: table-cell;
}
.burger {
font-size: 50px;
color: #FFF;
height: 80px;
width: 60px;
text-align: center;
vertical-align: middle;
font-weight: bold;
position: absolute;
left: 0em;
top: 0em;
clear: right;
display: none;
line-height: 80px;
}
#open-menu {
position: fixed;
left: 0px;
top: 0px;
overflow: visible;
clear: right;
display: none;
}
.clearbutton {
color: #FFF;
background-color: #000;
border-style:none;
min-height: 1em;
min-width: 1em;
}
/* input[type=checkbox]:checked ~ nav, .navigation {
display: block;
} */
.filterblock {
margin-bottom:2em;
}
@media (max-width: 72em) {
.main {
padding-bottom: 0.5em;
}
h1 {
font-size: 2em;
}
.inside {
border-radius: 2em;
padding-top: 2em;
padding-right: 2em;
padding-bottom: 0em;
padding-left: 1.5em;
margin-right: 0.5em;
}
#navigation {
padding-top: 2em;
}
.headline {
padding-left: 14.5em;
}
.footer {
height: 2em;
}
.reptable {
display: block;
margin-right: 0px;
width: 100%;
}
.reppic {
display: block;
float: none;
clear: none;
padding: 1em 0 1em 0;
max-width:100%;
text-align:left;
}
.itemdesc {
float: none;
/* width: 10em; */
width: auto;
font-weight: bold;
/* display: block; */
display: inline;
margin-right: 1ex;
}
.itemcontent {
/* display: block; */
display: inline;
}
.reportrow {
/* display: block; */
/*		background-color: #EEE;  */
}
input {
font-size:inherit;
font:inherit;
}
}
@media screen and (max-width: 480px) {
.main {
padding-bottom: 0px;
}
input[type=checkbox]:checked ~ .main #navigation {
/* background: red; 
font-weight:bold; */
display:block;
}
.inside {
border-radius: 0;
padding: 1em;
margin-left: 0em;
margin-right: 0em;
}
h1 {
font-size: 2em;
padding-bottom: 0em;
}
.headline {
padding-left: 50px;
margin-left: 0.5em;
padding-bottom: 0em;
}
.main > #navigation {
display:none;
padding-top: 0em;
}
.burger {
display:inline-block;
}
/* .main > nav {
display:none; 
}  */
}
.totop {
float: right;
}
.filterblock {
background-color: #FC0;
/* border: 3px solid #FC0; */
border-radius: 0.5em;
margin-top: 18pt;
margin-right: 0pt;
margin-bottom: 18pt;
margin-left: 0pt;
padding-top: 6pt;
padding-right: 6pt;
padding-bottom: 6pt;
padding-left: 6pt;
}
.filterblock input {
border-style:none;
/* border-left-style:none;
border-top-style:none;
border-right-style:none;
border-color:#8C0000; */
padding:3pt;
}
.jumplist {
margin: 12pt 0pt 12pt 0pt;
line-height: 20pt;
}
.jumplist a {
border: 1px solid #B24433;
min-width: 20pt;
border-radius: 0.5em;
text-decoration: none;
display: inline-block;
text-align:center;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 4pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 2pt;
padding-bottom: 0pt;
padding-left: 2pt;
}
.jumplist .JF {
border-radius: 0.5em 0px 0px 0.5em;
}
.jumplist .JM {
border-radius: 0px;
}
.jumplist .JL {
border-radius: 0px 0.5em 0.5em 0px;
}
.taggolist {
margin: 12pt 0pt 12pt 0pt;
/* line-height: 20pt; */
}
.taggolist a {
border: 2px solid #FC0;
background-color: #FFF;
min-width: 22pt;
border-radius: 0.5em; /* 1em */
text-decoration: none;
display: inline-block;
text-align:center;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 4pt;
margin-left: 0pt;
padding-top: 3pt;
padding-right: 0pt;
padding-bottom: 3pt;
padding-left: 2pt;
}
.taggolist .c {
padding-top: 3pt;
padding-right: 2pt;
padding-bottom: 3pt;
padding-left: 2pt;
margin-left: 2pt;
background-color:#FC0;
}