/*@cc_on @*/
@charset "UTF-8";
/* CSS Document */

/* GLOBAL*/
	
@viewport{
    margin: 0 auto;
    margin-left: 50px;
}

body{
	margin: 0px auto;
	margin-left: 20px;
	background-image:url(../images/bckgrd.jpg);
	background-color:#;
	background-repeat: repeat-x;
	padding: 0;
	width: 2000px;
	max-width:100%;
	height:100%;
	
}
.hr
{  position: absolute;
        background-color: #FFFFFF;
        border:0;
        height:20px;
        margin:0 auto;
		margin-top:60px;
		z-index:2;
}
.hr_2
{
        
	    background-color: #20418a;
        border:0;
        height:50px;
		width:750px;
        margin-top:0px;
		margin-left:25px;
		z-index: 2;
	
}
#wrapper {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#wrapper #content .text_mittelachse{
	margin:0 auto;
}


.headline{font-family:Verdana, Geneva, sans-serif;
        font-size:24px;
		letter-spacing:0.2px;
		line-height:22px;
        color: #FFFFFF;
		padding-left:24px;
		margin: 30px 0px 30px 60px;
}
.headline_preise{font-family:Verdana, Geneva, sans-serif;
        font-size:24px;
		letter-spacing:0.2px;
		line-height:22px;
        color: #FFFFFF;
		padding-left:380px;
		margin: -145px 0px 50px 50px;
}
.headline_p {font-family:Verdana, Geneva, sans-serif;
        font-size:14px;
		letter-spacing:0.2px;
		line-height:22px;
        color: #FFFFFF;
		padding-left:24px;
		margin: 30px 0px 30px 60px;
}
.headline_p a{font-family:Verdana, Geneva, sans-serif;
        font-size:18px;
		letter-spacing:0.2px;
		line-height:22px;
        color: #FFFFFF;
		margin: 30px 0px 30px 0px;
}
	

.container{
	width: 800px;
	margin: 0px auto;
	margin-top: 0px;
	height: 100%;
	min-height:100%;
	background-color: #;
}
#mobileMenu
{
        position: fixed;
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        background-color: #717f04;
        color: #FFFFFF;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 2px solid #FFFFFF;
}

.toggleMobile
{
        display: none;
}
#logo{
	position:absolute;
	display: block;
	margin: 0px auto 0px 250px;
	margin-top: -65px;
	outline: none;
	z-index:3;
	
}

.nav
{	
		position: absolute;
		box-sizing: border-box;
		font-family:Verdana, Geneva, sans-serif;
		letter-spacing:0.6px;
		font-weight:bold;
		list-style-type:none;
        margin-top: -30px;
        margin-left: 20px;
		width: 750px;
  		background-color: #;
  		font-size: 14px;
  		outline: none;
  		border: none;
  		z-index: 10000;
  		
}


.nav ul {
margin: 0 auto;
  padding: 0;
  outline: none;
     border: none;
}
 
.nav a {
	display: block;
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  text-decoration: none;
  border: 0;
  outline: none;
  font-size: 14px;
}
	

.nav ul li {
  position: relative;
  float: left;
  list-style: none;
  outline: none;
   border: none;
	padding:0px  0px 0px 3px;
}
 
.nav ul li a:hover {
  color: #FFFFFF;
  outline: none;
   border: none;
     font-size: 14px;
}
 
.nav ul li a {
	padding:0px 4px 10px 10px;
    outline: none;
	border:none:;
 }
.nav a:link{
	color:#8c969f;
}
.nav a:visited{
	color:#8c969f;
}

.nav2
{	
		box-sizing: border-box;
		font-family:Verdana, Geneva, sans-serif;
		letter-spacing:0.6px;
		font-weight:regular;
		list-style-type:none;
		text-align:center;
		webkit-text-align:center;
		moz-text-align:center;
		ms-text-align:center;
		o-text-align:center;
		
        margin: 0px auto 0px 10px;
	

	
		width: 100%;
  		background: #;
  		font-size: 14px;
  		outline: none;
  		border: none;
}



.nav2 ul {position:relative;
	text-align:center;
	
margin: 0 auto;
  padding: 0;
  outline: none;
     border: none;
}
.nav2 li{
	display:inline;
	position:relative;
	  	text-align:center;
}
.nav2 a {
	display: inline;
	text-align:center;
  margin: 0px;
  padding: 0px;
  color: #C00000;
  text-decoration: none;
  border: 0;
  outline: none;
  font-size: 14px;
}
	

.nav2 ul li {
  position: relative;
  float: left;
  	text-align:center;
  list-style: none;
  outline: none;
   border: none;
	padding:10px  0px 10px 2px;
}
 
.nav2 ul li a:hover {
  color: #000000;
  outline: none;
   border: none;
     font-size: 14px;
}
 
.nav2 ul li a {
	padding:10px 4px 10px 10px;
	margin-top: -30px;
    outline: none;
	border:none:;
	  	text-align:center;
 }
 .nav2 a:link{
	color:#8c969f;
}
.nav2 a:visited{
	color:#FFFFFF;
}




#aktiv{
color: #FFFFFF;
outline: none; 
}
img{
	border:0;
}

a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
	border: 0;
	outline: none;
	text-decoration: none;
}
a:link {
	color: #FFFFFF;
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
html {height:100%;}/* Verhindert das Wackeln der Website bei Seitenwechsel.*/
body {min-height:101%;font:100.01%;}/* Verhindert das Wackeln der Website bei Seitenwechsel.*/

/*----------------------------------------------------------------------------*/

/*FILM*/


#slideshow{
    background-repeat: no-repeat;
	float:none;
    height:401px;
    overflow: hidden;
    padding: 0px;
    width: 800px;
	margin: 0px auto;
	margin-top: 108px;
	margin-bottom: -10px;
	z-index:1;
}
#slideshow img{
	width: 750px;
	height: 401px;
		margin: 0px auto;
	margin-top: 40px;
	background-color: #;
    background-repeat: no-repeat;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.35);
	box-shadow:  0px 10px 10px 0px rgba(0,0,0,0.35);
	margin: 0px auto 0px 24px;
	
}
#slider_content1, #slider_content2, #slider_content3, #slider_content4
{
        line-height: 25px;
        font-family: 'Open Sans', sans-serif;
        width:350px;
        position:absolute;
        top:15%;
        left:15%;
        display:none;
        z-index:11;
}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3
{
        color:#EBE8DE;
        font-size:25px;
        font-weight:bold;
        margin-bottom:10px;
        background-color:#333333;
        padding:10px 15px;
        border-radius: 15px 0 15px 0;
        display:inline-block;
}

#slider_content1
{
        display:block;
}

#slider_content1 p, #slider_content2 p, #slider_content3 p, #slider_content4 p
{
        margin:0 0 30px 0;
        color:#4a463b;
        background-color:#EBE8DE;
        padding:10px 15px;
        border-radius: 5px;
}
#gr_bild{
    background-repeat: no-repeat;
	float:none;
    height:450px;
    overflow: hidden;
    padding: 0px;
    width: 800px;
	margin: 0px auto;
	margin-top: 40px;
	margin-bottom: -30px;
}
#gr_bild img{
	width: 750px;
	height: 401px;
		margin: 0px auto;
	margin-top: 40px;
	background-color: #;
    background-repeat: no-repeat;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.35);
	box-shadow:  0px 10px 10px 0px rgba(0,0,0,0.35);
	margin: 0px auto 0px 24px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width: 4px;
	-webkit-border-radius: 0px 30px 0px 0px;
	-moz-border-radius: 0px 30px 0px 0px;
	border-radius: 0px 30px 0px 0px;
}
#film_produkte{
    background-repeat: no-repeat;
	float:none;
    height:450px;
    overflow: hidden;
    padding: 0px;
    width: 800px;
	margin: 0px auto;
	margin-top: 40px;

}
#film_produkte img{
	width: 750px;
	height: 401px;
		margin: 0px auto;
	margin-top: 40px;
	background-color: #;
    background-repeat: no-repeat;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.35);
	box-shadow:  0px 10px 10px 0px rgba(0,0,0,0.35);
	margin: 0px auto 0px 24px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width: 4px;
	-webkit-border-radius: 30px 30px 0px 0px;
	-moz-border-radius: 30px 30px 0px 0px;
	border-radius: 30px 30px 0px 0px;
}
#film_geraete{
    background-repeat: no-repeat;
	float:none;
    height:400px;
    overflow: hidden;
    padding: 0px;
    width: 450px;
	margin: 0px auto;
	margin-top: 40px;
	margin-bottom: -70px;

}
#film_geraete img{
	width: 400px;
	height: 348px;
		margin: 0px auto;

	background-color: #;
    background-repeat: no-repeat;
/*	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.35);
	box-shadow:  0px 10px 10px 0px rgba(0,0,0,0.35);
	margin: 0px auto 0px 24px;
	border-color:#e3e7e8;
	border-style:solid;
	border-width: 4px;
	-webkit-border-radius: 30px 30px 0px 0px;
	-moz-border-radius: 30px 30px 0px 0px;
	border-radius: 30px 30px 0px 0px;*/
}

#google_maps {
	position: relative;
	margin: 50px auto -307px 400px;
	z-index:10;
}
	
/*----------------------------------------------------------------------------*/

/*TEXTBLOECKE INDEX*/

#content{
	font-family:Verdana, Geneva, sans-serif;
	margin: 0px auto;
	margin-top:0px;
	padding-bottom:20px;
	text-align:center;
}
#content h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	letter-spacing:0.2px;
	color:#BABABA;
	font-weight: bold;
	line-height: 24px;
	
}
#content h4{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	letter-spacing:0.2px;
	color:#20418a;
	line-height: 20px;
	line-weight: 100;
	padding-left: 24px;
	
}
#content h5{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	letter-spacing:0.3px;
	color:#000000;
	line-height: 0.8px;
	line-weight: 100;
	padding-left: 24px;
	text-align: left;	
}
#content h6{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	letter-spacing:0.3px;
	color:#000000;
	padding-left: 24px;
	line-weight: regular;
	
	
}

#content span{
	font-size:28px;
	color:#f79529;
	
}

#content p{
		font-family: Verdana, Geneva, sans-serif;
        font-size:13px;
		letter-spacing:0.2px;
		line-height:24px;
        color: #000000;
		padding-left:24px;
}

#wrapper #content .text_mittelachse h1{
	text-align:left;
	color: #20418a;
	padding-left: 50px;
}
#wrapper #content .text_mittelachse a{
	color: #20418a;
}
#wrapper #content .text_mittelachse_news h1{
	text-align:left;
	color: #C00000;
}
.text_mittelachse_news img{
	margin: 0 auto 20px 150px;
}
#wrapper #content .text_mittelachse p{
			font-family: Verdana, Geneva, sans-serif;
        font-size:13px;
		letter-spacing:0.2px;
		line-height:18px;
        color: #000000;
		text-align:left;
		padding-left:50px;
		
}
.text_mittelachse_vonbrandis, p{
	text-align:center;
}	
#wrapper #content .text_mittelachse_vonbrandis h1{
	text-align:center;
	color:#20418a;
}

.text_mittelachse_vonbrandis{
		display: block;
	width:710px;
	height:auto;
	text-align:center;
	margin:0px  auto 0 25px;
	-ms-margin: 0  auto 0 25px;
	-moz-margin: 0  auto 0 25px;
	-o-margin: 0  auto 0 25px;
	-webkit-margin: 0  auto 0 25px;
	margin-top: 20px;
	float: left;
	padding: 50px 20px 10px 20px;
	
	
/* IE10+ */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(100, #e3e7e8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* W3C Markup */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #e3e7e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e7e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#wrapper #content .text_mittelachse{
		display: block;
	width:710px;
	height:auto;
	margin:0  auto 0 25px;
	-ms-margin: 0  auto 0 25px;
	-moz-margin: 0  auto 0 25px;
	-o-margin: 0  auto 0 25px;
	-webkit-margin: 0  auto 0 25px;
	margin-top: 20px;
	float: left;
	padding: 15px 20px 10px 20px;
	
/* IE10+ */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(100, #e3e7e8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* W3C Markup */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #e3e7e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e7e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}	
.text_mittelachse a{
	color:#FFFFFF;}	
.text_mittelachse a:hover{
	color:#C00000;}

.text_mittelachse p{
	padding-left: 34px;}
	
.text_mittelachse_news{
		display: inline;
	width:650px;
	height:auto;
	margin:50px  auto 0 55px;
	-ms-margin: 50px  auto 0 55px;
	-moz-margin: 50px  auto 0 55px;
	-o-margin: 50px  auto 0 55px;
	-webkit-margin: 50px  auto 0 55px;
	margin-top: 50px;
	float: left;
	padding: 15px 20px 10px 20px;
	border-top-color:#C00000;
	border-top-style:solid;
	border-top-width:2px;
	-webkit-border-radius: 30px 30px 0px 0px;
	-moz-border-radius: 30px 30px 0px 0px;
	border-radius: 30px 30px 0px 0px;
/* IE10+ */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(100, #e3e7e8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #e3e7e8 100%);

/* W3C Markup */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #e3e7e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e7e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
	
/*-----------------------------------------------------------------------------------------*/
.clear{
    clear: both;
}
/*------------------------------------------------------------------------------------------*/

/*FOOTER*/



#content .footer2 {
position: relative;
background-color:#FFFFFF;
bottom: 0px;
margin-top: 10px auto;
margin:0 auto;
width: 100%;
line-height: 1.5em;
text-align: center;
	clear: both;  /*Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
}
#content .footer2 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	color:#20418a;
	padding: 5px 0 5px 0;
}


/*-----------------------------------------------------------------------------------------*/
/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */