body {
        background-image: url("../grafik/background.png");
        background-repeat: repeat;
        background-attachment: fixed;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height: 100%;
}
html {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height: 100%;
}
div.box1{
        width: 620px;
        height: 100%;
        bottom: 0px;
        margin: 0 auto;
        padding: 0px;
        z-index: 3;
}
div.box2{
        width: 620px;
        margin: 0 auto;
        padding-top: 10px;
        z-index: 3;
}
div.box3{
        width: 600px;
        height: 100%;
        min-height: 100%;
        height: auto;
        bottom: 0px;
        margin: 0 auto;
        border-right: 10px solid rgb(128,0,0);
        border-left: 10px solid rgb(128,0,0);
        background-color: rgb(255,236,155);
        padding: 0px;
        box-shadow: 0px 0px 16px rgb(0,0,0);
        z-index: 2;
}
div.box4{
        width: 560px;
        height: 100%;
        min-height: 100%;
        height: auto;
        bottom: 0px;
        margin: 0 auto;
        padding-top: 10px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 50px;
        color: rgb(0,0,0);
        z-index: 2;
}
div.box5{
        width: 620px;
        height: 26px;
        bottom: 0px;
        margin: 0px;
        background-color: rgb(128,0,0);
        padding: 0px;
        border-top: 4px solid rgb(0,0,0);
        border-bottom: 4px solid rgb(0,0,0);
        box-shadow: 0px 0px 16px rgb(0,0,0);
        position: fixed;
        z-index: 1;
}
div.box6{
         position: relative;
}
div.box7{
         position: relative;
        max-height: 0;
        overflow: hidden;
        padding: 0px;
        transition: max-height 0.5s ease-in-out;
        color: rgb(0,0,0);
        margin: 0;
}
input[type=checkbox] {
         position: absolute;
        margin: 0px;
        padding: 0px;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         opacity: 0;
}
label {
         cursor: pointer;
}
label {
         position: relative;
         display: block;
         color: rgb(0,0,0);
}
label:hover {
         color: rgb(128,0,0);
}
label:before {
         content: "";
         width: 0;
         height: 0;
         top: 50%;
         left: 0px;
         margin-top: -8px;
}
input[type=checkbox]:checked ~ label ~ div.box7 {
         position: relative;
         max-height: 1200px;
}
ul.navigation{
        background-color: rgb(128,0,0);
        list-style-type: none;
        margin: 0 auto;
        padding: 5px;
        width: 610px;
        height: 32px;
        text-align: center;
        z-index: 2;
        position: relative;
}
ul.navigation li {
        float: left;
        margin: 0px 5px 0px 5px;
        width: 112px;
        line-height: 25px;
        border-top: 2px solid rgb(255,236,155);
        border-bottom: 2px solid rgb(255,236,155);
        text-align: center;
}
ul.navigationbottom{
        background-color: rgb(128,0,0);
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        width: 620px;
        height: 26px;
        text-align: center;
        z-index: 2;
}
ul.navigationbottom li {
        float: left;
        margin: 0px;
        width: 76px;
        line-height: 26px;
        text-align: center;
}
img.borderup{
        width: 620px;
}
img.logo{
        width: 44px;
        height: 26px;
        padding: 0px;
        margin: 0px;
        float: left;
}
p{
        font-family: tikotext, garamond, serif;
        font-size: 0.9em;
        font-weight: normal;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
h1{
        font-family: PatuaOne-Regular, garamond, serif;
        font-size: 2em;
        font-weight: bolder;
        text-transform: uppercase;
        color: rgb(128,0,0);
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
h2{
        font-family: PatuaOne-Regular, garamond, serif;
        font-size: 1.6em;
        font-weight: bolder;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
h3{
        font-family: tikotext, garamond, serif;
        font-size: 20px;
        font-weight: bolder;
        line-height: 26px;
        color: rgb(0,0,0);
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
span.bezeichnung{
        font-family: tikotext, garamond, serif;
        color: rgb(128,0,0);
        font-size: 1.4em;
        font-weight: bolder;
        padding: 2px 5px 0px 5px;
        background-color: rgb(255,176,54);
        text-transform: uppercase;
}
a:link{
        color: rgb(0,0,0);
        text-decoration:none;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
a:visited{
        color: rgb(0,0,0);
        text-decoration:none;
}
a:hover{
        color:rgb(128,0,0);
        text-decoration:none;
}
a:active{
        color: rgb(130,130,130);
        text-decoration:none;
}
a:focus{
        color:rgb(128,0,0);
        text-decoration:none;
}
a.links:link{
         font-weight: bolder;
        color: rgb(128,0,0);
        text-decoration:none;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
a.links:visited{
        color: rgb(128,0,0);
        text-decoration:none;
}
a.links:hover{
        color: rgb(0,0,0);
        text-decoration:none;
}
a.links:active{
        color: rgb(0,0,0);
        text-decoration:none;
}
a.links:focus{
        color: rgb(0,0,0);
        text-decoration:none;
}
a.menu:link{
        font-family: PatuaOne-Regular, garamond, serif;
        font-size: 18px;
        font-weight: bolder;
        color: rgb(255,236,155);
        text-decoration:none;
}
a.menu:visited{
        color: rgb(255,236,155);
        text-decoration:none;
}
a.menu:hover{
        color: rgb(255,255,255);
        text-decoration:none;
}
a.menu:active{
        color: rgb(255,255,255);
        text-decoration:none;
}
a.menu:focus{
        color: rgb(255,236,155);
        text-decoration:none;
}
a.menubottom:link{
        font-family: tikotext, garamond, serif;
        font-size: 11px;
        font-weight: bolder;
        color: rgb(0,0,0);
        text-decoration:none;
}
a.menubottom:visited{
        color: rgb(0,0,0);
        text-decoration:none;
}
a.menubottom:hover{
        color: rgb(255,176,54);
        text-decoration:none;
}
a.menubottom:active{
        color: rgb(255,176,54);
        text-decoration:none;
}
a.menubottom:focus{
        color: rgb(255,176,54);
        text-decoration:none;
}
hr {
    border: 0px;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    color: rgb(0, 0, 0);
    border-width: 1px 1px;
    border-style: solid none;
    border-color: rgb(128, 0, 0) -moz-use-text-color;
    margin: 0px;
}
@font-face {
    font-family: "tikotext";
    src: url(../fonts/tikotext.ttf);
    src: local("tikotext"), url(../fonts/tikotext.ttf) format("truetype");
}
@font-face {
    font-family: "PatuaOne-Regular";
    src: url(../fonts/PatuaOne-Regular.otf);
    src: local("PatuaOne-Regular"), url(../fonts/PatuaOne-Regular.otf) format("opentype");
}
body#bodyprogramm a#programm, body#bodyhome a#home, body#bodyinfocafe a#infocafe, body#bodyueberuns a#ueberuns, body#bodyarchiv a#archiv{
        color: rgb(255,255,255);
}
body#bodykontakt a#kontakt, body#bodylinks a#links, body#bodyenglish a#english{
        color: rgb(255,176,54);
}

img.hoverwidth {
	width:560px;
	height:auto;
}

img.hoverwidth:hover {
	position: relative;
	left:-40px;
	width:640px;
	height:auto;
}