#top {
	background: url('/images/bg-top.gif') 0 110px no-repeat;
	height: 32px;
}
.meta-nav {
	height: 24px;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 2px;
	margin-bottom: 16px;
}
.meta-nav ul {
	list-style: none;
	float: right;
}	
.meta-nav ul li {
	background: url('/images/meta-nav-divider.gif') right no-repeat;
	padding-right: 10px;
	margin-left: 10px;
	float: left;
}
.meta-nav ul li.last {
	background: none;
	padding-right: 0;
}
.meta-nav a {
	color: #000000;
}
.meta-nav a.kita-link {
	float: left;
	display: block;
	width: 300px;
}

#logo {
	background: url('/img/hct.jpg') no-repeat;
	width: 975px;
	height: 113px;
	display: block;
	float: left;
	margin-left: 8px;
	margin-top: -13px;
}

.search-box {
	background: url('/images/bg-search-box.gif') no-repeat;
	width: 975px;
	height: 65x;
	float: right;
	padding-left:0px;
	margin-top: 100px;
	position: absolute;
	margin-left: 8px;
}
.search-box .btn {
	border: 0;
	background: none;
	height: 36px;
	width: 68px;
	cursor: pointer;
	text-indent: -9999px;
}
.search-box .input {
	height: 24px;
	width: 328px;
	border: 0;
	font: 17px "Myriad Pro Cond", Arial, Tahoma;
	text-transform: uppercase;
	background: none;
	vertical-align: top;
	margin-top: 5px;
	padding-left: 550px;
}



.left {
	width: 175px;
	float: left;
}
.middle {
	width: 610px;
	float: left;
	margin-left: 20px;
}
.middle ul, .middle ol {
	display: block;
	width: 550px;
	margin-left: 53px;
}
.middle.long {
	width: 825px;
}
.right {
	float: left;
	width: 215px;
}

#main-teaser .left,
#main-teaser .right {
	background: none;
	width: 295px;
	margin-top: 0;
	padding: 0;
}
#main-teaser .right {
	margin-left: 10px;
}

.teaser .head,
.header {
	background: url('/images/bg-head.gif') no-repeat;
	text-transform: uppercase;
	color: #000;
	font: 17px "Myriad Pro", Arial, Tahoma, Verdana;
	font-weight: bold;
	height: 30px;
	padding: 11px 0 0 10px;
}	

.spare-pants {
	background: url('/images/bg-spare-pants.gif') no-repeat;
	display: block;
	height: 30px;
	width: 275px;
	color: #636363;
	font: 15px "Myriad Pro", Arial, Tahoma, Verdana;
	text-shadow: 1px 1px 1px #fff;
	padding: 11px 0 0 10px;
	font-weight: bold;
}


.contact {
	background: url('/images/bg-contact.gif') top no-repeat;
	height: 118px;
	width: 191px;
	padding: 08px 0 0 24px;
	margin-top: 20px;
	margin-left: 10px;
}
.contact a {
	height: 32px;
	display: block;
	width: 128px;
	color: #727272;
	padding-top: 6px;
	padding-left: 37px;
}
.header {
	background: url('/images/bg-main-head.gif') no-repeat;
	height: 31px;
	margin-bottom: 20px;
}
.header.long {
	background: url('/images/bg-main-head-long.gif') no-repeat;
}
.header ul {
	float: right;
	list-style: none;
	text-transform: none;
	margin-right: 40px;
	margin-top: 2px;
}
.header ul li {
	float: left;
	font-size: 14px;
	margin-left: 5px;
	font-weight: normal;
}
.header ul li.last {
	background: url('/images/page-nav-next.gif') 0 center no-repeat;
	padding: 0 5px 0 10px;
	width: 45px;
}
.header ul li a {
	color: #4c4c4c;
}
.header ul li a:hover {
	color: #000;
}
.header ul li.act {
	margin-top: -5px;
}
.header ul li.act a {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.header-text {
	float: left;
	width: 600px;
}

.list {
	padding-bottom: 20px;
	background: url('/images/border-bottom-list.gif') 0 bottom no-repeat;
	margin-bottom: 20px;
}
.list.last {
	padding-bottom: 0;
	margin-bottom: 0;
	background: none;
}

.product-teaser {
	float: left;
	margin-right: 15px;
	width: 135px;
	font-size: 11px;
	line-height: 14px;
}
.product-teaser .product-info {
	height: 180px;
	overflow: hidden;
}
.product-teaser .img {
	vertical-align: middle;
	height: 179px;
	margin-bottom: 10px;
}
.product-teaser .img img {
	border: 1px solid #fff;
}
.product-teaser .img img:hover {
	border: 1px solid #c80017;
}
.product-teaser h2 {
	color: #000;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	line-height: 16px;
	margin-bottom: 5px;
}
.product-teaser .artnumber {
	color: #e2001a;
}
.product-teaser .price {
	font-size: 16px;
	color: #e2001a;
}
.product-teaser .price span {
	color: #4c4c4c;
	font-size: 11px;
}
.product-teaser .basket span {
	float: left;
	margin-top: 3px;
}
.product-teaser .basket {
	margin-top: 10px;
}
.product-teaser .basket .submit {
	background: url('/images/warenkorb.gif');
	width: 69px;
	height: 22px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	float: left;
}
.product-teaser .basket .input {
	border: 1px solid #dcdcdc;
	float: left;
	height: 18px;
	width: 19px;
	margin: 0 4px;
}

/* ---------- PRODUKT ---------- */

#product {
	background: url('/images/border-bottom-list.gif') 0 bottom no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.header.product {
	text-transform: none;
}
a.back {
	background: url('/images/back-no.gif') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 22px;
	width: 80px;
	float: right;
	margin-right: 30px;
}

a.back:hover {
	background: url('/images/back-hov.gif') no-repeat;
}
a.detail {
	background: url('/images/details.gif') left no-repeat;
	display: block;
	height: 15px;
	width: 70px;
	margin-bottom: 20px;
	color: #ce0018;
	padding-left: 20px;
}
.header.long a.back {
	margin-right: 11px;
}
a.share, a.print {
	background: url('/images/share.gif') left no-repeat;
	display: block;
	height: 15px;
	width: 137px;
	padding-left: 20px;
	float: left;
}
a.print {
	background: url('/images/print.gif') left no-repeat;
	height: 15px;
	width: 72px;
	padding-left: 20px;
	margin-left: 20px;
}
a.share:hover, a.print:hover {
	color: #000;
}
#product .img {
	float: left;
	width: 251px;
}
#product .img .small-img img {
	padding: 1px;
	border: 0px solid #e1e1e1;
	margin-right: 1px;
}
#product .img .small-img img.last {
	margin-right: 0;
}
#product .details {
	float: left;
	margin-left: 20px;
	width: 315px;
}
#product .details th {
	text-align: left;
	color: #000;
}
#product .details .price span {
	font-size: 18px;
	color: #e3001a;
}
#product .details input.batch {
	height: 21px;
	border: 1px solid #c5c5c5;
	width: 35px;
	float: left;
	margin-right: 10px;
	font: 12px Arial, Tahoma, Verdana;
	color: #4c4c4c;
	padding-top: 2px;
	padding-left: 5px;
}
#product .details input.shopping-card {
	background: url('/images/shopping-card-no.gif') no-repeat;
	height: 27px;
	width: 172px;
	border: 0;
	cursor: pointer;
}
#product .details input.shopping-card:hover {
	background: url('/images/shopping-card-hov.gif') no-repeat;
}
#product .details select {
	height: 20px;
	border: 1px solid #c5c5c5;
	font: 12px Arial, Tahoma, Verdana;
	color: #4c4c4c;
}
#product .product-description {
	margin: 20px 0;
}

/* ---------- ERSATZTEILE ---------- */

.spare-parts h2 {
	font-size: 16px;
	color: #ce0018;
}
.spare-parts .teaser {
	width: 590px;
	margin-bottom: 20px;
	border: 1px solid #eee;
}
.spare-parts .teaser .head {
	background: none;
	font: 12px Arial, Tahoma, Verdana;
	color: #000;
	font-weight: bold;
	text-transform: none;
	margin-bottom: -10px;
	padding: 0;
}
.spare-parts .teaser .img {
	width: 107px;
	background-color: #fff;
	text-align: center;
	padding: 10px 0;
	float: left;
}
.spare-parts .teaser .details {
	padding: 10px;
	border-left: 1px solid #eee;
	float: left;
	width: 462px;
	background-color: #f7f7f7;
}
.spare-parts .teaser .details .price {
	float: left;
	color: #ce0018;
	font-size: 19px;
}
.spare-parts .teaser .details .price input {
	border: 1px solid #eee;
	color: #000000;
	font: 12px Arial, Tahoma, Verdana;
	height: 21px;
	padding-left: 5px;
	padding-top: 2px;
	width: 42px;
}
.spare-parts .teaser .details .price span,
.spare-parts .teaser .details .price form {
	float: left;
}
.spare-parts .teaser .details .price span {
	margin-right: 20px;
	margin-top: 3px;
}
.spare-parts .teaser .details p.right {
	float: right;
	color: #ce0018;
	width: auto;
	margin-top: 5px;
	margin-bottom: 0;
}
.header-text-product {
	float: left;
	width: 480px;
}
.spare-parts .teaser .details input.shopping-card {
	background: url('/images/shopping-card-small-no.gif') no-repeat;
	height: 25px;
	width: 34px;
	border: 0;
	cursor: pointer;
	margin-left: 10px;
	vertical-align: bottom;
}
.spare-parts .teaser .details input.shopping-card:hover {
	background: url('/images/shopping-card-small-hov.gif') no-repeat;
}


#product .left-side,
#product .right-side {
	width: 285px;
	float: left;
	margin-bottom: 20px;
}
#product .left-side {
	margin-right: 20px;
}
table.wk {
	width: 590px;
}
table.wk tr.dark {
	background-color: #fbfbfb;
}
table.wk th,
table.wk td.info {
	text-transform: uppercase;
	color: #000;
	padding: 5px 10px;
	background-color: #e5eceb;
	font-size: 10px;
}
table.wk td.info {
	text-align: right;
}
table.wk td {
	padding: 5px;
	text-align: center;
}
table.wk td input {
	width: 30px;
}

.text-align.right {
	float: right;
	margin-right: 20px;
	text-align: right;
}
.checkout {
	background: url('/images/checkout-no.gif') right no-repeat;
	display: block;
	overflow: hidden;
	height: 47px;
	width: 160px;
	margin-top: 20px;
	margin-left: 57px;
}
.checkout:hover {
	background: url('/images/checkout-hov.gif') right no-repeat;
}

.fce-1-1 .left,
.fce-1-1 .right,
.fce-1-1 .left .fce-box,
.fce-1-1 .right .fce-box {
	width: 240px;
}
.fce-1-1 .left,
.fce-1-1 .right {
	float: left;
}
.fce-1-1 .left {
	margin-right: 68px;
}

.fce-box {
	background-color: #f5f5f5;
	border: 1px solid #cbcbcb;
	padding: 20px;
	width: 549px;
}
.fce-box h2 {
	font-size: 15px;
}
.fce-1-1 .fce-box label {
	width: 100px;
	display: block;
	float: left;
}
.fce-1-1 .fce-box .lost-pw {
	float: left;
}
.fce-1-1 .fce-box .submit {
	float: right;
}
.fce-1-1 .fce-box {
	height: 240px;
}

table th, table td { text-align: left; }
table {	margin-bottom: 20px; }
table td.short { width: 108px; }
table td.euro { padding-right: 20px; }

table.bestellen th {
     padding: 5px 10px;
     background-color: #e2001a;
     color: #fff;
     text-align: center;
}
table.bestellen td {
     text-align: center;
     padding: 5px 2px;
}

form.register label, form.register input {
     float: left;
}
form.register label {
     margin-right: 20px;
     width: 100px;
}
form.register input {
     width: 420px;
}
form.register input.submit, form.register.contactform input.submit {
     width: auto;
}
form.register.contactform label {
     margin-right: 20px;
     width: 123px;
}
form.register.contactform input {
     width: 395px;
}
form.register.contactform input#plz,form.register.contactform input#number {
     width: 100px;
}
form.register.contactform input#street,form.register.contactform input#place {
     width: 281px;
}
form.register.contactform input#street,form.register.contactform input#plz {
     margin-right: 10px;
}