html, body { margin: 0; padding: 0; }
body { background-color: #FFFFFF; background-image: url(/templates/pics/bg.png); background-repeat: repeat-x; background-position: 0 -30px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
p { margin: 0; padding: 0 0 15px 0; }
ul, ol, li { margin: 0; padding: 0; list-style-position: outside; }
ol { margin: 0 0 6px 25px; }
ul { margin: 0 0 6px 15px; list-style-type: square; }
object, embed { margin: 0;  padding: 0; cursor: pointer; }
form, input, label, select, textarea { margin: 0; padding: 0; }
img, a img { border: 0; }
a:link, a:visited, a:active, a:hover { color: #910A07; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5 { margin: 0 0 23px 0; padding: 0; font-size: 16px; color: #000000; }
h1 { margin: 0 0 20px 0; }
h2 { margin: 0 0 14px 0; padding: 0; font-size: 15px; }
h3 { margin: 0 0 10px 0; font-weight: bold; font-size: 12px; }
h4 { margin: 0 0 6px 0; font-weight: bold; font-size: 11px; }
h5 { margin: 0; padding: 0; font-size: 10px; }
form { margin: 0; padding: 0; }
/* Schriftarten, -formatierungen und -größen */
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.vsuper { vertical-align: top; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.vbottom { font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.tright { text-align: right; } 
/* Container */
.floatl { float: left; }
.floatr { float: right; }
.fixfloat { clear: both; float: none; font-size: 0px; margin: 0px; padding: 0px; line-height: 0px; height: 0; }
.hidden { overflow: hidden; }
/* Farben */
.bg-white { background-color: #FFFFFF; }
.bg-orange { background-color: #FF8F25; }
.bg-grey { background-color: #E5E3DA; }
.f-white, #tso-texts h4 { color: #FFFFFF; }
.f-black, .f-black h4 { color: #000000; }

.white { color: #FFFFFF; }

/* min-height */
.minh-10 { height: 10px; overflow: visible; }
html>body .minh-10 { height: auto; min-height: 10px; }

/* Innen- und Außenabstände */
.mb-7 { margin-bottom: 7px; }
.mb-15 { margin-bottom: 15px; }
.mt-5 { margin-top: 5px; }
.mt-14 { margin-top: 14px; }
.mb-14 { margin-bottom: 14px; }
.pt-14 { padding-top: 14px; }
.pl-14 { padding-left: 14px; }
.pr-14 { padding-right: 14px; }
.p-14 { padding: 14px; } 

/* Weite */
.w-20 {width: 20px;}
.w-55 {width: 55px;}
.w-60 {width: 60px;}
.w-80 {width: 80px;}
.w-110 {width: 110px;}
.w-120 {width: 120px;}
.w-250 {width: 250px;}
.w-260 {width: 260px;}

/* Zeilenhöhen */
.lh-17 { line-height: 17px; }
/* Seitenaufbau */
.offscreen { position: absolute; left: -1000em; width: 100em; height: 0px;  overflow: hidden; }
#head-nav-container { background-image: url(/templates/pics/headnav.png); background-repeat: repeat-x; height: 29px; line-height: 29px; width: 898px; overflow: hidden; border: 1px solid #7E7E7E; border-top: 0; position: relative; margin: 0 0 10px 70px; }
#head-nav-text { position: absolute; left: 70px; top: 0; width: 400px; height: 27px; overflow: hidden; font-size: 10px; line-height: 12px; padding: 2px 0 0 0; }
#hotline {  background-color: #F7E78B; color: #000000; border-bottom: 1px solid #7D7D7D; height: 23px; width: 225px; padding: 3px 10px 3px 14px; margin-bottom: 15px; font-size: 10px; line-height: 12px; }
#info-nav { font-size: 11px; position: absolute; left: 10px; top: 0px; width: 630px; color: #000000; overflow: hidden; z-index: 10; text-align: left; }
#headWrap { width: 898px; height: 69px; border: 1px solid #7D7D7D; margin: 0 0 10px 70px; background-image: url(/templates/pics/mainnavbg.png); background-color: #B7B3A9; position: relative; margin-bottom: 10px; z-index: 0; }
#headWrap #bmwinfo { width: 415px; height: 55px; padding: 14px 14px 0 14px; position: absolute; left: 226px; top: 0; text-align: right; }
#product-nav { position: absolute; left: 226px; top: 43px; width: 652px; height: 25px; line-height: 25px; padding: 0 10px; font-size: 12px; color: #000000; z-index: 20; overflow: hidden; background-color: #B7B3A9; border-top: 1px solid #7E7B74; }
#head-logo { position: absolute; left: 0; top: 0; width: 225px; height: 69px; overflow: hidden; border-right: 1px solid #7D7D7D; z-index: 1; }
#head-hotline { height: 52px; line-height: 15px; overflow: hidden; text-align: right; }
#head-shipping { height: 52px; line-height: 15px; overflow: hidden; }
#head-hotline a:link, #head-hotline a:visited, #head-hotline a:active, #head-hotline a:hover,
#head-shipping a:link, #head-shipping a:visited, #head-shipping a:active, #head-shipping a:hover { color: #333333; text-decoration: underline; }
#main-container { width: 898px; height: 498px; overflow: visible; background-image: url(/templates/pics/navbg.png); margin-left: 70px; border: 1px solid #7D7D7D; background-color: #FFFEFB; }
html>body #main-container { height: auto; min-height: 500px; }
#tso { height: 185px; overflow: hidden; }
#tso-pics { height: 98px; width: 201px; border: 1px solid #7D7D7D; border-right: 0; }
#tso-pics a:link, #tso-pics a:visited, #tso-pics a:active, #tso-pics a:hover { height: 98px; width: 98px; float: left; border-right: 1px solid #7D7D7D; }
#main-nav-container { width: 225px; overflow: visible; z-index:1000; margin: 0 0 15px 0; }
#hotline-nr { font-size: 12px; line-height: 15px; font-weight: bold; padding: 3px 0 0 0; }
#office-hours { font-size: 10px; line-height: 12px; margin-top: -3px; }  
#main-nav { width: 200px; margin-left: 15px; margin-top: 14px; height: 500px; overflow: visible; z-index:1000; }
html>body #main-nav { height: auto; min-height: 500px; }
.short-sitemap-container { width: 673px; height: 21px; line-height: 21px; overflow: hidden; font-size: 10px; background-color: #910A07; color: #FFFFFF; }
.ssm { height: 21px; line-height: 21px; background-color: #4A0309; padding: 0 14px; }
#ssm-foot { width: 673px; height: 9px; line-height: 1px; font-size: 1px; }
#content-container { width: 898px; height: 480px; overflow: visible; background-image: url(/templates/pics/content_bg.png); background-repeat: repeat-y; }
html>body #content-container { height: auto; min-height: 480px; }
#content { width: 898px; height: 10px; overflow: visible; position: relative; }
html>body #content { height: auto; min-height: 10px; }
#content-area { width: 673px; height: 400px; overflow: visible; z-index:0; }
html>body #content-area { height: auto; min-height: 400px; }
#content-middle { width: 673px; overflow: hidden; position: relative; z-index:3; }
#head-img { 
	width: 673px;
	height: 245px;
	overflow: hidden;
}
#head-img-index, #head-img-basket {
	width: 673px;
	height: 400px;
	overflow: hidden;
	position: relative;
	border-bottom: 9px solid #910909;
}
#head-img-basket {
	height: 215px;
	border-bottom: 9px solid #333332;
}
#siteH1 {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 201px;
	background-color: transparent; margin: 0; padding: 0 !important; width: 673px; overflow: hidden; 
	height: 44px; 
	overflow: hidden;
}
#siteH1 .spanH1 { background-color: transparent; background-image: url(/templates/pics/opacity80.png); background-repeat: repeat-x; color: #FFFFFF; line-height: 44px; font-size: 26px; padding: 0 14px; display:block; height: 44px; float: left; }
#indexH1, #basketH1 {
	position: absolute;
	z-index: 10;
	width: 673px;
	height: 115px;
	left: 0;
	top: 285px;
	margin: 0;
	padding: 0;
	/*background-image: url(/templates/pics/bmwelt_welcome.png);*/
	background-repeat:no-repeat;	
	overflow: hidden;
}
#basketH1 { 
	height: 124px;
	left: -1px;
	top: 91px;
	background-image: url(/templates/pics/sicher_direkt.png);
	background-repeat:no-repeat;	
	overflow: hidden;
}
#head-text-index, #head-text-basket {
	position: absolute;
	left: 14px;
	top: 330px;
	width: 645px;
	z-index: 15;
	font-size: 11px;
	line-height: 16px;
	height: 65px;
	overflow: hidden;
}
#head-text-basket {
	top: 144px;
	width: 590px;
}
#head-text-index p,  #head-text-basket p { margin: 0; padding: 0; }
#content-right {
	width: 190px;
	overflow: hidden; 
}
#foot-info-container {
	border: 1px solid #7D7D7D;
	width: 898px;
	height: 30px;
	background-color: #B2B2B2;
	overflow: hidden;
	line-height: 30px;
	font-size: 11px;
	color: #000000;
	margin-left: 70px;
	margin-bottom: 10px;
}
#foot-container {
	background-color: #B2B2B2;
	border: 1px solid #7E7E7E;
	width: 898px;
	height: 28px;
	overflow: hidden;
	font-size: 11px;
	color: #000000;
	margin: 14px 0 0 70px;
	position: relative;
}
.foot-shipping { 
	background: url(/templates/pics/foot_bg.png) #A0A0A0;
	width: 225px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 225px;
	top: 0;
	overflow: hidden;
	text-align: center;
}
.foot-shipping a:link, .foot-shipping a:visited, .foot-shipping a:active, .foot-shipping a:hover {
	color: #000000;
} 
#foot-hotline { 
	width: 420px;
	height: 22px;
	padding: 3px 0 3px 14px;
	position: absolute;
	left: 450px;
	top: 0;
	overflow: hidden;
}
#foot-hotline span { 
	display: block;
}
#foot-hotline span.hotline1 { 
	font-size: 12px; 
	line-height: 13px;
}
#foot-hotline span.hotline2 { 
	font-size: 10px; 
	line-height: 10px;
}
#foot-notes {
	width: 898px;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	margin: 5px 0 14px 70px;
}
#foot-container .pipe { color: #5CBAD3; padding: 0 2px; }