/* +++ HTML +++ */
body {height:100%;background: #FFF;font-family: Verdana,Arial,Helvetica;font-size:12px;line-height: 1.5em;margin:0;padding:0;}

h1, h2 h3, h4 {color: #9c4eb1;margin:0;padding:0;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}

p {}
hr { border:0px solid; height:1px;background-color: #FFF;}
a {margin:0;padding:0;color:#FFF;font-weight: bold;text-decoration: none;}
a:hover {text-decoration: underline;}
ul,ol {}
li {margin:0;}
table {margin:0;padding:0;border:0;}
form {margin:0;padding:0;}
input, textarea {margin: 0;padding:3px;font-size: 14px;}
address {}
img {border:0;padding:0;margin:0;}
pre {font-size: 9px;}
input {}
label {min-width: 80px;font-size: 10px;display: block;margin: 2px 5px 5px;}

/* +++ Helper +++ */
.clearer {clear:both;height:0;width: 0.1em;height: 0.1em;line-height: 0.1em;overflow: hidden;width: 100%;}
.button {}
.colset {}
.colset .col {float: left;}
.floatleft {float: left;}
.floatright {float: right;}
.block {display: block;}
.underline {text-decoration: underline;}
.borderright {border-right: 1px solid #FFF;}
.bold {font-weight: bold;}
.small {font-size: 0.7em;}
.bg_red {border: 1px solid #F00;background: #ffcccc;}
.bg_green {background: #0F0;}
.hidden {display:none;}
.w75 {width:75%;}
.w50 {width:50%;}
.w33 {width:33%;}

/* +++ layout-mainpage.tpl +++ */
#page {width:100%;height:100%;position: absolute;z-index:99;}
#page-wrap {margin:0px auto;position: relative;width:960px;background: url(../img/bg_wrap.gif) repeat-y;overflow:hidden;}
#page-wrap-bottom {margin:0px auto;position: relative;width:960px;height:30px;background: url(../img/bg_wrap_bottom.gif) no-repeat; }

#page-content {position: relative;width:989px;overflow: hidden;margin: 0 auto;}

#page-col-left {position:relative;width:232px;margin-left:29px;float:left;}
#page-col-left #logo {}
#page-col-left #navigation {}
#page-col-left #navigation ul {list-style-type: none;margin:0;padding:0;}
#page-col-left #navigation ul li {background: url(../img/category_bg.png) repeat-x center center;margin-top: 1px;padding: 7px;list-style-type: none;margin:0;cursor:pointer;}
#page-col-left #navigation ul li,
#page-col-left #navigation ul a {text-decoration: none;color: #303030;font-size: 12px;cursor:pointer;}
#page-col-left #navigation ul a.active li,#page-col-left #navigation ul li.active,      
#page-col-left #navigation ul li:hover {font-weight: bold;color: #FFF;background: url(../img/category_on_bg.png) repeat-x center center;cursor:pointer;}
#page-col-left #navigation ul li:hover a {text-decoration: none;color: #FFFFFF;font-size: 12px;cursor:pointer;}
#page-col-left #infos {}
#page-col-left #infos #payment {border-top: 1px dotted #b9b9b9;padding:10px;margin-top: 10px;}
#page-col-left #infos #infotext {border-top: 1px dotted #b9b9b9;padding:10px;}
#page-col-left #infos #partner {border-top: 1px dotted #b9b9b9;padding:10px;border-bottom: 1px dotted #b9b9b9;}

#page-col-right {position:relative;float:right; margin-right:64px;width:595px;min-height:850px;height:auto !IMPORTANT; height: 850px;background: url(../img/bg_col-right.gif) no-repeat bottom right;}
#page-col-right #header {}
#color-box {width: 240px;background: url(../img/top_box_bg.png) repeat-x center center;height: 103px;float: left;margin-right: 2px;padding-left: 15px;}
#color-box .color {text-align: center;padding: 2px;float: left;}
#color-box .color .name {font-size: 9px;color: #555555;text-transform: uppercase;margin-top: 2px;}
#color-box .color .active {color:#832d9b;}
#color-box .headline {width: 60px;height: 26px;background: url(../img/label_color.png) center center no-repeat;margin-bottom: 3px;}
#price-box {background: url(img/top_box_bg.png) repeat-x center center;height: 103px;position: relative;width: 332px;margin-left:240px;}
#price-box .headline { width: 51px;height: 25px;background: url(../img/label_price.png) center center no-repeat;margin-bottom: 8px;}

#page-col-right #content {min-height:540px;height:auto !IMPORTANT;height:540px;margin-top:25px;}
#page-col-right #footer .footernavi {margin:0;padding:0;}
#page-col-right #footer .footernavi li {list-style-type: none;display: inline;margin-left:5px;}
#page-col-right #footer .footernavi li,
#page-col-right #footer .footernavi li a {font-size: 9px;color:#444;}
#page-col-right #footer .footernavi li a:hover {}


/* Slider */
.priceSliderPanel {/* padding-left: 7px;width: 92%;*/}
.priceSliderPanel .pricePanel {text-align: center;position: relative;width: 100%;}
/*
.priceSliderPanel .pricePanel .priceFrom {font-size: 11px;color: #444;font-weight: bold;float: left;}
.priceSliderPanel .pricePanel .priceTo {font-size: 11px;color: #444;font-weight: bold;float: right;top: 0px;position: absolute;right: 0px;}
*/

/*.priceSliderPanel  .pricePanel #price {
.priceSliderPanel  #price {font-size: 13px;color: #832d9c;font-weight: bold;position: absolute;top: 30px;left: 100px;}
*/

/*
div.sliderOff {background: url(../img/price_slider_track.png) no-repeat 0 0;width: 332px;height: 103px;overflow: hidden;position: absolute;top: 0px;z-index: 2;}
div.sliderOn {background: url(../img/price_slider_track_on.png) no-repeat 0 0;width: 332px;height: 103px;overflow: hidden;position: absolute;top: 0px;z-index: 3;}
div.slider div.knob {background: url(../img/price_slider_knob.png) no-repeat center center;width: 25px;height: 16px;position: absolute;cursor: pointer;top: 40px;z-index: 4;}
  */


/* Product-Grid */
#product-grid {margin-top:30px;}
#product-grid #contentloader {position: absolute;background-color:white; z-index: 2000;width: 100%;height:100%;visibility:hidden;}
/*#product-grid .ajaxloader {position:absolute;left:50%;top:50%; display:table-cell;vertical-align:middle}*/
#product-grid .ajaxloader {text-align: center;}
#product-grid .ajaxloader .ajaxoverlay {margin-top: 100px;}

#product-grid #product-grid-items {}
#product-grid #product-grid-items .item {position:relative;float:left;width:85px;height:85px;margin:2px;background: url(../img/bg_item.gif) no-repeat; padding:8px;padding-bottom: 15px;}
#product-grid #product-grid-items .item img {width:75px;height:75px;}
#product-grid #product-grid-items .item .price {width:44px;height:17px;color: black;font-size: 10px;position:relative;top:4px; left: 15px;}

#modalBG {z-index: 999;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: black;opacity: 0.85;filter: alpha(opacity=85); -moz-opacity: 0.85;visibility: hidden;}

/* Product-List */
.product-list {}
.product-list .item {clear:both;border: 1px solid #6f3d93;padding:5px;margin:3px 0;width:550px;}
.product-list .image {float:left;width:150px;}
.product-list .image img {width:130px;}
.product-item .description {width: 500px;}
.product-list .name, .product-list .name a {color: #6f3d93;font-weight: bold;font-size:1.2em;line-height: 1.8em;}
.product-list .price {margin:1em 0;font-size: 2em;color: #6f3d93;font-weight: bold;}

/* Product-Details */
.product-item {}
.product-item .productimage {float:left;height:400px;margin-right:25px;}
.product-item .productimage img {width:150px;}
.product-item .headline {color: #6f3d93;font-weight: bold;font-size:2.2em;line-height: 1.8em;}
.product-item .description {width: 500px;}
.product-item .text {margin:2em 0;}
.product-item .price {margin:1em 0;font-size: 2em;color: #6f3d93;font-weight: bold;}
.product-item .provider {margin:1em 0;}
.product-item .orderbutton {margin:1em 0;}

/* Blur-Layover */
#blur-overlay {position: absolute;z-index:999;width:80%;height:80%;background: #000;opacity:.70;filter:alpha(opacity=70); -moz-opacity: 0.7;}
#blur-page {position:absolute;width:100%;height:255px;z-index:1000;}
#blur-close-button {top:-20px;right:0;position:absolute;padding:3px 8px;}
#blur-close-button a {color: #FFF;text-decoration: none;}
#blur-content {position: relative;margin:50px auto;width:700px;background: #FFF;}


/* item overlay */
#overlay {cursor: pointer;z-index: 1000;       background: url( "../../../lib/img/item_over_bg.png" ) center center no-repeat;        width: 151px;        height: 196px;        visibility: hidden;        position: absolute;    }
#overlay .inline {        position: relative;        padding: 10px;    }
#overlay  .inline .name {line-height: 14px; position: absolute;background-color:white;font-size: 12px;font-weight:bold; top: 22px;left: 22px;width: 107px;height:30px;color: black;overflow: hidden;text-align: center;    }
#overlay .inline .provider {color: #AAAAAA; position:absolute;top: 158px;left: 40px;font-weight:normal;}

/*bookmarks*/
.social_bookmarks {margin:5px;}
.social_bookmarks ul {list-style-type: none;margin: 0;padding: 0;}
.social_bookmarks li {display: inline;}


/* +++ Page Customizings */