﻿
body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	background:url(grau_16.png)}
	
p {
	margin:0px;}
    
a:link, a:visited {
	text-decoration:none;
	color:white;}
	
a img {border:0 none;}

input[type=submit] {
	padding:2px;
	border:2px solid #6A9FE9;
	background-color:#DDDDDD;
	color:black}
	
select, textarea {}
	
table {table-layout:fixed;}
	
table, tr, td {
	border:0px none;
	padding:0px;}
	
table.notdpadding td {padding:0px!important;}

td, th {
	text-align:left;
	vertical-align:top;}

td.center, th.center {text-align:center;}
td.right, th.right {text-align:right;}

td.middle, th.middle {vertical-align:middle;}
td.bottom, th.bottom {vertical-align:bottom;}

.clear {
	clear:both !important;
	height:0px;}
	
.pos-relative {position:relative;}

.blackLinks a {color:Black}

/*main-layout________________________*/

#wrap {
	width:1000px;
	margin:0px auto;
	background:white;}
	
#head {
	position:relative;
	background:url(PSautoteile_banner01.jpg) no-repeat;
	width:100%;
	height:201px;}
	
#maincontent {
	width:100%;
	/*background:url(footer_right.png) right bottom no-repeat*/}
	
#left {
	width:202px;
	padding-bottom:420px;
	background:url(menue1px.png) repeat-y;}
	
#left div.menu {
	padding-top:20px;
	background:url(menue.png) no-repeat;}

#left #carsearch .content {padding:0px 8px;}
#left #carsearch .content .title {padding-left:0px;}
#left #carsearch div.ddlstyled {
	position:relative;
	height:25px;}

#left #carsearch div.ddlstyled.first {display:block!important;}
	
#left #carsearch span.ddlstyled {
	position:absolute;
	width:145px;
	height:20px;
	overflow:hidden;
	top:0px;
	left:0px;
	line-height:20px;
	padding:0px 18px 0px 3px;
	text-align:left;
	background:url(point_down.png) right center no-repeat;}

#left #carsearch select.ddlstyled {
	display:block;
	width:100%;
	height:20px;
	border:0px none;
	position:relative;
	z-index:10;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;}
	
#left #carsearch a.carsearch {
	float:right;
	height:16px;
	margin-top:5px;
	padding-right:18px;
	background:url(point_right.png) right no-repeat;}
	
#left .leftfoot {
	position:absolute;
	background:url(footer_left.png) no-repeat bottom;
	padding-bottom:150px;
	width:202px;
	bottom:0px;
	left:0px;
	color:white;
	font-size:11px;}

#left .leftfoot div {margin-left:10px;}
	
#middle {
	width:798px;
	padding:40px 0px 30px;
	background:url(PSautoteile_banner02_right.jpg) top no-repeat}

#head table {height:100%; width:422px;}
#head td {vertical-align:bottom;}

#head td a {
	display:block;
	text-align:center;
	height:25px;}

#head td.one {width:81px;}
#head td.two {width:85px;}
#head td.three {width:86px;}
#head td.four {width:85px;}
#head td.five {width:85px;}
	
#head a.one {padding-top:42px;}
#head a.two {padding-top:25px;}
#head a.three {padding-top:25px;}
#head a.four {padding-top:48px;}
#head a.five {padding-top:102px;}

#head  a:hover { color:black;}

#head  a.one:hover {background:url(button_01.png) right bottom no-repeat;}
#head  a.two:hover {background:url(button_02.png) right bottom no-repeat;}
#head  a.three:hover {background:url(button_03.png) right bottom no-repeat;}
#head  a.four:hover {background:url(button_04.png) right bottom no-repeat;}
#head  a.five:hover {background:url(button_05.png) right bottom no-repeat;}
	
#head a.cartnavbutton {
	position:absolute;
	top:165px;
	right:0px;
	height:45px;
	width:333px;
	padding-top:10px;
	padding-left:9px;
	color:black;}
	
#left a.leftlink {
	display:block;
	margin:5px auto;
	padding-left:15px;
	width:176px;
	height:33px;
	font-size:14px;
	line-height:31px;
	background:url(left_btn.png)}

#left .roundbox {
	width:191px;
	margin:10px auto;}

#left .roundbox .head, #left .roundbox .foot {
	height:8px;
	overflow:hidden;}
	
#left .roundbox .head {background:url(left_round_head.png) no-repeat}
#left .roundbox .content {background:url(left_round_1px.png) repeat-y}
#left .roundbox .foot {background:url(left_round_foot.png) no-repeat}	
	
#left .roundbox .title {
	color:white;
	padding-left:5px;}
	
#left .roundbox .content > div * {
	vertical-align:top;}	

#left .roundbox .content > div {
	vertical-align:top;
	text-align:center;
	margin-top:5px;}
	
#left .roundbox input {
	height:14px;
	width:145px;
	padding:1px;
	border:0px none;
	font-size:11px;}
	
#left .rountbox.articlesearch input {background:#FFFFFF url(point_down.png) no-repeat scroll right center}

#middle .loginbutton {
	padding:2px;
	border:2px solid #6A9FE9;
	color:black}
	
.AspNet-Menu-Vertical a {color:black;}

/*PRODUCTLIST*/

ul.children{
    list-style-type:circle;
    list-style-position:inside;
    margin-left:-8px;
    margin-top:1px;
    margin-bottom:5px;}
ul.children li {
    color:White;
    float:left;
    padding:3px;
    padding-left:5px;
    margin:0 1px 1px 0;
    width:175px;
    height:16px;
    line-height:16px;
    background-color:#699EE8;}

/*td.sitemap {background-color:#DBECFB;}
td.sitemap h2 {
    margin-left:22px;
    color:#333}*/
#left div.sitemap .head {
	height:20px;
	background-image:url(left_round_yellow_head.png)}
#left div.sitemap .foot {
	background-image:url(left_round_yellow_foot.png);
	height:20px;}
#left div.sitemap .content {background-image:url(left_round_white_1px.png)}
#left div.sitemap .foot {background-image:url(left_round_yellow_foot.png)}
#left div.sitemap .title {
	display:block;
	padding:3px 5px 5px;}
#left div.sitemap .content .sitemaplist * {color:#F7B234}
ul.sitemaplist{
    text-transform:uppercase;
    list-style-type:none;
    padding:5px;
	height:380px;
	margin:0px;
	overflow-y:scroll;}
ul.sitemaplist a {color:Black}
ul.sitemaplist a:hover {text-decoration:underline}
ul.sitemaplist li {
    overflow:hidden;
    height:17px;
    line-height:17px;}
ul.sitemaplist li span.letter {
    display:block;
    font-weight:bold;
    float:left;
    height:100%;
    width:20px;}

.paging {
    margin:10px;}
.paging_top {text-align:right;}
.paging_bottom {margin-top:20px!important;}

.paging .current {
	font-size:1.2em;
	text-decoration:underline;}

.article_mini {
	float:left;
	margin-left:19px;
	margin-top:15px;
	height:344px;
	width:241px;
	background:url(article_mini.png) no-repeat}
	
.article_mini table.title {margin-bottom:5px;}

.article_mini td.title {
	height:49px;
	padding-left:10px;}
	
.article_mini .image {
	height:130px;
	padding-top:52px;
	background:url(productlist_ele_hg.png) top center no-repeat;
	text-align:center;}

.article_mini .shortdesc {
	height:25px;
	padding:0px 3px;
	overflow:hidden;}
	
.article_mini .shortdesc, .article_mini .price {
	font-size:10px;
	text-align:center;}

.article_mini .price {margin-top:7px;}

.article_mini .price .price {
	font-size:16px;
	font-weight:bold;}

.article_mini .action {
	display:block;
	margin:3px auto;
	line-height:33px;
	height:33px;
	width:99px;
	text-align:center;
	background:url(btn_more.png) no-repeat;}


/*PRODUCTDETAIL*/

#middle .center {
	width:752px;
	margin:0px auto;}
	
.center h1 a:hover {text-decoration:underline;}
	
#middle .head {
    display:block;
	height:50px;
	width:723px;
	line-height:50px;
	padding:0px 15px;
	/*margin-bottom:5px;*/
	font-size:14px;
	color:white;
	background:url(detail_head.png) no-repeat;}
	
#middle .centertable {
	width:100%;
	margin-top:5px;
	table-layout:auto;}

#middle .centertable tr.top {height:10px; background:url(detail_round_head.png) no-repeat;}
#middle .centertable tr.middle {background:url(detail_round_1px.png) repeat-y;}
#middle .centertable tr.foot {height:10px; background:url(detail_round_foot.png) no-repeat;}

#middle #detailtable.centertable tr.middle {background:none!important;}
#middle #detailtable.centertable tr.middle td.image {border-left:1px solid #6A9FE9;}
#middle #detailtable.centertable tr.middle td.info {border-right:1px solid #6A9FE9;}

#middle .centertable tr.middle td {padding:7px;}

.centertable#detailtable tr.middle td.image {
	background:url(productlist_ele_hg.png) no-repeat center top;
	width:270px;
	padding-top:80px;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #6A9FE9;}
	
.centertable#detailtable tr.middle td.image div {text-align:left;}

.centertable#detailtable tr.middle td.info {padding-left:20px;}

table#grouplist{
    margin: 0 auto;
    width: 752px;
    }

td.grouplistitem{
    width: 145px;
    height: 145px;
    background: transparent url(cross_box.png) no-repeat;
}

.grouplistitem span.article_title
{
    display: block;
    clear:both;
    color:black;
    font-size:11px;
    height:30px;
    padding:0 3px;
    text-align:center;
    margin-top: 8px;
	word-wrap:break-word;
}

.grouplistitem .image{
    clear:both;
    display: block;
    margin: 0 auto;
}

.grouplistitem span.image{
    margin: 10px auto 0 auto;
    height: 50px;
    width: 90px;
}

.grouplistitem span.price{
    position: absolute; 
    margin:27px 0 0 10px;
    position:absolute;
    display: inline;
    font-size:14px;
}

#productdetail .bigtext {
	display:block;
	margin:3px 0px;
	font-size:15px;
	color:#274992;}
	
#productdetail .desc {
	display:block;
	margin:7px 0px;
	font-size:10px;}

#productdetail input.long, #productdetail input.short {
	padding:3px;
	padding-top:5px;
	height:15px;
	border:none;
	font-size:11px;}
	
#productdetail input.long {	
	width:219px;
	border:none!important;
	background:url(input_long.png) no-repeat;}

#productdetail input.short {
	width:59px;
	border:none!important;
	background:url(input_short.png) no-repeat;}
	
#productdetail .price {
	font-size:16px;
	font-weight:bold;}
	
#productdetail .hint {font-size:10px;}

#productdetail .button {
	display:block;
	float:left;
	height:33px;
	line-height:33px;
	width:148px;
	text-align:center;
	margin:10px 5px 0px 0px;
	background:url(btn_add.png) no-repeat;}

#productdetail .image .modalBackground {
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
	background-color:black;}

#productdetail .infotable 
{
	font-size:7pt
}
#productdetail .infotable  caption
{
	font-size:10pt;
	text-align:left;
}
#productdetail table.infotable
{
	table-layout: auto;
}
#productdetail td.infotable
{
	border-left:1px solid #6A9FE9;
	border-right:1px solid #6A9FE9;
	border-top:1px solid #6A9FE9;
}

#productdetail .infotable .alterrow
{
	background-color: #ffffff;
}
#productdetail .infotable .row
{
	background-color: #f8f8f8;
}

/*WARENKORB*/

#basket .numbering  {margin:10px 0px 10px;}

#basket .numbering  .number {
	display:block;
	float:left;
	width:24%;
	height:26px;
	line-height:26px;
	text-align:center;
	background:url(dot.png) no-repeat center center}

#basket .numbering  .number.active {
	background-image:url(dot_filled.png);
	color:white;}

#basket .numbering  .text {
	display:block;
	float:left;
	width:24%;
	text-align:center;}
	
#basket .numbering  .active.text {font-weight:bold;}

#basket table.basket {width:100%}
#basket table.basket a {color:black}
#basket table.basket td {border-bottom:1px solid #6A9FE9;}
#basket table.basket tr.hover:hover {background-color:#D5DCE5}

#basket table.basket .article {width:300px;}
#basket table.basket .amount {width:170px;}
#basket table.basket .order_nr {width:170px;}
#basket table.basket .price {width:100px;}
#basket table.basket .total {width:100px;}
#basket table.basket.readonly .amount {width:75px;}
#basket table.basket. td.separator div {height:1px;}

#middle input[type=text], #middle input[type=password], #middle textarea {
	border:1px solid #6A9FE9;}
	
#basket table.basket td.amount input[type=text] {width:35px;}
	
#basket table.basket a.editbutton.update {color:#6A9FE9;}
#basket table.basket a.editbutton.remove {color:red;}

#basket table.basket .article .desc {font-size:10px;}

#basket table.sum  {
	width:50%;
	margin:0px 0px 0px auto;}
	
#basket table.sum  td.firsttd {width:215px;}

#basket table.sum  tr.total {font-size:19px;}
#basket table.sum  tr.vat {font-size:13px;}


#basket table.adressdata, #basket table.adressdata_optional {table-layout:auto;}

#basket .button {idth:100p
	display:block;
	margin:10px 10px 0px;
	background:url(btn_more.png) no-repeat;
	width:99px;
	height:33px;
	line-height:33px;
	text-align:center;}

#basket .button.left {float:left}
#basket .button.right {float:right}
#basket .button.finish {
	background:url(btn_add.png) no-repeat;
	width:148px;
	height:34px;}

#cms_content a {color:#6A9FE9}
.cms_text a[href$=".pdf"] {
    padding:7px 0;
    padding-left:24px;
    line-height:28px;
    background:url(pdf_icon.png) left center no-repeat;}
/*IE6-Fix*/

span.topprodlistitem a span.price span{display:inline;font-size:16px;}
span.topprodlistitem span.desc {position: absolute; margin-top: 50px;width:145px; word-wrap: break-words;color: #F9B100; padding: 0 5px; font-size: 10px;}