@media only screen and (max-width: 399px) {

/*----------------------------------------------------- Auflösungen   */
* {
							margin:0;
							padding:0;
							font-family: Times,Arial ;
}

/*------------------------------------------  Standart   */

#container {
							margin:10px auto;
							width:auto;
							height: 100% auto;
							background-image: url(https://www.carport-beelitz.de/ebay/template-mobil/image/bg_mobil.png);
							background-repeat:repeat; 
							background-size:100% auto;
							font-size: 8px;
}

#header {
							width:100%;
							margin-bottom: 0%;
							height:auto;
}

/* Sidebar */
#sidebar {
							float:left;
							width:23%;
							height:100% auto;
}

#mini-01 {
							margin: 5px 0px 0px 0px;
							vertical-align: middle;
					    border:3px solid #768909;
					    max-width: 60%;
					    border-radius: 5px;
} 

#mini-02 {
							margin: 5px 0px 0px 0px;
							vertical-align: middle;
					    border:3px solid #768909;
					    max-width: 60%;
					    border-radius: 5px;
							background-color: #e0e8b5;
} 

#mini-03 {
							margin: 5px 0px 0px 0px;
							vertical-align: middle;
					    border:3px solid #768909;
					    max-width: 60%;
					    border-radius: 5px;
} 

#mutop {
							margin: 2px 0px 0px 0px;
					    border:	1px solid #000000;
					    max-width: 100%;
					    border-radius: 3px;
							background-color: #9ab509;
					    text-shadow: 1px 1px 1px #ffffff;
							font-size: 8px;
} 

#mutop-01 {
							margin: 2px 2px 0px 2px;
					    border:	1px solid #000000;
					    max-width: 100%;
					    border-radius: 5px;
							background-color: #9ab509;
					    text-shadow: 1px 1px 1px #ffffff;
							font-size: 8px;
							text-align: left;
} 

#mutop-01-1 {
							margin: 2px 2px 0px 2px;
					    border:	1px solid #000000;
					    max-width: 100%;
					    border-radius: 5px;
							background-color: #9ab509;
					    text-shadow: 1px 1px 1px #ffffff;
							font-size: 8px;
							text-align: left;
				      font-weight: bold;
}

/* HR */
#hr {
							height:	1px; 
							border:	none; 
							color: solid #000000; 
							background-color:	#000000; 
							width:	60%; 
							text-align:	center; 
							margin: 5px auto 0px auto;
}

#hr-01 {
							height:	1px; 
							border:	none; 
							color:	#000000; 
							background-color:	#000000; 
							width:	60%; 
							text-align:	center; 
							margin: 5px auto 0px auto;
}

#mubot {
							margin: 2px 2px 0px 2px;
					    border:	1px solid #000000;
					    max-width: 100%;
					    border-radius: 1px;
							background-color: #c4c4c4;
							text-align: justify;
							font-size: 8px;
							font-family: Times,Arial ;
							background-clip:padding-box; 
							padding: 2px;
} 

#muimg {
							margin: 5px 0px 0px 0px;
} 

/* Content */
#content {
							margin: 5px 0px 0px 83px;
							text-align: center;
							vertical-align: middle;
					    border:	3px solid #768909;
					    max-width: 75%;
 							height:100% auto;
					    border-radius: 10px;
 							background-color: #e0e8b5;
} 

#bild-ref {
							margin: 5px 0px 0px 0px;
							vertical-align: middle;
					    border: 1px solid #000000;
					    max-width: 94%;
					    border-radius: 5px;
} 

#bild-3d {
							margin: 5px 0px 0px 0px;
							vertical-align: middle;
					    max-width: 90%;
					    border-radius: 10px;
} 

/* Content Beschreibung */
#content-bes-01 {
							margin: 3px 5px 0px 5px;
					    max-width: 100%;
 							max-height: 160px;
					    border-radius: 3px;
							background-color: #c4c4c4;
					    border:	1px solid #000000;
} 

#mubot-bes-01 {
							float:left;
							margin: 5px 0px 0px 5px;
							text-align: left;
					    max-width: 36%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

#mubot-bes-02 {
							float:right;
							margin: 5px 5px 0px 0px;
							text-align: right;
					    max-width: 66%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

/* Content Zubehör */
#content-zu-01 {
							margin: 3px 5px 0px 5px;
					    max-width: 100%;
 							max-height: 175px;
					    border-radius: 3px;
							background-color: #c4c4c4;
					    border:	1px solid #000000;
} 

#mubot-zu-01 {
							float:left;
							margin: 5px 0px 5px 5px;
							text-align: left;
					    max-width: 76%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

#mubot-zu-02 {
							float:right;
							margin: 5px 5px 5px 0px;
							text-align: right;
					    max-width: 12%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

#mubot-zu-03 {
							float:right;
							margin: 5px 5px 5px 0px;
							text-align: right;
					    max-width: 12%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

/* Content Information */
#content-inf-01 {
							margin: 3px 5px 0px 5px;
					    max-width: 100%;
 							max-height: 350px;
					    border-radius: 3px;
							background-color: #c4c4c4;
					    border:	1px solid #000000;
} 

#mubot-inf-01 {
							float:left;
							margin: 5px 5px 5px 5px;
							text-align: justify;
					    max-width: 100%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

/* Content Versandkosten */
#content-ver-01 {
							margin: 3px 5px 0px 5px;
					    max-width: 100%;
 							max-height: 350px;
					    border-radius: 3px;
							background-color: #c4c4c4;
					    border:	1px solid #000000;
} 

#mubot-ver-01 {
							float:left;
							margin: 5px 5px 5px 15px;
							text-align: left;
					    max-width: 100%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

/* Content Zahlungsmethoden  */
#content-zah-01 {
							margin: 3px 5px 0px 5px;
					    max-width: 100%;
 							max-height: 350px;
					    border-radius: 1px;
							background-color: #c4c4c4;
					    border:	1px solid #000000;
} 

#mubot-zah-01 {
							float:left;
							margin: 5px 20px 5px 15px;
							text-align: left;
					    max-width: 100%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

#bild-pp {
							margin: 0px 0px 3px 0px;
							vertical-align: middle;
					    max-width: 40%;
					    max-height: 40%;
} 

#bild-vk {
							margin: 0px 0px 0px 0px;
							vertical-align: middle;
					    max-width: 15%;
					    max-height: 15%;
} 

/* Content Montageservice */
#content-mot-01 {
							margin: 3px 5px 0px 5px;
					    max-width: 100%;
 							max-height: 350px;
					    border-radius: 1px;
							background-color: #c4c4c4;
					    border:	1px solid #000000;
} 

#mubot-mot-01 {
							float:left;
							margin: 5px 5px 5px 5px;
							text-align: justify;
					    max-width: 100%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

/* Ablauf nach dem Kauf */
#content-ank-01 {
							margin: 3px 5px 0px 5px;
					    max-width: 100%;
 							max-height: 350px;
					    border-radius: 1px;
							background-color: #c4c4c4;
					    border:	1px solid #000000;
} 

#mubot-ank-01 {
							float:left;
							margin: 5px 10px 5px 15px;
							text-align: justify;
					    max-width: 100%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

/* Content Kontakt */
#content-kon-01 {
							margin: 3px 5px 0px 5px;
					    max-width: 100%;
 							max-height: 350px;
					    border-radius: 3px;
							background-color: #c4c4c4;
					    border:	1px solid #000000;
} 

#mubot-kon-01 {
							float:left;
							margin: 5px 0px 5px 10px;
							text-align: left;
					    max-width: 50%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

#mubot-kon-02 {
							float:right;
							margin: 5px 5px 5px 0px;
							text-align: right;
					    max-width: 10%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 

#mubot-kon-03 {
							float:right;
							margin: 5px 5px 5px 0px;
							text-align: right;
					    max-width: 40%;
							background-color: #c4c4c4;
							font-size: 8px;
							font-family: Times,Arial ;
} 


/* Schriften */
#uber-01 {
							margin: 5px 0px 0px 0px;
							font-size: 18px;
							font-family: Times, Arial ;
							font-weight: bold;
} 

#uber-02 {
							margin: 3px 0px 0px 0px;
							font-size: 16px;
							font-family: Times, Arial ;
							font-weight: bold;
} 

#uber-03 {
							margin: 5px 0px 0px 0px;
							font-size: 14px;
							font-family: Times, Arial ;
							font-weight: bold;
} 

#uber-04 {
							margin: 5px 0px 0px 0px;
							font-size: 12px;
							font-family: Times, Arial ;

} 

#uber-05 {
							margin: 2px 2px 2px 20px;
							font-size: 10px;
							font-family: Times, Arial ;
							font-weight: bold;
					    text-shadow: 1px 1px 1px #ffffff;
} 

#font-std {
							margin: 5px 0px 0px 0px;
					    max-width: 95%;
							font-size: 8px;
							font-family: Times, Arial ;
} 


/* Content footer */
#footer {
 							margin: 5px auto;
							width:100%;
					    border:3px solid #768909;
							margin-bottom: 0%;
							height:auto;
 							background-color: #e0e8b5;
					    border-radius: 10px;

}

#content-foo-01 {
							margin: 3px 25px 0px 25px;
					    max-width: 100%;
 							max-height: 350px;
					    border-radius: 3px;
							background-color: #c4c4c4;
					    border:	1px solid #000000;
} 

#mubot-foo-01 {
							float:left;
							margin: auto;
							text-align: center;
					    width: 25%;
							background-color: #c4c4c4;
							font-size: 9px;
							font-family: Times,Arial ;
} 

#mini-foo-01 {
							margin: auto;
							vertical-align: middle;
					    border:	3px solid #768909;
					    max-width: 75%;
					    border-radius: 10px;
} 

}