* {
    border: none;
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    background: #4d4d4d url(/layout/bg.jpg) repeat-x top;
    color: #e9e9e9;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 100%;
}

body.onlyContent {
    background-image: none;
    padding: 20px;
    height: auto;
}

h2 {
    clear: both;
    color: #fff;
    font-size: 30px;
    line-height: 1.1;
    font-weight: normal;
    margin: 0 0 10px 0;
}

h3 {
    clear: both;
    color: #f8991f;
    font-size: 16px;
    margin: 0.5em 0;
}

.right h3,
.center,
.left h3 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 1em 0;
}

a {
    color: #f8991f;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #0699dc;
    text-decoration: underline;
}

p {
    line-height: 1.5;
    margin: 1em 0;
}

strike {
    font-style: italic;
}

table {
    margin: 1em 0;
}

ul {
    line-height: 1.5;
    margin: 1em 0;
}

li {
    margin: 0 0 0 16px;
}

hr {
    display: none;
}

/* Formulare ******************************************************************/
input,
select,
textarea {
    background: #9c9d9f url(/layout/input-bg.png) repeat-x top;
    border: 1px solid #f8991f;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1;
    padding: 2px 4px;
}

input:focus,
select:focus,
textarea:focus {
    background: #ccc url(/layout/input-active-bg.png) repeat-x top;
}

textarea {
    line-height: 1.5;
}

input.checkbox {
    background: transparent;
    border: none;
}

input.image {
    background: transparent;
    border: none;
}

input.button {
    background: url(/layout/button-small-bg.png) no-repeat top left;
    border: none;
    color: #f8991f;
    cursor: pointer;
    display: block;
    font-size: 10px;
    height: 19px;
    line-height: 19px;
    width: 75px !important
}

input.big {
    background: url(/layout/button-big-bg.png) no-repeat;
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    width: 130px !important;
}

input.wide {
    background-image: url(/layout/button-bg.png);
    width: 150px !important;
}

input.extrawide {
    background-image: url(/layout/button-extrawide-bg.png);
    width: 300px !important;
}

input.button.cart {
    background: url(/layout/button-cart.png) no-repeat 0 1px;
    color: #000;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 5px;
    padding-bottom: 1px;
    text-align: left;
    width: 149px !important;
}

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

.error input,
.error select,
.error textarea {
    border-color: #f33;
}

p.required {
    font-size: 12px;
}

form.std p {
    clear: both;
}

form.std label {
    float: left;
    margin: 0 20px 0 0;
    text-align: right;
    width: 200px;
}

form.std input {
    width: 240px;
}

form.std .button {
    margin-left: 220px;
}

form.std p.required {
    margin-left: 220px;
}

/* Layout *********************************************************************/
#site {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 960px;
}

#header {
    background: url(/layout/header.jpg) no-repeat;
    height: 112px;
    overflow: hidden;
}

#header a {
    display: block;
    height: 112px;
    overflow: hidden;
    text-indent: 960px;
    white-space: nowrap;
    width: 960px;
}

#main {
    background: url(/layout/main-bg.png) repeat-y top left;
    clear: both;
    margin: 10px 0;
    overflow: hidden;
    width: 100%;
}

#content {
    float: left;
    margin-left: 190px;
    min-height: 20px;
    overflow: hidden;
    width: 540px;
}

#content div.left {
    float: left;
    overflow: hidden;
    width: 350px;
}

#content div.right {
    float: right;
    overflow: hidden;
    width: 180px;
}

#content div.bottom {
    clear: both;
}

/* Rechte Spalte */
#sidebar {
    float: right;
    width: 210px;
}

/* Linke Spalte */
#categories {
    float: left;
    margin: 0 0 0 -714px;
    width: 164px;
}

/* Warenkorb Info */
#cartinfo {
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 8px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 112px;
    width: 400px;
    z-index: 2;
}

#cartinfo a {
    color: #f8991f;
    text-decoration: none;
}

#cartinfo em {
    color: #e9e9e9;
    font-style: normal;
}

/* Footer */
#footer {
    background: transparent url(/layout/footer-bg.png) no-repeat bottom left;
    border-top: 1px solid #b07e3c;
    clear: both;
    font-size: 10px;
    margin: 0 auto;
    overflow: hidden;
    padding: 16px 16px 21px 16px;
    width: 960px;
}

#footer ul {
    list-style-type: none;
    padding: 0;
}

#footer li {
    display: inline;
    margin: 0;
}

#footer a {
    float: left;
    padding: 0 8px 0 0;
    margin: 0 8px 0 0;
}

/* Interne Navigation */
#pageBrowser {
    background-color: #f00;
    color: #fff;
    padding: 7px;
    position: absolute;
    right: 0;
    top: 0;
}

#pageBrowser a {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}


/* Startseite Layout **********************************************************/
.home #main {
    background-image: none;
}

.home #content {
    float: none;
    margin: 0 auto;
    width: 800px;
}

.home #sidebar {
    display: none;
}

.home #content div.left {
    clear: both;
    float: left;
    margin: 0;
    overflow: hidden;
    width: 360px;
}

.home #content div.center_and_right {
    float: right;
    width: 370px;
}

.home #content div.center {
    float: left;
    width: 180px;
}

.home #content div.right {
    float: right;
    width: 180px;
}

.home #content div.bottom {
    clear: right;
    float: right;
    width: 370px;
}


/* Boxen **********************************************************************/
.box {
    clear: both;
    margin: 0 0 32px 0;
}

.joining {
    margin: 0 0 16px 0;
}

.box h3 {
    clear: left;
}

.img {
    clear: right;
    float: right;
    margin: 10px 0 10px 10px;
}

/* Box Link */
.box .link a {
    background: url(/layout/arrow.png) no-repeat 0 5px;
    display: block;
    padding: 0 0 0 16px
}

/*
.box .link a:visited {
    background-image: url(/layout/arrow-cy.png);
}
*/

.box .link a:hover,
.box .link a:focus,
.box .link a:active {
    background-image: url(/layout/arrow-bl.png);
}

/* Small Headline */
.small_headline .headline,
.product .headline,
#sidebar .box .headline {
    background: url(/layout/box-sidebar-headline-bg.png) repeat-x left bottom;
    border-bottom: 1px solid #b07e3c;
}

.small_headline h3,
#sidebar .box h2 {
    background: url(/layout/headline-item.png) no-repeat 6px 6px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 2px 0 2px 26px;
}

/* Boxen mitte links */
.left .box {
    background: #f8991f;
    color: #222;
    font-size: 12px;
    min-height: 350px;
    padding: 5px;
}

/* Boxen mitte rechts */
.right .box {
    background: #0699dc;
    color: #000;
    font-size: 12px;
    margin: 0 0 10px 0;
    min-height: 165px;
    padding: 5px;
}

.left .box h2,
.right .box h2 {
    margin: 0;
}

.left .box p,
.right .box p {
    line-height: 1.6;
    margin: 0.5em 3px 1em 3px;
}

.right .box .link a {
    background-image: url(/layout/arrow-white.png);
    color: #fff;
}

.no_padding {
    padding: 0 !important;
}

/* Boxen Startseite ***********************************************************/
/* Oben */
.home .top .box h2 {
    color: #f8991f;
    margin-left: 430px;
}

.home .top .box .img {
    clear: left;
    float: left;
    margin: 0 30px 0 0;
}

.home .top .box p {
    position: relative; /* IE Fix, damit der Text über dem Bild erscheint */
}

/* Links */
.home .left .box {
    background: transparent;
    min-height: 0;
    padding: 0;
}

/* Mitte, Rechts */
.home .center .box,
.home .right .box {
    background: #f8991f;
    color: #000;
    font-size: 12px;
    margin: 0 0 10px 0;
    min-height: 165px;
    padding: 5px 5px 2px 5px;
}

.home .right .box {
    background: #0699dc;
}

.home .center .box h2,
.home .right .box h2 {
    margin: 0;
}

.home .center .box h3,
.home .right .box h3 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.home .center .box p,
.home .right .box p {
    margin: 0 0 0.5em 0;
}

.home .center .box .link a,
.home .right .box .link a {
    background: none;
    color: #fff;
    font-weight: bold;
    padding: 0;
    text-align: right;
}

/* Unten */
.home .bottom .box {
    border: 1px solid #b07e3c;
    padding: 5px;
}

.home .bottom .box h2 {
    color: #f8991f;
}

/* Produktansicht *************************************************************/
.product .img_price_tools {
    float: right;
    margin: 0 0 10px 10px;
    width: 170px;
}

.product .img {
    display: block;
    float: none;
    margin: 0 0 10px 0;
}

.product .imgs .img {
    float: left;
    margin: 0 2px 2px 0;
}

.product .imgs .newline {
    clear: left;
}

.product .caption {
    font-size: 11px;
}

.product .price {
    clear: left;
    color: #f8991f;
    font-size: 11px;
    margin: 0 0 20px 0;
}

.product .price strike {
    color: #e9e9e9;
    font-size: 13px;
}

.product .price strong {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 6px 0;
}

.product .price a {
    text-decoration: underline;
}

.product .attributes {
    clear: both;
    margin: 0 0 1em 0;
}

.product dl.left {
    float: left;
    overflow: hidden;
    width: 260px;
}

.product dl.right {
    clear: none;
    float: right;
    overflow: hidden;
    width: 260px;
}

.product dt {
    color: #f8991f;
    margin: 1em 0 0.5em 0;
}

.product dt strong {
    font-weight: normal;
}

.product dd p {
    margin: 0 0 1em 0;
}

.product .headline,
.variants .headline {
    margin: 0 0 1em 0;
}

/* Produktvarianten ***********************************************************/
.variants {
    clear: both;
    margin: 0 0 32px 0;
    overflow: hidden;
    width: 100%;
}

.variants .browse {
    background: url(/layout/slider-arrow-left.png) no-repeat 0 0;
    cursor: pointer;
    float: left;
    height: 35px;
    margin: 30px 9px 0 0;
    width: 16px;
}

.variants .disabled {
    visibility: hidden;
}

.variants .nextPage {
    background: url(/layout/slider-arrow-right.png) no-repeat 0 0;
    margin: 30px 0 0 9px;
}

.variants .prevPage:hover,
.variants .nextPage:hover {
    background-position: 0 -35px;
}

.variants .slider {
    float: left;
    height: 280px;
    overflow: hidden;
    position: relative;
    width: 490px;
}

.variants ul {
    font-size: 10px;
    list-style-type: none;
    margin: 0;
    position: absolute;
    width: 2000em;
}

.variants li {
    float: left;
    margin: 0 5px;
    overflow: hidden;
    width: 112px;
}

.variants li.active a {
    color: #e9e9e9;
}

.variants span.img {
    display: block;
    float: none;
    margin: 0 0 4px 0;
}

.variants strike {
    display: block;
}

/* position and dimensions of the navigator */
.variants .navi {
    height: 20px;
    margin: auto;
    width: 160px;
}

/* items inside navigator */
.variants .navi a {
    background: url(/layout/slider-nav.png) 0 -8px no-repeat;
    cursor: pointer;
    float: left;
    font-size: 1px;
    height: 8px;
    margin: 3px;
    width: 8px;
}

/* mouseover state */
.variants .navi a:hover {
    background-position: 0 0;
}

/* active state (current page state) */
.variants .navi a.active {
    background-position: 0 0;
}

/* Produktbox Template offer **************************************************/
#content .offer {
    background: #fff;
}

#content .offer p {
    margin: 0;
}

#content .offer a {
    color: #333;
    display: block;
}

#content .offer .img {
    display: block;
    float: none;
    text-align: center;
    margin: 0 !important;
}

#content .offer strike {
    display: block;
    font-size: 11px;
    text-align: right;
}

#content .offer strong {
    display: block;
    text-align: right;
}

/* Produktbox Template offerList **********************************************/
#content .offerList ul {
    color: #f8991f;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#content .offerList li {
    border-bottom: 1px solid #b07e3c;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    width: 540px;
}

.home #content .offerList li {
    width: 360px;
}

.home .joining .offerList {
    border-bottom: 1px solid #b07e3c;
}

#content .offerList li.last {
    border-bottom: none;
}

#content .offerList a {
    color: #f8991f;
}

#content .offerList .img {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 120px;
}

#content .offerList .text {
    color: #e9e9e9;
    float: right;
    width: 420px;
}

.home #content .offerList .text {
    width: 240px;
}

#content .offerList h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}

#content .offerList p {
    margin: 5px 0;
    padding: 0;
}

#content .offerList p.price {
    color: #f8991f;
    font-size: 18px;
    text-align: right;
}

#content .offerList p.price strike {
    display: block;
    font-size: 13px;
}

/* Meldungen ******************************************************************/
div.error,
p.error {
    background: #fdd;
    border: 2px solid #d00;
    color: #333;
    padding: 8px;
}

div.error h2 {
    color: #000;
    font-size: 16px;
    letter-spacing: 2px;
}

ul.error {
    background: #fdd;
    border: 2px solid #d00;
    color: #333;
    padding: 8px;
}

p.message {
    background: #454f48;
    border: 2px solid #02ac39;
    font-style: italic;
    padding: 8px;
}

/* Navigation *****************************************************************/
#navigation {
    background: #353337 url(/layout/nav-bg.png) no-repeat;
    font-size: 12px;
    height: 26px;
    margin: 0 auto 10px;
    position: relative;
    width: 960px;
    z-index: 2;
}

#navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0 8px;
}

#navigation li {
    display: inline; /* IE Fix, damit die Punkte nebeneinander erscheinen */
    margin: 0;
}

#navigation a {
    color: #fff;
    float: left;
    font-weight: bold;
    line-height: 18px;
    padding: 4px 8px;
    text-decoration: none;
}

#navigation a.active,
#navigation a:hover {
    color: #f8991f;
}

/* Unterpunkte */
#navigation .subnav {
    display: none;
    left: 50%;
    margin-left: -480px;
    overflow: hidden;
    padding: 16px 0 0 0;
    position: absolute;
    top: 26px;
    width: 960px;
    z-index: 20;
}

#navigation li:hover .subnav {
    display: block;
}

#navigation .subnav div.arrow {
    background: url(/layout/nav-hover-arrow.png) no-repeat;
    height: 16px;
    position: absolute;
    top: 0;
    width: 35px;
}

#navigation ul div.shadow {
    background: url(/layout/nav-hover-shadow.png) no-repeat top right;
    padding: 0 8px 0 0;
    width: 952px;
}

#navigation ul div.shadow_bottom {
    background: url(/layout/nav-hover-shadow.png) no-repeat bottom right;
    height: 8px;
}

#navigation ul div.shadow div {
    background: #fbcc8f;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
}

#navigation ul ul {
    border-right: 1px solid #f8991f;
    float: left;
    margin: 0 10px;
    overflow: hidden;
    padding: 5px;
    width: 280px;
}

#navigation ul ul.last {
    border-right: none;
    width: 290px;
}

#navigation ul ul a {
    color: #333;
    display: block;
    float: none;
    font-weight: normal;
    padding: 2px 0;
}

#navigation ul ul a.active,
#navigation ul ul a:hover {
    color: #8f5100;
}

/* Kategorien *****************************************************************/
#categories h2 {
    color: #f8991f;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 4px 0;
}

#categories ul {
    list-style-type: none;
    margin: 0;
}

#categories li {
    margin: 0;
}

#categories ul a {
    color: #e9e9e9;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding: 4px 0;
    text-decoration: none;
}

#categories ul a.active,
#categories ul a:hover,
#categories ul a:focus,
#categories ul a:active {
    color: #f8991f;
}

/* Breadcrumb Navigation ******************************************************/
.breadcrumb {
    border-bottom: 1px solid #b57b47;
    font-size: 11px;
    list-style-type: none;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.breadcrumb li {
    background: url(/layout/breadcrumb-arrow.png) no-repeat left center;
    display: inline;
    margin: 0;
    padding: 0 6px 0 14px;
}

.breadcrumb li:first-child {
    background: none;
    padding-left: 0;
}

.breadcrumb a {
    color: #e9e9e9;
}

/* Kontaktformular ************************************************************/
.contact p {
    clear: left;
}

.contact p.error {
    background: transparent;
    border: none;
    color: inherit;
    padding: 0;
}

.contact label {
    line-height: 1;
    padding: 3px 0;
    position: absolute;
    text-align: right;
    width: 90px;
}

.contact input,
.contact textarea {
    margin-left: 100px;
    width: 350px;
}

.contact p.required {
    margin-left: 100px;
}

/* TIMM4 Mailer ***************************************************************/
.kontakt-form {
    overflow: hidden;
    width: 490px;
}

.kontakt-form label {
    display: block;
    margin: 0 0 4px 0;
}

.kontakt-form .input-error label {
    color: #f33;
    font-weight: bold;
}

.kontakt-form input,
.kontakt-form textarea {
    display: block;
    margin: 0 0 10px 0;
}

#mailer_vorname,
#mailer_nachname,
#mailer_email {
    width: 140px !important;
}

#mailer_betreff,
#mailer_nachricht {
    width: 470px !important;
}

/* Links **********************************************************************/
a.download {
    background-repeat: no-repeat;
    font-weight: bold;
    padding: 0 0 0 20px;
}

p.download {
    clear: both;
}

a.download .sizeinfo {
    font-style: italic;
    font-weight: normal;
}

a.pdf,
p.pdf {
    background-image: url(/layout/icons/pdf.gif);
}

a.button {
    background: url(/layout/button-small-bg.png) no-repeat;
    color: #f8991f;
    display: block;
    font-size: 10px;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 75px;
}

a.wide {
    background-image: url(/layout/button-bg.png);
    width: 150px;
}

p.back a {
    background: url(/layout/arrow-back.png) no-repeat left center;
    clear: both;
    color: #f8991f;
    display: block;
    padding: 0 0 0 16px;
}

/* Warenkorb (mitte) **********************************************************/
#content form.cart {
    overflow: hidden;
    width: 100%;
}

#content table.cart {
    border-spacing: 0;
    font-size: 12px;
    width: 100%;
}

#content table.cart th {
    background: #f8991f;
    border-right: 1px dotted #4d4d4d;
    color: #000;
    font-weight: normal;
    padding: 4px 8px;
    text-align: left;
    vertical-align: top;
}

#content table.cart th:last-child {
    border-right: none;
}

#content table.cart tr.odd {
    background: #666;
}

#content table.cart tr:hover {
    background: #6f6353;
}

#content table.cart td {
    border-bottom: 1px solid #b07e3c;
    border-right: 1px dotted #b07e3c;
    float: none;
    padding: 8px;
    vertical-align: top;
}

#content table.cart tr:last-child td {
    border-bottom: none;
}

#content table.cart td:last-child {
    border-right: none;
}

#content table.cart td.img {
    width: 70px;
}

#content table.cart td.tools {
    width: 16px;
}

#content table.cart .designation a {
    color: #e9e9e9;
}

#content table.cart .designation a:hover {
    text-decoration: underline;
}

#content table.cart .price {
    color: #f8991f;
    font-weight: bold;
    white-space: nowrap;
}

#content table.cart dt {
    font-size: 11px;
    margin: 0 0 2px 0;
}

#content table.cart dd {
    margin: 0 0 6px 0;
}

#content table.cart input {
    width: 30px;
}

#content table.cart tr.details:hover {
    background: transparent;
}

#content table.cart tr.details td {
    border-right: none;
}

#content table.cart tr.details .total {
    text-align: right;
}

#content form.cart a.order {
    background: url(/layout/button-big-bg.png) no-repeat;
    color: #000;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 10px;
    text-align: left;
    width: 110px !important;
}

.cart a.clear {
    background: url(/layout/icons/cart_delete.png) no-repeat left center;
    float: left;
    line-height: 20px;
    padding: 0 0 0 26px;
}

.cart a.remove {
    background: url(/layout/icons/cart_remove.png) no-repeat;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: 21px;
    white-space: nowrap;
    width: 21px;
}

.cart p.refresh {
    text-align: right;
}

.cart p.refresh input {
    display: inline;
}

/* Warenkorb (rechts) *********************************************************/
.cart h2 a {
    background: url(/layout/icons/cart.png) no-repeat right center;
    color: #e9e9e9;
    display: block;
    width: 178px;
}

#sidebar table.cart {
    border-bottom: 1px solid #b07e3c;
    border-spacing: 0;
    font-size: 11px;
    margin: 0 0 6px 0;
    width: 100%;
}

#sidebar table.cart td {
    border-bottom: 1px solid #666;
    padding: 2px;
    vertical-align: top;
}

#sidebar table.cart tr:last-child td {
    border-bottom: none;
}

#sidebar table.cart .quantity {
    padding-left: 0;
    padding-right: 4px;
}

#sidebar table.cart a {
    color: #e9e9e9;
}

#sidebar table.cart .price {
    padding-left: 4px;
    text-align: right;
    white-space: nowrap;
}

#sidebar .cart a.cart {
    float: left;
}

#sidebar .cart a.order {
    float: right;
}

#sidebar p.info {
    font-size: 11px;
    margin: 0.2em 0;
}

#sidebar p.buttons {
    margin: 0.5em 0;
    overflow: hidden;
    width: 100%;
}

/* Suchformular ***************************************************************/
form.search {
    margin: 0 0 1em 0;
    overflow: hidden;
    width: 100%;
}

form.search .std {
    overflow: hidden;
    width: 100%;
}

form.search .std label {
    display: none;
}

form.search .std input {
    float: left;
    margin-right: 10px;
    width: 430px;
}

form.search input.button {
    float: left;
    margin-top: 2px;
}

form.search .advancedAnchor {
    clear: both;
}

form.search .advancedAnchor a {
    background: url(/layout/arrow.png) no-repeat left center;
    display: block;
    padding: 0 0 0 16px;
}

form.search .advancedAnchor a.active {
    background-image: url(/layout/arrow-down.png);
}

form.search .advancedAnchor a:hover,
form.search .advancedAnchor a:focus {
    background-image: url(/layout/arrow-bl.png);
}

form.search .advancedAnchor a.active:hover,
form.search .advancedAnchor a.active:focus {
    background-image: url(/layout/arrow-down-bl.png);
}

form.search .advanced {
    background: #686868;
    clear: both;
    display: none;
    overflow: hidden;
    padding: 4px 8px;
    width: 524px;
}

form.search .open {
    display: block;
}

form.search .advanced p {
    clear: both;
}

form.search .advanced label {
    float: left;
    margin: 0 20px 0 0;
    width: 100px;
}

form.search .advanced select {
    max-width: 390px;
}

form.search .advanced .button {
    margin-left: 120px;
}

form.search .advanced .reset {
    margin-left: 80px;
}

form.search .range {
    display: block;
    height: 17px !important;
    margin-left: 120px;
    margin-top: 10px;
    width: 390px;
}

#sidebar form.search input {
    width: 200px;
}

#sidebar form.search select {
    width: 210px;
}

.ui-slider {
    background: #686868 url(/layout/range-slider-inactive-bg.png) !important;
    border: none !important;
    height: 15px !important;
}

.ui-slider-range {
    background: #f8991f url(/layout/range-slider-bg.png) !important;
}

.ui-slider-handle {
    top: 0 !important;
}

/* Suchergebnis Info */
.resultstats {
    font-size: 11px;
}

/* Registrierungsformular Std Daten *******************************************/
.register_standard p {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.register_standard label {
    float: left;
    padding: 0 10px 0 0;
    text-align: right;
    width: 220px;
}

.register_standard .button {
    margin-left: 230px;
}

.register_standard input,
.register_standard select {
    float: left;
    width: 240px;
}

.register_standard input.error,
.register_standard select.error {
    border-color: #f33;
}

.register_standard input.valid,
.register_standard select.valid {
    border-color: #02ac39;
}

.register_standard label.error {
    clear: left;
    color: #f33;
    display: block;
    float: none;
    font-style: italic;
    margin-left: 230px;
    padding: 0;
    text-align: left;
    width: auto;
}

.register_standard label.success {
    background: url(/layout/icons/valid.png) no-repeat;
    clear: none;
    float: left;
    height: 16px;
    margin: 0 0 0 4px;
    width: 16px;
}

.register_standard input.button {
    background-image: url(/layout/button-bg.png);
    font-weight: bold;
    width: 150px;
}

.register_standard p.required {
    margin-left: 230px;
    width: auto;
}

/* Standard Daten Übersicht ***************************************************/
dl.std_data {
    line-height: 1.5;
    margin: 1em 0;
    overflow: hidden;
    width: 100%;
}

dl.std_data dt {
    clear: both;
    float: left;
    margin: 0 20px 1.5em 0;
    text-align: right;
    width: 120px;
}

dl.std_data dd {
    float: left;
    margin: 0 0 1.5em 0;
}

dl.std_data a.button {
    float: left;
    margin: 4px 10px 0 0;
}

/* Adressen Liste *************************************************************/
ul.addresses {
    border-top: 1px solid #b07e3c;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.addresses li {
    border-bottom: 1px solid #b07e3c;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
}

ul.addresses p {
    float: left;
}

ul.addresses a.edit,
ul.addresses a.delete {
    clear: right;
    float: right;
}

ul.addresses a.edit {
    margin: 30px 0 10px 0;
}

/* Adressen Formular **********************************************************/
form.address p {
    clear: both;
}

form.address label {
    float: left;
    margin: 0 20px 0 0;
    text-align: right;
    width: 200px;
}

form.address label em {
    font-size: 11px;
}

form.address input {
    width: 240px;
}

form.address p.required {
    margin-left: 220px;
}

form.address .button {
    margin-left: 220px;
}

/* Lieferadresse Auswahl ******************************************************/
ul.delivery_address {
    list-style-type: none;
    overflow: hidden;
    width: 100%;
}

ul.delivery_address li {
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
}

/* Zahlungsart Auswahl ********************************************************/
#payment p {
    padding-left: 20px;
}

#payment label {
    float: left;
    padding-right: 20px;
    text-align: right;
    width: 160px;
}

#payment p em.info {
    display: block;
    margin: 6px 0 0 180px;
}

#payment p.select {
    margin-top: 2em;
    padding-left: 0;
}

#payment p.select label {
    float: none;
}

#payment p.required {
    margin-left: 180px;
}

/* Bestellzusammenfassung, Bestelldetails *************************************/
#summary .headline,
#order .headline {
    background: url(/layout/box-sidebar-headline-bg.png) repeat-x left bottom;
    border-bottom: 1px solid #b07e3c;
    margin: 10px 0;
    overflow: hidden;
    width: 100%;
}

#summary .headline h4,
#order .headline h4 {
    background: url(/layout/headline-item.png) no-repeat 6px 6px;
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 2px 0 2px 26px;
}

#summary .headline a {
    float: right;
    line-height: 20px;
}

/* Waren */
#summary .cart,
#order .items {
    clear: both;
    margin-bottom: 20px;
}

#summary .cart table,
#order .items table {
    border-spacing: 0;
    margin: 0;
    width: 100%;
}

#summary .cart th,
#order .items th {
    font-style: italic;
    font-weight: normal;
    padding: 0 4px 4px 0;
    text-align: left;
}

#summary .cart td,
#order .items td {
    padding: 0 4px 4px 0;
    vertical-align: top;
}

#summary .cart td.quantity,
#order .items td.quantity {
    width: 40px;
}

#summary .cart td.designation,
#order .items td.designation {
    font-weight: bold;
}

#summary .cart td.price,
#summary .cart th.price,
#order .items td.price,
#order .items th.price {
    text-align: right;
    width: 110px;
}

#summary .cart p.price,
#order .items p.price {
    text-align: right;
}

/* Lieferadresse */
#summary .shippingAddress,
#order .shippingAddress {
    border-right: 1px solid #b07e3c;
    float: left;
    margin-bottom: 20px;
    padding-right: 10px;
    width: 260px;
}

/* Rechnungsadresse */
#summary .billingAddress,
#order .billingAddress {
    float: right;
    margin-bottom: 20px;
    width: 260px;
}

/* Lieferung */
#summary .delivery {
    clear: both;
    margin-bottom: 20px;
}

/* Zahlungsart */
#summary .payment,
#order .payment {
    clear: both;
    margin-bottom: 20px;
}

/* Anmerkungen */
#summary .message {
    margin-bottom: 20px;
}
#form_message {
    width: 530px;
}

/* Bestätigungs Button */
#summary p.submit {
    overflow: hidden;
    width: 100%;
}
#summary input.button {
    background: url(/layout/button-big-wide-bg.png) no-repeat;
    color: #000;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    width: 170px !important;
}

/* Hauptdetails */
#order dl {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

#order dt {
    clear: left;
    float: left;
    margin: 0 8px 8px 0;
}

#order dd {
    margin: 0 0 8px 0;
}

/* Produktset zu Warenkorb hinzufügen - Auswahlliste **************************/
ul.productSetToCart {
    list-style-type:  none;
    width: 610px;
}

ul.productSetToCart li {
    border-bottom: 1px solid #b07e3c;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
}

ul.productSetToCart .img {
    float: left !important;
    width: 120px;
}

ul.productSetToCart .description {
    float: left;
    width: 300px;
}

ul.productSetToCart strong {
    display: block;
}

ul.productSetToCart .price {
    font-size: 12px;
}

ul.productSetToCart .price strong {
    display: inline;
    font-size: 18px;
}

ul.productSetToCart form {
    float: right;
    margin: 0;
    padding: 0;
}

/* Bestellliste ***************************************************************/
ul.orders {
    list-style-type: none;
}

ul.orders li {
    border-bottom: 1px dotted #b07e3c;
    margin-bottom: 16px;
    margin-left: 0;
    overflow: hidden;
    padding-bottom: 16px;
    width: 100%;
}

ul.orders .left {
    float: left;
    overflow: hidden;
    width: 150px !important;
}

ul.orders .right {
    border-left: 1px solid #b07e3c;
    float: right;
    min-height: 150px;
    overflow: hidden;
    padding-left: 16px;
    width: 373px !important;
}

ul.orders p {
    margin-top: 6px;
}

ul.orders dl {
    font-size: 11px;
}

ul.orders dd {
    margin-bottom: 0.8em;
}

ul.orders .status {
    border-bottom: 1px solid #b07e3c;
    padding-bottom: 6px;
}

ul.orders .status a {
    float: right;
}

ul.orders ul.products li {
    border-bottom: none;
    margin: 0 0 8px 0;
    padding: 0;
}

ul.orders ul.products img {
    float: left;
    margin-right: 10px;
    width: 32px;
}

ul.orders ul.products span {
    float: left;
    line-height: 20px;
    padding: 4px 0;
    width: 330px;
}

/* Pagination *****************************************************************/
.pagination {
    float: right;
    margin: 20px 0 0 0;
}

.pagination a,
.pagination span {
    background: #686868;
    float: left;
    margin: 0 0 0 5px;
    min-width: 14px;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none;
}

.pagination a:hover,
.pagination span.active {
    background: #f8991f;
    color: #fff;
}

/* Tooltip ********************************************************************/
.tooltip {
    left: 50%;
    margin-left: -480px;
    overflow: hidden;
    padding-bottom: 16px;
    position: absolute;
    width: 960px;
    z-index: 100;
}

.tooltip .content {
    background: #fbcc8f;
    color: #000;
    font-size: 11px;
    overflow: hidden;
    padding: 10px 0;
    width: 960px;
}

.tooltip .bg {
    background: url(/layout/tooltip-bg.png) repeat-y;
    overflow: hidden;
    padding: 0 30px;
    width: 900px;
}

.tooltip .arrow {
    background: url(/layout/tooltip-arrow.png) no-repeat;
    display: block;
    height: 16px;
    position: absolute;
    width: 35px;
}

.tooltip h2 {
    color: #000;
    float: left;
    font-size: 15px;
    font-weight: bold;
    width: 300px;
}

.tooltip dl {
    float: left;
    padding: 0 10px;
    width: 280px;
}

.tooltip dl.first {
    clear: left;
    padding-left: 0;
    width: 290px;
}

.tooltip .price {
    float: left;
    padding: 0 0 0 10px;
    width: 290px;
}

.tooltip .price strong {
    display: block;
    font-size: 20px;
}

.tooltip p {
    margin: 0;
}

.tooltip dd {
    margin: 0 0 0.5em 0;
}

/* hCard **********************************************************************/
.vcard {
    line-height: 1.5;
}

.vcard .fn {
    font-weight: bold;
}

.vcard .numbers .tel {
    overflow: hidden;
    width: 100%;
}

.vcard .numbers .type {
    float: left;
    width: 32px;
    border: none;
}

.vcard .links {
    overflow: hidden;
    width: 100%;
}

.vcard .links a {
    display: block;
    height: 20px;
}

.vcard .links .vcard-download {
    display: none;
}

/* Warning ********************************************************************/
.warning {
    background: #fdd;
    border: 2px solid #d00;
    color: #333;
    margin: 1em 0;
    padding: 8px;
}

.warning h2 {
    color: #000;
    font-size: 16px;
    letter-spacing: 2px;
}

.warning dt {
    margin: 5px 0;
    font-weight: bold;
}

.warning dd {
    font-style: italic;
}