@CHARSET "UTF-8";

.Spacer_Oben {height:20px}

.Spacer {height:20px}

.Spacer-01 {height:350px}

.mobil-standort { display:none}

.Spacer
{
	width:100%;
	height:100%;
}

.SiteImage
{
	position:absolute;
	left:50%;
	width:1284px;
	height:712px;
	margin-left:-642px;
	background-image:url('../res/images/site_image.jpg');
	background-repeat:no-repeat;
	background-position:center top;
}

.Site
{
	width:932px;
	height:100%;
	margin:0 auto;
}

.Header
{
	width:100%;
	height:146px;
	background-image:url('../res/images/header_bg.gif');
	background-position:left top;
	background-repeat:repeat-x;
}

.HeaderImage
{
	width:100%;
	height:106px;
	top:40px;
	background-image:url('../res/images/header_image.jpg');
	background-position:left top;
	background-repeat:no-repeat;
}

.HeaderImage img {margin: 5px 0 0 20px} 

.SiteBlend
{
	positioN:absolute;
	
	width:100%;
	height:159px;
	top:0px;
	
	background-image:url('../res/images/white_blend.png');
	background-position:left top;
	background-repeat:repeat-x;
}

.Logo
{
	left:10px;
	top:20px;
	background-position:left center;
	background-repeat:no-repeat;
}

.MainMobil {display:none}


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

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

.Sitebar
{
	position:absolute;
	left:681px;
	top:0px;
	width:174px;
	height:1010px;
	background-color:#d8e5ee;
	padding:10px;
}



.Window
{
	width:100%;
	background-image:url('../res/images/window_gradient.gif');
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#2d87b4;
}

.WindowHeader
{
	width:100%;
	height:51px;
}

.WindowHeader h1
{
	left:20px;
	top:12px;
}

.WindowText
{
	position:absolute;
	left:31px;
	top:27px;
	width:516px;
}

.Footer
{
	width:100%;
	text-align:center;
}

.WindowArrow
{
	width:100%;
	height:20px;
	background-image:url('../res/images/window_arrow.png');
	background-position:center top;
	background-repeat:no-repeat;
}


.FilialeButton
{
	display:block;
	left:-24px;
	width:219px;
	height:102px;
	background-image:url('../res/images/button_filialen_idle.png');
	background-position:center top;
	background-repeat:no-repeat;
}

.FilialeButton:hover
{
	background-image:url('../res/images/button_filialen_hover.png');
}

.KontaktButton
{
	display:block;
	left:-24px;
	width:219px;
	height:102px;
	background-image:url('../res/images/button_kontakt_idle.png');
	background-position:center top;
	background-repeat:no-repeat;
}

.KontaktButton:hover
{
	background-image:url('../res/images/button_kontakt_hover.png');
}

.OfferButton
{
	display:block;
	width:100%;
	height:51px;
	background-image:url('../res/images/button_angebote_idle.png');
	background-position:center top;
	background-repeat:no-repeat;
}

.OfferButton:hover
{
	background-image:url('../res/images/button_angebote_hover.png');
}


.WindowButton
{
	position:absolute;
	display:block;
	width:700px;
	height:57px;
	left:-10px;
	top:200px;
	background-image:url('../res/images/button_termin_idle.png');
	background-position:left top;
	background-repeat:no-repeat;
}



@media only screen and (max-width: 480px)
{
	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}
					
					section p {font-size:12px }
					
					.WindowTextStandort {
    position: absolute;
    left: 10px;
    top: 27px;
    }
	
}