@CHARSET "UTF-8";
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
/*	background: url(/images/hintergrund/HG1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}
#content-wrapper{
	/*background: url(/images/hintergrund/HG1.jpg) no-repeat center center fixed;
	background-image: url(/images/hintergrund/HG1.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
	background-size: cover;
	*/
	height:100%;
	margin: auto;
	font-family: 'SourceSansPro-Light', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.692em;
	color: #242424;
}
#left-content{
	float: left;
	width: 200px;
	margin: 20px 65px 20px 36px;
	background-color: #FFFFFF;
	height: 95%;
	position: fixed;
}
#middle-content{
	float: left;
	min-height: 2em;
	width: 50%;
	margin-right: 25px;
	margin-left: 265px;
	}
#right-content{
	float:left;
	}
#logo{
	text-align: center;
	padding: 16px 0;
	}
#content{
	margin-top:2.8rem;
	}
h1, h2, h3{
	font-family: 'SourceSansPro-Light', sans-serif;
}
h1{
	background-color: #FFFFFF;
	color: #941421;
	font-size: 36px;
	font-weight: 300;
	padding: 15px 15px 15px 25px;
	display: inline-block;
 line-height: 1.3;
margin-bottom: 0.2em;
padding: 5px 15px 5px 25px;	
	}
h1:after{
	content: url("/images/templates/zahn-navi.png");
	padding-left: 3px;
}
h3{
	font-size: 20px;
	font-weight: 300;
	color: #941421;
	margin-bottom:0;
	margin-top:0;
}
button:focus{
	outline:none;
}
.aktuelles{
	
	}
.text-content, .aktuelles{
	background-color: #FFFFFF;
padding: 20px 25px;
	}

.bg1{
	background: url(/images/hintergrund/HG1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.bg2{
	background: url(/images/hintergrund/HG2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
a, a:visited {
	color: #941421;
	text-decoration: none;
	outline:none;
	}
a:hover{
	text-decoration: underline;
	color: #941421;
	}
#search{
	float:right;
	margin-top: 20px;
}
#search input{
	float: none;
	width: auto;
	display: inline;
	margin: 0;
}
#search input[type="image"] {
	margin: 0 0 0 5px;
	vertical-align: middle;
}

.aktuelles{
	margin-bottom: 20px;
}
blockquote{
	max-width: 460px;
	}
blockquote:after{
	content: "\201D";
	font-size: 400%;  
font-family:Georgia, "Times New Roman", Times, serif;  
width:16px;  
height:16px;  
display:block;  
margin:0 -10px -25px auto;  
 	}
blockquote:before{
	content: "\201C";
	font-size: 400%;  
	font-family:Georgia, "Times New Roman", Times, serif;  
	width:16px;  
	height:16px;  
	display:block;  
	margin:0 20px -20px -35px;
}
.reference-item{
	/*padding: 10px 0;*/
}
.text-content + .text-content{
	margin: 20px 0;
}
.last{
	margin-bottom: 20px;
}
.text p{
	margin:20px 0 0 0;
}
.reference-item-text{
	font-weight: bold;
	max-width: 460px;
	margin-left: 40px;
	line-height: 1.4;
	font-size: 12px;
}

/* kontakt */

div#contact {
  float: left;
  margin-top: 10px;
}

div#contact table {
  width: 400px;
  font-size: 8pt;
}




div#contact table td {
  text-align: left;
  vertical-align: top;
  padding-right: 10px;
}

div#contact table td#footerContactHeader {
  width: 5em;
}

label#plzLabel {
  width: 62px;
}

label#ortLabel {
  width: 138px;
}

.noMarginTop {
  margin-top: 0;
}

fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
}

label {
  display: block;
}
input {
width: 150px;
display: block;
margin-right: 42px;
    
}
input#ort {
  width: 83px;
  margin-right: 42px;
}

input#plz {
	  width: 50px;
    margin-right: 10px;
}
}

input[type="submit"] {
  width: auto;
	margin-bottom: 10px;
}

input[type="radio"] {
	float: none;
  width: auto;
  display: inline;
  margin: 0;
  border: 0 none;
	margin-bottom: 10px;
}


div.stretcher {
  clear: both;
  line-height: 0;
  height: 0;
}

div.distance {
  clear: both;
  line-height: 15px;
  height: 5px;
}

/*responsive slides*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
#map_canvas { height: 100% ; height: 400px; width: 550px; }
.button {

	background-color: #941421;
  text-indent: 0;
  display: inline-block;
  color: #ffffff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
  font-weight: 300;
  font-style: normal;
  line-height: 1.3;
  width: auto;
  text-decoration: none;
  text-align: center;
  padding-right: 28px;
}
.button:hover {
	background-color:#780510;
	text-decoration: none;
}
.button:active {

	position:relative;
	top:1px;
}
.button a {
    width: 100%;
    display: inline-block;
    padding: 5px 15px;
}
input#von{
	border: 1px solid #383E82;
	margin: 0em 2.25em 1em 1em;
}
#abfahrt .button{
	margin-bottom: 0;
	display:block;
	border: 0;
	text-align: center;
	padding-left: 1.8em;
}
 #directions-panel {
	width: 550px;
}
.clearfix:after{
	clear: both;
	display: table;
	content: "";
}

ul.rslides {
	margin-bottom: 3em;
}
.list-item {
	display: inline-block;
	width: 47%;
	margin-bottom: 1.5em;
/*margin:0 1em 1.5em 0;*/
}
.list-item:nth-child(2n+2){
	margin-left:1.7em;
}
.list-item-text{
	/*display: none;*/
	visibility: hidden;
	text-align: left;
	padding:0 15px;
	position:absolute;
	font-family: 'SourceSansPro-Light', sans-serif;
}
.list-item-text h3 {
	margin:.3em 0;
}
.list-item-text div{
		margin: .8em 0 1em 0;
	}
.list-item-img img{
	width:265px;
	height:177px;
	}

@media print {
	#map-canvas {
	margin: 0;
	}

	#directions-panel {
		width: auto;
	}
}

a img {
border:0px;
}

.news-list .item:after{
				clear: both;
				display: table;
				content: "";
	margin-bottom: 3em;
}
item-text {
					float: left;
					width:50%;
}

.item-img {
				margin:5px 25px 0 0px;
				float: left;
	max-width: 350px;
}
#logo-mobile {display:none;}
#abfahrt div {float:left;margin-right: 0.6em;}

#mobilecontact {display:none;}

#contactform .row {margin-top:1em;margin-bottom:1em;}

#contactform label {
    width:100%;
}
#contactform input {
    width:50%;
}
#contactform textarea {
    width:100%;
}
@media only screen and (max-width:768px) {

#contactform input,#contactform select {
				height:2rem;
				font-size:1rem;
}
#contactform select, #contactform input, #contactform textarea {
    width:100%;
}
body {
	background:none;background-image:none;
}
input#von{
	border: 1px solid #383E82;
	margin-left: 0em;
}
#logo-mobile {display:block;text-align:center;}
#mobilecontact {display:block;}
#mobilecontact .header {
    color: #941421;
    font-size: 36px;
    font-weight: 300;
    margin-bottom:0.5em;
    padding-top:0.5em;
}
item-text {float:none;width:100%;}
.item-img {float:none;width:100%}

#left-content {display:none;}
#middle-content {width:90%;float:none;margin-left:15px}
#middle-content img {max-width:100%;}
#content-wrapper{
    font-size: 18px;
}
#mobilenav {
    font-size: 24px;
}
#content {margin-top:0;}
.list-item {width:100%;}
.list-item-img {width:100%;}
.list-item:nth-child(2n+2) {margin-left:0}

#search {
  float:none; width:100%; margin-top:0;margin-bottom:15px;text-align:center;
}
#search input {height: 2em;}
ul, menu, dir {
padding:0;margin-bottom:0;
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
.list-item-img img {width:auto;height:auto;}

/* Maps */

input#von {
border: 1px solid #383e82;
height: 2em;
margin: 0 1em 2em;
width: 20em;
}

#abfahrt .button {
margin-bottom: 1em;
}
#map_canvas {
width:100%
}
}