@charset "utf-8";
/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding:0;
margin:0;
background-image:url(img/bg.gif);
}
img{
border:0;
}
a{
color:#0066CC;
text-decoration:none;
}
a:hover, a:focus, a:active{
color:#666666;
text-decoration:none;
}
h1{
color: #0066CC;
font-size: 1.6em;
font-weight: normal;
width: 100%;
vertical-align: middle;
margin:0;
margin-bottom:5px;
}
h2{
color: #666666; 
font-size: 1.2em;
text-transform: uppercase;
color:#666666;
}
h3{
color: #0066CC; 
font-size: 1.1em; 
font-weight: bold; 
text-transform: uppercase;
margin-bottom:5px;
}
CHECKBOX, INPUT, RADIO, SELECT{
font-size: 11px;
}
#log input{
width:150px;
}
textarea{
font-size: 11px;
padding: 2px;
width: 100%
}
form{
display:inline;
}
textarea{
padding: 2px;
width: 100%
}

/* Layout */
#wrap{
margin:0 auto;
width:900px;
}
#head{
margin:0 auto;
width:900px;
height:137px;
background-image:url(img/head.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
}
#leiste{
background-color:#000000;
height:16px;
padding:0;
margin:0;
color:#FFFFFF;
}
#pfad{
background-color:#F1F1F1;
border: solid 1px #999999;
margin-left:190px;
padding:3px;
padding-left:5px;
width:697px;
}
#info{
float:right;
text-transform:uppercase;
margin-top:107px;
font-size:15px;
font-weight:bold;
}
#info a{
color:#FFFFFF;
height:30px;
line-height:30px;
display:block;
float:left;
padding-left:15px;
padding-right:15px;
}
#info a:hover, #info a:focus, #info a:active{
color:#555555;
background-color:#CCCCCC;
}
#suche{
width:210px;
float:left;
text-align:right;
margin-top:100px;
}
#search{
width:35px;
float:left;
margin-top:5px;
}
#cart{
width:170px;
float:left;
text-align:right;
}
#left{
width:185px;
float:left;
background-color:#F1F1F1;
border: solid 1px #999999;
border-top:0;
margin-bottom:10px;
}
#cont{
margin-left:190px;
background-color:#F1F1F1;
margin-top:5px;
margin-bottom:5px;
border:1px solid #999999;
padding:5px;
width:695px;
}
#right{
width:180px;
float:right;
}
#foot{
margin:0 auto;
width:900px;
height:75px;
clear:both;
text-align:center;
background-image:url(img/foot.gif);
background-repeat:x-repeat;
background-color:#003B5D;
padding-top:5px;
padding-right:5px;
text-align:right;
color:#FFFFFF;
font-size:0.9em;
}
#foot a{
color:#FFFFFF;
}
#foot a:hover, #foot a:focus, #foot a:active{
color:#000000;
}
.copy{
font-size:0.8em;
display:block;
margin-top:30px;
}
#img{
float:left;
width:698px;
}
#leiste #pfad a{
text-transform:uppercase;
font-weight:bold;
}
#leiste a, .boxhead a{
text-transform:uppercase;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
}
#leiste a:hover, .boxhead a:hover{
color:#FE3EAF;
}
.boxhead{
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
background-image:url(img/boxhead.gif);
background-repeat:x-repeat;
text-transform: uppercase;
text-align:left;
height: 22px;
line-height:22px;
padding-left:3px;
}
.boxhead a, .boxhead a{
color:#FFFFFF;
}
.boxhead a:hover, .boxhead a:hover, .boxhead a:active, .boxhead a:focus{
color:#000000;
}
.boxtext{
padding:5px;
}
.categories{
color: #696969;
font-size: 14px;
}
.categories a{
display:block;
line-height:25px;
height:25px;
border-bottom:1px dashed #999999;
border-left:5px solid #F1F1F1;
margin:0;
padding:0;
padding-left:4px;
}
.categories a:hover, .categories a:focus{
border-left:5px solid #3399FF;
background-color:#FFF;
}
.categories a:active{
border-left:5px solid #FF9000;
}
.underline{
text-decoration: underline;
}
.klein{
font-size:11px;
}
.beschreibung{
font-size:11px;
}
.login, .cart{
position:absolute;
z-index:100;
background-color:#FFF;
border:1px solid #999999;
margin-top:30px;
font-size:12px;
color:#999999;
padding:10px;
}
/* Fake Headings */
.h3{
color: #0066CC; 
font-size: 1.1em; 
font-weight: bold; 
text-transform: uppercase;
margin-bottom:5px;
}

/* Kein Rahmen */
.noborder{
border:none !important;
}

/* Sitemap Tables */
.sitemap_heading{
color: #000;
font-size: 10pt;
padding-top: 2px;
padding-bottom: 2px;
border: solid 1px #696969;
}
.sitemap_heading a{
color: #696969;
}
.sitemap_heading a:hover{
color: #ffffff;
text-decoration: none;
}
.sitemap_sub{
color: #000000;
font-size: 9pt;
background-color: transparent;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0 0;
padding: 2px;
border-width: 1px;
border-color: #696969;
}
.sitemap_sub a{
color: #000000;
font-size: 9pt;
background-color: transparent;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0 0;
padding: 2px;
border-width: 1px;
border-color: #696969;
}
.sitemap_sub a:hover{
color: #000000;
font-size: 9pt;
text-decoration: none;
padding: 2px
}

/* Tabs Produktinfo */
.TabbedPanels {
width:270px !important;
}

/* Zelle für Aktionen Artikel */
.cell{
width:180px;
text-align:center;
float:left;
margin-top:5px;
}
/* Neue Artikel Box */
.new{
width:100%;
height:160px;
margin:2px;
font-size: 12px;
text-decoration: none;
border: 1px solid #696969;
background-color:#FFF;
}
.preis{
width:150px;
height:130px;
margin-left:20px;
float:left;
}
.img{
width:150px;
float:left;
text-align:center;
}
.txt{
margin-left:170px;
padding:1px;
margin-top:20px;
}
.txt-right{
margin-left:150px;
}
.data{
width:200px;
}

/* Seitennavigation (weiter...) */
.navbar{
border:1px solid #999999;
height:17px;
width:690px;
background-color:#FFFFFF;
clear:both;
}

/* Spalte Links */
.li{
width:410px;
float:left;
margin-right:3px;
}
.li img{
border:1px solid #999999;
}
.li img:hover{
border:1px solid #000000;
}

/* Kategorieboxen mit fester Höhe */
.catlist{
width:180px;
height:180px;
float:left;
margin-top:5px;
margin-bottom:10px;
text-align:center;
}

/* Kategorieboxen mit flexibler Höhe */
.catlist2{
width:180px;
float:left;
margin-top:5px;
margin-bottom:10px;
text-align:center;
}

/* Produktinfo - Kategoriebeschreibung */
.preis_btns{
margin-left:410px !important;
width:280px;
}
.descr{
font-size:1.0em;
padding:10px;
}
.desc{
font-size:14px;
margin-top:0;
}
.preis_desc{
color:#0066CC;
font-size:1.5em;
font-weight:normal;
}
.thumbs{
float:left;
width:400px;
text-align:center;
margin-bottom:10px;
}
.thumbs img{
border:1px solid #999999;
width:80px;
margin-left:10px;
}
.info{
margin-left:415px;
margin-top:10px;
margin-bottom:10px;
border:1px solid #999999;
width:270px;
}
.info a{
width:88px;
height:35px;
display:block;
float:left;
text-align:center;
border:1px solid #999999;
line-height:35px;
}

/* Herstellerlogos Content-Seite */
.manu{
width:180px;
height:100px;
float:left;
margin-top:5px;
margin-bottom:10px;
text-align:center;
}

.error, .errorBox{
border: 1px solid #ff0000;
background-color:#FFCCCC;
text-align:center;
margin-top:10px;
margin-bottom:10px;
padding:3px;
}

.box{
padding-top:15px;
margin-bottom:20px;
width:690px;
float:left;
clear:none;
background-color:#FFFFFF;
border:1px solid #999999;
}
.gutschein{
border: 1px solid;
border-color:#000000;
width:80%;
text-align:center;
padding:10px;
}
.rot{
color:red;	
}

/* input requirement */
.inputRequirement{ color: #ff0000; font-size: 10px;}

SPAN.greetUser{
color: #696969;
font-size: 12px;
font-weight: bold
}
.gvBox {
font-size: 14px;
font-weight: bold;
border-color: #FFFFFF;
border: 1px solid;
background-color: #ffb3b5;
}
.stockWarning { 
font-size: 10px;
color: #cc0033;
}
.productsNotifications {background-color: #f2fff7;}
.orderEdit {font-size : 10px;color: #70d250;text-decoration: underline;}
.conditions {background-color: #FFCCCC;}
A.confirmationEdit {color: #009933;font-style: italic;}
A.confirmationEdit:hover {color: #009933;font-style: italic;text-decoration: underline;}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background:  #F0F9FF;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background:  #F0F9FF;
}
A.pageResults{ color: #696969 }
A.pageResults:hover  { color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.pageHeadingModel { color: #696969; font-size: 14px; font-weight: bold; line-height: 14px; text-transform: uppercase; width: 100%; }
.subBar{background: #f4f7fd;}

TD.fieldKey{font-size: 12px;font-weight: bold;}
.fieldValue{font-size: 12px;}
.tableHeading{font-size: 11px; font-weight: bold }
SPAN.newItemInCart{font-size: 11px;color: #ff0000;}
SPAN.greetUser{color: #696969; font-size: 12px; font-weight: bold }
SPAN.underline{text-decoration: underline;}
TABLE.formArea{border: solid 1px #696969 }
.formAreaTitle{font-size: 12px; font-weight: bold }
.parseTime, .copyright{font-size: 11px; line-height: 1.5; text-align: center }
SPAN.markProductOutOfStock{color: #c76170; font-size: 12px; font-weight: bold }
.productSpecialPrice{color: #ff0000;}
.productOldPrice{font-size:14px;font-weight:bold;color: #ff0000;text-decoration: line-through;}
SPAN.errorText{color: #ff0000;}
SPAN.productDiscountPrice{color: #ff0000;font-weight: bold;}
.smallHeading{ color: black; font-size: x-small;font-weight: bold }
.moduleRowOver {background-color: #D7E9F7; cursor: pointer; cursor: hand;}
.moduleRowSelected {background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo  {color: #8c8c8c; font-size: 10px;}
.checkoutBarCurrent  {color: #000000; font-size: 10px;}

/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-size: 7pt; }
.heading2 { font-size: 9pt; }
.heading3 { font-size: 10pt; }
.heading4 { font-size: 12pt; }
.heading5 { font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading { color: #000; font-size: 10pt; padding-top: 2px; padding-bottom: 2px; border: solid 1px #696969 }
.sitemap_heading a { color: #696969 }
.sitemap_heading a:hover  { color: #ffffff; text-decoration: none }
.sitemap_sub { color: #000000; font-size: 9pt; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 2px; border-width: 1px; border-color: #696969 }
.sitemap_sub a { color: #000000; font-size: 9pt; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 2px; border-width: 1px; border-color: #696969 }
.sitemap_sub a:hover { color: #000000; font-size: 9pt; text-decoration: none; padding: 2px }

/* message box */
.messageBox { font-size: 10px;}
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5 }
.messageStackSuccess { font-size: 10px; background-color: #99ff00 }

.onepxwidth { width: 1px }