@charset "utf-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver-Eigenschaften für fließende Raster
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	und "Golden Grid System" von Joni Korpi
	http://goldengridsystem.com/
*/

/* Layout für Mobilgeräte: 480 px oder weniger. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	margin-top:30px;
	
	box-sizing:border-box;
	
	font-family:ASB_Helvetica;
	font-size:14pt;
	color:#000000;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


h1{
	font-family:ASB_HelveticaBold;
	font-size:22pt;
	color:#ca0a16;
	}
	
h2{
	margin-top:40px;
	font-family:ASB_HelveticaBold;
	font-size:18pt;
	color:#000000;
	}

h3{
	margin-top:40px;
	font-family:ASB_HelveticaBold;
	font-size:14pt;
	color:#000000;
	}





/*Header*/
.DIV-CLASS-HeaderWrapper{
	width: 100%;
	overflow: auto;
	display:block;
	background-color:#ca0a16;
	height: auto;
	}

.DIV-CLASS-Header{
	position:fixed;
	top:0;
	z-index:2;
	
	width: 100%;
	left:50%;
	margin-left:-50%;
	
	background-color:#ca0a16;
	
}

/*Logo*/
.DIV-CLASS-WrapperLogo{
		
	width:auto;
	height:auto;
	padding-left:15px;
	padding-right:0px;
	padding-top:25px;
	float:left;
	
	z-index: 90;
	position:absolute;
	
}

#IMG-ID-Logo{
	width:auto;
	height:25px;
}




/*Header Menue*/
.DIV-CLASS-HeaderMenueWrapper{
	/*display:block;
	float:right;
	margin-top:30px;*/
}

#DIV-ID-MainMenueButtonWrapper{
	padding-top:5px;
	display:block;
	
}

.DIV-CLASS-HeaderMenueInnerWrapper{
	
	display:block;
	width:100%;
	height:auto;
	overflow-x:hidden;
	overflow-y:-webkit-paged-x;
	float:left;
	
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#aaaaaa;
	
	padding-left:15px;
	padding-right:15px;
	
	padding-top:10px;
	padding-bottom:10px;
	
	box-sizing:border-box;
}

#DIV-ID-HeaderMenueAbteilung{
	display:none;
}
#DIV-ID-HeaderMenueAbteilung2{
		display:block;
}

#DIV-ID-MainMenueButton{
	float:right;
	margin-right:30px;
	margin-left: 20px;
	display:block;
	height: 50px;
	width: auto;
}
#SPAN-ID-MainMenue-Button{
	font-size: 15pt;
	color:#ffffff;
	text-decoration:none;
	font-family: ASB_HelveticaBold;
	float:right;
	display:block;
	margin-top: 12px;
}
#DIV-ID-HeaderMenue {
	overflow:auto;
	display:block;
	width:100%;
	height:100%;
	
}
#DIV-ID-HeaderMenueWrapper {
	background: rgba(255,255,255,0.9);
	
	z-index: 20;
	display: block;
	height: 100%;
	width: 100%;
	min-width: 300px;
	-webkit-transition: top 200ms ease-in;
	-moz-transition: top 200ms ease-in;
	-o-transition: top 200ms ease-in;
	transition: top 200ms ease-in;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay:300ms;
	position: fixed;
	top: -200%;
	
	padding-top:80px;
	
	box-sizing:border-box;
	
}
#DIV-ID-HeaderMenueWrapper:target{
	top:0;
}
A:link.LINK-CLASS-ButtonASB{
	
	
	word-break:break-word;
	padding-right:30px;
	padding-left:30px;
	padding-bottom:15px;
	padding-top:15px;
	
	left:0;
	right:0;
	width: 250px;
	position:relative;
	
	transition: all 0.1s linear;
	
	background-color:#ffd813;
	
	color:#ca0a16;
	font-family:ASB_HelveticaBold;
	font-size:15pt;
	text-decoration:none;

	text-align:center;
	
	line-height: 2.7;
}
A:visited.LINK-CLASS-ButtonASB{
	color:#ca0a16;
}
A:hover.LINK-CLASS-ButtonASB{
	color:#ffd813;
	text-decoration:none;
	background-color:#ca0a16;
}
A:link.LINK-CLASS-ButtonASB:after{
	content: "";
    display: block;
    border-bottom: 0 #ca0a16 solid;
    border-top: 25px transparent solid;
    border-right: 16px #ca0a16 solid;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    z-index: 1;
    overflow: hidden;
    transition: all 0.1s linear;
	}
A:visited.LINK-CLASS-ButtonASB:after{
	border-bottom: 0 #ca0a16 solid;
    border-top: 25px transparent solid;
    border-right: 16px #ca0a16 solid;
	}
A:hover.LINK-CLASS-ButtonASB:after{
	border-bottom: 0 #ffd813 solid;
    border-top: 25px transparent solid;
    border-right: 16px #ffd813 solid;
	}
	
.SPAN-CLASS-News A:link{
	border-radius: 10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#ca0a16;
	
	
	font-family:ASB_Helvetica;
	font-size:15pt;
	color:#ffffff;
	
	text-decoration:none;
	
	margin-left: auto;
    margin-right: auto;
    
    margin-top: 15px;
    margin-bottom:15px;
	
	display:block;
	width:100%;
	
	float: left;
	
	text-align:center;
	
	box-sizing:border-box;
	
	
}
.SPAN-CLASS-News a:visited{
	color:#ffffff;
	
	text-decoration:none;
}
.SPAN-CLASS-News a:hover{
	color:#ca0a16;
	background-color: ffd813;
	
	text-decoration:underline;
}


li A:link{
	border-radius: 10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#ca0a16;
	
	
	font-family:ASB_Helvetica;
	font-size:15pt;
	color:#ffffff;
	
	text-decoration:none;
	
	margin-left: auto;
    margin-right: auto;
    
    margin-top: 15px;
    margin-bottom:15px;
	
	display:block;
	width:100%;
	
	float: left;
	
	text-align:center;
	
	box-sizing:border-box;
	
	
}
li a:visited{
	color:#ffffff;
	
	text-decoration:none;
}
li a:hover{
	color:#ca0a16;
	background-color: ffd813;
	
	text-decoration:underline;
}





A:link.LINK-CLASS-HeaderMenue{
	
	
	
	
	
	/*
	
	padding-top: 20px;
	padding-left: 70px;
	padding-right: 30px;
	padding-bottom: 20px;
	
	*/
	
	
	display:block;
	text-decoration:none;
	
	word-break:break-word;
	
	color:#666666;
	font-family: ASB_HelveticaBold;
	font-size: 15pt;
	
	width:100%;

	transition: all 0.2s linear;
	
	padding-left:80px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	box-sizing:border-box;
	
}
A:visited.LINK-CLASS-HeaderMenue{
	color:#666666;
	border-top-color: #666666;
}
A:hover.LINK-CLASS-HeaderMenue{
	color:#ca0a16;
	border-top-color: #666666;
}

#LINK-ID-HeaderMenueClose{
	font-weight:bold;
	
}

#LINK-ID-HeaderMenueActiv{
	color:#E40614;
}



A:link.LINK-CLASS-HeaderMenueIcon{
	border-radius: 40px;
	width: 40px;
	height: 40px;
	background-color:#ffd813;
	display:block;
	text-align:center;
	text-decoration:none;
	
	transition: all 0.1s linear;
	
	overflow:visible;
	
	
	float:left;
	
	margin-left: 15px;
	
	

	
	 background-position: center center;
    background-repeat: no-repeat;

}
A:visited.LINK-CLASS-HeaderMenueIcon{
	
	background-color:#ffd813;
}
A:hover.LINK-CLASS-HeaderMenueIcon{
	background-color:#ca0a16;
}


A:link.LINK-CLASS-ButtonContent{
	border-radius: 10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	
	left:0;
	right:0;
	width: 250px;
	position:relative;
	
	
	
	
	background-color:#E40614;
	
	color:#ffffff;
	font-family:ASB_HelveticaBold;
	font-size:15pt;
	text-decoration:none;

	text-align:center;
}
A:visited.LINK-CLASS-ButtonContent{
	color:#ffffff;
}
A:hover.LINK-CLASS-ButtonContent{
	color:#ffffff;
	text-decoration:underline;
}



/*Banner*/
.DIV-CLASS-Banner{
	width:100%;

	
	padding-top:0px;
	padding-bottom:0px;
	height:auto;
	
	margin-top: -60px;
	
	
	position: relative;
	
}

.SPAN-CLASS-BannerTitle{
	font-family: ASB_HelveticaBold;
	font-size:33pt;
	padding-bottom:20px;
	width:100%;
	display:block;
	float:left;
	text-shadow: 0px 0px 8px black,
	1px 1px 8px black,
	-1px -1px 8px black;
}
.SPAN-CLASS-BannerTitle>big{
	font-size:42pt;
}

.SPAN-CLASS-BannerSubTitle{
	font-family: ASB_HelveticaBold;
	font-size:22pt;
	width:100%;
	display:block;
	float:left;
	padding-bottom:2px;

}


.DIV-CLASS-ImgBanner{
	
	width:100%;
	height: 100px;
	
	background-repeat:no-repeat;
	background-position:center top;
	
	background-image: url(ASB-Vogtland-Wir-helfen-hier-und-jetzt-3.png?OpenImageResource);
}

.DIV-CLASS-ContentTop{
	display:block;
	position:fixed;
	right:20px;
	bottom:70px;
	z-index:99;
	cursor:pointer;
} 


/** Wünsche Wagen*/
.DIV-CLASS-WWagenContactWrapper{
	width: 100%;
	float: left;
	
	}
.DIV-CLASS-WWagenWrapper{
	width: 100%;
	float: left;
	margin-top: 20px;
	
	}



/* Layout für Tablet-PCs*/

@media only screen and (min-width: 481px) {
	
	.gridContainer {
		width: 90%;
		padding-left: 70px;
		padding-right: 1.1625%;
		
		
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	/*Header*/
	#SPAN-ID-MainMenue-Button{
		display:block;
	}
	.DIV-CLASS-WrapperLogo{
		padding-left:15px;
		padding-top:15px;
	}
	
	#IMG-ID-Logo{
		height:50px;
	}
	
	
	
	/*Menü*/
	#DIV-ID-HeaderMenueAbteilung{
		display:block;
	}
	#DIV-ID-HeaderMenueAbteilung2{
		display:none;
	}
	#DIV-ID-MainMenueButton{

	padding-right:30px;

	}

	/*Banner*/
	#DIV-ID-BannerBottom{

		position:relative;
	}
	.DIV-CLASS-ImgBanner{
		
		background-position:right top;
		
		background-image: url(ASB-Vogtland-Wir-helfen-hier-und-jetzt-2.png?OpenImageResource);
	}
	
	




}

/* Desktoplayout*/

@media only screen and (min-width: 1080px) {
	.gridContainer {
		width: 90%;
		max-width: 1232px;
		padding-left: 70px;
		padding-right: 0%;
		margin: auto;
		margin-top:0px;
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	/*HEADER*/
	.DIV-CLASS-Header{
		width: 100%;
		left:50%;
		margin-left:-50%;
		
		padding-left:5%;
		padding-right:5%;
		
		box-sizing:border-box;
		
		position: absolute;
	
	}
	.DIV-CLASS-WrapperLogo{
		padding-left:0px;
	}
	

	/*Header Menue*/
	#DIV-ID-MainMenueButton{
		display:none;
	}
	#SPAN-ID-MainMenue-Button{
		display:none;
	}
	#DIV-ID-MainMenueButtonWrapper{
		display:none;
	}
	.DIV-CLASS-HeaderMenueInnerWrapper{
		width:auto;
		
		border:none;
		
		padding-left:0;
		padding-right:0;
	}
	
	#DIV-ID-HeaderMenueWrapper {
		
		background: none;
		display: block;
		height: auto;
		width: auto;
		position: relative;
		white-space: nowrap;
		float:right;
		margin-top:0px;
		padding-top:0;
		
	}
	.SPAN-CLASS-News A:link{
	
		border: none;
		padding:0px;
		background-color:transparent;
	
		text-decoration: underline;
		
		color: #000000;
			
		width:auto;
		display:contents;
		float:none;
		
		margin:0;
		padding-bottom:0;
		
		
		box-sizing:unset;
		
		
	}
	.SPAN-CLASS-News A:visited{
		color: #000000;
		
		
	}
	.SPAN-CLASS-News A:hover{
		color: #ca0a16;
		
		
	}
	
	
	li A:link{
	
		border: none;
		padding:0px;
		background-color:transparent;
	
		text-decoration: underline;
		
		color: #000000;
			
		width:auto;
		display:contents;
		float:none;
		
		margin:0;
		padding-bottom:0;
		
		
		box-sizing:unset;
		
		
	}
	li A:visited{
		color: #000000;
		
		
	}
	li A:hover{
		color: #ca0a16;
		
		
	}
	
	
	
	A:link.LINK-CLASS-HeaderMenue{
		display:block;
		float:left;
		margin-left:15px;
		font-size: 11pt;
		color:#ffffff;
		
		width:auto;
		
		padding:0;
		
		border:none;
		
	}
	A:visited.LINK-CLASS-HeaderMenue{
		color:#ffffff;
	}
	A:hover.LINK-CLASS-HeaderMenue{
		color:#fdd81b;
	}
	#LINK-ID-HeaderMenueClose{
		display:none;
	
	}
	A:link.LINK-CLASS-HeaderMenueIcon{
		display:none;	
	}
	
	
	/*Banner*/
	#DIV-ID-BannerBottom{

		position:relative;
	}
	.DIV-CLASS-ImgBanner{

		background-position:center top;
		background-image: url(ASB-Vogtland-Wir-helfen-hier-und-jetzt.png?OpenImageResource);
	}
	

	.DIV-CLASS-Banner{
		height: 170px;
		margin-bottom: 0px;
	}
	
/** Wünsche Wagen*/
.DIV-CLASS-WWagenContactWrapper{
	max-width:500px;
	
	}
.DIV-CLASS-WWagenWrapper{
	max-width:350px; 
	float:right;
	margin: 0;
	}


		
}


@media only screen and (min-width: 1400px) {
	.gridContainer {
		width: 100%;
		max-width: 1240px;
		padding-left: 0.9%;
		padding-right: 0.9%;
		margin: auto;
		margin-top:0px;
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	/*Header*/
	.DIV-CLASS-HeaderWrapper{
		height: 38px;
	}
	.DIV-CLASS-Header{
		width: 1240px;
		left:50%;
		margin-left:-620px;
		
		padding:0;
		padding-left:0;
		
	
		
	}
	.DIV-CLASS-WrapperLogo{
		padding-left:0px;
	}
	
	

}