body
{
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px; 
	color: #000000;
	background: #F2F2F2 url("wrapper_bg.gif") repeat-y 50% 0;
	text-align: center;
}

* {margin: 0; padding: 0;}

#cont{
	width: 947px;
	padding:0 19px;
	background: #AF0005 url("top_gradient.gif") repeat-x 0 0;
	margin: 0 auto;
	text-align: left;
}

#leftcont{
	float: left;	
	width: 692px;
	background: #FFFFFF;
}

#w1{
	background: url("content_bg_hdr.png") no-repeat 100% 0;
	padding-top: 41px;
}
#w2{
	background: url("content_bg_hdr.png") no-repeat 0 100%;
	padding-bottom: 41px;
}

#content{
	overflow: auto;
	padding: 1px;
	background: url("content_bg.gif") repeat-y 50% 0;
}

#rightcont{
	float: right;
	width: 230px;
	margin-right: 2px;
	color: #505050;
}

#rightcontindex{
	float: right;
	width: 230px;
	margin-right: 2px;
	color: #505050;
}
a.go{
	display: block;
	background: url(order_now.png) no-repeat 0 0;
	width: 130px;
	height: 31px;
}
a.go:focus{outline: 0;}

.lrank{
	clear: both;
	list-style: none;
}
.lrank li{
	padding: 5px;
}
.lrank li h2, .lrank li .h2{
	font-weight: bold;
	font-size: 1.4em;
}
.lrank li h1{
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom:10px;
}
.lrank li ul{
	list-style: none;
}
.lrank li ul li{
	padding: 5px;
	margin:4px;
	width:47%;
	border: 0 none;
}
* html .lrank ul li{
  display: expression(/ib/.test(this.parentNode.className)? "inline" : "list-item");
	zoom: 1;
}
.lrank ul > li{display: -moz-inline-stack; display: inline-block; vertical-align: top;}
.lrank .fn{
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.lrank .summary, .lrank .summary a, .lrank .cat a{
	color: #000000;
	text-decoration: none;
}
.lfull{
	padding: 0 20px;
	line-height: 1.6;
}
.lfull h1, .lfull h2{
	font-size: 1.4em;
}
.lfull, .lfull a{
	color: #000000;
}


#welcome{
	float: right;
	width: 300px;
}
.headline{
	font-size:17px;
	margin:0 20px 20px;
}
#welcome .headline{
	color: #AF0005;
	font-size: 17px;
	font-weight: bold;
	padding: 0 0 10px;
}
.headdesc{
	margin: 15px;
}
.headdesc p{
	padding: 5px 0;
}
.headdesc a{
	color: inherit;
	text-decoration: none;
	font-weight:bold;
}
#bestsellers{
	float: left;
	width: 375px;
	height: 340px;
	padding: 40px 0 20px;
	position: relative;
	background: url("bestsellers.gif") no-repeat 0 0;
}
#bestsellers li
{
	margin: 0 0 20px;
	border: 1px solid #E0E0E0;
	border-left: 0 none;
	list-style: none;
	overflow: auto;
	-moz-border-radius: 0 20px 20px 0;
	padding: 10px;
}
#bestsellers li .fn{
	color: #808080;
	font-weight: normal;
	float: left;
	width:254px;
}
#bestsellers li .fn a{color: #808080;}
#bestsellers li .summary{
}
#bestsellers li .image{
	float: right;
}
#bestsellers li .photo{
	max-height: 130px;
}
#bestsellers li .price{
	clear: left;
	text-align: left;
	font-weight: bold;
	width: 254px;
}
#bestsellers li .price .go{
	margin-top: 10px;
	float: left;
}
#bestsellers li .price .pri{
	margin-top: 10px;
	float: right;
}
#bestsellers li p{
	clear: both;
	margin: 7px 7px 0 7px;
}
#bestsellers li strong{
	font-size: 1.2em;
	display: block;
	margin-bottom: 10px;
}
#bestsellers li strong, #bestsellers li strong a , #bestsellers li .summary a{
	text-decoration: none;
	color: #000000;
}

.hproduct h1, .hproduct p, .l1 > dt, .related > dt, .lrank h2, .lrank .h2{
	position: absolute;
	display: block;
	top: -10px;
	left:-4px;
	height:25px;
	line-height:25px;
	padding:4px 10px 10px;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	background: url("title_bg.gif") no-repeat 0 0;
	width: 680px
}

.l1 > dt {
	font-size:11px;
}

.hproduct h1 a, .l1 dt a, .related dt a{
	color: #ffffff;
	text-decoration: none;
}
.hproduct, .l1, .related, .lrank li{
	position: relative;
	border: 2px solid #CCCCCC;
	width: 650px;
	padding: 30px 10px;
	margin: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.hproduct{
	padding-bottom: 80px;
}
.hproduct .image{
	float: left;
	width: 170px;
	text-align: center;
}
.hproduct .photo{
	max-width: 170px;
}
.image a.zoom{
	background: url(zoom.gif) no-repeat 100% 0;
	color: #666666;
	text-decoration: underline;
	line-height: 19px;
	padding-right: 20px;
	display: inline;
}
.image a.zoom:hover{
	text-decoration: underline;
}

.hproduct .fn{
	display: block;
	font-size: 1.3em;
	margin: 15px;
}
.hproduct h1 .fn, .hproduct p .fn{
	display: inline; font-size: 1em; margin: 0;
}
.hproduct #description, .hproduct .sumamry{margin: 0 0 10px 180px;}
dl.summary { overflow: auto; margin: 0 0 10px 180px;}
.summary dl{ overflow: auto; margin: 0 0 10px;}
.summary dt{clear: both; float:left; margin-top: 10px; font-weight: bold;}
.summary dd{margin:10px 0 0 150px;}
.hproduct .price{
	margin-right:15px;
}
.summary{
	margin: 5px 0;
}

.price{
	clear: both;
  width: 130px;
	text-align:center;
}
.prefix{margin-right: 5px;}
.suffix{margin-left: 5px;}
/* -- related products -- */

.related{
	width: 670px;
	padding: 30px 0 10px;
	background: #ffffff url("grad.png") no-repeat 100% 100%;
	background-image: -moz-linear-gradient(50% 50% 290deg,#FFFFFF, #D1CDCD);
	background-image: -webkit-gradient(linear, 75% 50%, 85% 100%, from(#FFFFFF), to(#D1CDCD));
}
.related dd{
	height: 220px;
	margin: 0;
}
.related .scroll{
	padding: 0 30px;
}
.related .scroll, .related .scroll li{
	height: 220px;
}
.related .price{
	position: absolute;
	bottom: 20px;
	left: 185px;
}

/* l1 */

.l1{
	margin-top: 20px;
}
.l1, .l1 a{
	color: #000000;
	text-decoration: none;
}
.l1 > dd{
	display: block;
	margin: 10px;
	padding: 10px;
	border-bottom: 1px solid #CCCCCC;
	overflow: auto;
}
.l1 dd h2, .related .fn{
	font-size: 1.1em;
	margin: 10px 10px 10px 160px;
	font-weight: bold;
	display: block;
}
.l1 dd .image, .related .image{
	float: left;
}
.l1 dd .photo, .related .photo{
	max-width: 120px;
	width: expression(this.width>=121 ? '120px' : true);
}
.l1 dd .summary, .related .summary{
	margin-left: 160px;
}
.l1 dd .price, .related .price, .hproduct .price{
	clear: none;
	float: right;
	margin-top:10px;
	width:460px;
	text-align:left;
}
.l1 dd .price .pri, .related .price .pri, .hproduct .price .pri{
	float: left;
}
.l1 dd .price .go, .related .price .go, .hproduct .price .go{
	float: right;
}
/* l2 */

.l2 li{ list-style: none; padding:10px;}
.l2 .fn, .l2 .fn a{ color: #000000; text-decoration: none;}
.l2 .summary, .l2 .summary a{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.weitere{
	display:block;
	height: 19px;
	width: 211px;
	overflow: hidden;
	text-indent: -1000em;
	background: url("l2_bg.gif") no-repeat 0 0;
}
/* l3 */

.l3 li{
	list-style: none;
	border: 2px solid #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #BABABA url("l3_bg.png") repeat-x 0 0;
	margin: 5px;
	padding: 2px;
	overflow: auto;
}
.l3 .fn, .l3 .fn a{ color: #000000; text-decoration: none;}
.l3 .fn{
	font-size: 1.1em;
}
.l3 .summary, .l3 .summary a{
	color: #505050;
	text-decoration: none;
}
.l3 .image{
	float: left;
	width: 58px;
	margin: 5px;
	border:2px ridge #CCCCCC;
	padding:2px;
}
.l3 .photo{
	background: #FFFFFF;
	max-width: 58px;
	width: expression(this.width>=59 ? '58px' : true);
}
.l3 .price{
	float: right;
}
.l3 .price img{
	height: 30px;
}
/* hider */
.switch{
	display: block;
	height: 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right 0;
	cursor: pointer;
}
.hide .switch{
	background-image: url(expand.gif);
}
.show .switch{
	background-image: url(wrap.gif);
}
.hide, .show{
	clear: both;
	overflow: hidden;
}
.hide{
	height: 20px;
	overflow: hidden;
}
/* header */
#header{
/*	background: #D40407 ;*/
	background: url("title.gif") no-repeat 198px 30px;
	margin: 0 -18px;
	padding: 16px 18px 0;
}
#logo{
	display: block;
	width: 180px;
	height: 64px;
	background: url("logo.gif") no-repeat 0 0;
}
.menu{
	background: url("menu_bg.gif") repeat-x 0 0;
	overflow: hidden;
	height: 90px;
}
.menu li{position: relative; float: left; list-style: none; margin-top:6px;}
.menu li a{
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 39px;
	overflow: hidden;
	text-indent: -1000em;
}
.menu li a:active{outline: 0;}
.menu li ul{
	position: absolute;
	top: 39px;
	left: 0;
	width: 460px;
}
.menu, .menu ul{
	padding: 0;
}
.menu li ul li{ margin: 0;}
.menu ul li a{height: 42px;}
.m1 a{background-image: url("shop.gif"); width: 134px;}
.m1_1 a{background-image: url("tyre.gif"); width: 87px}
.m1_1 a:hover{background-image: url("tyre_hi.gif");}
.m1_2 a{background-image: url("rim.gif"); width: 91px;}
.m1_2 a:hover{background-image: url("rim_hi.gif");}
.m1_3 a{background-image: url("complete.gif"); width: 155px;}
.m1_3 a:hover{background-image: url("complete_hi.gif");}
.m1_4 a{background-image: url("acc.gif"); width: 125px;}
.m1_4 a:hover{background-image: url("acc_hi.gif");}
.m2 a{background-image: url("branche.gif"); width: 174px;}
.m3 a{background-image: url("account.gif"); width: 140px;}
.m4{float: right !important;}


/* footer */

#footer_new {
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	/* for vertical footer layout*/
	/*
	background: url(footer_bg.gif) no-repeat 50% 0;
	height: 165px;
	*/
	/* for horizontal footer layout*/
	background: url(footer_bg230.gif) no-repeat 50% 0;
	height: 230px;
	margin: 15px 0 0;
}

/**/
.footerleftblock{
	color:#AE0004;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left; 
	width:185px;
}

.footerrightblock
{
	float:right; 
	width:720px;
	text-align:left;
}

.footerrightblock label{
	color: #888888;
}

.footerrightblock a
{
	color:#888888;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
}

.footerfirstline
{
	padding: 20px 21px 5px;
	position: relative;
	overflow: auto;
}

.footercenterline
{
	padding: 5px 21px 5px;
	position: relative;
	overflow: auto;
}

.footerlastline
{
	padding: 0 21px;
	color:#888888;
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	font-weight:bold;
	position: relative;
	overflow: auto;
}

.footerdivline{
/*	margin: 0 0 0 11px;*/
	height: 10px;
	background: transparent url(footer_line.png) no-repeat scroll 11px center;
}
/**/

#footer_new div.linkblock {
		float:left;
		padding: 0 17px 10px; /*2px 0 0 40px;*/
		padding-right: 29px;
		height: 136px;
		background:  url(footer_spacer.gif) no-repeat center right;
	}
#footer_new div.nospacer{
	background: transparent;
}

#footer_new div.last {
	background: none;
}
#footer_new div.copyright {
	float: left;
	width: 500px;
	padding: 3px 0 0 15px;
	color: #888888 ;
	font-size: 12px;
	font-weight: bold;
}
#footer_new div.logoblock {
	float: right;
	padding-right: 37px;
	background: none;
	padding: 2px 11px;
	text-align: center;
}
#footer_new div.linkblock ul {
	margin: 8px 0 0 0;
	padding: 0;
	list-style: none;
}
#footer_new div.linkblock ul li {
	font-size:11px;
	margin:3px 0;
}
#footer_new div.linkblock ul li img {
	margin: 6px 0 -3px 16px;
}
#footer_new div.linkblock ul li.headline {
	color: #AE0004;
	font-size: 12px;
	margin:0 0 8px;
	padding:0;
}
#footer_new div.linkblock ul li a {
	text-decoration: none;
	color: #888888 ;
	line-height:14px;
}
div#footer a, div#footer a:visited
{
	color: #88887E;
	text-decoration: underline;
}

#categoryimg{
	text-align: center;
	padding: 0 0 10px;
}
#categoryimg img{
	max-width: 620px;
	width: expression(this.width>=621 ? '620px' : true);
}
/* clear */
#description, #description a, .summary, .summary a{
	text-decoration: none;
	color: #000000;
}
/* mwst */
.mwst{
	color: #78797B;
	font-size: 11px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 500px;
	text-align: center;
}
.hproduct .mwst{
	bottom: 7px;
}
/* scroll */
.scroll{
	overflow: hidden;
	position: relative;
	padding: 0 10px;
}
.scroll li{
	display: none;
	visibility: hidden;
}
.scroll li.current, .scroll li.visible{
	display: block;
	visibility: visible;
}
.scroll .start .left, .scroll .end .right{
	display: none !important;
	visibility: hidden !important;
}
.scroll .current .right, .scroll .current .left{
	display: block;
	visibility: visible;
}
.scroll  .right, .scroll .left{
	display: none;
	visibility: hidden;
	position: absolute;
	width: 32px;
	height: 29px;
	top:50%;
	margin-top:-15px;
	z-index: 30;
	border: 0;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 3px #AAAAAA;
	-webkit-box-shadow: 3px 3px 3px #AAAAAA;
	box-shadow: 3px 3px 3px #AAAAAA;
}
#bestsellers.scroll  .right, #bestsellers.scroll .left{
	width: 43px;
	height: 8px;
	left:75%;
	margin:0;
	z-index: 30;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.scroll  .right{
	right:5px;
	background: url(scroll_r.gif) no-repeat 0 0;
}
.scroll  .left{
	left: 3px;
	background: url(scroll_l.gif) no-repeat 0 0;
}
#bestsellers.scroll  .right{
	background: url(scroll_b.gif) no-repeat 50% 100%;
	top: 100%;
	margin-top: -36px;
}
#bestsellers.scroll .left{
	background: url(scroll_t.gif) no-repeat 50% 0;
	top:32px;
}
#bestsellers.scroll  .right:hover{
	height: 19px;
	margin-top: -38px;
}
#bestsellers.scroll .left:hover{
	height: 19px;
	top: 23px;
}
/*light box*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
#lightbox a{ text-decoration: none;}
#lightbox kbd{	font-size: 1.6em;}

#SEngine_cnt{
	width: 983px;
	height: 292px;
	background: transparent url(tyre_search_bg.gif) no-repeat scroll 0 0;
	margin: 0 0 0 -17px;
	position: relative;
}
#SEngine_lcol{
	position: absolute;
	top: 21px;
	left: 26px;
}
#SEngine_rcol{
	position: absolute;
	top: 33px;
	left: 480px;
}
#SEngine_srch_title{
	width: 187px;
	height: 33px;
	padding: 0 0 5px;
	background: transparent url(reifensuche_title.gif) no-repeat scroll 0 0;
}
#SEngine_add_opts{
	width: 147px;
	height: 19px;
	background: transparent url(additional_options.png) no-repeat scroll 0 0;
	padding: 0 0 7px;
}
.SEngine_field_cnt{
	clear: both;
	overflow: auto;
	padding: 0 0 14px;
}
.SEngine_field_cnt label{
	display: block;
	float: left;
	width: 115px;
}
#SEngine_lcol .SEngine_field_cnt label{
	padding: 0 0 0 4px;
}
.SEngine_field_cnt select{
	height: 19px;
}
.SEngine_field_cnt .longsel{
	width: 180px;
}
.SEngine_field_cnt .shortsel{
	width: 50px;
	margin: 0 15px 0 0;
}
#SEngine_rcol .SEngine_field_cnt{
	/*padding: 0 0 18px;*/
}
#SEngine_rcol .SEngine_field_cnt label{
	width: 80px;
}
#SEngine_rcol .SEngine_field_cnt input{
	margin: 3px 3px 3px 4px;
}
#SEngine_prvres_cnt{
	color: #c00;
	font-size: 16px;
	font-weight: bold;
	width: 180px;
	padding: 15px 0 12px;
	line-height: 18px;
}
#SEngine_prvres_cnt b{
	text-decoration: underline;
	padding: 0 2px;
	font-size: 20px;
}
#SEngine_btnSearch{
	margin: 0 0 0 28px;
}
#SEngineRims_cnt{
	position: relative;
	border: 2px solid #CCCCCC;
	width: 650px;
	padding: 30px 10px;
	margin: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
#SEngineRims_title{
	 background: url(search_vehicle_hi.gif) no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    left: -4px;
    line-height: 25px;
    padding: 4px 10px 10px;
    position: absolute;
    top: -10px;
    width: 680px;
}
#SEngineRims_cnt p{
	padding: 3px 0;
	border-bottom: 1px solid #c7c7c7;
	width: 655px;
}
#SEngineRims_cnt form{
	position: relative;
	overflow: hidden;
}
#SEngineRims_cnt label{
	font-weight: bold;
	display: block;
	float: left;
	width: 175px;
	margin: 17px 0 0;
}
#SEngineRims_cnt select{
	margin: 17px 0 0;
	float: left;
}
#SEngineRims_cnt select option{
	-moz-padding-start: 3px;
	-moz-padding-end: 5px;
}
#SEngineRims_cnt input{
	float: left;
	margin: 12px 0 0 40px;
}
.w1Rims{
	background-image: url(first_bg_small_top.gif) !important;
	background-position: center 0 !important;
	padding-top: 23px !important;
}
.nostock{
	position: relative;
}
.nostock .toplayer, .toplayer div{
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1; 
	overflow: hidden;
}
.nostock .toplayer > div{
	top: 21px;
	background: rgba(255,255,255,0.7);
	color: red;
	font-size: 1.5em;
	line-height: 1.1;
}
.toplayer span{
	position: absolute; 
	font-weight: bold;
	bottom: 40px;
	left: 200px;
	left: 200px;
}
.l3 .nostock .toplayer > div{
	top: 0;
}
.l3 .toplayer span{
	text-align: center;
	left: 0;
	bottom: 25px;
}

/* SITEMAP */
body.sitemap #w1 {
	background: url("header_sitemap.png") no-repeat scroll 100% 21px transparent;

}
#p_headline.headline {
	color: #AF0005;
    font-weight: bold;
    padding: 0 0 0;
	height:30px;
	background: transparent url(header_title_sitemap.gif) no-repeat 0 0;
	text-indent:-10000px;
	
}
ul.htmlsitemap {
    text-align: left;
}
ul.htmlsitemap ul {
    margin: 24px 0;
}
ul.htmlsitemap ul ul {
    margin-bottom: 0;
	margin-top: 0;
}
ul.htmlsitemap  li {
    line-height: 1.8em;
    font-weight: bold;
	list-style-type: disc;
}

ul.htmlsitemap >  li {
    padding: 10px;
	border: 2px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
	margin: 20px 10px 10px;
	position: relative;
    width: 650px;
	clear: both;
    list-style: none outside none;
}

ul.htmlsitemap > li  > a{
    background: url("title_bg.gif") no-repeat scroll 0 100% transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    left: -4px;
    line-height: 25px;
    padding: 4px 10px 10px;
    position: absolute;
    text-shadow: 2px 2px 2px #000000;
    top: -10px;
    width: 680px;
	text-decoration:none;

}

ul.htmlsitemap li li {
    margin-left: 40px;
    text-transform: none;
	font-weight: normal;
	list-style-type: circle;
}
ul.htmlsitemap li li li {
    font-weight: normal;
	list-style-type: square;
}
ul.htmlsitemap li li li li {
    font-size: 85%;
	list-style-type: square;
}

ul.htmlsitemap li  li a {
	text-decoration:none;
	color: #000000; 
	font-weight: bold;

}
.htmlsitemap_jump {
	margin: 0 20px 0 0;
    text-align: left;
	float:left;
}

.htmlsitemap_jump a {
	display:block;
    padding: 4px 0 6px 14px;
	color: #000000;
    text-decoration: none;
	font-weight:bold;
}
.htmlsitemap_jump a:hover {
	text-decoration:underline;
}

