body
{
/*background-color:#393939;
http://de.fotolia.com/
*/
background: #EAF4FB;

font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000000;
}

/* Menu style settings */

.top_half {
/* background-color: #eee; */
height: 30px;
}

.top_half .item {
/*width:      150px; */
padding: 2px 20px 2px 20px;
/*height:     30px;*/
display: block;
float: left;
text-align: center;
cursor:     pointer;
line-height: 30px;
color: #FFFFFF;
font-family: Arial, sans-serif;
font-weight: bold;
z-index: 100;
position:relative;
}

.clblue {
background-color: #0066FF;
}

.clblue1 {
background-color: #B0D0FF;
}

.clblue2 {
background-color: #4A93FF;
}

.clblue3 {
background-color: #79AEFF;
}

.clred {
background-color: #FF0000;
}

.clred1 {
background-color: #FF6464;
}

.clred2 {
background-color: #FFA4A4;
}

.clred3 {
background-color: #CE0000;
}

.clgray {
background-color: #999999;
}

.clgray1 {
background-color: #E8E8E8;
}

.clyellow {
background-color: #FFCC00;
}

.clyellow1 {
background-color: #FFE67D;
}

.clorange {
background-color: #FF9900;
}

.clgreen {
background-color: #66CC00;
}

.clgreen1 {
background-color: #BFFF80;
}

.clgreen2 {
background-color: #408000;
}

.cllightviolet {
background-color: #FF00FF;
}

.cllightviolet1 {
background-color: #FFAEFF;
}

.clviolet {
background-color: #9195B0;
}

.clviolet1 {
background-color: #6A6F95;
}

.top_half .item a {
color: #555;
text-decoration: underline;
}

.top_half .item a:hover {
color: #555;
text-decoration: none;
}


.bot_half {
padding-left: 20px;
margin-top: 34px;
/*height: 30px;*/
width: 840px;
line-height: 30px;
color: #555;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 0.8em;
z-index: 1000;
position:absolute;
}



.hidden {
display: none;
}

.bot_half span {
cursor:     pointer;
color: #000;
text-decoration: none;
margin: 0px 10px 0px 10px;
}

.bot_half span:hover {
cursor:     pointer;
color: #555;
text-decoration: underline;
}

/* End Menu style settings */

a{
color:#993a4e;
}
.clear{
clear:both;
}

p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}

p.artikel_detail{
padding:5px 15px 5px 15px;
font-size:12px;
}

.artikel_detail{
padding:5px 15px 5px 15px;
font-size:12px;
}

p.details_cart{
clear:both;
padding:25px 30px 5px 0px;
font-size:12px;
font-style:italic;
}

p.more_details{
padding:25px 20px 0px 20px;
font-size:12px;

}

#wraph{
width:900px;
height: auto;
margin:auto;
}

#wrap{
width:900px;
height: auto;
margin:auto;
background-color:#FFFFFF;
}

.invalid_form{
border: 1px solid #ff0000;
}

.valid_form{
border: 1px solid #000000;
}

.header{
width:900px;
height:240px;
background:url(images/Header.png) no-repeat center bottom;
}


.sa_body {
width:150px;
margin:0;
padding-top:50px;
padding-right:80px;
display: block;
float:right;
}

.sa_body2 {
border: 1px solid #cccccc;
background:#aeddff;
height: 60px;
}

.sa_left {
     float:left;
padding-left:20px;
padding-top:22px;
padding-bottom:10px;
padding-right:40px;
     margin:0;
text-align:center;
color:#ffffff;
font-weight:bold;
}


.sf_left {
clear:both;
     float:left;
padding-left:10px;
padding-top:124px;
padding-bottom:10px;
padding-right:30px;
     margin:0;
}



/*
.logo{
padding:55px 0 0 322px;
}
*/

/*
       		<div class="logo"><a href="index.html"><img src="images/logo.gif" alt="" title="" border="0" /></a></div>
        <div id="menu">
            <ul>
            <li class="selected"><a href="index.html">home</a></li>
            <li class="divider"></li>
            <li><a href="about.html">about us</a></li>
            <li class="divider"></li>
            <li><a href="category.html">parts</a></li>
            <li class="divider"></li>
            <li><a href="specials.html">premium parts</a></li>
            <li class="divider"></li>
            <li><a href="myaccount.html">my accout</a></li>
            <li class="divider"></li>
            <li><a href="register.html">register</a></li>
            <li class="divider"></li>
            <li><a href="details.html">prices</a></li>
            <li class="divider"></li>
            <li><a href="contact.html">contact</a></li>
            </ul>
        </div>

        */

/*-----------------------------menu-------------------*/
#menu{
width:725px;
height:37px;
float:left;
padding:0px;
margin:30px 0 0 150px;
_margin:30px 0 0 80px;
background:url(images/menu_bg.gif) no-repeat center;
}
#menu ul{
display:block;
list-style:none;
padding:0px 0 0 10px;
margin:0px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:37px;
}
#menu ul li a{
height:37px;
display:block;
padding:0px 5px 0 5px;
margin:0 4px 0 4px;
_margin:0 2px 0 2px;
float:left;
text-decoration:none;
text-align:center;
color:#504d4b;
font-size:13px;
line-height:37px;
}
#menu ul li.selected a{
height:37px;
display:block;
padding:0px 5px 0 5px;
margin:0 5px 0 5px;
float:left;
text-decoration:underline;
text-align:center;
color:#504d4b;
font-size:13px;
line-height:37px;
}
#menu ul li.divider{
height:37px;
width:2px;
display:block;
padding:0px 7px 0 6px;
margin:0 5px 0 5px;
float:left;
background:url(images/divider.gif) no-repeat center top;
}
#menu ul li a:hover{
color:#504d4b;
text-decoration:underline;
}
/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#11819E;
}
span.red{
color:#11819E;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.colors{
padding:2px 2px 0 2px;
}


/*------------------------------------center content--------------------*/
.center_content{
width:900px;
padding:0px 0 0 0;
background:url(images/Top_border.png) no-repeat center top;
}

.top_content{
width:870px;
float:left;
background:url(images/Border.png) no-repeat center bottom;
padding:20px 0 20px 20px;
}

.left_content{
width:710px;
float:left;
padding:20px 0 20px 20px;
}
.right_content{
width:140px;
float:left;
padding:20px 0 20px 20px;
}
.title{
clear:both;
color:#993a4e;
padding:0px;
font-size:19px;
margin:10px 0 10px 0;
}
.title_cart{
color:#993a4e;
padding:0px;
float:left;
font-size:19px;
margin:0px 0 10px 0;
}
span.title_icon{
float:left;
padding:0 5px 0 0;
}
.prod_title{
color:#993a4e;
padding:5px 0 0 15px;
font-size:13px;
}
a.more{
font-style:italic;
color:#993a4e;
float:right;
text-decoration:none;
font-size:12px;
padding:0px 15px 0 0 ;
}

span.more{
cursor:pointer;
font-style:italic;
color:#993a4e;
float:right;
text-decoration:none;
font-size:12px;
padding:20px 15px 0 0 ;
}

span.continue_details{
cursor:pointer;
font-style:italic;
color:#993a4e;
float:left;
text-decoration:none;
font-size:12px;
padding:20px 0 0 15px ;
}

.about{
width:337px;
clear:both;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 50px 0;
}
img.right{
float:right;
padding:0 0 0 30px;
}
.right_box{
width:170px;
float:left;
padding:0px 0 0 0;
}

/*--------feat_prod_box-----------*/
.feat_prod_box{
padding:10px 0 10px 10px;
margin:0 20px 20px 0;
border-bottom:1px #b2b2b2 dashed;
clear:both;
}
.feat_prod_box_details{
padding:10px 0 10px 0;
margin:0 20px 10px 0;
clear:both;
}
.prod_img{
float:left;
padding:0 5px 0 0;
text-align:center;
}
.prod_det_box{
width:510px;
float:left;
padding:0 0 0 25px;
position:relative;
}
.box_top{
width:510px;
height:9px;
background:url(images/box_top.png) no-repeat center bottom;
}
.box_center{
width:510px;
height:auto;
background:url(images/box_center.png) repeat-y center;
}
.box_bottom{
width:510px;
height:9px;
background:url(images/box_bottom.png) no-repeat center top;
}

.new_prod_box{
float:left;
text-align:center;
padding:10px;
width:200px;
}

.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}

.prod_link{
  cursor:pointer;
  padding:5px 0 5px 0;
  color:#b5b5b6;
  text-decoration:none;
  display:block;
}

.prod_text{
  padding:5px 0 5px 0;
  display:block;
}

.prod_text_title{
  padding:5px 0 5px 0;
  display:block;
  height:30px;
}

.warenkorb_link{
  cursor:pointer;
  padding:5px 0 5px 0;
  font-weight: bold;
  color:#993a4e;
  /*color:#11819E;*/
  text-decoration:none;
  display:block;
}

.new_prod_bg{
/*border:1px #DFDFDF solid;*/
width:200px;
/*height:230px;*/
text-align:center;
/*background:url(images/New_prod_box.png) no-repeat center;*/
position:relative;
}

.new_prod_bg_rahmen{
/* border:1px #DFDFDF solid; */
width:200px;
height:160px;
text-align:center;
/*background:url(images/New_prod_box.png) no-repeat center;*/
position:relative;
}

.small_title{
  color:#993a4e;
  font-size:12px;
}

.navigation_pos{
position:relative;
color:#000000;
font-size:12px;
float:right;
margin:15px 55px 0px 0px;
padding:0px;
}

.dashed_board{
/*padding:10px 0 10px 10px;*/
margin:0px 55px 0px 10px;
clear:both;
border-bottom:1px #b2b2b2 dashed;
}

.new_icon{
position:absolute;
top:-1px;
right:30px;
z-index:200;
}

.new_icon_rahmen{
position:absolute;
top:0px;
left:0px;
z-index:200;
}

.special_icon{
position:absolute;
top:0px;
_top:6px;
right:2px;
z-index:250;
}
img.thumb{
padding:10px 0 0 0;
/*height:100px;*/
width:120px;
}
.new_products{
clear:both;
padding:0px;
}

ul.list{
clear:both;
padding:0px 0 0 10px;
margin:0px;
}
ul.list li{
list-style:none;
padding:2px 0 2px 0;
}
ul.list li.collapsed span{
list-style:none;
text-decoration:none;
color:#000000;
padding:0 0 0 17px;
background:url(images/menu-collapsed.png) no-repeat left;
}
ul.list li.expanded span{
list-style:none;
text-decoration:none;
color:#000000;
padding:0 0 0 17px;
background:url(images/menu-expanded.png) no-repeat left;
}
ul.list li.leaf span{
list-style:none;
text-decoration:none;
color:#000000;
padding:0 0 0 17px;
background:url(images/menu-leaf.png) no-repeat left;
}


/*
ul.list li.collapsed{
background:url(images/menu-collapsed.png) no-repeat left;
}
ul.list li.expanded{
background:url(images/menu-expanded.png) no-repeat left;
}
ul.list li.leaf{
background:url(images/menu-leaf.png) no-repeat left;
}
*/
ul.list li span:hover{
cursor:     pointer;
background-color: #FFCC00;
text-decoration:none;
}

ul.list li span.left_menu_select{
  background-color: #FFCC00;
  font-weight: bold;
}

/* expand category */

.new_categories{
clear:both;
padding:0px;
}

.cat_body {
width:300px;
margin:0; padding:10px;
display: block;
float:left;
}

.cat_body2 {
border: 1px solid #cccccc;
background:#aeddff;
height: 200px;
}

.cat_left {
     float:left;
      /*width:300px;*/
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
     margin:0;
}

.cat_right {
margin:0;
  padding-top:10px;
     /*margin-left:300px;
     margin-right:300px;
     background:#beffc0;
     height: 360px;*/
}

/* demo */

div.demolayout {
width:670px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #666;
background: #eee;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #fff;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#11819E;
}

.tabs-container {
clear: left;
padding:0px;
}
/*-----------------------languages_box---------*/

.countries_box{
padding:20px 0 20px 0;
float:left;
clear:both;
}

.countries_box a{
padding:0 2px 0 2px;
}

.countries_box a.selected{
padding:2px 2px 0 2px;
border:1px #CCCCCC solid;
}

.countries_box select{
  border:1px #eeedee solid;
  margin-left: 4px;
}

.countries_readonly{
  padding:4px;
  border:1px #eeedee solid;  
}

.languages_box{
padding:20px 0 0 20px;
float:left;
}

.languages_box a{
padding:0 2px 0 2px;
}

.languages_box a.selected{
padding:2px 2px 0 2px;
border:1px #CCCCCC solid;
}

.languages_box select{
  border:1px #eeedee solid;
}

.currency{
float:left;
padding:22px 0 0 20px;
}

.currency a{
text-decoration:none;
color:#333333;
padding:2px;
border:1px #eeedee solid;
}

.currency a.selected{
text-decoration:none;
color:#fff;
padding:2px;
border:1px #eeedee solid;
background-color:#1ca8e9;
font-weight:bold;
}

.currency a:hover{
border:1px #990000 solid;
}
/*------------------------cart---------------------*/
.cart{
/*width:337px;*/
float:right;
/*height:40px;
margin:10px 0 10px 0;*/

padding:18px 0px 5px 0px;
}
.home_cart_content{
float:left;
padding:3px;
border:1px #eeedee solid;
margin:0 10px 0 10px;
}
span.view_cart{
cursor: pointer;
display:block;
float:left;
margin:3px 10px 0 10px;
color:#2E7D8A;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:25px;
margin:20px 0 0 15px;
_margin:20px 0 0 5px;
border:1px #DFD1D2 dashed;
position:relative;
}
.form_row{
width:335px;
_width:355px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
input.register{
width:71px;
height:25px;
border:none;
cursor:pointer;
text-align:center;
float:right;
color:#FFFFFF;
background:url(images/register_bt.gif) no-repeat center;
}
a.contact{
width:53px;
height:24px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:24px;
color:#fff;
}
span.checkout{
/*width:71px;
height:25px;
display:block;*/
cursor:pointer;
float:right;
margin:10px 30px 0 10px;
/*background:url(images/Checkout_en.png) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;*/
}

span.payment{
/*width:71px;
height:25px;
display:block;*/
cursor:pointer;
float:right;
margin:10px 10px 0 10px;
/*background:url(images/Checkout_en.png) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;*/
}

span.continue{
/*width:71px;
height:25px;
display:block;*/
cursor:pointer;
float:left;
margin:10px 0 0 0px;
/*background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;*/
}

span.neu_continue{
cursor:pointer;
}

span.neu_bezahlen{
cursor:pointer;
}

span.passwort_anfordern{
cursor:pointer;
}

span.link{
cursor:pointer;
}

span.i_link{
cursor:pointer;
color:#ffffff;
}

span.login{
/*width:71px;
height:25px;
display:block;*/
cursor:pointer;
float:right;
margin:0px 0px 0 10px;
/*background:url(images/Checkout_en.png) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;*/
}

.terms{
padding:0 0 0 80px;
}
.form_subtitle{
position:absolute;
top:-11px;
left:7px;
width:auto;
height:20px;
background-color:#1ca8e9;
text-align:center;
padding:0 7px 0 7px;
color:#FFFFFF;
font-size:11px;
line-height:20px;
}
/*--------------cart_table-------------*/
.cart_table{
width:660px;
border:1px #CCCCCC solid;
text-align:center;
}
tr.cart_title{
background-color:#DFDFDF;
}
td{
padding:3px;
}
td.cart_total{
text-align:right;
padding:5px 15px 5px 0;
}
img.cart_thumb{
border:1px #b2b2b2 solid;
padding:2px;
height:100px;
}
/*--------------*/
div.pagination {
width:420px;
padding:5px;
margin:5px;
text-align:center;
float:left;
clear:both;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #2E7D8A;
text-decoration: none; 
color: #2E7D8A;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #2E7D8A;
color: #fff;
background-color: #2E7D8A;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #2E7D8A;
font-weight: bold;
background-color: #2E7D8A;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
/*---------------footer------------------------*/
.footer{
height:60px;
background:url(images/footer.png) no-repeat top center;
}
.left_footer{
float:left;
padding:15px 0 0 25px;
}
.right_footer{
float:right;
padding:15px 260px 0 0;
text-align:center;
}
.footer a{
text-decoration:none;
padding:0 5px 0 5px;
color:#797979;
}

.art_price {
text-decoration:line-through;
font-size:12px;
}

.end_art_price {
color:#E33423;
font-size:18px;
}

.small_logo
{
 height:250px;
}
.big_logo
{
width:120px;
}


