/* CSS Document */

#scroll {
	position: absolute;
 padding-top: 10px;
	white-space: nowrap;
	top: 0px;
	left: 0px;
	color:rgba(154,13,13,1.00);
}
	   
#oScroll {
	position: relative;
 width: 100%;
	height: 35px;
 overflow: hidden;
}

#oScroll span {
 margin-left: 10px;
 margin-right: 10px;
}

#oScroll span::before {
 content: "+++";
 margin-right: 20px;
}

#oScroll span:last-child:after {
 content: "+++";
 margin-left: 20px;
}

#scroll a {
	color:rgba(154,13,13,1.00);
}


.logo_start {
 width: 100%;
 margin-top: 1em;
 text-align: center;
}

.logo_start ul {
 display: inline-block;
}

.logo_start li {
 display: inline-block;
 margin: 5px;
}

.logo_start li a {
 border:0px;
}

.logo_start li img {
 border: 1px solid rgba(200,200,200,1.00);
}


.banner_img {
 margin-bottom: 0px;
}

#slider .content_img {
 width: 100%;
}

/* CSS Teaser */

.teaser {
 width: 100%;
}

.pagination {
 clear: left;
 margin-top: 20px;
 margin-right: 5px;
 margin-left: 5px;
 margin-bottom: 5px;
}

.pagination .buttom {
}

.pagination .psite {
 display: inline-block;
 margin-top: 20px;
 margin-right: 5px;
 margin-left: 5px;
 margin-bottom: 5px
}

.pagination .psite a.active {
 padding: 5px;
 border: 1px solid rgba(22,115,195,1.00);
 background-color: rgba(22,115,195,1.00);
 color: rgba(255,255,255,1.00);
}

.search_pagination ul {
 margin-top: 20px;
}

.search_pagination li {
 float: left;
 margin: 5px;
}

.search_pagination a {
 padding: 5px;
 margin: 5px;
 border: 1px solid rgba(22,115,195,1.00);
 background-color: rgba(22,115,195,1.00);
 color: rgba(255,255,255,1.00);
}

ul#search_result {
 clear: both;
 padding-top: 20px;
}

ul#search_result li {
 margin: 10px;
}

ul#search_result li span {
 font-size: 1.1em;
 font-weight: bold;
}

ul#search_result li a {
 margin-left: 0.5em;
}

ul#search_result li p {
 margin-left: 1.3em;
}

.teaser .col {
 clear: left;
 width: 100%x;
 height: auto;
 padding-top: 20px;
}

.teaser .col h3 {
 font-family: 'Open Sans', sans-serif;
 margin-top: 0px;
}

.teaser .col img {
 float: left;
 margin-right: 2em;
 border: 1px solid rgba(90,90,90,1.00);
 border-radius: 5px;
}

.teaser .col .more {
 float: right;
 vertical-align: bottom; 
}

/* CSS Teaser Ende */

/* CSS Linkliste */

#main #maincontent .link_list ul {
 margin-top: 1em;
 margin-right: 1em;
 margin-left: 3em;
 margin-bottom: 1em;
}

#main #maincontent .link_list li {
 padding-left: 1em;
 list-style-image: url(../images/misc/icon-liste.png)
}

#main #maincontent .link_list p {
margin-top: 0em;
}

div.link_list {
margin-top: 1em;
}

/* CSS Linkliste Ende */

#main #maincontent .events {
	}	
	
 
#main #maincontent .events .terminmonth {
  margin-top: 1em;;
  padding: 1em;
  background-color: rgba(255,255,255,1.00);
  border-radius: 5px;
  color: rgba(90,90,90,1.00);
 border: 5px solid rgba(90,90,90,1.00);
 }
 
#main #maincontent .event {
  margin: 0.5em;
	}
	
#main #maincontent	.event h2 {
  clear: left;
  font-family: 'Open Sans', sans-serif;
	}
 
#main #maincontent .event ul {
  list-style: none;
	}	
 
#main #maincontent .event li {
  list-style: none;
  float: left;
 margin-left: 0px;
  padding-right: 10px;
	}	
	
#main #maincontent	.event .termintext {
  clear: left;
	}

/* CSS Galerie */

.gallery {
 margin-top: 1em;
}

div.pg_thumb {
height: 7em;
width: 28%;
padding: 0.5em;
float: left;
background-color: #999999;
text-align: center;
line-height: 10em;
vertical-align: middle;
}

div.pg_thumb:hover {
background-color: #777777;
transition: 0.5s;
}

div.pg_thumb img {
max-width: 100%;
max-height: 100%;
}

div.pg_lightbox {
background-color:rgba(255, 255, 255, 0.95);
border: 1px solid #ffffff;
background-repeat: no-repeat;
position: fixed;
opacity: 0.1;
}

div.pg_lightbox_description {
font-size: 1em;
background-color:rgba(255, 255, 255, 0.9);
text-align: center;
padding: 1%;
opacity: 1;
}

div.pg_close_picture {
font-size: 1.5em;
text-shadow: 1px 1px #ffffff;
}

div.pg_close_picture:hover {
color: #ff0000;
}

div.pg_lightbox_description:hover {
opacity: 0;
transition: 1s;
}

div.pg_thumb:hover,
div.pg_close_picture:hover{
cursor: pointer;
}

/* ----- PIFAFORM ----- */

div.pifa-form {
 text-align: center;
}

.pifa-form {
 max-width: 800px;
 margin-top: 2em;
 margin-left: auto;
 margin-right: auto;
}

.pifa-form label {
 width: 200px;
	display: block;
}


.pifa-form div.checkbox_wrapper {
 padding: 5px;
}

.pifa-form div.checkbox-wrapper label {
 float: left;
	width: 438px;
}

.pifa-form div.privacy {
	margin-bottom: 15px;
}

.pifa-form div {
	margin: 10px;
}

.pifa-form select {
	width: 250px;
}

.pifa-form input[type="text"],textarea {
	width: 450px;
}

.pifa-form .text_medium {
 padding-top: 3px;
 padding-right: 15px;
 padding-left: 3px;
 padding-bottom: 3px;
}

.pifa-form .pifa-error select,
.pifa-form .pifa-error input,
.pifa-form .pifa-error textarea {
	clear: both;
	border: 1px solid #C31250;
}

.pifa-form input {
	height: 25px;
	padding: 2px;
}

.pifa-form textarea {
	height: 100px;
	line-height: 1.2em;
	padding: 2px;
}

.pifa-form .pifa-error input[type="text"],
.pifa-form .pifa-error textarea {
	width: 454px;
}

.pifa-form .pifa-error label {
	color: #C31250;
}

.pifa-form p {
	display: none;
}

.pifa-form .pifa-error .pifa-error-message {
	display: block;
}

.pifa-form .pifa-error:hover p {
	display: block;

}

.button.red,
div.button_red input
{
	clear: both;
	margin: 10px;
	z-index: 2;
	display: block;
	width: 150px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color:rgba(70,70,70,1.00); 
	height: 30px;
	border-radius: 5px;
 border:0px;
 cursor: pointer; 
}

div.button_red input {
	clear: both;
	position: relative;
	float: left;
	margin-right: 20px;
}

.button.grey,
div.button_grey input {
	clear: both;
	margin: 10px;
	z-index: 2;
	display: block;
	width: 150px;
	text-align: center;
	text-decoration: none;
	color: #fff;
 background-color: rgba(162,70,72,1.00);
	height: 30px;
	border-radius: 5px;
 border:0px;
 cursor: pointer; 
}

.button.red,.button.grey input[type="submit"] {
	margin-top: 40px;
	position: relative;
	clear: both;
}

@media only screen and (max-width: 39em) {
div.pg_thumb {
width: 44%;
}
 
}