input:focus,
button:focus{
	outline: none;
}


/* Shantychor 2016 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  height: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #444;
}
body {
	color: #000000;
}

.wrapper {
	max-width:1224px;
	margin:0 auto;
	padding: 0 1em 0 1em;
}

h1, h2, h3 {
	margin:1em 0 1em 0;
}

.rot { /* jahreszahlen jodessinmer.php */
	color: #E0461A;
	font-size:1.5em;
	display:block;
	clear:both;
}
p::before .rot  {
	content: "";
}

.uffbasse {
	font-size: 1.0em;
	color:#FF0000;
}

/* Navi */
.mainnavi li {
	list-style:none;
	display: inline-block;
	padding: 1.5em 4px 0 4px;
	vertical-align:top;
	width: 10.8%;
	letter-spacing: -0.1px;
}
.mainnavi li a {
	font-weight: bold;
	color: #010100;
	text-shadow: 1px 1px 1px #111;
	text-decoration:none;
	line-height:1.2em;
	display:block;
	height:8em;
	text-align: center;
}
.mainnavi li a:hover {
	background-image:url(/layout/hundi-bgr.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.mainnavi li a.active {
	background-image:url(/layout/hundi-bgr.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.HL-1 { font-size:1.15em; }
.HL-2 { font-size:0.9em; }


.content {
	margin: -3px 1em 1em 1em;
	min-height: 50em;
	border:0px dotted gray;
	overflow: hidden;
	font-size: 14px;
}
.content img {
	margin:0.2em 0.8em 0.5em 0;
}

.content a {
	text-decoration: none;
	color: #05347D;
}
.content a:hover {
	text-decoration: underline;

}

/* Hintergrundfarben */

.black {
	background-color:#000000;
}

.yellow {
	background-color:#FFDE4D;
}
.yellow .mainnavi li a.active {
	color:#D03512;
}
.yellow #current {
	color:#D03512;
}
.yellow .content {
	background-image: url(/layout/hund_gelb.jpg);
	background-size:100%;
}

.green {
	background-color:#6FB571;
}
.green .mainnavi li a.active {
	color:#D03512;
}
.green #current {
	color:#D03512;
}
.green .content {
/*	background-image: url(/layout/knoche_gruen.jpg);
	background-size:100%;*/
	background-image: url(/layout/knoche_gruen.jpg);
	background-size: 60%;
	background-repeat: repeat-y;
	background-color: #B5DAB9;
	background-position: center top;
}

.red {
	background-color:#D03512;
}
.red .mainnavi li a.active {
	color:#6FB571;
}
.red #current {
	color:#6FB571;
}
.red .content {
	background-image: url(/layout/mann_rot.jpg);
	background-size:100%;
}


.blue {
	background-color:#05347D;
}
.blue .mainnavi li a {
	color:#fff;
}
.blue .mainnavi li a.active {
	color:#FFDE4D;
}
.blue .#current {
	color:#FFDE4D;
}
.blue .content {
	background-image: url(/layout/graete_blau.jpg);
	background-size:100%;
}


.contnavi {
	padding:2em;
	display: block;
	width: 25%;
	float: left;
	height:100%;
}
.contnavi a {
	display: block;
	margin-top:1.2em;
	font-size:1.1em;
	line-height:1.2em;
	text-decoration:none;
	color:#05347D;
}
.contnavi a:hover {
	color:#444;
}
.text {
	padding:2em;
	display:block;
	float:left;
	width:75%;
}

.more {
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #444;
	display:inline-block;
	padding-left:0.3em;
}
.down {
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 8.7px 5px 0 5px;
	border-color: #000111 transparent transparent transparent;
}

table.tickets {
	font-size:10px;

}

.pressefotos {
	position: relative;
}
.pressefotos table{
	margin: 0 auto;
}
.pressefotos div {
	text-align: center;
}

.iwasetzungen li{
	float: left;
	width: 100%;

}

.iwasetzung_image{
	float: right;
}

.iwasetzung_image{
	width: 30%;
	padding-left: 20px;
}

.iwasetzung_text{
	width: 70%;
}

#hint {
	position:absolute;
	z-index:2;
	filter:alpha(opacity=90); -moz-opacity: 0.90;
	width: 100%;
	left: 0px;
	height: 400px;
}

#hint a {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #B7E2F5
}
#hint a:hover {  text-decoration: underline; color: #333333}
#hint td {  font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333333}
#hint .small {  font: 10px Verdana, Arial, Helvetica, sans-serif}
#hint input {  background: #FFFFFF; #333333 solid;}
#hint .rot {  color: #E0461A}
#hint #content {
	font-face: 12px Verdana, Arial, Helvetica, sans-serif;
	/*text-align: justify;*/
	margin: 0 auto; /* center for now */
	height: auto;
	background: #ffffff;
	width: 500px;
	padding: 6px;
	border:1px dotted;
}

.linkseite {
	text-align: center;
	width: 100%;
}
.linkseite .linksl {
	float: left;
	width: 50%;
}
.linkseite .linksr {
	float: right;
	width: 50%;
}
.linkseite .linksl div, .linkseite .linksr div {
    width: 100%;
    float: left;
    padding: 1em;
}

.simple_form,
.g-recaptcha{
	float: left;
	width: 100%
}

.simple_form label,
.simple_form span,
.simple_form input,
.simple_form textarea,
.simple_form button{
	float: left;
	clear: both;
}

#bsuchform input {
	width: 100%;
	height: 35px;
	min-width: 240px;
	margin: 0 1rem 1rem 0;
	padding: 0.5rem;
}

#bsuchform textarea {
	min-width: 250px;
	min-height: 80px;
}

#PPMiniCart{
	z-index: 1000;
}

#PPMiniCart form{
	max-height: 1000% !important;
}

.bigbg{
	/* position: fixed; rz 21.01.2017 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	visibility: hidden;
	transition: all .3s
}

#kartenbestellung{
	width: 300px;
	position: fixed;
	display: none;
	background: #fff;
	padding: 20px;
	border-radius: 2px;
	left: 50%;
	margin-left: -150px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	top: 75px;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: all .3s
}

#kartenbestellung.active,
.bigbg.active{
	opacity: 1;
	visibility: visible;
}

#kartenbestellung .form-closer{
	float: right;
	background: #000;
	color: #fff;
	font-size: 18px;
	padding: 0 5px;
	margin-left: 10px;
}

#kartenbestellung .form-closer:hover{
	cursor: pointer;
}

#kartenbestellung input:not([type="submit"]):not([type="checkbox"]){
	font-size: 15px;
	border-radius: 2px;
	padding: 5px 9px;
	outline: none;
	border: 1px solid #ccc;
	transition: border-color .3s;
	width: 100%;
}

#kartenbestellung input:focus{
	border-color: #000;
}

#kartenbestellung input[type="submit"]{
	background: #333;
	color: #fff;
	padding: 5px 10px;
	font-size: 16px;
	border: 0;
	margin-top: 10px;
	transition: background .3s
}

#kartenbestellung input[type="submit"]:hover{
	cursor: pointer;
	background: #000;
}



.kartenverkauf input{
	margin: 0.5em 0;
}

#per_vorkasse{
    position: absolute;
    bottom: -52px;
    right: 0px;
    background: #fff;
    padding: 10px;
    color: #000;
    width: 100%;
    border: 3px solid #000;
    text-align: center;
    text-decoration: none;
}

#per_vorkasse:hover{
	text-decoration: underline;
}

#show_waren{
	display: none;
	float: right;
	color: #000;
	background: #fff;
    padding: 10px;
    border-radius: 2px;
    /*position: relative;*/
    position: fixed;
    margin-top: 20px;
}

#show_waren:after{
	content: attr(data-items);
	position: absolute;
	right: -10px;
    top: -10px;
	background: #000;
	color: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 50%;
}





/*MINICART*/


#PPMiniCart {
    top: 130px !important;
}

form[target="paypal"] input[type="submit"]{
	background: #333;
	border: 1px solid #000;
	color: #fff;
	transition: all .3s;
	font-size: 16px;
	padding: 5px 8px;
	border-radius: 2px;
	margin-top: 10px;
}



form[target="paypal"] input[type="submit"]:hover{
	cursor: pointer;
	background: #000;
}

#PPMiniCart ul,
#PPMiniCart form{

	border-radius: 0 !important;
}

#PPMiniCart form{
	border: 0 !important;
}

#PPMiniCart form *{
	border-radius: 0 !important;
}

#PPMiniCart form:before{
	content : "Warenkorb";
	width: 100%;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	padding: 20px;
	box-sizing: border-box;
	height: 54px;
}

#PPMiniCart .minicart-closer{
	position: relative !important;
	z-index: 1000 !important;
	color: #fff;
	font-size: 30px !important;
	padding: 0px !important;
	margin: -4px 4px 10px !important;
	border: 0px solid red !important;
}

.popup_success{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	background: #000;
	padding: 10px;
	z-index: 1000;
	margin-left: -200px;
	margin-top: -100px;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	text-align: center;
	border-radius: 2px;
}

.popup_success.active{
	opacity: 1;
	visibility: visible;
}


.homewrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}
.homewrapper div {
	border:0px solid red;
	width:48%;
	/*height:200px;*/
	padding:2em;
}
.homewrapper img {
	vertical-align: middle;
}