body,a,p,td,th,h1,h2,h3,h4,h5,input,select,textarea,div,span 
{
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0.8pt;
  line-height:18px;
  vertical-align:bottom;
}

/*
 * Style für Textkörper
 */
body {
	background: #333333;
	overflow:hidden;
    margin-left:   5pt;
    margin-right:  10pt;
    margin-top:    5pt;
    margin-bottom: 0;
}

/*
 * Style für Standardabsatz
 */
p {
	text-decoration:none;
    color: rgb(136,136,136);
	line-height:18px;
	vertical-align:bottom;
}

/*
 * Styles für Überschriften
 */
h1 {
	font-size: 18px;
	color: rgb(136,136,136);
	font-weight: bold;
	line-height:24px;
	vertical-align:bottom;
}

h2 {
	font-size: 16px;
	color: rgb(136,136,136);
	font-weight: bold;
	line-height:12px;
	vertical-align:bottom;
}

/*
 * Styles für Trennlinien
 */
hr {
    margin-left:0;
	color:#888888;
	background-color:#888888;
	height:1px;
	border-style:none;
	border:0;
}

/*
 * Standardtabellen z.B. für Preisübersichten
 */
table {
    cellspacing:0px;
	background: #333333;
    border-collapse:collapse;
}

td {
	vertical-align: top;
    padding: 2px;
	border: solid 1px #333333;
}

tr {
	background: #333333;	
}

/*
 * normale Textlinks im <p>-Tag
 */
A:link, A:visited, A:active, A:hover { 
	color: rgb(136,136,136);
	font-weight: bold;
    letter-spacing: 0.8pt;
    text-decoration: none; line-height:18px; vertical-align:bottom;
}

A:active, A:hover {
	color: rgb(255,255,255);
    font-weight: bold;
}

/*
 * Links für Hauptmenü "Autos"
 */
A.menublau:link, A.menublau:visited, A.menublau:active {
	color: rgb(66,163,195);
	font-size:12px;
	line-height:28px;
}

A.menublau:active, A.menublau:hover {
	color: rgb(255,255,255);
}

/*
 * Links für Hauptmenü "Motorrad"
 */
A.menuorange:link, A.menuorange:visited, A.menuorange:active {
	color: rgb(237,161,41);
	font-size:12px;
	line-height:28px;
}

A.menuorange:active, A.menuorange:hover {
	color: rgb(255,255,255);
    font-weight: bold;
}

/*
 * Listeneinrückung
 */ 
ul {
    color: rgb(51,51,51);	
	margin:0;
	padding-left:14px;
	line-height:18px;
}
	
@media (max-width: 639px) {
	A:link, A:visited, A:active, A:hover { 
		font-size: 14px;
		line-height:32px;
	}

	#logo { position: absolute; width: 30%; top: 0; left: 0px; height:70px; z-index:3; background:#333333; }
	#top { display:none; }
	#menue_desktop { display:none; }
	#menue_mobile { position: absolute; width: 70%; background:#333333; right: 0px; height:65px; padding-top: 5px; padding-right:10px; z-index:2; text-align: right; }
	#menue_mobile_links { display:none; position: absolute; width: 80%; background:#555555; top:70px; right: 0px; padding: 15px; z-index:10; text-align: left; }
	#devider_top { position: absolute; width: 100%; height: 1px; top: 70px; left: 0;  background:#888888; z-index:3; }
	#middle { display:none; }
	#main { position: absolute; width: 400px; bottom: 52px; top: 70px; padding-top: 10px; background:#333333; z-index:2; overflow: auto; }	
	#frame_left { display:none; }
	#frame_right { display:none; }
	#bottom { display:none; }
	#footer_desktop { display: none; }	
	#footer_mobile { position: absolute; width: 100%; height: 45px; bottom: 0; right:0px; background:#333333; padding:5px; text-align:center; z-index:3; }	
	#devider_bottom { position: absolute; width: 100%; height: 1px; bottom: 55px; left: 0;  background:#888888; z-index:4; }
}

@media (min-width: 640px) {
	#logo { position: absolute; width: 200px; height: 60px; top: 0; left: 0; z-index:3; }
	#top { position: absolute; width: 100%; height: 85px; top: 0; left: 0;  background:#333333; z-index:1; }
	#menue_desktop { position: absolute; width: 800px; height: 80px; top: 0; left: 50%; background:#333333; padding-top: 5px; z-index:2; text-align: center;}
	#menue_mobile { display:none;			}	
	#menue_mobile_links {display:none;}
	#devider_top {position: absolute; width: 100%; height: 1px; top: 85px; left: 0;  background:#333333; z-index:3; }
	#middle { position: absolute; width: 100%; bottom: 35px; top: 85px; left: 0;  background:#333333; z-index:1;}
	#main { position: absolute; width: 800px; bottom: 35px; top: 85px; left: 50%;  background:#333333; z-index:2; overflow: auto; }
	#frame_left { position: absolute; width:200px; bottom: 35px; top: 85px; left: 50%;  background:#333333; z-index:2; }
	#frame_right { position: absolute; width:200px; bottom: 35px; top: 85px; left: 50%; background:#333333; z-index:2; }
	#bottom { position: absolute; width: 100%; height: 35px; bottom: 0; left: 0;  background:#333333; z-index:1; }
	#footer_desktop { position: absolute; width: 800px; height: 35px; bottom: 0; left: 50%;  background:#333333; z-index:3; text-align: center; }
	#footer_mobile { display:none; }
	#devider_bottom { position: absolute; width: 100%; height: 1px; bottom: 35px; left: 0;  background:#888888; z-index:4; }
}