﻿
 
@import "../kbs/boxes.css";
@import "../kbs/thickbox.css";
@import "../kbs/prodinfo.css";
@import "../kbs/prodlisting.css";
@import "../kbs/checkout.css";
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
hr {
display:none;
}
hr.Break {
display:block;
visibility:hidden;
}
.Break {
clear:both;
float:none;
}
.Left {
float:left;
}
.Right {
float:right;
}
.lAlign {
text-align:left;
}
.rAlign {
text-align:right;
}
.cAlign {
text-align:center;
}
body {
background-attachment:fixed;
background-color:#FFFFFF;
background-image:url("../kbs/images/bg1.jpg");
background-position:center center;
background-repeat:repeat-y;
font-size:12px;
margin:0;
padding:0;
text-align:center;
}
body * {
font-family:Tahoma,Arial,Verdana,Arial,Helvetica,sans-serif;
}
img, a img {
border:medium none;
}
a {
color:#000000;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
}
p, h1, h2, h3, h4, h5, h6 {
margin-bottom:0;
margin-top:0;
padding-bottom:0.3em;
padding-top:0.6em;
}
ul, ol {
margin-bottom:0;
margin-top:0;
padding-bottom:0.3em;
padding-top:0.3em;
}
li {
margin-bottom:0;
margin-top:0;
}
form {
}
input {
}
textarea {
}
select {
font-size:10px;
}
form {
margin:0;
padding:0;
}
p, table, td, th, caption, li { font-size: 11px;
}
p small {
font-size:10px;
}
h1 {
color:#000000;
font-size:18px;
font-weight:normal;
}
h2 {
color:#000000;
font-size:18px;
font-weight:normal;
}
h3 {
color:#000000;
font-size:16px;
font-weight:bold;
}
h4 {
color:#000000;
font-size:12px;
font-weight:bold;
}
h5 {
color:#000000;
font-size:16px;
font-weight:normal;
}
h6 {
color:#000000;
font-size:16px;
font-weight:normal;
}
p, ul, ol, table, form, input, textarea, select, h1, h2, h3, h4, h5, h6 {
line-height:124%;
}
#MainWrap {
background-color:#FFFFFF;
background-position:50% 0;
background-repeat:no-repeat;
clear:both;
float:none;
margin:0 auto;
overflow:hidden;
padding:0 0 10px;
position:relative;
text-align:left;
width:980px;
}
#MidCol, #LeftCol, #RightCol {
margin-top:148px;
overflow:hidden;
position:relative;
}
#LeftCol, #RightCol {
width:164px;
}
#MidCol {
float:left;
left:190px;
position:relative;
width:600px;
}
#LeftCol {
float:left;
left:-590px;
}
#RightCol {
float:right;
right:7px;
}
#ShopContent {
border-top:2px solid #E5E5E5;
margin-top:30px;
padding-bottom:10px;
position:relative;
}
#BreadCrumb {
height:40px;
left:0;
margin:0;
padding-bottom:0;
padding-top:0.3em;
position:absolute;
top:-30px;
}
.ButtonSet {
border-top:2px solid #DEE7CD;
margin-top:10px;
}
.ErrorMessage {
border:2px solid #CC0000;
margin-bottom:10px;
margin-top:10px;
padding-left:10px;
padding-right:10px;
}
.Half {
width:275px;
}
.CheckOutFunction {
border-right:1px solid #EEEEEE;
border-top:1px solid #EEEEEE;
padding-right:10px; 
background-color:#f6f6f6;
}
.CheckOutFunction p {
}
.CheckOutFunction .Half {
width:265px;
}
.OrderItem {
border-right:1px solid #EEEEEE;
border-top:1px solid #EEEEEE;
padding-right:10px;
}
#ProgressBar {
clear:both;
float:none;
}
#ProgressBar span {
background-color:#DDDDDD;
float:left;
text-align:center;
width:25%;
}
#ProgressBar span.Current {
color:#CC1133;
}
.CatInfo {
background-color:#F7F9F3;
padding:10px;
}
.CatInfo .Image {
background-color:#CCCCCC;
float:left;
height:200px;
width:200px;
}
.CatInfo .Text {
background-color:#AAB39A;
float:right;
width:330px;
}
.CatListing {
width:620px;
}
.CatListing .Item {
    border: 1px solid #CCCCCC;
    float: left;
    height: 20px;
    margin-right: 3px;
    padding: 6px 0 0;
    text-align: center;
    width: 196px;
}
.CatListing .Image {
}
.CatListing a:hover {
    border: 1px solid #CC0000;
    float: left;
    height: 20px;
    margin-left: -1px;
    margin-top: -7px;
    text-decoration: none;
    width: 196px;
    padding: 6px 0 0;
	    color: #910006;
    background: #f3f3f3;
}

.CatListing1 {
width:620px;
}
.CatListing1 .Item {
    border: 1px solid #CCCCCC;
    float: left;
    height: 20px;
    margin-right: 3px;
    padding: 6px 0 0;
    text-align: center;
    width: 196px;
}
.CatListing1 .Image {
}

.CatListing1 a:hover {
    border: 1px solid #CC0000;
    float: left;
    height: 20px;
    margin-left: -1px;
    margin-top: -7px;
    text-decoration: none;
    width: 196px;
    padding: 6px 0 0;
	    color: #910006;
    background: #f3f3f3;
}

.Item col a:hover {
    border: 2px solid #CC0000;
    float: left;
    height: 182px;
    margin-top: -7px;
    width: 191px;
}

#MainHeader {
left:0;
margin-left:10px;
margin-right:10px;
position:absolute;
top:2px;
width:960px;
}
.card {
background-image:url("../kbs/images/card.jpg");
float:right;
height:60px;
padding-top:20px;
text-align:right;
width:204px;
}
.card .text {
float:right;
font-size:12px;
margin-right:5px;
text-align:center;
width:150px;
}
#ShopLogo {
background-color:#FFFFFF;
background-position:50% 0;
color:#CCCCCC;
font-size:36px;
height:82px;
line-height:81px;
margin:0;
overflow:hidden;
padding:0 0;
}
.ShopLogo img {
}
#ShopLogo a {
color:#CCCCCC;
}
#ShopFunctions {
clear:both;
float:none;
height:30px;
padding-left:10px;
padding-right:10px;
}
#ShopFunctions p {
color:#79806E;
font-weight:bold;
height:30px;
line-height:30px;
margin:0;
padding:0;
}
#ShopFunctions form * {
vertical-align:middle;
}
#ShopFunctions input {
text-align:center;
}
#MainFooter {
background-image:url("../kbs/images/linie1.png");
background-repeat:no-repeat;
height:24px;
margin:0;
overflow:hidden;
padding:0;
width:1000px;
}
#MainFooter p {
height:24px;
line-height:24px;
padding:0;
}
#MainFooter a {
color:#89033E;
}
#footer {
background-color:#FFFFFF;
border-top:1px solid #CCCCCC;
clear:both;
float:none;
height:100px;
margin:0 10px;
padding-left:15px;
padding-right:10px;
}
.footer1 {
color:#FFFFFF;
float:left;
margin:1px 0 0;
padding:1px 1px 5px 20px;
text-align:left;
width:320px;
}
.FooterBox {
float:right;
font-size:10px;
font-weight:normal;
margin-right:20px;
}
#content_bottom {
background-image:url("../kbs/images/footerbackground.png");
background-repeat:no-repeat;
height:194px;
margin:0;
overflow:hidden;
padding:0;
width:1000px;
}
.errorBox {
background-color:#FFA646;
text-align:left;
width:100%;
z-index:10000;
}
.contact2 {
background:none repeat scroll 0 0 #FFFFFF;
border:0 none;
}
pre {
background-color:#FFFFFF;
font-family:courier;
text-align:left;
}

.infoBoxContents {
}

.seo {font-size:11px }

#topmenuwrap {
    background-image: url("../kbs/images/leiste.jpg");
    height: 30px;
    margin-bottom: 1px;
    padding-left: 5px;
}
ul#topmenu {
  cursor:pointer;
  font-family:Arial, Sans-serif;
  font-size:0.9em;
  list-style:none;
  position:relative;
}

ul#topmenu li.CatLevel1 a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase; padding:0 0 0 0;

}
ul#topmenu ul {
  display:none;
  left:0;
  margin:0;
  padding:0;
  position:absolute; 
  top:100%;
  width:250px;
}
ul#topmenu li:hover ul {
  display:block;
  z-index:100;
}
/* Hauptkategorien */
ul#topmenu li.CatLevel1  {
    background: url("img/tabr.gif") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 9px;
    margin: 1px;
    padding: 4px 7px 9px;
    position: relative;
    width: auto;
}
ul#topmenu li:hover {
  background-color:#ffffff;
  color:#000000;
}
ul#topmenu li.CatLevel1 a:hover {
    background: none repeat scroll 0 0 #990000;
    color: #ffffff;;
}
ul#topmenu li.CatLevel1 a.Current {
  background:#990000; color:#ffffff;
}
ul#topmenu li.CatLevel1 a.Current:hover { 
    background: none repeat scroll 0 0 #990000;
    color: #ffffff;
}
ul#topmenu li.CatLevel1 a.CurrentParent { 
    background: none repeat scroll 0 0 #990000;
    color: #ffffff;
}
ul#topmenu li.CatLevel1 a.CurrentParent:hover {
    background: none repeat scroll 0 0 #990000;
    color: #ffffff;
}

ul#topmenu ul li.CatLevel2 a {
color: #333333;
 font-size: 10px;
 font-weight: normal
}
/* Unterkategorien */
ul#topmenu ul li.CatLevel2 {
    background-color: #F3F3F3;
    border-left: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    font-weight: normal;
    line-height: 22px;
    list-style: none outside none;
    padding-left: 10px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
ul#topmenu li ul li:hover {
  background-color:#ffffff;
  color:#000000;
}
ul#topmenu li ul li:hover a {
  color:#000000;
}
ul#topmenu li ul li.CatLevel2:hover a:hover { background:#f8f8f8;
  color:#910006;
}
/*
* jQuery UI Autocomplete 1.8.9
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/


.ui-autocomplete-loading { background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat!important;}

.ui-autocomplete {
/*max-height: 400px;*/
/*overflow-y: auto;*/
/* prevent horizontal scrollbar */
/*overflow-x: hidden;*/
/* add padding to account for vertical scrollbar */
/*padding-right: 20px;*/

position: absolute;
cursor: default;
background-color:#FFF
}

.ui-autocomplete-category {
font-weight: bold;
padding: .2em .4em;
margin: .8em 0 .2em;
line-height: 1.5;
width: 240px;
float: left;
clear: left;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
* jQuery UI Menu 1.8.9
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 240px;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a img {
float: left;
vertical-align:middle;
max-width:60px;
max-height:60px;
}

.short_desc {
font-style:italic;
font-size: 10px;
float: none;
}

.prod_name{
float: none;
}

.prod_komplett {
float: none;
display: block;
height: 100%;
overflow: hidden;
}

.prod_img {
float: right;
}
.prod_preis {
float: none;
font-size: 12px;
font-weight:bold;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
#suche {
    margin-left: 400px;
    position: absolute;
    margin-top: 18px;
    padding: 4px 4px 4px 20px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
}

#zahlungsarten {
	border: 1px solid #c1c1c1;
    text-align: center
}
