@import url(https://fonts.googleapis.com/css?family=Vollkorn:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif:400,700);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700);
/*
Merriweather
@import url(https://fonts.googleapis.com/css?family=Inria+Serif:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Quattrocento:400,700);
@import url(https://fonts.googleapis.com/css?family=Karma:400,500,600,700);
*/

html,
body {
    border: 0.25em #B45F04 solid;
    /*border-radius: 5em;*/
    min-width: 0em;
    /*background-color: lime;*/
    font-family: 'Merriweather', Arial, Helvetica, sans-serif;
    line-height: 150%;
    position: relative;
    font-size: 1em;
    /* Entfernt die Scrollbalken */
}

body {
    background-color: #d2f7db;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 0 0;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.kasten {
    border: 1px solid black;
    width: auto;
    background-color: #A9F5BC;
    width: 5em;
    text-align: center;
}

a {
    display: block;
    overflow: hidden;
}

a:link {
    text-decoration: none;
    color: black;
}

a:visited {
    color: black
}

a:hover {
    background: #04B431;
    /*    background-color: yellow;*/
    color: black;
}

a:focus {
    background: #04B431;
    color: black
}

a:active {
    background: #04B431;
    color: black
}

a:visited:hover {
    background: transparent;
    color: black;
}

h1 {
    font-size: 400%;
    margin: 0.25em 0em 0.25em 0em;
    line-height: 100%;
    color: #643c08;
    font-family: Bree Serif;
    font-weight: bold;
    text-align: left;
    letter-spacing: -0.04em;
    padding: 0em 0em 0em 0em;
}

h2 {
    font-size: 200%;
    line-height: 120%;
    color: #643c08;
    font-family: Bree Serif;
    font-weight: bold;
    text-align: left;
    z-index: 1;
    /* letter-spacing: -0.02em; */
}

h3 {
    font-size: 1.2em;
    font-weight: normal;
    text-align: left;
    font-style: normal;
    /*italic;*/
}

.menu {
    position: relative;
    z-index: 100;
    line-height: 2em;
}

.menu ul {
    text-align: center;
    margin: 0em;
    /*Abstand oben und unten*/
    padding: 0em;
    list-style-type: none;
    background: none;
}

.menu li {
    color: black;
    width: 8.5em;
    height: 1.4em;
    float: none;
    white-space: nowrap;
    display: inline-block;
    list-style: none;
    margin-right: 5px;
    /* Raum um den Text */
    background: #fff;
    border: 1px solid black;
    background-color: #A9F5BC;
    text-decoration: none;
    line-height: 1.4em;
    /* vertik. Position des Textes in Box */
}

table td {
    vertical-align: top;
    padding-right: 1em;
}

ul,
li {
    /*
    list-style-position: inside;
	padding: 0;
    */
}

div#Body {
    padding: 0em 1em 1em 1em;
    overflow-x: auto;
    overflow-y: auto;
}

.divKopf {
    background-image: linear-gradient(#95ff7f, #759d6d);
    padding-bottom: 0em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .1em;
    text-align: center;
    /* background-image: url(../images/StreifenMK.jpg); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /*background-size: contain;*/
}

div#RahmenUnten {
    /* Der Balken fürs Impressum */
    position: absolute;
    text-align: center;
    bottom: -.5em;
    /* Vertikale Position der Link-Box */
    width: 100%;
    /* Horizontale Position der Link-Box */
    height: 1em;
    padding: 0 10 0 10;
    margin: 0 10 0 10;
    background-color: transparent;
}

div#Catcher {
    /* Störer im Text */
    font-size: 120%;
    color: white;
    font-style: italic;
    position: relative;
    text-align: center;
    bottom: -.5em;
    /* Vertikale Position der Link-Box */
    width: 60%;
    /* Horizontale Position der Link-Box */
    height: auto;
    padding: .5em .5em .5em .5em;
    margin: -0.8em 0em 1em 0em;
    background-color: #643c08;
}

img#Rechts {
    width: 135%;
    height: auto;
    float: right;
    padding: 1.2em 0em 0.5em 0.5em;
}

img#Links {
    float: left;
    padding: 0.2em 0em 1em 0em;
}

hr {
    border-width: 1em;
    margin-left: -1em;
    margin-right: -1em;
    border: .25em #B45F04 solid;
    border-radius: 0px;
    padding-right: 0px;
}


table {
    border: 0px solid transparent;
}

tr,
td,
th {
    border: 0;
}

/*@media screen{
body > div#header {
	position: fixed;
}
body > div#footer {
	position: fixed;
}
}
*/