@import url(http://fonts.googleapis.com/css?family=Roboto);


body {
	  font-family: sans-serif;
	  font-size: 13px;
	  margin: 0px;
	  /* background: #7F7F7D; */
	  background: #7F7F7D;
}

* {
	  box-sizing: border-box;
}

.clr { 
clear: both; 
/* height: 0; 
visibility: hidden;
*/
} 

img {
max-width:100%;
height:auto;
width: auto; /* ie 8 */
}

p { 
margin:3; 
font-weight: 500;
/*  color: #6F6E6C;  */
color: #5B5A5A;

}

input[type="submit"],
input[type="reset"] {
font-size: 1.2em;
}



.fusstext { 
font-size: 12px;
clear:both;
padding-left: 8px;
}

.fusstextzwei { 
font-size: 13px;
}


header {
	  background: #545453;
height: 140px;
	  padding-top: 0px;
}

.inner {
	  
	  width:100%;
	  margin: 0 auto;
	  position: relative;
}

h1 {
font-weight: normal;
color:#545453;
font-size: 18px;
}


.ueberschrift
{
background: #F4E7CA;
line-height: 30px;
padding-left: 3px;
padding-right: 3px;
color: #5B5A5A;
}
.ueberschriftzwei
{
background: #F8F3E7;
line-height: 22px;
padding-left: 3px;
padding-right: 3px;
color: #5B5A5A;
}

.textrechts
{
padding-left: 0px;
padding-right: 0px;
color: #5B5A5A;
}


.textrechtsmitrand
{
padding-left: 6px;
padding-right: 6px;
color: #5B5A5A;
}

#headfoto
{
display:block;
position:relative;
max-width:960px;
max-height: 352px;
margin:0px auto 0px;
-moz-box-shadow:1px 1px 2px #A09C91; /* Firefox */
-webkit-box-shadow:1px 1px 2px #A09C91; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 2px #A09C91; /* Konqueror */
box-shadow:1px 1px 2px #A09C91; /* CSS3 */
  }


#headfoto img {
   display: block;
}



#titel
{
max-width: 960px;
margin-left: auto;
margin-right: auto;
height: 100px;
padding-top: 2px;
padding-left:0px;
text-align: left;
}

#navigation {
width: 100%;
background: #545453;
}

#navigat {
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding-right: auto;
background:#72726F;
}


#inhalt
{
background-image: url("grafik/hinter-01.jpg");
background-attachment:fixed;"
background-repeat:no-repeat;
background-size: cover; 
min-height:500px;
padding-top:10px;
padding-bottom:10px;
}

#sendalle
{
background-image: url("grafik/hg-01.jpg");
background-attachment:fixed;"
background-repeat:no-repeat;
background-size: cover; 
max-height:100%;
padding-top:10px;
padding-bottom:10px;
}



#inhaltohneslider
{
max-width: 960px;
margin-left: auto;
margin-right: auto;
border:1px solid #ffffff;
-moz-box-shadow:1px 1px 2px #A09C91; /* Firefox */
-webkit-box-shadow:1px 1px 2px #A09C91; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 2px #A09C91; /* Konqueror */
box-shadow:1px 1px 2px #A09C91; /* CSS3 */
}


#inhaltcontainer
{
/* max-width: 960px; */
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding-top: 12px;
}


#inhaltlinks
{
width: 66%;
background:#ffffff;
padding: 15px;
text-align: justify;
font-size: 13px;
-moz-box-shadow:1px 1px 2px #D6D1C0; /* Firefox */
-webkit-box-shadow:1px 1px 2px #D6D1C0; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 2px #D6D1C0; /* Konqueror */
box-shadow:1px 1px 2px #D6D1C0; /* CSS3 */
float: left;
font-family: "Open Sans",Arial,sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 21px;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
font-feature-settings: normal;
font-language-override: normal;
font-kerning: auto;
font-synthesis: weight style;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-weight: 400;
}

#inhaltrechts
{
opacity: 0.9;
max-width: 33%;
background:#ffffff;
padding: 0px;
text-align: justify;
-moz-box-shadow:1px 1px 2px #A09C91; /* Firefox */
-webkit-box-shadow:1px 1px 2px #A09C91; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 2px #A09C91; /* Konqueror */
box-shadow:1px 1px 2px #A09C91; /* CSS3 */
float: right;

}


#fusslinie1 {
width: 100%;
height: 10px;
background: #6B7177;
}

#fussnav {
width: 100%;
background: #545453;
color: #ffffff;
}

#fusslinie2 {
width: 100%;
height: 30px;
line-height: 30px;
font-size: 12px;
background: #6B7177;
text-align: center;
position:fixed;
bottom:0px;
color: #ffffff;
}


#fuss
{
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
min-height: 200px;

}


p.content
{
color: #ffffff;
}


#fusseins {
float: left;
width: 30%;
padding-left: 1%;
}

#fusszwei {
float: left;
width: 30%;
padding-left: 1%px;
}

#fussdrei {
float: left;
width: 30%;
padding-left: 1%;
}


a.fusslin:link {
color: #fffffff;
text-decoration: none;
}

a.flin:link {
color: #28261E;
text-decoration: none;
}


a.flin:visited {
color: #5B5A5A;
text-decoration: none;
}

a.flin:hover {
color: #F9C624;
text-decoration: none;
}


a.flin2:link {
color: #ffffff;
text-decoration: none;
}


a.flin2:visited {
color: #ffffff;
text-decoration: none;
}

a.flin2:hover {
color: #F9C624;
text-decoration: none;
}




.logo {
background:#;
text-decoration: none;
font-size: 30px;
line-height: 40px;
}



nav > ul {
  	float: left;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	
}

nav > ul > li {
  	text-align: center;
	  line-height: 40px;
	  background: #41413D;
	  min-width:170px;
	  margin-right: 1px;
	  opacity: 0.96;
	  z-index: 1;
	  font-family: 'Roboto', sans-serif;
	  letter-spacing: 0.05em;
}

nav > ul li ul li {
	  width: 100%;
  	text-align: center;
	text-decoration: none;
	padding: 0px;
	background: #797065;
	margin-top: 1px;
		  	  font-family: 'Roboto', sans-serif;
	  letter-spacing: 0.02em;
}

nav ul li:hover {
	  cursor: pointer;
	  position: relative;
	  background: #3F3F3E;
}
nav ul li:hover > ul {
  	display: block;
}
nav ul li:hover > a {
	  color: #EEE1D3;
}
nav > ul > li > a {
	  cursor: pointer;
	  display: block;
  	outline: none;
  	width: 100%;
	  text-decoration: none;
	  
}

nav > ul > li {
  	float: left;
	list-style-type:none;
		  
}
nav a {
	  color: white;
}
nav > ul li ul { 
  	display: none;
  	position: absolute;
  	left: 0;
	  top: 100%;
  	width: 100%;
	  z-index: 2000;
	  list-style-type:none;
	  padding: 0px; /*  Schrift unter einanander */
}
nav > ul li ul li > a {
	  text-decoration: none;
}

[type="checkbox"], label {
	  display: none;
}

@media screen and (max-width: 800px) {
	nav ul {
		  display: none;

	}
	
	nav > ul > li {
font-size: 1.2em;
}

	label {
  		display: block;
  		background: #3E3E39;
		  width: 40px;
  		height: 40px;
  		cursor: pointer;
		  position: absolute;
		  right: 20px;
  		top: 0px;
	}
  
label:after{
  content:'';
  display: block;
  width: 30px;
  height: 5px;
  background: #DBDADA;
  margin: 7px 5px;
  box-shadow: 0px 10px 0px #DBDADA, 0px 20px 0px #DBDADA;
}

	[type="checkbox"]:checked ~ ul {
  		display: block;
  		z-index: 9999;
  		position: absolute;
		  right: 20px;
		  left: 20px;
	}

	nav a {
		  color: #ffffff;
	}

	nav ul li {
		  display: block;
  		float: none;
  		width: 100%;
  		text-align: left;
  		background: #545453;
		  text-indent: 20px;
		  list-style-type:none;
	}

	/* Hintergrundfarbe bei Link ändern */
	nav ul li:hover {
	background: #CC9D07;
}
	
	
	nav > ul > li {
  		margin-left: 0px;
		list-style-type:none;
		text-align: center;
	}
	
		nav > ul li:hover > a {
	  color: #fff;
	  
}

nav > ul li ul li {
  		display: block; /* bei none Untermenue wird versteckt */
		  float: none; 
	}
	

nav > ul li ul {
  		position: relative;
  		width: 100%;
		  z-index: 9999;
		  float: none;
	}
h1 {
	  font-size: 26px;
}
}


.wrap {
	/*\*/ display: table; /**/
	max-width: 100%;
	border-spacing: 0;
	margin-bottom: 10px;
}
.image, .content {
	display: table-cell;
	vertical-align: middle;
}

.content {
	width: 100%;
	font-size:12px;
}


.image a, .image img {
	vertical-align: bottom;
	padding-right:5px;
}


.responsiveContainer {
position: relative;
padding-bottom: 2px;
height: 100%;
overflow: hidden;
}

.responsiveContainer iframe {
position: absolute;
top: 0;
left: 0;
width: 95%;
height: 100%;
}



.flexframe {
position: relative;
padding-bottom: 55%;
padding-top: 15px;
height: 0;
overflow: hidden;
}

.flexframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}


.mond {
margin-left: 10px;
}