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

/*----------------------------------------------------- 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: 12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Content */
#content {
							margin: 15px 0px 0px 170px;
							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;
} 

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

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



/* Content Beschreibung */
#content-bes-01 {
							margin: 3px 25px 0px 25px;
					    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 25px;
							text-align: left;
					    max-width: 46%;
							background-color: #c4c4c4;
							font-size: 12px;
							font-family: Times,Arial ;
} 

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

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

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

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

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

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

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

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

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

/* Content Zahlungsmethoden  */
#content-zah-01 {
							margin: 3px 25px 0px 25px;
					    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 25px;
							text-align: left;
					    max-width: 100%;
							background-color: #c4c4c4;
							font-size: 12px;
							font-family: Times,Arial ;
} 

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

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

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

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

/* Content Kontakt */
#content-kon-01 {
							margin: 3px 25px 0px 25px;
					    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 25px;
							text-align: left;
					    max-width: 50%;
							background-color: #c4c4c4;
							font-size: 12px;
							font-family: Times,Arial ;
} 

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

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


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

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

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

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

} 

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

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


/* Content footer */
#footer {
 							margin: 20px auto;
							width:90%;
					    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: 12px;
							font-family: Times,Arial ;
} 

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

}