@charset "utf-8";
/* CSS Document */

.mobil-standort { display:none}

.Spacer_Oben {height:20px}

.Spacer {height:40px}

.Spacer-01 {height:350px}

section.WindowContent {}

a.info {font-size:12px; color:#18489f; margin-left:470px}

img.winterreifen {margin-left:10px}
					
@media only screen and (max-width: 800px)
{
	html, body{
	width:100%;
	height:100%;
	background:#ffffff;}
	
	.Site
{
	width:100%;
	height:100%;
	margin:0;
	background:transparent
}
	
	.Header {background:transparent;
	height: 80px
	/*background-image:url('../res/images/header_bg.gif');*/}
	
	.SiteBlend {background:transparent
	/*background-image:url('../res/images/white_blend.png');*/}
	
	.HeaderImage {background:transparent;
	width:100%
	/*background-image:url('../res/images/header_image.jpg');*/}
	
	.HeaderImage img {margin: 0px 0 0 0px} 
	
	.Content {background:transparent
	/*background-image:url('../res/images/content_bg.png');*/}
	
	.SiteImage {
	background:transparent;
	
	width: 100%;
/*	height:1500px;*/
	margin-left:0;
	left:0%;
	/*background-image:url('../res/images/site_image.jpg');*/}


	.Spacer_Oben {height:0px}
	
	.Spacer {height:20px}
	
	.Spacer-01 {height:40px}
	
	img {
 	height: auto; /* Falls Dimensionsangaben im HTML vorhanden sind */
 	max-width: 100%;}
	
	.mobil {display:none}
	
	.WindowHeader
{
	
	height:40px;
}

.WindowHeader h1
{
	font-size:16px;
	left:10px;
}

.Content
{
	width:100%;
	
	
	background-image:url('../res/images/content_bg.png');
}

.MainContent
{
	left:0px;
	width:100%;
	height:100%;
	
	/*float:left;*/
}

.MainMobil { display:block; text-align:center; margin-bottom:20px}

.MainMobil a {}

.Sitebar {margin: 0 5px 0 5px; position: static; float:left; display:inline; background-color:#d8e5ee; padding:0px; width:98%; height:400px; background-color:transparent 	}

.Sitebar img {display: none }

.Sitebar h2 { padding: 10px 0px 0px 5px; font-size:16px; font-weight:bold}

.Sitebar input {width:98%; height:30px; background-color:transparent  }

.Sitebar textarea
{
	width:98%;
	height:80px!important;
	margin-top:3px;
	border:solid;
	border-width:1px;
	border-color:#17479e;
	background-color:transparent;
}	

.FormSendButton {width:98%; height:20px; background-color:transparent}

select
{
	border:solid;
	border-width:1px;
	border-color:#17479e;
	background-color:transparent;
	width:98%;
	height:30px;}
	
.ContactFormContainer
{
	overflow:hidden;
	height:350px;}	
	
.destop-standort {display:none}
					
.mobil-standort {display:inline}
					
em {color:red}	
			
img.winterreifen {margin-left:0}

section.WindowContent {
    
}

.WindowHeader h1 {
    font-size: 16px;
    left: 0px;
}

a.info {margin-left:100px; color:#FFF; }

.btn {
  background: #7ac4f5;
  background-image: -webkit-linear-gradient(top, #7ac4f5, #2980b9);
  background-image: -moz-linear-gradient(top, #7ac4f5, #2980b9);
  background-image: -ms-linear-gradient(top, #7ac4f5, #2980b9);
  background-image: -o-linear-gradient(top, #7ac4f5, #2980b9);
  background-image: linear-gradient(to bottom, #7ac4f5, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 19px;
  padding: 10px 60px 10px 60px;
  text-decoration: none;
  margin-left:0px
}

.btn-red {
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #ff0000);
  background-image: -moz-linear-gradient(top, #ff0000, #ff0000);
  background-image: -ms-linear-gradient(top, #ff0000, #ff0000);
  background-image: -o-linear-gradient(top, #ff0000, #ff0000);
  background-image: linear-gradient(to bottom, #ff0000, #ff0000);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 19px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.Spacer-100 {height:100px}

.flexslider_405 { width: 100%; min-height:280px; height:280px; text-align:center;}

}

@media only screen and (max-width: 400px)
{
.Spacer-100 {height:0px}

.flexslider_405 { width: 100%; min-height:180px; height:180px; text-align:center;}
}