@font-face { font-family: yarin; src: url('fonts/yar.otf') ;}
@font-face { font-family: yarinbold; font-weight: bold; src: url('fonts/yarbold.otf');}
@font-face { font-family: latinmono; src: url('fonts/latmonreg.otf');}
@font-face { font-family: latinmonobold; font-weight: bold; src: url('fonts/latmonbold.otf');}
@font-face { font-family: latmoncaps; font-weight: ; src: url('fonts/latmoncaps.otf');}
@font-face { font-family: latmoncurs; font-weight: italic; src: url('fonts/latmoncurs.otf');}

/*body {font-size: 40px; font-size: 2.5rem;}*/

a { color: black; font-size: 45px; font-size: 2.8rem; text-decoration: none; /*letter-spacing: 0.5px;*/ font-family: yarinbold, "Impact", "Charcoal", sans-serif; text-transform: uppercase; text-align: left; /* padding: 0px; */ }

nav a:active { background-color: black; }
	
nav a.selected { text-decoration: none; position: relative; }

nav a:hover { background-color: #eeeeee; }

a.selected {
    content: '';

    width: 100%;
    position: relative;
    left: 0px;
    bottom: 1px;

    border-width: 0 0 1px;
    border-style: solid;
}

a.termin { width: 100%; min-width: 870px; line-height: 4.7rem; color: white; background-color: black; text-decoration: none; padding: 0 4px 0 4px; min-width: 870px; /* padding-top: 20px; padding-bottom: 40px; */}

a.event { width: 100%; min-width: 870px; background-color: white; line-height: 3.7rem; /* width: 100%; */}

a.ausblick { font-size: 35px; font-size: 2.2rem; width: 100%; min-width: 870px; background-color: white; line-height: 3.7rem; /* width: 100%; */}

/*.terminevent { width:870px; } */
a.soon { color: white; background-color: lightgray; }

.geld { font-size: 22px; font-size: 1.4rem; }

#kategorie { font-family: "yarin"; letter-spacing: 1px; }

sup { vertical-align: super; font-size: smaller; } 

code { font-family: latmoncaps, "Courier New", monospace; font-size: 16px; font-size: 1rem; line-height: 16px; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.5px;  }
code a {font-family: latinmono, "Courier New", monospace; font-size: 16px; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.5px; text-decoration:underline;}

a.imglink:hover { background: transparent; }

.imgsoon { margin-bottom:20px;}

p, p a { color: black; text-decoration: none; font-family: latinmono, "Courier New", monospace; font-size: 25px; font-size: 1.6rem; line-height: 35px; line-height: 2.2rem; text-align: left;
        -moz-hyphens: auto;
        -moz-hyphenate-limit-chars: 5 4 4;
        -moz-hyphenate-limit-lines: 2;
        -o-hyphens: auto;
        -o-hyphenate-limit-chars: 5 4 4;
        -o-hyphenate-limit-lines: 2;
        -webkit-hyphens: auto;
        -webkit-hyphenate-limit-chars: 5 4 4;
        -webkit-hyphenate-limit-lines: 2;
        -ms-hyphens: auto;
        -ms-hyphenate-limit-chars: 5 4 4;
        -ms-hyphenate-limit-lines: 2;
        hyphens: auto; 
        hyphenate-limit-chars: 5 4 4;
        hyphenate-limit-lines: 2;
          
           }

.kw {
padding: 0;
margin: 0;
color: black;
text-decoration: none;
font-family: latinmono, "Courier New", monospace;
font-size: 20px;
font-size: 1.4rem;
line-height: 10px;
line-height: 1rem;
text-align: left;
}


#herzeleidaktuell {
  height: 100px;
  width: 870px;
  background-image: url("http://2static.fjcdn.com/pictures/Butters+just+remember+if+something+makes+you+sad+it+s+because_107366_5615058.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 30% 30%;
  padding: 0;
  margin: 0;
}
#bluewaffle {
  height: 100px;
  width: 870px;
  background-image: url("http://i.imgur.com/RhAZS.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 40% 40%;
  padding: 0;
  margin: 0 0 -50px 0;
}

.plink {text-decoration: underline; text-transform: none;} /*paragraph-link (link im fliesstext)*/

.empty { width:140px; height: 35px; float: left;} /*auf der indexseite: wenn an einem tag mehr als zwei termine sind, um die VA-Namen einzurücken*/

.monatsleiste { width:870px; float: left; background: black; padding-left:5px; margin: 30px 0 10px 0;} /*auf der indexseite: wenn an einem tag mehr als zwei termine sind, um die VA-Namen einzurücken*/

nav { width: 100%; min-width: 870px; padding-top: 20px; padding-bottom: 40px; }

nav ul { list-style: none; padding: 0px; margin: 0px; }

nav li { float: left; padding-left: 20px; padding-right: 20px; }

.centered { display: table; margin: 0 auto; }

.vimeo { display: table; margin: 0 auto; }

#container { width: 870px; margin: 0 auto 0 auto;}

#container .imglink img { margin-top:8px; height:100px; width:870px; }

#conpress { width: 870px; margin: 0 auto 0 auto; } /*container für das impressum wegen kleinerer schriftgröße*/

#conpress tr td p { font-size: 16px; font-size: 1rem; line-height:18px; line-height: 1.125rem; }
#conpress tr td a { font-size: 20px; line-height: 1.125rem; }

#monatcontainer { width: 1600px; height: 2006px; margin: 0 auto 0 auto; background-image: url('bilder/monat.gif'); background-repeat: no-repeat; }

footer { font-size: 40px; font-size: 2.5rem; width: 870px; margin: 0 auto 0 auto; text-align: center; padding: 40px 0 20px 0; }

footer ul { list-style: none; padding: 0px; margin: 0px; }

footer li { float: left; padding-left: 20px; padding-right: 20px; }

footer img { margin-top: -3px; /*padding-top: 50px;*/ /*border-top: 6px solid black;*/ }

table { width: 870px; }

td { width: 420px; }
tr { width:420px;}

html { overflow-y: scroll; }

#karte { background-image: url('bilder/karte.jpg'); height: 560px; width: 800px; margin: 0 auto 0 auto; }

#karte:hover { background-image: url('bilder/karte_opnv.jpg'); height: 560px; width: 800px; }


/*@media screen and (max-device-width: 600px) {
    body {
        background-color: lightgreen;
    }
}*/


/*Ausklapptext*/

p .toggle-box {
  display: none;
}

p .toggle-box + label {
  cursor: pointer;
  display: block;
  /*font-weight: bold;*/
  /*line-height: 21px;*/
  margin-bottom: 5px;
}

p .toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}

p .toggle-box:checked + label + div {
  display: block;
}

.lineup {text-align:center;}

/*.toggle-box + label:before {
  background-color: #4F5150;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;
  content: "+";
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}*/

/*.toggle-box:checked + label:before {
  content: "\2212";
} */


/** .toggle-box:checked + label {
  display: none;
} */






/*p a code { font-family: latmoncaps; line-height: 10rem !important;}*/

/*.fliesstext { color: black; text-decoration: none; font-family: inpmonconreg; font-size: 15px; line-height: 0px; }*/

/*p a { color: black; text-decoration: underline; font-family: courierprime; font-size: 20px; line-height: 21px; text-align: left; }*/

/*h1 { color: black; text-decoration: none; font-family: bebasneue; font-size: 20px; line-height: 21px; }*/

/*h2 { color: white; background: black; text-decoration: none; font-family: bebasneue; font-size: 40px; margin: 0px; padding: 0 0 0 5px;}*/

/*.archimg { 	margin-bottom: 40px; }*/

/*a.pastevent { color: gray; font-size: 40px; letter-spacing: 0.8px; width: 100%; }*/

 /*a.selected {  	text-decoration: underline;  	border-bottom: 3px solid black; } */

/*.termine { font-size: 40px; }




/*#handy { 	background-image: url('bilder/handy_off.jpg'); 	height: 560px; 	width: 800px; margin: 0 auto 0 auto; } */
/* #handy:hover { background-image: url('bilder/handy_on.jpg'); height: 560px; width: 800px; } */

/*a.notyet { color: #cecece; }*/

/*a.notyet:hover { background-color: transparent; }*/

/*a.selected:after {
	content: '';

    width: 100%;
    position: absolute;
    left: 0;
    bottom: 3px;

    border-width: 0 0 5px;
    border-style: solid;
}*/

/*p { color: black; text-decoration: none; font-family: bebasneue; font-size: 20px; letter-spacing:0.3px; line-height: 18px; }*/

/*.border { display: inline-block; line-height: 0; border: 1px solid; }*/