@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-FeedbackLetterWrapper{
	border: 1px solid #bbbbbb;
	border-radius: 10px;
	
	width:100%;
	height:auto;
	
	overflow:visible;
	
	box-shadow: 5px 5px 10px 0px #dddddd;
	

	box-sizing:border-box;
	margin-top:30px;
	float:left;
	
}

.IMG-CLASS-FeddbackLetterImg{
	border-radius:50%;
  
	width:100%;
	height:auto;
}
.DIV-CLASS-FeedbackLetterHead{
	width:100%;
	height:auto;
	overflow:visible;
	display:block;
	float:left;
	padding-bottom:20px;
}
.DIV-CLASS-FeedbackLetterHeadLeft{
	display:block;
	float:left;
	width:100%;
	height:auto;
	overflow:visible;
	padding: 20px;
	box-sizing:border-box;
}
.DIV-CLASS-FeedbackLetterHeadRight{
	display:block;
	float:left;
	width:100%;
	height:auto;
	overflow:visible;
	box-sizing:border-box;
	padding: 20px;
	padding-top:40px;
}
.DIV-CLASS-FeedbackLetterBody{
	width:100%;
	height:auto;
	overflow:visible;
	display:block;
	padding: 20px;
	box-sizing:border-box;
}
.IMG-CLASS-FeddbackLetterImg2{
	width:100%;
	height:auto;
	display:block;
	float:left;
	padding: 20px;
	box-sizing:border-box;
}
.SPAN-CLASS-FeedbackLetterUnderline{
	width:100%;
	height:auto;
	display:block;
	float:left;
	padding: 20px;
	padding-top:0;
	box-sizing:border-box;
	font-style:italic;
}

A:link.LINK-CLASS-FeedbackLetterLink{
	font-size:14pt;	
	font-family:Autowobil_OpenSanBold;
	color:#ffffff;
	text-decoration:none;
	border-radius: 0px 0px 10px 10px;
	background-color: #003399;
	padding:20px;
	text-align:right;
	width:100%;
	height:auto;
	display:block;
	float:left;
	transition: all 0.2s ease;
	box-sizing:border-box;
	border:0;
}
A:visited.LINK-CLASS-FeedbackLetterLink{
	
	color:#ffffff;
	border-radius: 0px 0px 10px 0px;
	background-color: #003399;
	
}
A:hover.LINK-CLASS-FeedbackLetterLink{
	color:#ffffff;
	border-radius: 0px 0px 10px 10px;
	color:#ff8c00;
	background-color: #ffffff;
}

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

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

	.DIV-CLASS-FeedbackLetterHeadLeft{
		width:15%;
	}
	.DIV-CLASS-FeedbackLetterHeadRight{
		width:85%;
		padding-top:20px;
	}
	
}

/* 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-FeedbackLetterHeadLeft{
		width:15%;
	}
	.DIV-CLASS-FeedbackLetterHeadRight{
		width:85%;
	}
	A:link.LINK-CLASS-FeedbackLetterLink{
		font-size:12pt;	
	}
	A:visited.LINK-CLASS-FeedbackLetterLink{
		font-size:12pt;	
	}
	A:hover.LINK-CLASS-FeedbackLetterLink{
		font-size:12pt;	
	}

}