@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/ 
*/

/*
	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. */
.DIV-CLASS-SubMenueWrapper{
	display:block;
	float:left;
	width:100%;
	height:auto;
	overflow:visible;
	margin-top:30px;
	margin-bottom:30px;
}
.DIV-CLASS-SubMenueEntry{
	display:block;
	float:left;
	width:100%;
	white-space:nowrap;
	margin-bottom:30px;
}

.DIV-CLASS-SubMenueIcon{
	border-radius: 50%;
	width: 10px;
	height: 10px; 
	background-color:#ff8c00;
	display: inline-block;
	float:left;
	margin-top:10px;
}
A:link.LINK-CLASS-SubMenue{
	font-size:16pt;
	font-family:Autowobil_OpenSanRegular;	
	color:#000000;
	height:auto;
	display:block;
	float:left;
	overflow:visible;
	text-decoration:none;
	box-sizing:border-box;
	margin-left:15px;
	margin-right:20px;
}
A:visited.LINK-CLASS-SubMenue{
	color:#000000;
}
A:hover.LINK-CLASS-SubMenue{
	color:#ff8c00;	
}


/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {


	
}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
	.DIV-CLASS-SubMenueEntry{

		width:auto;

		margin-bottom:20px;
	}
	.DIV-CLASS-SubMenueIcon{
		margin-top:5px;
	}
	
	A:link.LINK-CLASS-SubMenue{
		font-size:14pt;
	
		margin-left:10px;
		margin-right:20px;
	}
	A:visited.LINK-CLASS-SubMenue{
		
	}
	A:hover.LINK-CLASS-SubMenue{
		
	}

}