/* Basics
---------------------------------------*/

.floatstop {clear: both !important;}

#site_all {margin: 0px auto; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #2b2b2b; padding: 20px 0 0 0; background: url(img/site_bg.png) 0 110px #fff repeat-x; }
#site_all a, a:visited, a:active {color: #2b2b2b;	text-decoration: underline;}
#site_all a:hover {color: #555; text-decoration: underline; cursor:pointer;}
#site_all input[type=text], input[type=password], input[type=email] {background:url(img/input_bg.png) 0 0 repeat-x #fff; border:1px solid #d3d3d3; border-radius:2px;}
#site_all textarea { border:1px solid #d3d3d3; border-radius:2px;}
#site_all h1 {font-size: 20px; font-weight: bold; margin-bottom:25px;}
#site_all h2 {font-size: 16px; font-weight: bold; margin-bottom:15px;}
#site_all h3 {padding:10px 0; margin:40px 0 10px 0; font-size:22px; border-bottom:1px solid #f1f1f1; font-weight:normal;}
#site_all h4 {font-weight:normal; padding:0px; margin:0px;}
#site_all ul {margin:10px 0; list-style:square; padding-left:15px;}
#site_all ul li {padding:2px 0; font-size: 13px; padding:0 0 0 5px; }
#site_all p {font-size: 13px; }
#site_all ol {margin:10px 0; list-style-type:lower-latin; padding-left:25px;}
#site_all ol li {padding:2px 0; font-size: 13px; }


/* Buttons
---------------------------------------*/

#site_all .bt_spec {display:inline-block; background: url(img/xsprites.png) repeat-x 0 -2317px #fff ; text-align: center; border-radius: 3px; color: #fff !important; font-size: 13px; font-weight: bold; padding:8px 10px; cursor: pointer; text-decoration: none; border: 1px solid #df7207; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); line-height:normal}
#site_all .bt_spec:hover {background: url(img/xsprites.png) repeat-x 0 -2390px #fff; color: #fff; text-decoration: none;}
#site_all .bt_spec_big {display:inline-block; white-space: nowrap; background: url(img/xsprites.png) repeat-x 0 -1830px #fff; text-align: center; border-radius: 3px; color: #fff; font-size: 20px; font-weight: bold; padding: 6px 20px; cursor: pointer; text-decoration: none; border: 1px solid #df7207; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.2); text-shadow: 0px 1px 1px #bc5500;}
#site_all .bt_spec_big:hover {background: url(img/xsprites.png) repeat-x 0 -1903px #fff; color: #fff; text-decoration: none; }
#site_all .bt_grey {display:inline-block; background: url(img/bt_grey.png) no-repeat right 0; border-radius: 2px;	color: #2b2b2b;	font-size: 13px; font-weight: normal; cursor: pointer; text-decoration: none; border: 1px solid #d9d9d9; padding:10px 10px 10px 25px ;}
#site_all .bt_grey:hover {background-position:right -40px; color: #2b2b2b; text-decoration: none;}

/* Header
---------------------------------------*/

#header {height: 130px;	position: relative; width: 978px; margin:0px auto 15px auto; text-align:left;}
#header a {text-decoration: none;}

#header .logo {background:url(img/logo.png) 0 0 no-repeat; width:220px; height:70px; display:block;}

#header .toplinks {color: #2b2b2b; float: right; font-size: 12px;	text-align: right;}
#header .toplinks a {color: #2b2b2b; margin: 0px 5px; text-decoration: none;}
#header .toplinks a:hover {color: #2b2b2b; text-decoration: underline;}

#header #TOPNAV {font-weight: bold;	position: absolute; top: 98px; margin:0; padding:0;}
#header #TOPNAV li {margin-right: 45px; list-style:none; float:left; color: #fff; text-decoration: none; font-size: 18px; cursor:pointer; height:32px; line-height:24px;}
#header #TOPNAV a {color: #fff; text-decoration: none; font-size: 18px;}

#header .submenu {display:none; position:absolute; z-index:10000; background:url(img/submenu_bg.png) 20px 0 no-repeat #fff; border-radius: 0 0 3px 3px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); top: 120px; left:0; padding:15px 5px 10px 5px; width:170px;}
#header .submenu li {margin-bottom:5px; float:none;}
#header .submenu li.active, #HEADER .submenu li:hover {background:#f1f1f1; color:#2b2b2b;}
#header .submenu a {padding:5px 15px; display:block;}
#header .submenu a:hover {color:#2b2b2b; text-decoration:none;}
#header ul.submenu li { list-style-type: none !important; }

#header #SEARCH {position: absolute; top: 45px; right:0px;}
#header #SEARCH a {float:right; padding:0px 10px; height:25px; line-height:25px; border-radius: 0 2px 2px 0; border-left:none; }
#header #SEARCH input {color:#999; height:25px; line-height:25px; border-radius: 2px 0 0 2px; box-shadow:none; border:1px solid #bbb; padding: 0px 10px; width:200px;}
#header #SEARCH input.active {color:#000;}

#header .conditions {font-size: 13px; color: #b0b0b0; position: absolute; top: 32px; left: 300px;}
#header .conditions a  {font-size: 13px; color: #b0b0b0; display: block;}
#header .conditions .partner {background: url(img/condition_icons.png) 0 0 no-repeat;	float: left; padding-left: 40px; padding-right: 20px; margin-right: 20px; border-right: 1px solid #f1f1f1;}
#header .conditions .about {background: url(img/condition_icons.png) 0 -126px no-repeat; float: left; padding-left: 30px; padding-right: 20px;	margin-right: 20px;}

/* Content
---------------------------------------*/

#inhalt {width: 978px; font-size: 13px; margin:0px auto; overflow:hidden; text-align:left;}
.section {width: 978px; margin:0px auto;}

#CONTENT {clear: both; margin: 20px 0;}

#CONTENT h3 a {text-decoration:none;}

#MIDDLECOL ul {padding-left:15px;}
#MIDDLECOL ul li  {list-style:square; margin:5px 0px;}

/* Footer
---------------------------------------*/

#footer_target {background: #f1f1f1; clear: both; margin-top: 30px; overflow:hidden; padding:0 0 0px 0; text-align:left; font-size: 13px;}

#footer_target .inner {margin: 0px auto; padding:20px; color:#808080; width: 938px; margin:0px auto; font-size: 13px;}
#footer_target .inner.article {width:978px;}
#footer_target .inner div {font-size: 12px;}

#footer_target a {color:#000; text-decoration:none; float:right;}
#footer_target a:hover {color:#555; text-decoration:none;}

#footer_target .social {margin-bottom:10px; overflow:hidden; font-size: 13px;}
#footer_target .social a {float:left; display:block; margin-right:10px; padding:2px 5px 2px 20px; background:url(img/ico_social.png) 0 0 no-repeat;}
#footer_target .social a.fb {background-position: 0 5px;}
#footer_target .social a.tw {background-position: 0 -67px;}
#footer_target .social a.gp {background-position: 0 -18px;}

#footer_target a.powered {margin-top:50px; color:#808080; font-size:12px;}
#footer_target a.powered:hover {color:#333;}

/* Tyresearch
---------------------------------------*/

.tyresearch { background:#f0f0f0; border:4px solid #fff; border-radius:5px; padding:15px; width:360px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); }
.tyresearch h2 {font-size: 20px; font-weight: bold; margin-bottom: 15px;}

.tyresearch select {padding: 4px 3px; margin: 5px 0 12px 0; font-weight: normal;}
.tyresearch .bt_spec_big {width: 318px;}

.tyresearch .dimension div {float:left; }
.tyresearch .dimension span {float:left; padding-top:27px; display:block; margin:0 8px;}

.ts_car {padding: 20px;	width: 938px; height: 430px;}
.ts_car.summer {background: url(img/ts_car_summer.jpg) right 0 no-repeat;}
.ts_car.winter {background: url(img/ts_car_winter.jpg) right 0 no-repeat;}
.ts_car.allseason {background: url(img/ts_car_allseason.jpg) right 0 no-repeat;}
.ts_offroad {background: url(img/ts_offroad.jpg) right 0 no-repeat; padding: 20px; width: 938px; height: 430px;}
.ts_transport {background: url(img/ts_transport.jpg) right 0 no-repeat; padding: 20px; width: 938px; height: 430px;}
.ts_motorcycle {background: url(img/ts_motorcycle.jpg) right 0 no-repeat; padding: 20px; width: 938px; height: 430px;}

.ts_outer {display:none;}

/* Productdetail
---------------------------------------*/

.article_rightcol {width:310px; float:right;}

.article_rightcol .box {font-size:12px; border:1px solid #ececec; padding:20px; margin-bottom:20px;}
.article_rightcol .box h4 {font-size:16px; margin-bottom:20px !important;}
.article_rightcol .box ul {font-size:14px;}

.article_rightcol .conditions { font-size:16px;}
.article_rightcol .conditions .shipping {background: url(img/condition_icons.png) 0 0 no-repeat; padding-left:55px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1;}
.article_rightcol .conditions .rating {background: url(img/condition_icons.png) 0 -126px no-repeat; padding-left:55px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1;}
.article_rightcol .conditions .rating img {height:58px; margin:10px 10px 0 0;}
.article_rightcol .conditions .hotline {background: url(img/condition_icons.png) 0 -255px no-repeat; padding-left:55px;}

.article_rightcol .partner {overflow:hidden;}
.article_rightcol .partner input {height:35px; line-height:35px; padding:0px 10px; border-radius: 2px 0 0 2px; width:201px; border-right:none; margin-bottom:15px; float:left;}
.article_rightcol .partner .bt_grey {float:left; width:45px; height:35px; line-height:35px; padding:0px; border-radius: 0 2px 2px 0; border-left:none; background-repeat:repeat-x; background-position:5px 0;}

.article_info {float:left; width:635px;}
.article_info h1 {font-size:20px; font-weight:bold; margin:0;}
.article_info h1 b {font-size:13px; font-weight:normal;}
.article_info h2 {font-weight:normal; font-size:13px; margin-top:5px;}

.article_info .product_img {float:left; width:190px; text-align:center; position:relative; font-size:12px; height:250px;}
.article_info .product_img .hauptbild {background:#fff; text-align: center; padding:5px 0px; margin-bottom: 10px; position: relative;}
.article_info .product_img .hauptbild img {width:150px; border:none;}
.article_info .product_img .tipp {position:absolute; top:5px; left:5px; z-index: 10000;}
.article_info .product_img .brand { min-height: 28px;z-index:10000; position:absolute; top:180px; left:0px; background:url(img/brand_shadow_big.png) center bottom no-repeat; padding-bottom:12px; text-align:center; width:190px; background-color: #ffffff}
.article_info .product_img .brand img{width: 178px;text-align:center;}
.article_info .product_img #wrap {text-align: center; width: 150px; margin: 0px auto;}
.article_info .product_img a {text-decoration:none;}

.article_info .product_info {margin-left:260px; overflow:hidden;}
.article_info .product_info .season {margin:5px 0;}
.article_info .product_info .inner {line-height:2; padding-left:20px;}
.article_info .product_info img {margin:10px 0px;}
.article_info .product_info ul {padding-left:15px;}
.article_info .product_info ul li {list-style:square; margin:5px 0px;}

.article_info .product_wrap {overflow:hidden; border-bottom:1px solid #ececec; padding-bottom:20px; margin-bottom:20px;}

.article_info .info_block {margin-bottom:20px;}
.article_info .info_block h2{font-weight: bold;}
.article_info .info_block .h2{font-weight: bold;}
.article_info .info_block h4 {background: url(img/xsprites.png) repeat-x 0 -476px; font-weight:normal; height:40px; line-height:40px; font-size:16px; border:1px solid #cfcfcf; border-radius:5px; padding:0px 10px !important; margin:0px; cursor:pointer;}
.article_info .info_block h4 .expand {background:url(img/article_info_expand.png) 0 -50px  no-repeat; float:right; width:25px; height:26px; margin-top:7px; display:block;}
.article_info .info_block .info_content {overflow:hidden; border:solid #ececec; border-width:0 1px 1px 1px; padding:25px 10px 20px 10px; margin-top:-5px; position:relative;}
.article_info .info_block .info_content .description li{list-style: square outside none;padding-leff: 15px 0;}
.article_info .info_block .info_content td { font-size: 13px;}
.article_info .info_block.closed .expand {background:url(img/article_info_expand.png) 0 0 no-repeat;}
.article_info .info_block.closed .info_content {display:none;}

.cloud-zoom-lens {border: 3px solid #888; margin:-3px;	/* Set this to minus the border thickness. */ background-color:#fff; cursor:move; }
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; }
.cloud-zoom-big { overflow:hidden; background-repeat:no-repeat;}
.cloud-zoom-loading {color:white; background:#222; padding:3px; border:1px solid #000;}

.article_info #tyrelabel {position:relative; z-index:10; height:170px; width:115px; margin-bottom:60px; cursor:pointer;}
.article_info #tyrelabel_big {display:none; position:absolute; left:50%; width:322px; height:227px; margin-left:-166px; z-index:15; cursor:pointer;}

.red {color:red}

/* Season
---------------------------------------*/
.season {padding-left:20px;}
.season.Sommerreifen {background:url(img/ico_season.png) 0 0 no-repeat; background-position: 0 0; }
.season.Winterreifen {background:url(img/ico_season.png) 0 0 no-repeat; background-position: 0 -32px; }
.season.Allwetterreifen {background:url(img/ico_season.png) 0 0 no-repeat; background-position: 0 bottom; }

/* EU-Label
---------------------------------------*/
.inner {line-height:2; padding-left:20px;}
#site_all .article_info .product_info .upper_label_info a {text-decoration: none; cursor:pointer;}
#site_all .article_info .product_info .upper_label_info a ul.label {padding:3px 0 0 0; }
#site_all .article_info .product_info .upper_label_info a ul.label li {float:left; padding:0 0 0 22px; margin:0 15px 0 0; line-height:normal; list-style:none; background:url(img/ico_tyrelabel.png) 0 0 no-repeat;}
#site_all .article_info .product_info .upper_label_info a ul.label li.rw {background-position: 0 0;}
#site_all .article_info .product_info .upper_label_info a ul.label li.nh {background-position: 0 -27px;}
#site_all .article_info .product_info .upper_label_info a ul.label li.gk {background-position: 0 -55px; padding-left:13px;}

/* About
---------------------------------------*/

.about_rightcol {width:310px; float:right;}
.about_rightcol .box {font-size:12px; border:1px solid #ececec; padding:20px; margin-bottom:20px;}
.about_rightcol .box .branch {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #f1f1f1; position:relative; line-height:1.5;font-size: 13px; }
.about_rightcol .box .branch img {margin:0 10px 10px 0;}
.about_rightcol .box .branch a {position:absolute; bottom:10px; right:0px;}
.about_rightcol .box h4 {font-size:16px; margin-bottom:20px !important;}

.about_content {float:left; width:635px; font-size: 13px;}
.about_content .shop {margin-left:300px;}
.about_content .social {padding-top:40px; clear:both;font-size: 13px; }


/* Complete Wheels
---------------------------------------*/

#site_all.complete_wheel h1 {margin:8px 0 3px 0;}
#site_all.complete_wheel .article_info .product_img {font-size:14px; height:290px; width:240;}
#site_all.complete_wheel .article_info .product_img .hauptbild img {width:240px; margin-bottom:10px;}

