/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @licensehttp://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/* Layout ================================================================================= */

html {
    font-family:            Arial, Helvetica, sans-serif;
    height:                 100%;
    overflow:               scroll;
    overflow-x:             auto;
}

body {
    background-color:       #fff;
}

a {
    color:                  #3b3b3b;
}
.overall-link  {
    height:                 149px;
    background:             transparent url(../images/custom/blank.png) repeat scroll top left;
    position:               absolute;
        top:                    0;
        left:                   0;
    width:                  228px;
}
.align-right {
    text-align:             right;
}
.align-center {
    text-align:             center;
}
.align-left {
    text-align:             left;
}
.right {
    float:                  right;
}
.left {
    float:                  left;
}

.wrapper {

}

.page {
    width: 930px;
    margin: 0 auto 10px auto;
    text-align: left;
}

.page-print {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-popup {
    padding: 20px;
    text-align: left;
}

.main {
    /* margin: 10px 0; */
}

/* Base Columns */
.col-left {
    float: left;
    width: 230px;
    /* border: 1px solid #ddd; */
    /* padding: 5px 5px 0; */
}

.col-main {
    float: left;
    width: 736px;
    /* border: 1px solid #ddd; */
    /* padding: 5px; */
}

.col-right {
    float: right;
    width: 300px;
    /* border: 1px solid #ddd; */
    /* padding: 5px 5px 0; */
}

/* 1 Column Layout */
.col1-layout .col-main {
    float: none;
    clear: both;
    width: auto;
}

/* 2 Columns Layout */
.col2-right-layout {
    background: transparent url(../images/custom/progress-variable-repeater.png) scroll repeat-y top left;
}

.col2-left-layout .col-main {
    float: right;
}

.col2-right-layout .col-main {
    width: 550px;
}

/* 3 Columns Layout */
.col3-layout .col-main {
    width: 484px;
    margin-left: 10px;
}

/* Content Columns */
.col2-set .col-1 {
    float: left;
    width: 49%;
}

.col2-set .col-2 {
    float: right;
    width: 49%;
}

.col2-set .narrow {
    width: 33%;
}

.col2-set .wide {
    width: 65%;
}

.col3-set .col-1 {
    float: left;
    width: 32%;
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.col3-set .col-3 {
    float: right;
    width: 32%;
}

.col4-set .col-1 {
    float: left;
    width: 23.5%;
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%;
}

.col4-set .col-3 {
    float: left;
    width: 23.5%;
}

.col4-set .col-4 {
    float: right;
    width: 23.5%;
}

/* ======================================================================================= */
    /* Global Styles ========================================================================= */ /* Form Elements */
input,select,textarea,button {
    font: 12px Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #000;
}

input.input-text,select,textarea {
    background: #fff;
    border: 1px solid #ddd;
}

input.input-text,textarea {
    padding: 3px;
}

select {
    padding: 1px;
}

select option {
    padding-right: 10px;
}

select.multiselect option {

}

textarea {
    overflow: auto;
}

input.radio {
    margin-right: 3px;
}

input.checkbox {
    margin-right: 3px;
}

input.qty {
    width: 2.5em !important;
}

button.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}  /* FF Fix */
button.button {
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0 0 0 12px;
    background: url(../images/bkg_button.gif) 0 50% no-repeat;
    cursor: pointer;
    -webkit-border-fit: lines; /* <- Safari & Google Chrome Fix */
}

button.button span {
    float: left;
    padding: 0 12px 0 0;
    background: url(../images/bkg_button.gif) 100% 50% no-repeat;
    font: bold 12px/ 21px Arial, Helvetica, sans-serif;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}

button.disabled {

}

button.disabled span {

}

/* Input & Textarea stretched for 100% */
.field-100 {
    border: 1px solid #888;
    padding: 2px;
    overflow: hidden;
}

.field-100 input.input-text,
.field-100 textarea {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

/* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form lists */
.form-list {
    padding:                5px;
}

.form-list li {
    margin:                 0 0 10px;
    padding:                0 5px;
}

.form-list label {
    font-weight:            normal;
    float:                  left;
    width:                  140px;
}
.form-list label + br {
    display:                none;
}

.form-list li.input-shipping {
    padding-bottom:             10px;
}

.form-list li.input-shipping label {
    width:                      200px;
    margin-left:                50px;
}

.form-list li.input-shipping label:first-child {
    margin-left:                0;
}

.form-list .input-box {
    float:                  none !important;
    width:                  400px;
    padding:                5px 0;
}

.form-list .input-box input,
.form-list .input-box select,
.form-list .input-box textarea {
    float: left;
}

.form-list input.input-text,
.form-list textarea {
    width: 250px;
}

.form-list input.input-text.sectio-aurea,
.form-list textarea.sectio-aurea {
    width: 154px;
}

.form-list input.input-text.sectio-aurea-twice,
.form-list textarea.sectio-aurea-twice {
    width: 95px;
}

.form-list select {
    width: 256px;
}

.form-list select.sectio-aurea {
    width: 158px;
}

.form-list select.sectio-aurea-twice {
    width: 96px;
}

.form-list li.add-row {
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

.form-list li.add-row .btn-remove {
    font-size: 0;
    line-height: 0;
    padding: 5px 5px 0 0;
    text-align: right;
}

.form-list .range input.input-text {
    width: 96px;
}

.group-select {

}

.group-select li {
    margin: 0;
}

.group-select .input-box {
    /*float: left;
    width: 260px;*/
}

.group-select input.input-text,
.group-select textarea {
    /* width: 510px;*/
}

.group-select select {
    /* width: 516px;*/
}

.group-select .input-box input.input-text.sectio-aurea,
.group-select .input-box textarea.sectio-aurea {
    width: 154px;
}

.group-select .input-box input.input-text.sectio-aurea-twice,
.group-select .input-box textarea.sectio-aurea-twice {
    width: 95px;
}

.form-list select {
    width: 256px;
}

.group-select .input-box select.sectio-aurea {
    width: 158px;
}

.group-select .input-box select.sectio-aurea-twice {
    width: 96px;
}

.buttons-set {
    clear: both;
    margin: 5px 0 0;
    padding: 5px;
    border: none;
}

.buttons-set .back-link {
    float: left;
    margin-top:20px;
}

.buttons-set button.button {
    float: right;
}

.buttons-set2 {
    clear: both;
    margin: 5px 0 0;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: right;
}

/* Form Validation */
.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 17px;
    font-size: 10px;
    line-height: 13px;
    background: url(../images/validation_advice_bg.gif) 2px 1px no-repeat;
    color: #f00;
}

.validation-failed {
    border: 1px dashed #f00 !important;
    background: #faebe7 !important;
}

.validation-passed {

}

.required {
    color: #f00;
    /* display:            none;*/
}

p.required {
    font-size: 10px;
    text-align: right;
}

/* Expiration date and CVV number validation fix */
.v-fix {
    float: left;
}

.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative;
}

/* Global Messages  */
.success {
    color: #3d6611;
    font-weight: bold;
}

.error {
    color: #f00;
    font-weight: bold;
}

.notice {
    color: #ccc;
}

.messages,
.messages ul {
    list-style: none !important;
    margin: 1px 0 !important;
    padding: 0 !important;
}

.messages {
    width: 100%;
    /*overflow: hidden;*/
}

.messages li {
    margin: 10px 0 0 0;
}

.messages li:first-child {
    margin: 0 0 0 0;
}

.messages li li {
    margin: 3px 0 0 0;
}

.messages li li:first-child {
    margin: 0 0 0 0;
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    border-style: solid !important;
    border-width: 1px !important;
    background-position: 10px 10px !important;
    background-repeat: no-repeat !important;
    min-height: 24px !important;
    padding: 10px 10px 10px 40px !important;
    font-size: 13px !important;
    line-height: 18px;
}

.error-msg {
    border-color: #f16048;
    background-color: #faebe7;
    background-image: url(../images/meldungen-fehler.png);
    color: #df280a;
}
.error-msg a {
    color: #df280a;
}

.success-msg {
    border-color: #446423;
    background-color: #eff5ea;
    background-image: url(../images/meldungen-ja.png);
    color: #3d6611;
}
.success-msg a {
    color: #3d6611;
}

.note-msg,
.notice-msg {
    border-color: #fcd344;
    background-color: #fafaec;
    background-image: url(../images/meldungen-achtung.png);
    color: #3d6611;
}
.note-msg a,
.notice-msg a {
    color: #3d6611;
}

/* BreadCrumbs */
.breadcrumbs {
    padding: 10px;
    margin: 0 0 10px;
    border: 1px solid #ddd;
}

.breadcrumbs li {
    display: inline;
}

/* Page Heading */
.page-title {
    /*border-bottom: 1px solid #ddd;*/
    padding: 0 0 5px;
    margin: 0 0 10px;
}

.title-buttons {
    text-align: right;
}

.title-buttons h2,.title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6 {
    float: left;
}

/* Pager */
.pager {
    border: 1px solid #ddd;
    padding: 5px;
    margin: 5px 0;
    text-align: center;
}

.pager .amount {
    float: left;
}

.pager .limiter {
    float: right;
}

.pager .pages {
    margin: 0 135px;
}

.pager .pages ol {
    display: inline;
}

.pager .pages li {
    display: inline;
}

.pager .pages .current {

}

/* Sorter */
.sorter {
    border: 1px solid #ddd;
    padding: 5px;
    margin: 5px 0;
}

.sorter .view-mode {
    float: left;
}

.sorter .sort-by {
    float: right;
}

.sorter .link-feed {

}

/* Data Table */
.data-table {
    width: 100%;
}

.data-table th {
    padding: 5px;
    border: 1px solid #fff;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
}

.data-table td {
    padding: 5px;
    border: 1px solid #fff;
    vertical-align: middle;
}

.data-table thead {
    background-color: #f2f2f2;
}

.data-table tbody {

}

.data-table tfoot {

}

.data-table tr.first {

}

.data-table tr.last {

}

.data-table tr.odd {

}

.data-table tr.even {
    background-color: #f6f6f6;
}

.data-table tbody.odd {

}

.data-table tbody.odd td {
    border-width: 0 1px;
}

.data-table tbody.even {
    background-color: #f6f6f6;
}

.data-table tbody.even td {
    border-width: 0 1px;
}

.data-table tbody.odd tr.border td,.data-table tbody.even tr.border td {
    border-bottom-width: 1px;
}

.data-table th .tax-flag {
    white-space: nowrap;
    font-weight: normal;
}

.data-table td.label,.data-table th.label {
    font-weight: bold;
    background-color: #f6f6f6;
}

.data-table td.value {

}

/* Tax Details Row */
tr.tax-total {
    cursor: pointer;
}

tr.tax-total td {

}

tr.tax-total .tax-collapse {
    float: right;
    text-align: right;
    padding-left: 20px;
    background: url(../images/bg_collapse.gif) 0 4px no-repeat;
    cursor: pointer;
}

tr.show-details .tax-collapse {
    background-position: 0 -53px;
}

tr.show-details td {

}

tr.tax-details td {
    background-color: #f6f6f6;
}

tr.tax-details-first td {

}

/* Shopping cart tax info */
.cart-tax-info,.cart-tax-info .cart-price {
    padding-right: 20px;
}

.cart-tax-total {
    cursor: pointer;
}

.cart-tax-total {
    padding-right: 20px;
    background: url(../images/bg_collapse.gif) 100% 4px no-repeat;
    cursor: pointer;
}

.cart-tax-total-expanded {
    background-position: 100% -52px;
}

/* Lists Decoration */
li.odd {

}

li.even {
    background-color: #f6f6f6;
}

dt.odd,dd.odd {

}

dt.even,dd.even {
    background-color: #f6f6f6;
}

/* Class: std - styles for admin-controlled content */
.std,.std ul,.std ol,.std dl,.std p,.std address,.std blockquote {
    margin: 0 0 1em;
    padding: 0;
}

.col1-layout .std {
    padding: 10px;
}

.col1-layout-multi .std {
    padding: 0;
}

.std ul {
    list-style: disc outside;
    padding-left: 1.5em;
}

.std ol {
    list-style: decimal outside;
    padding-left: 1.5em;
}

.std ul ul {
    list-style-type: circle;
}

.std ul ul,.std ol ol,.std ul ol,.std ol ul {
    margin: .5em 0;
}

.std dt {
    font-weight: bold;
}

.std dd {
    padding: 0 0 0 1.5em;
}

.std blockquote {
    font-style: italic;
    padding: 0 0 0 1.5em;
}

.std address {
    font-style: normal;
}

.std b,.std strong {
    font-weight: bold;
}

.std i,.std em {
    font-style: italic;
}

/* Misc */
.link-rss {
    background: url(../images/icon_rss.gif) 0 1px no-repeat;
    padding-left: 18px;
    white-space: nowrap;
}

/* Noscript Notice */
.noscript {
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f;
}

.noscript .noscript-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 12px 0 12px;
    background: url(../images/i_notice.gif) 20px 50% no-repeat;
}

.noscript p {
    margin: 0;
}

/* Demo Notice */
.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    font-size: 12px;
    line-height: 1.15;
    text-align: center;
    color: #fff;
}

/* ======================================================================================= */
    /* Header ================================================================================ */
.logo {
    float: left;
    width: 457px;
    height: 86px;
    overflow: hidden;
}

.header-container {

}

.header {
    margin-top: 15px;
    /* padding: 10px; */ /* border: 1px solid #ddd; */
    height: 105px;
    background: #fff url('../images/custom/header-bar.jpg') no-repeat left bottom;
    position: relative;
}

.checkout-onepage-index .header a,
.checkout-onepage-success .header a {
    cursor:                 default;
}

.header .logo {
    position: absolute;
    top: 0;
    left: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -999em;
}

.header .logo a {
    display: block;
    width: 100%;
    height: 100%;
}

.header ul.siegel {
    position: absolute;
    right: 14px;
    bottom: 20px;
}

.header ul.siegel li {
    float:                  left;
    margin-left:            2px;
}

.header .welcome-msg {
    font-weight: bold;
    text-align: right;
}

.header .links {
    float: right;
}

.header .form-search {
    text-align: center;
}

.header .form-search .search-autocomplete {
    z-index: 999;
}

.header .form-search .search-autocomplete ul {
    border: 1px solid #ddd;
    background-color: #fff;
}

.header .form-search .search-autocomplete li {
    padding: 3px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.header .form-search .search-autocomplete li .amount {
    float: right;
    font-weight: bold;
}

.header .form-search .search-autocomplete li.selected {

}

.header .form-language {
    text-align: center;
}

/********** < Navigation */
#nav {
    font-size: 12px;
    border: 1px solid #ddd;
    padding: 5px 0;
    margin: 10px 0;
}

/* All Levels */
#nav li {
    text-align: left;
    position: relative;
}

#nav li.over {
    z-index: 999;
}

#nav li.parent {

}

#nav li a {
    display: block;
    text-decoration: none;
}

#nav li a:hover {
    text-decoration: none;
}

#nav li a span {
    display: block;
    white-space: nowrap;
    cursor: pointer;
}

#nav li ul a span {
    white-space: normal;
}

/* 1st Level */
#nav li {
    float: left;
}

#nav li a {
    float: left;
    padding: 5px 10px;
    font-weight: bold;
    color: #888;
}

#nav li a:hover {
    color: #000;
}

#nav li.over a,#nav li.active a {
    color: #000;
}

/* 2nd Level */
#nav ul {
    position: absolute;
    width: 15em;
    top: 25px;
    left: -10000px;
    border: 1px solid #ddd;
    background: #fafafa;
}

#nav ul li {
    float: none;
    border-bottom: 1px solid #ddd;
}

#nav ul li.last {
    border-bottom: 0;
}

#nav ul li a {
    float: none;
    padding: 3px 9px;
    font-weight: normal;
    color: #888 !important;
}

#nav ul li a:hover {
    color: #000 !important;
}

#nav ul li.active>a,#nav ul li.over>a {
    font-weight: bold;
    color: #000 !important;
}

/* 3rd+ leven */
#nav ul ul {
    top: 7px;
}

/* Show Menu */
#nav li.over>ul {
    left: 0;
}

#nav li.over>ul li.over>ul {
    left: 100px;
}

#nav li.over ul ul {
    left: -10000px;
}

/********** Navigation > */ /**
 * Alternative Navigation
 *
*/

.header-container .pageNavigation {
    background: #eff0ef url('../images/custom/navigation-bar.jpg') no-repeat top left;
    height: 26px;
}

.header-container .pageNavigation ul li {
    float: left;
    width: 150px;
    text-align: center;
    width: 153px;
}

.header-container .pageNavigation ul li.act {
   /* background: #666 url('../images/custom/navigation-bar-act.png') repeat-x top left;*/
}

.header-container .pageNavigation ul li.act a {
    color: #cf2020;
}

.header-container .pageNavigation ul li a {
    width: 153px;
    padding: 6px 0;
    color: #444;
    text-decoration: none;
    display: block;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.header-container .pageNavigation ul li a:hover {
    text-decoration: none;
    color: #cf2020;
}

/* ======================================================================================= */
    /* Sidebar =============================================================================== */
.block {
    border: 1px solid #ddd;
    margin: 0 0 10px;
}

.block .block-title {
    border-bottom: 1px solid #ddd;
    padding: 0 10px;
}

.block .block-title h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

.block h3 {
    font-size: 14px;
    line-height: 1.5;
}

.block .block-content {
    padding: 10px;
}

.block .actions {
    text-align: right;
}

.block .actions a {
    float: left;
}

/* Block: Account */
.block-account {

}

/* Block: Currency Switcher */
.block-currency {

}

.block-currency select {
    width: 100%;
    border: 1px solid #888;
}

/* Block: Layered Navigation */
.block-layered-nav {

}

.block-layered-nav dt {
    font-weight: bold;
}

.block-layered-nav .currently {

}

/* Block: Cart */
.block-cart {

}

.block-cart .amount {

}

.block-cart .subtotal {
    text-align: center;
}

.mini-products-list li {
    padding: 5px 0;
}

.mini-products-list .product-image {
    float: left;
    width: 50px;
    padding: 5px;
    border: 1px solid #ddd;
    margin-right: -75px;
    cursor:                 pointer;
}

.mini-products-list .product-details {
    margin-left: 75px;
}

.mini-products-list .product-details h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

.mini-products-list .product-details .btn-remove {
    float: right;
}

/* Block: Wishlist */
.block-wishlist {

}

/* Block: Related */
.block-related {

}

.block-related li {
    padding: 5px 0;
}

.block-related input.checkbox {
    float: left;
    margin-right: -20px;
}

.block-related .item {
    margin-left: 20px;
}

.block-related .item .product-image {
    float: left;
    margin-right: -65px;
}

.block-related .item .product-details {
    margin-left: 65px;
}

/* Block: Compare Products */
.block-compare {

}

.block-compare li {
    padding: 5px 0;
}

/* Block: Viewed */
.block-recent {

}

/* Block: Poll */
.block-poll {

}

.block-poll input.radio {
    float: left;
    margin: 3px -18px 0 0;
}

.block-poll .label {
    display: block;
    margin-left: 18px;
}

.block-poll .answer {

}

.block-poll .votes {
    font-weight: bold;
}

/* Block: Tags */
.block-tags ul,.block-tags li {
    display: inline;
}

/* Block: Subscribe */
.block-subscribe {

}

/* Block: Reorder */
.block-reorder {

}

.block-reorder li {
    padding: 5px 0;
}

.block-reorder input.checkbox {
    float: left;
    margin: 3px -20px 0 0;
}

.block-reorder .label {
    display: block;
    margin-left: 20px;
}

/* Block: Banner */
.block-banner {

}

.block-banner .block-content {
    text-align: center;
}

/* Block: Checkout Progress */
.block-progress {

}

.block-progress dt {
    font-weight: bold;
}

.block-progress dt.complete,.block-progress dd.complete {
    background-color: #f6f6f6;
}

/* ======================================================================================= */
    /* Category Page ========================================================================= */
.category-title {
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px;
}

.category-image {
    display: block;
    margin: 0 auto;
}

.category-products {

}

/* View Type: Grid */
.products-grid {
    width: 100%;
}

.products-grid tr.odd {

}

.products-grid tr.even {
    background-color: #f6f6f6;
}

.products-grid td {
    width: 33%;
    border: 1px solid #ddd;
    padding: 5px;
}

.products-grid td.empty {

}

/* View Type: List */
.products-list li.item {
    border: 1px solid #ddd;
    padding: 5px;
    margin: 0 0 5px;
}


.products-list li.item .product-description {
    display: none;
}

.products-list .product-image {
    float: left;
}

.products-list .product-shop {
    float: right;
    width: 320px;
}

/* ======================================================================================= */
    /* Product View ========================================================================== */
.product-view {

}

.product-essential {

}

.product-collateral {

}

/* Product Images */
.product-view .product-img-box {
    float: left;
    width: 267px;
}

.product-view .product-img-box .product-image {
    border: 1px solid #ddd;
}

.product-view .product-img-box .product-image-zoom {
    position: relative;
    width: 265px;
    height: 265px;
    overflow: hidden;
    z-index: 9;
}

.product-view .product-img-box .product-image-zoom img {
    position: absolute;
    left: 0;
    top: 0;
    cursor: move;
}

.product-view .product-img-box .zoom-notice {
    text-align: center;
}

.product-view .product-img-box .zoom {
    position: relative;
    z-index: 9;
    height: 18px;
    margin: 0 auto 13px;
    padding: 0 28px;
    background: url(../images/slider_bg.gif) 50% 50% no-repeat;
    cursor: pointer;
}

.product-view .product-img-box .zoom #track {
    position: relative;
    height: 18px;
}

.product-view .product-img-box .zoom #handle {
    position: absolute;
    left: 0;
    top: -1px;
    width: 9px;
    height: 22px;
    background: url(../images/magnifier_handle.gif) 0 0 no-repeat;
}

.product-view .product-img-box .zoom .btn-zoom-out {
    position: absolute;
    left: 2px;
    top: 0;
}

.product-view .product-img-box .zoom .btn-zoom-in {
    position: absolute;
    right: 2px;
    top: 0;
}

.product-view .product-img-box .more-views ul {
    margin-left: -4px
}

.product-view .product-img-box .more-views li {
    float: left;
    padding: 1px;
    background-color: #ddd;
    margin: 0 0 8px 4px;
}

.product-image-popup {
    margin: 0 auto;
}

.product-image-popup .nav {
    text-align: center;
}

.product-image-popup .image {
    display: block;
}

.product-image-popup .image-label {

}

/* Product Shop */
.product-view .product-shop {
    float: right;
    width: 445px;
}

.product-view .product-name {

}

.product-view .short-description {

}

/* Rating */
.ratings {

}

.ratings .amount {

}

.ratings .rating-links {

}

.ratings dt {

}

.ratings dd {

}

.rating-box {
    width: 69px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background: url(../images/bg_rating.gif) 0 0 repeat-x;
    position: relative;
    overflow: hidden;
}

.rating-box .rating {
    position: absolute;
    top: 0;
    left: 0;
    height: 13px;
    background: url(../images/bg_rating.gif) 0 100% repeat-x;
}

/* Availability */
.availability {

}

.availability .in-stock {
    font-weight: bold;
}

.availability .out-of-stock {
    font-weight: bold;
    color: #f00;
}

/********** < Product Prices */
.price {
    white-space: nowrap !important;
}

.price-box {

}

.price-box .price {
    font-weight: bold;
}

.price-box-bundle {

}

/* Regular price */
.regular-price {

}

.regular-price .price {
    font-weight: bold;
}

/* Old price */
.old-price {

}

.old-price .price-label {
    white-space: nowrap;
}

.old-price .price {
    font-weight: bold;
    text-decoration: line-through;
}

/* Special price */
.special-price {

}

.special-price .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.special-price .price {
    font-weight: bold;
}

/* Minimal price (as low as) */
.minimal-price {

}

.minimal-price .price-label {
    font-weight: bold;
    white-space: nowrap;
}

a.minimal-price-link {
    display: block;
}

a.minimal-price-link .label {

}

a.minimal-price-link .price {
    font-weight: normal;
}

/* Excluding tax */
.price-excluding-tax {
    display: block;
}

.price-excluding-tax .label {
    white-space: nowrap;
}

.price-excluding-tax .price {
    font-weight: normal;
}

/* Including tax */
.price-including-tax {
    display: block;
}

.price-including-tax .label {
    white-space: nowrap;
}

.price-including-tax .price {
    font-weight: bold;
}

/* Excl tax (for order tables) */
.price-excl-tax {
    display: block;
}

.price-excl-tax .label {
    display: block;
    white-space: nowrap;
}

.price-excl-tax .price {
    display: block;
}

/* Incl tax (for order tables) */
.price-incl-tax {
    display: block;
}

.price-incl-tax .label {
    display: block;
    white-space: nowrap;
}

.price-incl-tax .price {
    display: block;
    font-weight: bold;
}

/* Price range */
.price-from {

}

.price-from .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.price-to {

}

.price-to .price-label {
    font-weight: bold;
    white-space: nowrap;
}

/* Price as configured */
.price-as-configured {

}

.price-as-configured .price-label {
    font-weight: bold;
    white-space: nowrap;
}

/* Price notice next to the options */
.price-notice {
    padding-left: 10px;
}

.price-notice .price {
    font-weight: bold;
}

/********** Product Prices > */ /* Tier Prices */
.tier-prices .price {
    font-weight: bold;
}

.tier-prices .benefit {

}

/* Add to Links */
.add-to-links .separator {
    display: none;
}

/* Add to Cart */
.add-to-cart label {
    float: left;
    margin-right: 5px;
}

.add-to-cart .qty {
    float: left;
}

.add-to-cart button.button {
    float: left;
    margin-left: 5px;
}

/* Add to Links + Add to Cart */
.add-to-box {

}

.add-to-box .add-to-cart {
    float: left;
}

.add-to-box .or {
    float: left;
    margin: 0 10px;
}

.add-to-box .add-to-links {
    float: left;
}

/* Product Options */
.product-options {
    padding: 10px;
    margin: 10px 0 0;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
}

.product-options dt label {
    font-weight: bold;
}

.product-options dt .qty-holder {
    float: right;
}

.product-options dt .qty-holder label {
    vertical-align: middle;
}

.product-options dt .qty-disabled {
    background: none;
    border: 0;
    padding: 3px;
    color: #000;
}

.product-options dd {
    margin: 10px 0;
}

.product-options dl.last dd.last {

}

.product-options dd input.input-text {
    width: 98%;
}

.product-options dd textarea {
    width: 98%;
    height: 8em;
}

.product-options dd select {
    width: 100%;
}

.product-options .options-list {

}

.product-options .options-list input.radio {
    float: left;
    margin: 3px -18px 0 0;
}

.product-options .options-list input.checkbox {
    float: left;
    margin: 3px -20px 0 0;
}

.product-options .options-list .label {
    display: block;
    margin-left: 20px;
}

.product-options ul.validation-failed {
    padding: 0 7px;
}

.product-options p.required {
    padding: 15px 0 0;
}

.product-options-bottom {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
}

.product-options-bottom .price-box {
    margin: 10px 0;
}

/* Grouped Product */
.grouped-items {

}

/* Block: Description */
.product-view .description {

}

/* Block: Additional */
.product-view .additional {

}

/* Block: Upsell */
.product-view .up-sell {

}

.product-view .up-sell .products-grid td {
    width: 25%;
}

/* Block: Tags */
.product-view .tags {

}

.product-view .tags .form-add-tags label {
    float: left;
}

.product-view .tags .form-add-tags .input-box {
    float: left;
    width: 260px;
    margin: 0 5px;
}

.product-view .tags .form-add-tags input.input-text {
    width: 254px;
}

.product-view .tags .form-add-tags button.button {
    vertical-align: bottom;
}

.product-view .tags .form-add-tags p {
    clear: both;
}

/* Block: Reviews */
.product-view .reviews {

}

/* Block: Add Review */
.product-view .add-review {

}

.product-view .add-review .product-name span {
    font-weight: normal;
}

/* ======================================================================================= */
    /* Content Styles ================================================================= */
.product-name {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
}

/* Product Tags */
.tags-list li {
    display: inline;
}

/* Advanced Search */
.search-summary {

}

/* CMS Home Page */
.cms-home .products-grid td {
    width: 20%;
}

/* Sitemap */
.sitemap {

}

/* ======================================================================================= */
    /* Product Review ======================================================================== */
.product-review {

}

.product-review .product-img-box {
    float: left;
    width: 140px;
}

.product-review .product-img-box .product-image {
    display: block;
    border: 1px solid #ddd;
    padding: 1px;
}

.product-review .details {
    float: right;
    width: 570px;
}

/* ======================================================================================= */
    /* Shopping Cart ========================================================================= */
.cart .checkout-types {
    text-align: right;
}

.cart .checkout-types li {
    float:                  left;
    margin-left:            10px;
}

.cart .checkout-types li:first-child {
    margin-left:            0;
}

/* Shopping Cart Table */
.cart-table .item-msg {
    font-size: 10px;
}

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals {
    width:                  508px;
    float:                  left;
    border:                 1px #EEEEEE solid;
    margin-top:             30px;
    padding:                15px 20px;
}

.cart .crosssell .product-image {
    float: left;
    margin-right: -90px;
}

.cart .crosssell .product-shop {
    margin-left: 90px;
}

.cart .crosssell li.crosssell-item img {
    cursor:                 pointer;
}

.cart .shipping {

}

/* Shopping Cart Totals */
.cart .totals {
    /* float: right;*/
}

.cart .totals table {
    width: 100%;
}

.cart .totals table th,.cart .totals table td {
    padding: 5px;
}

.cart .totals table th {
    font-weight: bold;
}

/* Options Tool Tip */
.item-options dt {
    font-weight: bold;
    font-style: italic;
}

.item-options dd {
    padding-left: 10px;
}

.truncated {
    cursor: help;
}

.truncated a.dots {
    cursor: help;
}

.truncated a.details {
    cursor: help;
}

.truncated .truncated_full_value {
    position: relative;
    z-index: 999;
}

.truncated .truncated_full_value dl {
    position: absolute;
    top: -99999em;
    left: -99999em;
    z-index: 999;
    width: 250px;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
}

.truncated .show dl {
    top: -20px;
    left: 50%;
}

.col-left .truncated .show dl {
    left: 30px;
    top: 7px;
}

.col-right .truncated .show dl {
    left: -240px;
    top: 7px;
}

/* ======================================================================================= */
    /* Checkout ============================================================================== */ /* One Page */
.opc {
    border: none;
    position: relative;
}

.opc li.section {
    border: none;
}

.opc .step-title {
    background-color: #fff;
    padding: 0 5px;
    text-align: left;
    display: none;
}

.opc .step-title .number {
    float: left;
    line-height: 22px;
    margin-right: 5px;
}

.opc .step-title h3 {
    float: left;
}

.opc .allow .step-title {
    cursor: pointer;
}

.opc .active {

}

.opc .active .step-title {
    cursor: default;
    display: block;
}

.opc #opc-billing .step-title {
    display: none;
}

.opc .step {
    padding: 5px 5px;
    position: relative;
}

.opc .step fieldset {
    background-color:       #EFF0EF;
}

.opc .step .tool-tip {
    right: 10px;
}

.opc .order-review {
    overflow:               hidden;
}

/* Multiple Addresses Checkout */
.checkout-progress {
    padding: 0 50px;
    margin: 10px 0;
}

.checkout-progress li {
    float: left;
    width: 20%;
    border-top: 5px solid #ccc;
    text-align: center;
    color: #ccc;
}

.checkout-progress li.active {
    border-top-color: #000;
    color: #000;
}

.multiple-checkout {
    position: relative;
}

.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 10px;
}

.multiple-checkout .grand-total {
    font-size: 1.5em;
    text-align: right;
}

.multiple-checkout .grand-total big {

}

.multiple-checkout .grand-total .price {

}

/********** < Common Checkout Styles */ /* Shipping and Payment methods */
.sp-methods {

}
.sp-methods dd {}


.sp-methods dt {
    font-weight: bold;
    padding:          10px 0;
    clear:both;
}


.sp-methods dt input.radio {
    vertical-align:         text-top;
}

.sp-methods dd {
    /*background-color:       #EFF0EF;*/
    margin-left:            25px;
}

.sp-methods .price {
    font-weight: bold;
}

.sp-methods .form-list {
    padding-left: 20px;
}

.sp-methods select.month {
    width: 150px;
    margin-right: 10px;
}

.sp-methods select.year {
    width: 96px;
}

.sp-methods input.cvv {
    width: 3em !important;
}

#co-payment-form fieldset,
#co-shipping-method-form fieldset {
    background-color:       transparent;
}
#co-payment-form .form-list,
#co-shipping-method-form .form-list {
    padding:                0;
}

.please-wait {
    float:          right;
    margin-right:    5px;
    margin-top:     22px;
}

.cvv-what-is-this {
    cursor: help;
    margin-left: 5px;
}

/* Tooltip */
.tool-tip {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px;
    position: absolute;
    z-index: 9999;
}

.tool-tip .btn-close {
    text-align: right;
}

.tool-tip .tool-tip-content {
    padding: 5px;
}

/* Gift Messages */
.add-gift-message {

}

.gift-message-form {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
}

.gift-message-form .inner-box {
    padding: 5px;
    height: 300px;
    overflow: auto;
}

.gift-message-form .gift-item {

}

.gift-message-link {
    display: block;
    background: url(../images/bg_collapse.gif) 0 4px no-repeat;
    padding-left: 20px;
}

.gift-message-link.expanded {
    background-position: 0 -53px;
}

.gift-message-row {

}

.gift-message-row .btn-close {
    float: right;
}

.gift-message dt strong {
    font-weight: bold;
}

/* Checkout Agreements */
.checkout-agreements {

}

.checkout-agreements li {
    margin: 10px 0;
}

.checkout-agreements .agreement-content {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px;
    height: 10em;
    overflow: auto;
}

.checkout-agreements .agree {
    padding: 6px;
    font-weight:            bold;
}

/********** Common Checkout Styles > */ /* ======================================================================================= */
    /* Account Login/Create Pages ============================================================ */
.account-login {

}

.account-login .new-users {

}

.account-login .registered-users {

}

.account-create {

}

/* Account Login/Create Pages ============================================================ */
    /* My Account ============================================================================= */ /********** < Dashboard */
.dashboard {

}

.dashboard .welcome-msg {

}

/* Block: Recent Orders */
.dashboard .recent-orders {
    margin: 10px 0;
}

/* Block: Tags */
.dashboard .tags .number {
    float: left;
    margin-right: -20px;
}

.dashboard .tags .details {
    margin-left: 20px;
}

/* Block: Reviews */
.dashboard .reviews {

}

/********** Dashboard > */ /* Order View */
.order-info {
    border: 1px solid #ddd;
    padding: 5px;
}

.order-info dt,.order-info dd,.order-info ul,.order-info li {
    display: inline;
}

.order-info dt {
    font-weight: bold;
}

/* Print Pages */
.page-print .print-head {

}

.page-print .print-head img {
    float: left;
}

.page-print .print-head address {
    float: left;
    margin-left: 15px;
}

/* Price Rewrites */
.page-print .gift-message-link {
    display: none;
}

.page-print .price-excl-tax,.page-print .price-incl-tax {
    display: block;
    white-space: nowrap;
}

.page-print .cart-price,.page-print .price-excl-tax .label,.page-print .price-incl-tax .label,.page-print .price-excl-tax .price,.page-print .price-incl-tax .price
    {
    display: inline;
}

/* ======================================================================================= */
    /* Footer ================================================================================ */
.footer {
}

.footer p {
    text-align: right;
}

.footer address {
    text-align: right;
}


.footer .navigation {
clear:both;
float:left;
overflow:hidden;
width:100%;
background-color:#EFF0EF;
line-height:20px;
margin-bottom:25px;
height:21px;
}
.footer .navigation ul {
float:left;
left:50%;
list-style-type:none;
margin:0 auto;
padding:0;
position:relative;
top:-1px;
}
.footer .navigation ul li {
float:left;
position:relative;
right:50%;
}
.footer .navigation ul li a {
font-size:10px;
color:#5f5e5e;
text-transform:uppercase;
text-decoration:none;
border-left:1px solid #5f5e5e;
padding:0 10px;
}
.footer .navigation ul li:first-child a {
border-left:none;
}
.footer .navigation ul li a:hover {
text-decoration:underline;
}
.footer .navigation ul li a img {
    vertical-align:         middle;
}


.footer .payment span {
color:#494949;
font-size:12px;
}
.footer .payment {
margin-bottom:15px;
}
.footer .payment ul {
float:left;
}
.footer .payment ul li {
float:left;
padding-right:12px;
}
.footer .payment .information {
float:left;
padding-right:35px;
padding-top:7px;
}
.footer .payment .price {
float:right;
padding-top:7px;
}
.footer .payment ul.security {
padding-left:45px;
}


/* ======================================================================================= */

/* CUSTOM */

/**
 * start page content
*/

.col1-layout-multi .col-main-end {
/*    background-color:       #EFF0EF !important;*/
}

.teaserTop {
    padding-bottom: 15px;
/*    background-color:       #EFF0EF;*/
}

.teaserTop .advantages {
    color:                  #444444;
    font-size:              15px;
    list-style-type:        none;
    padding:                0;
    margin:                 0;
    width:                  370px;
}

.teaserTop .advantages li {
    line-height: 24px;
    padding-left: 22px;
    background: transparent url('../images/custom/icon-okay.png') no-repeat left 3px;
}

.teaserTop h2 {
    font-weight: bold;
    color: #5f5e5e;
}

.teaserTop h2.big {
    font-size: 52px;
}

.teaserTop h2.small {
    font-size: 37px;
    margin-bottom: 20px;
    margin-left: 100px;
    margin-top: 2px;
}

.teaserTop .whitespace {
    background-color: #fff;
    margin: 0 4px;
    padding: 50px 0 15px 30px;
    position: relative;
}

.teaserTop .teaser-offer {
    position: absolute;
    right: 0;
    top: 5px;
}

.teaserTop .button {
    margin: 25px 0 0px 35px;
    display: block;
    /* width: 180px; */
    height: 50px;
}
/*
.teaserSteps {
    background: #fff url('../images/custom/steps-bar.jpg') no-repeat top left;
}

.teaserSteps .information {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    padding: 5px 0 40px 15px;
    display: block;
}
*/

.teaserSteps {
    margin-top:    30px;
    margin-bottom: 10px;
}

.teaserSteps .step-nr {
    font-size: 36px;
    color: #fff;
    float: left;
    font-weight: bold;
    margin-left: 4px;
    margin-top: 11px;
}

.teaserSteps .step-img {
    left: 27px;
    position: relative;
    top: 8px;
}

.teaserSteps .text {
    position: relative;
    top: 20px;
}

.teaserSteps p {
    color: #fff;
    font-size: 12px;
    margin-top:8px;
}

.teaserSteps h2 {
    font-size: 17px;
    color: #fff;
    font-weight: bold;
}

.teaserSteps ol {
    padding:                0;
    margin:                 0;
    list-style-type:        none;
}

.teaserSteps ol li {
    float: left;
    width: 187px;
    position: relative;
    padding: 0 20px;
    height: 172px;
    background: transparent url('../images/custom/step-background.png') no-repeat left top;
    margin-left: 4px;
}

.teaserSteps ol li:first-child {
    margin-left: 0;
}

.teaserSteps .steps-next {
    position: absolute;
    left: -27px;
    top: 50px;
    z-index: 100;
}

.teaserSteps .overall-link,#wrapper.process .overall-link {
    height: 172px;
    left: 0;
    background: transparent url(../images/custom/blank.png) repeat top left;
    position: absolute;
    top: 0;
    width: 227px;
}


/**
 * Image creation process
*/

div.imageCreationSteps {
    padding-top: 10px;
    background:#fff url(../images/custom/process-bar.png) no-repeat top center;
}

div.imageCreationSteps ol li,
div.imageCreationSteps a#shopping-cart {
    background:transparent url(../images/custom/process-step.png) no-repeat scroll left top;
    float:left;
    height:38px;
    margin-left:3px;
    padding:0 2px 0 18px;
    position:relative;
    /*width:152px;*/
    width:160px;
}

div.imageCreationSteps ol li.act {
    background:transparent url(../images/custom/process-step-act.png) no-repeat scroll left top;
}

div.imageCreationSteps .overall-link {
    height:38px;
    width:170px;
}

div.imageCreationSteps ol li .step-nr,
div.imageCreationSteps ol li .descriptor {
    font-size:13px;
    color:#c5c5c4;
    float:left;
    font-weight:bold;
    margin-top:5px;
    letter-spacing: -0.03em;
}
div.imageCreationSteps ol li .step-nr {font-size:16px;}

div.imageCreationSteps ol li .descriptor {
    margin:9px 0 0 24px;
}

div.imageCreationSteps ol li.act .step-nr {
    color:#fff;
    
}

div.imageCreationSteps ol li.act .descriptor {
    color:#fff;
}

div.imageCreationSteps a#shopping-cart {
    background:transparent url(../images/custom/shopping-cart.png) no-repeat scroll left top;
    font-size: 10px;
    font-weight: bold;
    color: #5f5e5e;
    float:right;
    margin-right:9px;
    padding:10px 2px 10px 30px;
    width: 140px;
    height: 20px;
    text-decoration: none;
}

div.imageCreationSteps a#shopping-cart span.count {
    font-size: 11px;
}

/**
 * Content styles
*/

div.contentEnclosing {
    font-size: 12px;
    font-weight: normal;
    color: #3b3b3b;
    line-height: 19px;
    margin-bottom: 0;
    min-height: 300px;
    padding: 20px 25px 0 25px;
}

div.contentEnclosing h2, .page-popup h2 {
    font-size: 18px;
    font-weight: bold;
    color:      #444;
    padding: 5px 0 10px 0;
}


div.contentEnclosing .downspace {
    margin-bottom: 15px;
}

div.contentEnclosing .double-downspace {
    margin-bottom: 30px;
}

div.contentEnclosing .radiospace {
    margin-left: 22px;
}

div.contentEnclosing h3, .page-popup h3 {
    font-size: 12px;
    font-weight: bold;
    color:#4c4c4c;
    margin: 5px 0 2px 0;
}

div.contentEnclosing h3.greenspace {
    color: #fff;
    background-color: #666;
    padding: 4px 8px;
    width: 285px;
    clear: both;
}

div.contentEnclosing h2.grey {
    color: #5f5e5e;
}

/**
 * Styles for order creation progress
*/

div.imageCreation {
    padding: 20px 25px 40px 25px;
}

div.imageCreation p {
    font-size: 12px;
    font-weight: normal;
    color:#4d4d4d;
    margin: 2px 0 10px 0;
    line-height: 17px;
}

div.imageCreation input.upload {
    font-size: 12px;
    margin: 15px 0;
}

div.imageCreation p.loading-bar {
    margin: 30px 0;
    font-weight: bold;
}


/*====================== column & box =======================*/
.column-narrow {
    width: 382px;
}
.column-wide {
    width: 467px;
}
.column {
    width: 550px;
}
.column-half {
width: 420px;
}


.table-box {
border: 1px solid #eff0ef;
}
.greyspace {
padding: 5px 10px;
background-color: #eff0ef;
}
.leftspace {
margin-left: 15px;
}
.gutter {
padding: 15px;
}

/*========================= table-box =========================*/
table {
margin: 15px;
}
table.format {
width: 390px;
margin: 5px 15px;
}
table.format .icon {
float: right;
border: 0;
margin-left: 5px;
}
table.format .icon img {
border: 0;
vertical-align: bottom;
}
table.format-liste {
width: 100%;
margin: 0;
}
table.format-liste td.format {
font-weight: bold;
}
table.full-width {
width: 100%;
}
table img {
border: 1px solid #4d4d4d;
}
.column table {
margin: 0 0 10px 0;
}
table td,
table th {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-color: #eff0ef;
padding: 5px;
color: #3b3b3b;
font-size: 12px;
font-weight: normal;
}
table th {
background-color: #fff;
font-weight: bold;
padding-bottom: 2px;
}
table tr.act td {
background-color: #444;
color: #fff;
}
table tr.summe td,
table tr.versand td,
table tr.gesamtsumme td {
border-bottom: none;
text-align: right;
}
table tr.summe td {
padding-bottom: 0;
}
table tr.versand td {
padding-top: 0;
}
table tr.gesamtsumme td {
font-weight: bold;
}
table.form,
table.form td,
table.form th,
table.format-liste,
table.format-liste tr td img,
table.format-liste tr td,
table.format-iiste tr th {
border: none;
background: none;
margin: 0;
}
table.format-liste tr th,
table.format-liste tr.dark td {
background-color: #EFF0EF;
}
table.format-liste tr th {
border: none;
}
table td.preis-width,
table th.preis-width {
width: 70px;
}
table td.descriptor-width,
table th.descriptor-width {
width: 90px;
}
table td.input-width,
table th.input-width {
width: 100px;
}

span.descriptor {
font-weight: bold;
margin-right: 15px;
}
span.info {
font-size: 11px;
display: block;
margin-top: 1px;
line-height: 15px;
}
span.preis-format {
color:#cf2020;
font-weight: bold;
}
span.discount-format {
text-decoration: line-through;
}
span.effect {
display: block;
}

/*========================= image-box =========================*/
.image-box {
background: #eff0ef;
text-align: center;
padding: 30px 0;
}
.image-box img {
    /* border: 1px solid #4d4c4c; doesn't look good with multi part */
    border:         none;
}
.image-box-inner {
display: table;
padding-left: 30px;
margin: 10px auto 20px auto;
}
.image-box .shadow-left {
height: 12px;
background:transparent url('../images/custom/shadow-left.png') no-repeat left top;
}



.image-box .shadow-right {
height: 12px;
width: 19px;
background:transparent url('../images/custom/shadow-right.png') no-repeat left top;
float: right;
}
.image-box-inner-effects {
display: table;
margin: 50px auto 40px;
}


table.image {
border-collapse: collapse;
margin: 0;
}
table.image tr td {
padding: 0;
margin: 0;
background: none;
border: none;
font-weight: bold;
color: #444;
}
table.image td.width-main {
background:#eff0ef url(../images/custom/width-main.gif) no-repeat scroll right top;
}
table.image td.height-main {
background:#eff0ef url(../images/custom/height-main.gif) no-repeat scroll left bottom;
vertical-align: top;
}
div.width-arrow {
background:#eff0ef url(../images/custom/width-arrow.gif) no-repeat scroll left top;
width: 6px;
height: 10px;
margin: 0;
padding: 0;
}
div.height-arrow {
background:#eff0ef url(../images/custom/height-arrow.gif) no-repeat scroll left top;
width: 10px;
height: 6px;
margin: 0;
padding: 0;
}
table.image div.height {
width: 50px;
text-align: left;
padding-left: 5px;
}
table.image tr td.effect-description {
text-align: center;
font-weight: normal;
color:#4D4D4D;
display: block;
clear: right;
}
table.image td.width {
text-align: center;
}
table.image td.height {
vertical-align: middle;
}

#checkout-review-overview-table td {
vertical-align: top;
}

#checkout-review-overview-table small {
font-size: 10px;
}

#additionalProductOptions {
}

#additionalProductOptions .additionalProductOption {
    padding:                5px 0;
}

#additionalProductOptions .additionalProductOption .additionalProductOptionSelection {
    background-color:       #EFF0EF;
    padding:                5px;
}

#additionalProductOptions .additionalProductOption .additionalProductOptionSelection label {
    display:                block;
}

#additionalProductOptions .additionalProductOption .additionalProductOptionSelection label input {
    vertical-align:         text-top;
}

/*========================= buttons & links ========================*/
.checkout-types.controls button {
    padding:                8px 0 9px 25px;
    color:                  #3b3b3b;
    font-weight:            bold;
}

.checkout-types.controls button.button-warenkorb-akt {
    background:             transparent url(../images/custom/warenkorb-akt.png) no-repeat scroll left center;
    text-decoration:        underline !important;
    margin-right:           5px;
}

.checkout-types.controls button.button-warenkorb-weiteres {
    text-decoration:        underline;
    background:             transparent url(../images/custom/weiteres-bild.png) no-repeat scroll left center;
}

.checkout-types.controls button.button-warenkorb-checkout {

    background:             transparent url('../images/custom/button-large.png') no-repeat scroll left center;
    width:                  166px;
    padding:                8px 38px 9px 15px;
    color:                  #fff;
    font-weight:            bold;
    font-size:              14px;
    margin-right:           0;
    -webkit-border-fit:     border; /* <- Safari & Google Chrome Reverse Fix, @see button.button */
}

input.button,
input.button-large,
input.button-submit,
input.button-reg,
input.button-anmelden,
input.button-bestellen,
input.button-grau {
background:transparent url('../images/custom/button.png') no-repeat left center;
border: none;
color: #fff;
font-weight: bold;
font-size: 14px;
text-align: center;
width: 137px;
padding: 8px 5px 9px 5px;
/* padding: 8px 50px 9px 40px; */
display: block;
margin-top: 15px;
margin-bottom: 15px;
cursor: pointer;
}
input.button-large {
background:transparent url('../images/custom/button-large.png') no-repeat left center;
width: 166px;
padding: 8px 38px 9px 15px;
}
input.button-submit {
background:transparent url('../images/custom/button-submit.png') no-repeat left center;
width: 197px;
padding: 8px 35px 9px 15px;
}
input.button-reg {
background:transparent url('../images/custom/button-reg.png') no-repeat left center;
width: 154px;
padding: 4px 35px 5px 16px;
margin: 0;
}
input.button-bestellen {
background:transparent url('../images/custom/button-reg.png') no-repeat left center;
width: 154px;
padding: 4px 41px 5px 28px;
margin: 0;
}
input.button-anmelden {
background:transparent url('../images/custom/button-reg.png') no-repeat left center;
width: 154px;
padding: 4px 45px 5px 5px;
margin: 0;
}

input.button.disabled {
    background-image:       url('../images/custom/button-disabled.png');
}

input.button-grau {
background:transparent url('../images/custom/button-gray.png') no-repeat left center;
width: 165px;
font-size: 12px;
}

input.button-large.disabled,
input.button-submit.disabled,
input.button-reg.disabled,
input.button-anmelden.disabled,
input.button-bestellen.disabled {
    background:     #EFF0EF none !important;
}

.forgot_password {
font-size: 10px;
}

/*========================== radio & check & input ===================*/
input[type="text"] {
padding: 3px;
border: 1px solid #d1d4d1;
width: 181px;
background:transparent url('../images/custom/input-bg.gif') no-repeat left top;
}
input[type="text"].short {
width: 32px;
text-align: center;
}
table tr.act td input[type="text"].short {
border: 1px solid #cf2020;
background:transparent url('../images/custom/input-bg-dark.gif') no-repeat left top;
}
select.land {
width: 187px;
}
input[type="file"] {
padding: 3px;
}
input.middle {
width: 80px;
}
input.radio,
input.check {
margin-right: 9px;
margin-top: 1px;
}

span#agb-line,
span#reg-line {
margin: 6px 0;
font-weight: bold;
}
div.imageCreation p.line {
margin: 15px 0 5px 0;
}

/*=========================== abstände ===============================*/
td.input-padding {
padding: 2px 6px;
}
td.preis-padding,
th.preis-padding {
padding-right: 15px;
}
table.zahlweise-padding td {
padding: 3px 5px;
}

/*=========================== ul effects ===============================*/

ul#effect-list{margin:15px 0;}
ul#effect-list li {clear:both;margin:0 0 10px 0;width:350px;cursor:pointer;}
ul#effect-list li div.effect_img{max-width:70px;max-height:70px;overflow:hidden;float:left;border:1px solid #ccc;margin:0 20px 10px 0;}
ul#effect-list li div.effect_img img{max-width:70px;max-height:70px;}
ul#effect-list a{text-decoration:none;}
ul#effect-list li p {display:inline;float:left;margin-top:25px;background:transparent url('../images/custom/icon-okay-grey.png') no-repeat left center;font-size:16px;font-weight:bold;padding: 0 0 0 20px;}
ul#effect-list li.act p,ul#effect-list li:hover p {color:#fe8f00;background:transparent url('../images/custom/icon-okay.png') no-repeat left center;}

form#imageEffectForm{clear:both;display:block;padding-top:10px;}



/**
 * Markers
*/
.upperMarker {
    width:                  300px;
    border-style:           solid solid solid solid;
    border-color:           #444 #444 transparent #444;
    border-width:           1px 6px 6px 6px;
    height:                 0;
    font-size:              0;
    line-height:            0;
    overflow:               hidden;
}

.lowerMarker {
    width:                  300px;
    border-style:           solid solid solid solid;
    border-color:           transparent #444 #444 #444;
    border-width:           6px 6px 1px 6px;
    height:                 0;
    font-size:              0;
    line-height:            0;
    overflow:               hidden;
}

.rightMarker {
    height:                 300px;
    border-style:           solid solid solid solid;
    border-color:           #444 #444 #444 transparent;
    border-width:           6px 1px 6px 6px;
    width:                  0;
    font-size:              0;
    line-height:            0;
    overflow:               hidden;
}

.leftMarker {
    height:                 300px;
    border-style:           solid solid solid solid;
    border-color:           #444 transparent #444 #444;
    border-width:           6px 6px 6px 1px;
    width:                  0;
    font-size:              0;
    line-height:            0;
    overflow:               hidden;
}


/**
 * Cart modifications
*/

.col1-layout .col-main
{
    background:             transparent url(../images/custom/progress-variable-repeater.png) scroll repeat-y top left;
    width:                  930px;
}

.col1-layout .global-message-wrapper .messages {
    background:             transparent url(../images/custom/progress-variable-repeater.png) scroll repeat-y top left;
    padding:                10px 15px !important;
    width:                  auto;
}

.col1-layout .col-main > div:FIRST-CHILD {
    padding-left:           0;
    padding-right:          0;
    padding-top:            0;
}
.col1-layout .col-main-end {
    display:                block;
    clear:                  both;
    font:                   normal normal bold 15px Arial,Helvatica,sans-serif;
    padding-top:            10px;
    padding-left:           10px;
    color:                  #FFF;
    height:                 30px;
    overflow:               hidden;
    background:             transparent url(../images/custom/progress-variable-bottom-wh.png) scroll no-repeat bottom left;
}

#previewWaitingMessage {
    display:                none;
    background:             transparent url(../images/custom/loading.gif) scroll no-repeat center center;
    z-index:                1;
}


/**
 * Separators for multipart images
*/
#previewImageOverlay.double.horizontal .separator {
    width:                  3px;
    height:                 100%;
    background-color:       #eff0ef;
    margin-left:            50%;
    float:                  left;
}
#previewImageOverlay.triple.horizontal .separator {
    width:                  3px;
    height:                 100%;
    background-color:       #eff0ef;
    margin-left:            33%;
    float:                  left;
}
#previewImageOverlay.quadruple.horizontal .separator {
    width:                  3px;
    height:                 100%;
    background-color:       #eff0ef;
    margin-left:            24%;
    float:                  left;
}

/* vertical markers must be implemented differently because of the strange margin-top-percent behaviour */
#previewImageOverlay.double.vertical .separator {
    height:                 50%;
    width:                  100%;
    border:                 3px solid #eff0ef;
    border-width:           0 0 3px 0; /* should be percent, but doesn't work for borders */
    float:                  left;
}
#previewImageOverlay.triple.vertical .separator {
    height:                 33%;
    width:                  100%;
    border:                 3px solid #eff0ef;
    border-width:           0 0 3px 0; /* should be percent, but doesn't work for borders */
    float:                  left;
}
#previewImageOverlay.quadruple.vertical .separator {
    height:                 24%;
    width:                  100%;
    border:                 3px solid #eff0ef;
    border-width:           0 0 3px 0; /* should be percent, but doesn't work for borders */
    float:                  left;
}

#previewImageOverlay.double .separator:first-child,
#previewImageOverlay.double .separator:last-child {
    display:                none;
}

#previewImageOverlay.triple .separator:first-child {
    display:                none;
}

/**
 * Content which may be edited by admin users
*/

.content-editorial,
.content-editorial ul,
.content-editorial ol,
.content-editorial dl,
.content-editorial p,
.content-editorial address,
.content-editorial blockquote {
    margin: 0 0 1em;
    padding: 0;
}

.content-editorial {
    padding:                20px;
}

.content-editorial small {
    font-size:              0.8em;
}

.content-editorial big {
    font-size:              1.2em;
}

.content-editorial ul {
    list-style: square outside;
    padding-left: 1.5em;
}

.content-editorial ol {
    list-style: decimal outside;
    padding-left: 1.5em;
}

.content-editorial ul ul {
    list-style-type: circle;
}

.content-editorial ul ul,
.content-editorial ol ol,
.content-editorial ul ol,
.content-editorial ol ul {
    margin: .5em 0;
}

.content-editorial dt {
    font-weight: bold;
}

.content-editorial dd {
    padding: 0 0 0 1.5em;
}

.content-editorial blockquote {
    padding: 1em 2.5em 1em 2.5em;
}

.content-editorial address {
    font-style: normal;
}

.content-editorial b,
.content-editorial strong {
    font-weight: bold;
}

.content-editorial i,
.content-editorial em {
    font-style: italic;
}

.content-editorial a {
    color:                  #cf2020;
    text-decoration:        underline;
}

.content-editorial a:hover {
    text-decoration:        none;
}

.content-editorial img.left.padded,
.page-popup img.left.padded {
    padding-right:          10px;
    padding-bottom:         10px;
}

.content-editorial img.right.padded,
.page-popup img.right.padded {
    padding-left:           10px;
    padding-bottom:         10px;
}

/**/

.content-editorial.content-editorial-faq {
}

.content-editorial.content-editorial-faq ol.faq-list {
    list-style:             decimal;
}

.content-editorial.content-editorial-faq ol.faq-list li ol {
    list-style:             lower-alpha;
}

.content-editorial.content-editorial-faq div.faq-answers {
    margin-top:             20px;
}

.content-editorial.content-editorial-faq div.faq-answers h3 {
    padding-left:           10px;
}

.content-editorial.content-editorial-faq div.faq-answers a.focused + h3 {
    color:                  #cf2020;
}

.content-editorial.content-editorial-faq div.faq-answers h3 a {
    display:                none;
}

.content-editorial.content-editorial-faq div.faq-answers a.focused + h3 a {
    display:                block;
    float:                  right;
    width:                  100px;
    color:                  #444;
    text-decoration:        none;
}

.content-editorial.content-editorial-faq div.faq-answers a.focused + h3 a:hover {
    text-decoration:        underline;
}

.content-editorial.content-editorial-faq div.faq-answers p {
    padding-left:           15px;
}

.content-editorial.content-editorial-feedback {
    width:                  600px;
}

.content-editorial.content-editorial-contact ul,
.content-editorial.content-editorial-feedback ul {
    list-style:             none;
}

.page-popup.cms-page-view {
    padding:                0;
}

.content-image-effects div {
    text-align: center;
    margin: 3px;
    font-weight: bold;
}

.content-image-effects img {
    border: 1px solid #888;
}

.nowrap {
   white-space: nowrap;
}

/**
 * Layers for Jiffj.Util.Layer
 */

.jiffj-util-layer {
    z-index:               999;
}

.jiffj-util-layer-modal {
    z-index:               998;
    background-color:      #000;
    position:              fixed;
    width:                 100%;
    height:                100%;
        top:                   0;
        left:                  0;
}

.jiffj-util-layer-icon-close {
    display:                block;
    position:               absolute;
        top:                    10px;
        right:                  10px;
    width:                  32px;
    height:                 32px;
    background:             transparent url(../images/icon_close_big.png) scroll no-repeat 0 0;
    cursor:                 pointer;
}

#crosssell-layer-content,
#feedback-layer-content,
#cuw-layer-content,
#croptool-layer-content {
    border:                 5px solid #cf2020;
    padding:                20px;
    background-color:       #FFF;
    opacity:                0.95;
}

#description-layer-content {
    background-color:       #FFF;
    opacity:                0.95;
    margin:                 0;
    padding:                0;
    border:                 none;
}

#crosssell-layer-content .button-grau {
    display:                none;
}

#crosssell-layer-content span.price {
    color:                  #cf2020;
    font-weight:            bold;
}

#crosssell-layer-content .product-shop {
    margin-left:            90px;
}

#crosssell-layer-content .product-description {
    padding-top:            20px;
    clear:                  left;
    font-size:              12px;
}


#feedback-layer-content .content-editorial.content-editorial-feedback {
    margin:                 0;
    padding:                0;
    text-align:             left;
}


#feedback-layer-content h2 {
    margin-bottom:          16px;
}

/**
 * The quick login
 */

.quick-login-form {
    display:                block;
    border:                 10px solid #838383;
    -moz-border-radius:     30px;
    -webkit-border-radius:  30px;
    padding:                20px;
    background-color:       #F0F0F0;
}

.quick-login-form h2 {
    margin-bottom:          20px;
    text-align:             left;
}

.quick-login-form fieldset {
    text-align:             left;
    padding-bottom:         10px;
}

.quick-login-form fieldset label {
    float:                  left;
    width:                  100px;
}

.quick-login-form fieldset input.input-text {
    float:                  right;
    width:                  150px;
    background:             none repeat scroll 0 0 #FFFFFF;
}

.checkout-onepage-index .jiffj-util-layer-icon-close {
    width:                  14px;
    height:                 12px;
    background:             transparent url(../images/icon_close_gray.png) scroll no-repeat 0 0;
        top:                    22px;
        right:                  20px;
}

.open-description-layer {
    cursor:                 pointer;
    text-decoration:        underline;
}

#open-feedback-layer {
    position:               fixed;
        top:                    50%;
        right:                  0;
    margin-top:             -66px;
    width:                  33px;
    height:                 132px;
    cursor:                 pointer;
    background:             transparent url(../images/custom/button-feedback.png) scroll no-repeat 0 0;
    text-indent:            -5000px;
}

#open-feedback-layer:hover {
    width:                  35px;
}

#shopping-cart-table .inc-qty,
#shopping-cart-table .dec-qty {
    display:                inline-block;
    width:                  18px;
    height:                 16px;
    background:             transparent url(../images/custom/icon_plusminus.png) scroll no-repeat 0 0;
    text-decoration:        none;
    text-indent:            -5000px;
}

#shopping-cart-table .inc-qty {
    background-position:    0 -16px;
}

#shopping-cart-table .rem-qty {
    font-size:              9px
}

#shopping-cart-table .set-qty {
    vertical-align:         bottom;
    width:                  1.5em !important;
}

#shopping-cart-totals-table tbody td:first-child {
    background-color: #ffffff;
}


/**
 * Redesign Homepage with teasers
 */


.teaser p,.teaserbox p{color:#000; font-weight:normal;}
p.teaserinfo{color:#000; font-weight:normal;clear:both;}

.teaser{width:185px;float:left;padding-left:120px;margin:20px 0 0 10px;min-height:100px;}
.teaser h3{font-size:16px;font-style:italic;margin-bottom:5px;}
.teaserbox h3{font-size:16px;margin-bottom:5px;}

.teaser.canvas{background:url(../images/wl-teaser-canvas.jpg) no-repeat;margin-left:0px;}
.teaser.frame{background:url(../images/wl-teaser-frame.jpg) no-repeat;padding-left:130px;}
.teaser.hangup{background:url(../images/wl-teaser-hangup.jpg) no-repeat;padding-left:130px;}
.teaser.inks{background:url(../images/wl-teaser-inks.jpg) no-repeat;padding-left:105px;}
.teaser.packaging{background:url(../images/wl-teaser-packaging.jpg) no-repeat;clear:both;margin-left:0px;}
.teaser.shipping{background:url(../images/wl-teaser-shipping.jpg) no-repeat;padding-left:105px;}

.teaserbox.splits{margin:30px 0 20px 0;float:left;padding:0;clear:both;width:297px;height:211px;}
.teaserbox.splits p{margin:155px 0 0 42px;width:245px;}

.teaserbox.formats{margin:30px 40px 20px 20px;float:left;padding:0;width:297px;height:231px;}
.teaserbox.formats p{margin:60px 0 0 170px;}
.teaserbox.formats p a{margin-top:20px;display:block;}

.teaserbox.newsletter{margin:30px 0 20px 0;float:left;padding:0;width:267px;height:211px;}
.teaserbox.newsletter #newsletter-form{margin:43px 0 0 30px;width:220px;float:left;}
.teaserbox.newsletter #newsletter-form input{border:1px solid #000;float:left;}
.teaserbox.newsletter #newsletter-form input#submitnl{cursor:pointer;border:0;margin:5px 0 0 85px;}
.teaserbox.newsletter #newsletter-form label{float:left;white-space:nowrap;}
.teaserbox.newsletter #newsletter-form input[type="radio"]{border:0;margin-right:3px;}
.teaserbox.newsletter #newsletter-form input#sex_female{margin-left:20px;}
.teaserbox.newsletter #newsletter-form label#label_sex_female{margin-right:50px;}
.teaserbox.newsletter #newsletter-form input#firstname{margin-right:10px;clear:both;}
.teaserbox.newsletter #newsletter-form input#firstname,#newsletter-form input#lastname{width:90px;padding:4px 2px;}
.teaserbox.newsletter #newsletter-form input#email{clear:both;width:195px;padding:4px 2px;}
.teaserbox.newsletter #newsletter-form label#label_firstname{float:left;clear:both;width:105px;margin-top:8px;}
.teaserbox.newsletter #newsletter-form label#label_lastname{float:left;margin-top:8px;width:80px;}
.teaserbox.newsletter #newsletter-form label#label_email{clear:both;margin-top:8px;width:195px;}

.teaserbox.asseen{margin-top:30px;float:left;height:93px;width:930px;background:url(../images/wl-teaserbox-asseen.gif) 0px 20px no-repeat;}
.teaserbox.asseen a{height:0;padding-top:47px;overflow:hidden;display:block;float:left;margin:5px 10px 0 20px;}
.teaserbox.asseen a.ask{width:54px;background:url(../images/wl-partner-ask.jpg) no-repeat;}
.teaserbox.asseen a.aol{width:77px;background:url(../images/wl-partner-aol.jpg) no-repeat;}
.teaserbox.asseen a.dogpile{width:94px;background:url(../images/wl-partner-dogpile.jpg) no-repeat;}
.teaserbox.asseen a.altavista{width:71px;background:url(../images/wl-partner-altavista.jpg) no-repeat;}
.teaserbox.asseen a.google{width:82px;background:url(../images/wl-partner-google.jpg) no-repeat;}
.teaserbox.asseen a.lycos{width:77px;background:url(../images/wl-partner-lycos.jpg) no-repeat;}
.teaserbox.asseen a.msn{width:69px;background:url(../images/wl-partner-msn.jpg) no-repeat;}
.teaserbox.asseen a.netscape{width:38px;background:url(../images/wl-partner-netscape.jpg) no-repeat;}
.teaserbox.asseen a.yahoo{width:91px;background:url(../images/wl-partner-yahoo.jpg) no-repeat;}

.teaserbox.howto{float:left;padding:0;width:284px;height:245px;margin:20px 0 30px 0;}

.teaserbox.testimonials{float:left;padding:0;width:320px;height:245px;margin:20px 20px 30px 40px;}
.teaserbox.testimonials p{color:#666;font-size:12px;}
.teaserbox.testimonials small{color:#00cd00;display:block;margin:0 0 10px 0;}
.teaserbox.testimonials a.more{float:right;border:0;display:block;}
.teaserbox.giftcard{float:left;padding:0;width:266px;height:245px;margin:20px 0 30px 0;}



/**
 * Vouchers
 */

#voucher_wrapper{margin:30px 0 0 -30px;;}
#voucher_wrapper .voucher{width:430px;margin:0 0 25px 30px;float:left;}
#voucher_wrapper .voucher .voucherdetails{float:left;width:260px}
#voucher_wrapper .voucher p.price{color:#fe0000;font-weight:bold;}
#voucher_wrapper .voucher img.voucherpic{float:left;margin:8px 20px 0 0;width:150px}
#voucher_wrapper .voucher .simplybutton{float:right;margin-top:-40px;}
#voucher_wrapper .voucher .order{float:left;margin:-38px 0 0 105px;padding:4px 41px 5px 22px;width:160px;color:#FFF;text-decoration:none;background:url("../images/custom/button-reg.png") no-repeat scroll left center transparent;}


a#open-quick-login{font-weight:bold;color:#cf2020;}


/**
 * IE 6
*/
#ie6 {
    padding: 10px;
    background: red;
    color: #fff;
    display: none;
}
#ie6 a {
    color: #fff;
}

/**
 * Upload Widget
 */
.upload-widget{width:206px;height:380px;padding:10px;background:url(../images/widgets/upload/bg.jpg) bottom no-repeat;margin:0 0 0 3px;font-size:12px;float:left;overflow:hidden;}
.upload-widget h2,.upload-widget h3{float:left;clear:both;}
.upload-widget h2{font-size:14px !important;font-weight:bold;margin:5px 0 0 0;color:#000000 !important;}
.upload-widget h3{font-size:14px !important;font-weight:bold;padding:3px 0 0 35px;min-height:25px;margin:10px 0 5px 0;width:180px;}
.upload-widget h3.step1{background:url(../images/widgets/upload/step1.png) no-repeat;}
.upload-widget h3.step2{background:url(../images/widgets/upload/step2.png) no-repeat;}
.upload-widget label{cursor:pointer;float:left;margin:0 0 0 2px;}
.upload-widget label#productlabel{font-size:14px;margin-top:5px;}
.upload-widget input, .upload-widget select{float:left;}
.upload-widget select{margin:-2px 0 10px 10px;}
.upload-widget select#material{margin-top:4px;}
.upload-widget input[type=radio]{clear:both;margin:0 8px 5px 2px;}
.upload-widget input[type=file]{max-width:230px;}
.upload-widget input[type=submit]{text-align:left;padding:4px 0 2px 42px;color:#000;font-weight:bold;font-family:Arial,Helvetica,sans-serif;font-size:13px;cursor:pointer;background:url(../images/widgets/upload/submit.png) no-repeat;width:203px;height:35px;border:0;clear:both;margin:10px 0 0 0;}
.upload-widget select.productsMore{margin:-2px 0 10px 0;max-width:170px;}
.upload-widget span.prices{float:right;}
.upload-widget span.special-price{color:green;}
.upload-widget span.old-price{text-decoration: line-through;}
.upload-widget .replacedFileUpload {border:medium none;cursor:pointer;display:block;height:24px;left:0;margin:0;padding:0;position:absolute;top:0;visibility:hidden;width:200px;z-index:2;}
.upload-widget .inputFile {cursor:pointer;display:block;float:left;font-size:12px;height:20px;margin:1px 7px 0 0;padding:0;width:90px;background-color:#fff;}
.upload-widget button.uploadButton {width:100px;font-size:12px;height:20px;margin-top:3px;}


/* Meinxxl Anpassungen */


table.format-liste td div{background:#999 !important;}

button.simplybutton span, a.simplybutton span, a.simplybutton:link span, a.simplybutton:visited span {background: url(../images/custom/sbutton-right.png) top right no-repeat !important;}
button.simplybutton span span,a.simplybutton span span,a.simplybutton:link span span, a.simplybutton:visited span span {background: url(../images/custom/sbutton-left.png) top left !important;}
button.simplybutton.submit span span, a.simplybutton.submit span span, a.simplybutton.submit:link span span, a.simplybutton.submit:visited span span {background-image: url(../images/custom/sbutton-left.png) !important;}
button.simplybutton.cancel span span, a.simplybutton.cancel span span, a.simplybutton.cancel:link span span, a.simplybutton.cancel:visited span span {background-image: url(../images/custom/sbutton-left.png) !important;  }
    
    
/**
 * Startseiten-Widget
 */
#mainpage-widget div.widget-teaser {
    width: 699px;
    height: 399px;
    overflow:hidden;
}
#mainpage-widget div.widget-navi {
    position: absolute;
    width: 699px;
    margin-top: 368px;
    z-index: 20;
}
#mainpage-widget div.widget-navi ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#mainpage-widget div.widget-navi ul li {
    float: left;
    margin: 0 5px 0 0;
    line-height: 18px;
}
#mainpage-widget div.widget-navi ul li a {
    padding: 6px;
    display: block;
    text-decoration: none;
    background: #ccc;
}
#mainpage-widget div.widget-navi ul li a.active {
    background: #cd1d24;
    color: #fff;
}

div#glider {
    background-color: white;
    width: 699px;
    overflow: hidden;
    position: relative;
}

div#glider div.sections {
     width: 10000px;
}

div#glider div.section {
    width: 699px;
    float: left;
}



div#teaserAndUpload {

}

div#teaserAndUpload div#mainpage-widget {
    float: left;
    width: 705px;
    height: 400px;
}


/* Home-Things */
body.cms-home .teaserTop {
    background-color: #fff;
}
body.cms-home .col1-layout .col-main {
    background: none;
}


/**
    css button styling
*/
.cssbutton {
    color:                  #FFFFFF !important;
    zoom:                   1;
    padding:                5px 9px;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
    -webkit-box-shadow:     rgba(0,0,.1,.1) 0 1px 0;
    -moz-box-shadow:        rgba(0,0,.1,.1) 0 1px 0;
    box-shadow:             rgba(0,0,.1,.1) 0 1px 0;
    /* text-shadow:            rgba(0,0,0,.4) 0 1px 0; */
    display:                inline-block;
    color:                  white;
    font-size:              15px;
    text-decoration:        none;
    vertical-align:         middle;
    font-weight:            bold;
    text-decoration:        none !important;
    white-space:            nowrap;
    cursor:                 pointer;
    margin-top:             5px;
    zoom:                   1;
    *display:               inline;    
}


.cssbutton.green {
    border:                 1px solid #9ed225;
    background:             #abe820; /* Old browsers */
    background:             -moz-linear-gradient(top, #abe820 0%, #abe820 13%, #9fdf19 33%, #99db15 38%, #87cf0c 67%, #8bc906 71%, #7dcb13 75%, #78c900 79%, #85c608 83%, #7cc200 88%, #7ac000 100%); /* FF3.6+ */
    background:             -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abe820), color-stop(13%,#abe820), color-stop(33%,#9fdf19), color-stop(38%,#99db15), color-stop(67%,#87cf0c), color-stop(71%,#8bc906), color-stop(75%,#7dcb13), color-stop(79%,#78c900), color-stop(83%,#85c608), color-stop(88%,#7cc200), color-stop(100%,#7ac000)); /* Chrome,Safari4+ */
    background:             -webkit-linear-gradient(top, #abe820 0%,#abe820 13%,#9fdf19 33%,#99db15 38%,#87cf0c 67%,#8bc906 71%,#7dcb13 75%,#78c900 79%,#85c608 83%,#7cc200 88%,#7ac000 100%); /* Chrome10+,Safari5.1+ */
    background:             -o-linear-gradient(top, #abe820 0%,#abe820 13%,#9fdf19 33%,#99db15 38%,#87cf0c 67%,#8bc906 71%,#7dcb13 75%,#78c900 79%,#85c608 83%,#7cc200 88%,#7ac000 100%); /* Opera11.10+ */
    background:             -ms-linear-gradient(top, #abe820 0%,#abe820 13%,#9fdf19 33%,#99db15 38%,#87cf0c 67%,#8bc906 71%,#7dcb13 75%,#78c900 79%,#85c608 83%,#7cc200 88%,#7ac000 100%); /* IE10+ */
    filter:                 progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe820', endColorstr='#7ac000',GradientType=0 ); /* IE6-9 */
    background:             linear-gradient(top, #abe820 0%,#abe820 13%,#9fdf19 33%,#99db15 38%,#87cf0c 67%,#8bc906 71%,#7dcb13 75%,#78c900 79%,#85c608 83%,#7cc200 88%,#7ac000 100%); /* W3C */
}

.cssbutton.orange {
    background:             #F98D00;
    border:                 1px solid #D58010;
    background-color:       #F98D00;
    /* Opera */
    background:             url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIyOSwyMDEsMTYzLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjI1LDEyNywwLDEpOyIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgLz48L3N2Zz4=);
    /* Firefox */
    background:             -moz-linear-gradient( top, rgba(229,201,163,1), rgba(225,127,0,1) );
    /* Chrome & Safari */
    background:             -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(229,201,163,1) ), color-stop( 1, rgba(225,127,0,1) ) );
    /* IE5.5 - IE7 */
    filter:                 progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE5C9A3,EndColorStr=#FFE17F00);
    /* IE8 */
    -ms-filter:             "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE5C9A3,EndColorStr=#FFE17F00)";
}

.cssbutton.gray {
    background: #aeb3b9; /* Old browsers */
    background: -moz-linear-gradient(top, #aeb3b9 0%, #9a9da2 20%, #919296 25%, #898a8e 30%, #7f8084 35%, #717274 40%, #585858 45%, #474747 50%, #3f3f3f 55%, #444444 60%, #4c4c4c 75%, #4d4d4d 80%, #545454 85%, #5f5f5f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aeb3b9), color-stop(20%,#9a9da2), color-stop(25%,#919296), color-stop(30%,#898a8e), color-stop(35%,#7f8084), color-stop(40%,#717274), color-stop(45%,#585858), color-stop(50%,#474747), color-stop(55%,#3f3f3f), color-stop(60%,#444444), color-stop(75%,#4c4c4c), color-stop(80%,#4d4d4d), color-stop(85%,#545454), color-stop(100%,#5f5f5f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #aeb3b9 0%,#9a9da2 20%,#919296 25%,#898a8e 30%,#7f8084 35%,#717274 40%,#585858 45%,#474747 50%,#3f3f3f 55%,#444444 60%,#4c4c4c 75%,#4d4d4d 80%,#545454 85%,#5f5f5f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #aeb3b9 0%,#9a9da2 20%,#919296 25%,#898a8e 30%,#7f8084 35%,#717274 40%,#585858 45%,#474747 50%,#3f3f3f 55%,#444444 60%,#4c4c4c 75%,#4d4d4d 80%,#545454 85%,#5f5f5f 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #aeb3b9 0%,#9a9da2 20%,#919296 25%,#898a8e 30%,#7f8084 35%,#717274 40%,#585858 45%,#474747 50%,#3f3f3f 55%,#444444 60%,#4c4c4c 75%,#4d4d4d 80%,#545454 85%,#5f5f5f 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeb3b9', endColorstr='#5f5f5f',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #aeb3b9 0%,#9a9da2 20%,#919296 25%,#898a8e 30%,#7f8084 35%,#717274 40%,#585858 45%,#474747 50%,#3f3f3f 55%,#444444 60%,#4c4c4c 75%,#4d4d4d 80%,#545454 85%,#5f5f5f 100%); /* W3C */
}

.cssbutton.arrow > span {
    padding-right:          20px;
}

.cssbutton.arrow > span {
    display:                inline-block;
    background-image:       url(../images/custom/wul-arrow.png);
    background-position:    right;
    background-repeat:      no-repeat;
}

.cssbutton.huge {
    font-size:              20px;
}

.cssbutton.small {
    font-size:              13px;
}

.cssbutton.float-right {
    float:                  right;
}

.cssbutton.float-left {
    float:                  left;
}

.cssbutton.clear-float {
    clear:                  both;
}

.header ul.header-control li {
    margin-left:            5px;
    position:               relative;
    display:                inline-block;
    zoom:                   1;
    *display:               inline;        
}
.header ul.header-control {
    position:               absolute;
    top:                    5px;
    right:                  5px;
}