/* AKTUELLES ein- und ausblenden --------------- */

/* AKTUELLES: display none verbirgt den Eintrag /*
/* EIN-blenden:  Eintrag mit /* versehen */
/* AUS-blenden:  /* vor und nach dem Eintrag entfernen */

#aktuell, .aktuell {
    display: none !important;
}

/* BODY: Rahmen, Hintergrund und Schrift */
body {
	width: 905px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Franklin Gothic', 'Franklin Gothic Book', 'ITC Franklin Gothic', Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	line-height: 140%;
	background-color: #f0f0f0;
}

/* Advanced Checkbox Hack */
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

/* COLOR: Farbdefinitionen ---------------------------- */

.color_sw {color: #595959}
.color_grau {color: #757573}
.color_gelb {color: #d68430}
.color_gruen {color: #8f9148}
.color_magenta {color: #a00062}
.color_rot {color: #c30720}
.color_tuerkis {color: #0893b2}


/* CONTAINER: Menue (links) und Content (rechts)------- */
.checkbox-toggle {
    display: block;
}
#menuleft {
    float: left;
    width: 215px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#menuleft ul {
    list-style: none;
    width: 205px;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 25px;
    line-height: 34px;
    position: static;
    display: block;
}
#menuleft ul li {
        width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#menuleft ul li a {
        display: block;
}
#menuleft ul .li_head {
    margin-top: 20px;
}

/* LOGO ---------------------------------------- */
#logo {
	width: 678px;
	height: 45px;
	padding: 55px 0px 0px 227px;
	background-color: #595959;
}

#logo img {
	width: 250px;
	height: 45px;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* MENUE --------------------------------------- */
#menu {
	width: 210px;
	height: 290px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 25px;
	line-height: 32px;
}

#menu a, #menu a:visited {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

#menu a:hover, #menu a:focus, #menu a:active {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #595959;
}

/* UNTERMENUE */
#submenu {
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	line-height: 32px;
}

hr {
	margin: 0px 110px 20px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #595959;
	border-bottom: thin solid #f0f0f0;;
	border-left: thin solid #f0f0f0;;
	border-right: thin solid #f0f0f0;;
}

#submenu a, #submenu a:visited {
	font-size: 15px;
	text-decoration: none;
	color: #666666;
}

#submenu a:hover, #submenu a:focus, #submenu a:active {
	font-size: 15px;
	text-decoration: none;
	color: #595959;
}

#submenu a.small, #submenu a.small:visited {
	font-size: 14px;
	text-decoration: none;
	line-height: 135%;
	color: #333333;
}

#submenu a.small:hover, #submenu a.small:focus, #submenu a.small:active {
	font-size: 14px;
	text-decoration: none;
	line-height: 135%;
	color: #595959;
}

/* FOTO ----------------------------------------*/
#picture {
	width: 675px;
	height: 335px;
	margin: 0px 0px 0px 230px;
	padding: 0px 0px 0px 0px;
}

#picture img {
	width: 675px;
	height: 335px;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* NAVIGATION horizontal ---------------------- */
#navigation {
	width: 675px;
	height: 41px;
	margin: 0px 0px 0px 230px;
	padding: 3px 0px 0px 0px;
	font-size: small;
	text-decoration: none;
	color: #595959;
}

#navigation a, #navigation a:visited {
	font-size: small;
	text-decoration: none;
	color: #777777;
}

#navigation a:hover, #navigation a:focus, #navigation a:active {
	font-size: small;
	text-decoration: none;
	color: #595959;
}

/* TEXT ---------------------------------------- */
#text {
	width: 650px;
	margin: 0px 0px 0px 230px;
	color: #000000;
}

/* Ueberschrift */
h1 {
	margin: 0px 0px 20px 0px;
	font-size: x-large;
	font-weight: normal;
	font-style: normal;
	color: #595959;
}

h2 {
	margin: 0px 0px 20px 0px;
	font-size: x-large;
	font-weight: normal;
	font-style: normal;
	color: #555555;
}

h3 {
	margin: 0px 0px 0px 0px;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	color: #595959;
}

h4 {
	margin: 0px 0px 0px 0px;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	color: #555555;
}

h5 {
	margin: 0px 0px 0px 0px;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	color: #595959;
}

h6 {
	margin: 0px 0px 0px 0px;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	color: #555555;
}

.grey {
	color: #555555;
}

/* Absatz */
p {
	margin: 5px 0px 17px 0px;
}

/* LINKS im Text ------------------------------- */
a, a:visited {
	text-decoration: none;
	color: #555555;
}

a:hover,  a:focus, a:active {
	text-decoration: underline;
	color: #000000;
}

/* Links farbig */
a.color, a.color:visited, .color a, .color a:visited {
	text-decoration: none;
	color: #595959;
}

a.color:hover, a.color:focus, a.color:active, .color a:hover, .color a:focus, .color a:active {
	text-decoration: underline;
	color: #595959;
}

/* TABELLE programm ---------------------------- */
table {
	border: none;
	padding: 0px 0px 0px 0px;
}

th {
    padding-top: 16px;
    vertical-align: top;
    text-align: left;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
}

td {
    vertical-align: top;
}

td.color {
    color: #595959;
}

/* TABELLE site-map----------------------------- */
td.white {
    padding-left: 5px;
    background-color: #ffffff;
    color: #999999;
}

td.grey {
    padding-left: 5px;
    background-color: #cccccc;
    color: #999999
}

tr.space, th.space, td.space {
    height: 15px;
}

/* LISTE (Aufzaehlung) ------------------------- */
ul{
    position:relative;
    left: -25px;
}

/* FUSSZEILE ----------------------------------- */
#footnote {
    clear: both;
    width: 673px;
    margin: 20px 0px 0px 230px;
    border-top: 1px solid #999999;
    text-align: right;
    font-size: small;
    text-decoration: none;
    color: #777777;
}

#gotop {
    float: left;
    text-align: left;
}

#footnote a, #footnote a:visited {
    font-size: small;
    text-decoration: none;
    color: #777777;
}

#footnote a:hover, #footnote a:focus, #footnote a:active {
    font-size: small;
    text-decoration: none;
    color: #595959;
}

/* GENERAL STYLES */
.visuallyHidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px; width: 1px;
    margin: -1px; padding: 0; border: 0;
}

.hamburger {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    top: 15px;
    right: 15px;
    position: absolute;
}

label {
  cursor: pointer;
  user-select:none;
}

.hamburger {
  display: block;
}

@media only screen and (max-width: 905px) {
    html,
    body {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    #logo {
        width: 100%;
        padding: 10px 0px 0px 0px;
        margin: 0px;
        position: absolute;
    }
    #logo img {
        padding: 0px 0px 0px 10px;
    }

    #menuleft {
        float: none;
        position: absolute;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        z-index: 100;
       }
    .global-menu {
        top: 55px;
        display: block;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        right: 20vw;
        left: 20vw;
    }
    #menuleft #menu, #menuleft #submenu {
        width: 100%;
        height: auto;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 10px 0px;
    }
    #menuleft ul {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        left: 0px;
        display: none;
    }
    #menuleft hr {
        margin: 0px 15px 10px 15px;
    }

    /* FOTO ----------------------------------------*/
    #picture {
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
        height: 335px;
        overflow: hidden;
        top: 55px;
    }

    #picture img {
        min-width: 100%;
        min-height: 335px;
        width: auto;
        height: auto;
        border: none;
        margin: 0px auto 0px auto;
        position: absolute;
        display: block;
	left: -100%;
	right: -100%;
    }

    /* NAVIGATION horizontal ---------------------- */
    #navigation {
        width: 80%;
        height: 45px;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 0px 15px;
        font-size: medium;
        top: 55px;
        position: relative;
        display: block;
    }
    #navigation a, #navigation a:visited, #navigation a:hover, #navigation a:focus, #navigation a:active {
        font-size: medium;
    }

    #text {
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin: 0px;
        top: 55px;
        position: relative;
        display: block;
    }
        h1, h2 {
            padding: 0px 10px 10px 5px;
        }
        h3, h4, h5, h6 {
            padding: 0px 10px 10px 5px;
        }
        p {
            padding: 5px 5px 5px 5px;
        }

/* FUSSZEILE ----------------------------------- */
    #footnote {
            width: 100%;
            margin: 0px 0px 0px 0px;
            position: relative;
            top: 55px;
            display: block;
        font-size: medium;
    }
    #footnote a, #footnote a:visited, #footnote a:hover, #footnote a:focus, #footnote a:active {
        padding: 0px 5px 0px 5px;
        font-size: medium;

    }


    .show-menu {
        display: block;
        position: absolute;
        top: 0px;
    }
    #menu {
        top: 45px;
    }
    #menuleft label {
        position: absolute;
        width: 100%;
    }
    #menuleft label bar {
        top: 1rem;
        right: 1rem;
    }

    .hamburger .bar {
        padding: 0;
        width: 30px;
        height: 4px;
        background-color: maroon;
        display: block;
        border-radius: 4px;
        transition: all 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;
        position: absolute;
    }

    .bar1 {
        top: 3px;
    }
    .bar2,
    .bar3 {
        top: 13.5px;
    }
    .bar3 {
        right: 0;
    }
    .bar4 {
        bottom: 2px;
        top: 13.5px;
    }


    .bar5 {
        bottom: 2px;
    }

    .bar {
        transition: all 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;
    }

    .hamburger .bar2 {
        width: 1px;
        transform: rotate(90deg);
        left: 13.5px;
    }

    .hamburger .bar3 {
        width: 1px;
        left: 13.5px;
    }


    /* HAMBURGER 4 */
    .show-menu:checked + .checkbox-toggle > label > .hamburger > .bar1{
        top: 13.5px;
        background-color: transparent;
    }
    .show-menu:checked + .checkbox-toggle > label > .hamburger > .bar2 {
        left: 0px;
        width: 30px;
        transform: rotate(45deg);

    }
    .show-menu:checked + .checkbox-toggle > label > .hamburger > .bar3 {
        left: 0;
        width: 30px;
        transform: rotate(-45deg);

    }
    .show-menu:checked + .checkbox-toggle > label > .hamburger > .bar4 {
        background-color: transparent;

    }
    .show-menu:checked + .checkbox-toggle > label > .hamburger > .bar5 {
        bottom: 13.5px;
        background-color: transparent;
    }

    .show-menu:checked + .checkbox-toggle ul {
        display: block !important;
    }
}

/* STYLESHEET Ende ----------------------------- */