body {
    font-family         : Verdana, Arial, sans-serif;
    font-size           : 11px;
    color               : #212121;
}

#blue-body {
    background-color    : #005B7D;
}

#green-body {
    background-color    : #74922E;
}

#orange-body {
    background-color    : #B6340E;
}

#purple-body {
    background-color    : #673656;
}

#red-body {
    background-color    : #9E1414;
}

#yellow-body {
    background-color    : #E4AA3A;
}


#background-image {
    position            : absolute;
    left                : 0;
    top                 : 0;
    width               : 100%;
    height              : 750px;
    z-index             : -1;
}

h1 {
    font-size		: 12px;
}

a {
    text-decoration     : none;
    color               : #007CAB;
}

a.arrow {
    background          : url(/images/default/layout/arrow.gif) no-repeat 0 4px;
    padding-left        : 10px;
}

/* Frame */
#frame {
    width               : 980px;
    margin              : 0 auto;
    background          : url(/images/default/layout/colors.png) no-repeat 0 170px;
}

.menu-top {
    list-style-type     : none;
    float               : right;
    margin              : 10px 0;
    font-size           : 10px;
}

.menu-top li {
    float               : left;
    border-left         : 1px solid #000;
}

.menu-top li.nth-0 {
    border              : none;
}

.menu-top li a {
    color               : #000;
    padding             : 10px;
}

/* Header */
#header {
    background          : #FFF;
    padding             : 20px;
    clear               : both;
    position            : relative;
}

#header:after {
    clear               : both;
    content             : '.';
    display             : block;
    height              : 0;
    visibility          : hidden;
}

#logo {
    float               : left;
    text-indent         : -1000px;
    background          : url(/images/default/layout/logo.png) no-repeat;
    width               : 420px;
    height              : 181px;
    position            : absolute;
    top                 : -21px;
}

#info-box {
    float               : right;
    background          : #ECEBE3;
    padding             : 20px 15px;

}

#info-box ul {
    list-style-type     : none;
    margin              : 0;
    padding             : 0;
}

#info-box li {
    float               : left;
    padding             : 0 8px;
}

#info-box li.nth-0 {
    padding-left        : 0;
    width               : 155px;
}

#info-box li.last {
    padding-right       : 0;
    width               : 130px;
}

#info-box .h2 {
    font-size           : 11px;
}

#info-box p,
#info-box label {
    display             : block;
    margin-top          : 8px;
}

#info-box .box-search {
    border-color        : #000;
    border-style        : none solid;
    border-width        : 0 1px;
}

#info-box .box-search input.text {
    border              : 1px solid #007CAB;
    width               : 116px;
    height              : 17px;
}

#info-box .box-search input.submit {
    background          : #007CAB url(/images/default/layout/submit.png) no-repeat 6px 5px;
    border              : 1px solid #007CAB;
    width               : 26px;
    height              : 21px;
    text-indent         : 100px;
    position            : relative;
    top                 : 2px;
    left                : -4px;
}



/* Content-Frame */
#content-frame {
    background          : #FFF;
    padding             : 20px;
    clear               : both;
    margin-top          : 10px;
}

#content-frame:after {
    clear               : both;
    content             : '.';
    display             : block;
    height              : 0;
    visibility          : hidden;
}

/* Left */
#left {
    float               : left;
    width               : 200px;
}

/* Hauptmenue */
.menu-main {
    width               : 180px;
    margin-right        : 20px;
    padding             : 0;
    list-style-type     : none;
    position            : relative;
    z-index             : 5;
}

/* Erste Ebene */
.menu-main a.level-1 {
    display             : block;
    color               : #FFF;
    padding             : 7px 10px;
}

/* Zweite Ebene */
.menu-main ul.level-2 {
    list-style-type     : none;
    padding             : 6px 0 15px;
    margin              : 0 0 10px;
    background          : #F3F4D6;
}

.menu-main li.level-2 {
    position            : relative;
}

.menu-main li.hover ul.level-3,
.menu-main li.level-2:hover ul.level-3 {
    display             : block;
}

.menu-main a.level-2 {
    color               : #92B63A;
    display             : block;
    margin-top          : -1px;
}

.menu-main a.level-2 span {
    border-bottom       : 1px solid #92B63A;
    display             : block;
    padding             : 2px 0 3px;
    margin              : 0 10px;
 }

.menu-main a.level-2:hover {
    background          : #92B63A;
    color               : #FFF;
}


/* Dritte Ebene */
.menu-main ul.level-3 {
    list-style-type     : none;
    position            : absolute;
    left                : 100%;
    top                 : 0;
    width               : 125px;
    margin              : 0;
    padding             : 2px 0 6px;
    display             : none;
    z-index             : 10;
}

.menu-main li.level-3 {
    margin              : 0;
    padding             : 0;
}

.menu-main a.level-3 {
    color               : #FFF;
    display             : block;
    padding             : 2px 0 2px 12px;
}

.menu-main a.level-3:hover {
    text-decoration     : underline;
}


.menu-main li.article-group-51039 a.level-1,
.menu-main li.article-group-51039 ul.level-2 li.hover a.level-2,
.menu-main li.article-group-51039 ul.level-2 li.level-2:hover a.level-2,
.main-article-group-51039 #articles li h2.article-headline,
.main-article-group-51039 #articles li .article-footer {
    background-color    : #92B63A;
    color               : #FFF;
}

.menu-main li.article-group-51039 ul.level-2 {
    background-color    : #F3F4D6;
}

.menu-main li.article-group-51039 ul.level-2 a.level-2 {
    color               : #92B63A;
}

.menu-main li.article-group-51039 ul.level-2 a.level-2  span {
    border-color        : #92B63A;
}

.menu-main li.article-group-51039 li.level-2 ul.level-3 {
    background-color    : #92B63A;
}


.menu-main li.article-group-51029 a.level-1,
.menu-main li.article-group-51029 ul.level-2 a.level-2:hover,
.menu-main li.article-group-51029 ul.level-2 li.level-2:hover a.level-2,
.main-article-group-51029 #articles li h2.article-headline,
.main-article-group-51029 #articles li .article-footer {
    background-color    : #d71e1c;
    color               : #FFF;
}

.menu-main li.article-group-51029 ul.level-2 {
    background-color    : #fae4d3;
}

.menu-main li.article-group-51029 ul.level-2 a.level-2 {
    color               : #d71e1c;
}

.menu-main li.article-group-51029 ul.level-2 a.level-2  span {
    border-color        : #d71e1c;
}

.menu-main li.article-group-51029 li.level-2 ul.level-3 {
    background-color    : #d71e1c;
}


.menu-main li.article-group-51088 a.level-1,
.menu-main li.article-group-51088 ul.level-2 a.level-2:hover,
.menu-main li.article-group-51088 ul.level-2 li.level-2:hover a.level-2,
.main-article-group-51088 #articles li h2.article-headline,
.main-article-group-51088 #articles li .article-footer {
    background-color    : #86466f;
    color               : #FFF;
}

.menu-main li.article-group-51088 ul.level-2 {
    background-color    : #f2e9dc;
}

.menu-main li.article-group-51088 ul.level-2 a.level-2 {
    color               : #86466f;
}

.menu-main li.article-group-51088 ul.level-2 a.level-2 span {
    border-color        : #86466f;
}

.menu-main li.article-group-51088 li.level-2 ul.level-3 {
    background-color    : #86466f;
}


.menu-main li.article-group-53261 a.level-1,
.menu-main li.article-group-53261 ul.level-2 a.level-2:hover,
.menu-main li.article-group-53261 ul.level-2 li.level-2:hover a.level-2,
.main-article-group-53261 #articles li h2.article-headline,
.main-article-group-53261 #articles li .article-footer {
    background-color    : #007cab;
    color               : #FFF;
}

.menu-main li.article-group-53261 ul.level-2 {
    background-color    : #e4eee2;
}

.menu-main li.article-group-53261 ul.level-2 a.level-2 {
    color               : #007cab;
}

.menu-main li.article-group-53261 ul.level-2 a.level-2 span {
    border-color        : #007cab;
}

.menu-main li.article-group-53261 li.level-2 ul.level-3 {
    background-color    : #007cab;
}

/*
.menu-main li.article-group-54005 a.level-1,
.menu-main li.article-group-54005 ul.level-2 a.level-2:hover,
.menu-main li.article-group-54005 ul.level-2 li.level-2:hover a.level-2,
.main-article-group-54005 #articles li h2.article-headline,
.main-article-group-54005 #articles li .article-footer {
    background-color    : #f7b216;
    color               : #FFF;
}

.menu-main li.article-group-54005 ul.level-2 {
    background-color    : #fdf4d3;
}

.menu-main li.article-group-54005 ul.level-2 a.level-2 {
    color               : #f7b216;
}

.menu-main li.article-group-54005 ul.level-2 a.level-2 span {
    border-color        : #f7b216;
}

.menu-main li.article-group-54005 li.level-2 ul.level-3 {
    background-color    : #f7b216;
}
*/
.menu-main li.article-group-54005 a.level-1,
.menu-main li.article-group-54005 ul.level-2 a.level-2:hover,
.menu-main li.article-group-54005 ul.level-2 li.level-2:hover a.level-2,
.main-article-group-54005 #articles li h2.article-headline,
.main-article-group-54005 #articles li .article-footer {
    background-color    : #f27405;
    color               : #FFF;
}

.menu-main li.article-group-54005 ul.level-2 {
    background-color    : #fde8d5;
}

.menu-main li.article-group-54005 ul.level-2 a.level-2 {
    color               : #f27405;
}

.menu-main li.article-group-54005 ul.level-2 a.level-2 span {
    border-color        : #f27405;
}

.menu-main li.article-group-54005 li.level-2 ul.level-3 {
    background-color    : #f27405;
}



.menu-main li.article-group-52063 a.level-1,
.menu-main li.article-group-52063 ul.level-2 a.level-2:hover,
.menu-main li.article-group-52063 ul.level-2 li.level-2:hover a.level-2,
.main-article-group-52063 #articles li h2.article-headline,
.main-article-group-52063 #articles li .article-footer {
    background-color    : #ee4819;
    color               : #FFF;
}

.menu-main li.article-group-52063 ul.level-2 {
    background-color    : #fce9d3;
}

.menu-main li.article-group-52063 ul.level-2 a.level-2 {
    color               : #ee4819;
}

.menu-main li.article-group-52063 ul.level-2 a.level-2 span {
    border-color        : #ee4819;
}

.menu-main li.article-group-52063 li.level-2 ul.level-3 {
    background-color    : #ee4819;
}


.menu-main li.article-group-64312 a.level-1,
.menu-main li.article-group-64312 ul.level-2 a.level-2:hover,
.menu-main li.article-group-64312 ul.level-2 li.level-2:hover a.level-2,
.main-article-group-64312 #articles li h2.article-headline,
.main-article-group-64312 #articles li .article-footer {
    background-color    : #2FADD4;
    color               : #FFF;
}

.menu-main li.article-group-64312 ul.level-2 {
    background-color    : #D3E3E8;
}

.menu-main li.article-group-64312 ul.level-2 a.level-2 {
    color               : #2FADD4;
}

.menu-main li.article-group-64312 ul.level-2 a.level-2 span {
    border-color        : #2FADD4;
}

.menu-main li.article-group-64312 li.level-2 ul.level-3 {
    background-color    : #2FADD4;
}


/* Middle */
#middle {
    float               : left;
    width               : 540px;
}

#breadcrumb {
    border-bottom       : 1px solid #000;
    padding-bottom      : 5px;
}

/*#articles {
    list-style-type     : none;
    margin              : 20px 0 0;
    padding             : 0;
    width               : 555px;
}

#articles:after {
    clear               : both;
    content             : '.';
    display             : block;
    height              : 0;
    visibility          : hidden;
}

#articles li {
    float               : left;
    background          : #ebeae2;
    border              : 1px solid #CCC;
    width               : 141px;
    height              : 245px;
    margin              : 0 14px 14px 0;
    color               : #333;
    padding             : 10px 14px;

}

#articles li h2 {
    font-size           : 11px;
    height              : 30px;
}

#articles li a {
    display             : block;
    text-align          : center;
}*/


#articles {
    list-style-type     : none;
    margin              : 20px 0 0;
    padding             : 0;
    width               : 555px;
}

#articles:after {
    clear               : both;
    content             : '.';
    display             : block;
    height              : 0;
    visibility          : hidden;
}

#articles li {
    float               : left;
    border              : 1px solid #CCC;
    width               : 538px;
    margin              : 0 14px 14px 0;
    color               : #333;
}

#articles li h2.article-headline {
    font-size           : 11px;
    margin-bottom       : 10px;
    color               : #FFF;
    -webkit-border-top-left-radius : 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius  : 10px;
    -khtml-border-top-right-radius : 10px;
    -moz-border-radius-topleft     : 10px;
    -moz-border-radius-topright    : 10px;
    border-top-left-radius         : 10px;
    border-top-right-radius        : 10px;
}

#articles li h2.article-headline a {
    display             : block;
    color               : #FFF;
    text-align          : left;
    padding             : 5px 10px;
}

#articles li .descr {
    float               : left;
    width               : 368px;
    margin              : 0 10px 10px;
}

#articles li .article-preview {
    float               : right;
    margin              : 0 10px 10px 0;
}

#articles li .article-footer {
    clear               : both;
    -webkit-border-bottom-left-radius : 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius  : 10px;
    -khtml-border-bottom-right-radius : 10px;
    -moz-border-radius-bottomleft     : 10px;
    -moz-border-radius-bottomright    : 10px;
    border-bottom-left-radius         : 10px;
    border-bottom-right-radius        : 10px;
    height              : 10px;
    padding             : 5px 10px 10px;
}

#articles li .price {
    float               : left;
    color               : #FFF;
    font-weight         : bold;
}

#articles li .article-links {
    float               : right;
}

#articles li .article-links a {
    color               : #FFF;
    font-weight         : bold;
}

#articles li a:hover {
    text-decoration     : underline;
}

#articles li .article-links a.to-article {
    padding-right       : 10px;
}

#articles li .article-links a.to-basket {
    padding-left        : 10px;
    border-left         : 1px solid #FFF;
}

/*.frontend_article_group #lightbox-image-details-currentNumber,
.frontend_article_group #lightbox-nav {
    display             : none !important;
}*/



div.pager {
    background          : #EBEAE2;
    border              : 1px solid #CCC;
    margin-bottom       : 25px;
    height              : 20px;
    width               : 519px;
}

#content ul.pager {
    margin              : 4px 0 0;
}

#content ul.pager li.last {
    border-right        : 0;
}

#content ul.pager span {
    color               : #000;
    font-weight         : bold;
    padding             : 0 5px;
}

#content ul.pager a {
    color               : #000;
    padding             : 0 5px;
}

div.goto {
    margin-top          : -2px;
}

.goto input.text {
    border              : 1px solid #007CAB;
    width               : 116px;
    height              : 17px;
}

.goto input.submit {
    background          : #007CAB url(/images/default/layout/submit.png) no-repeat 6px 5px;
    border              : 1px solid #007CAB;
    width               : 26px;
    height              : 21px;
    text-indent         : 100px;
    position            : relative;
    top                 : 2px;
    left                : -4px;
}




/* Right */
#right {
    float               : right;
    width               : 200px;
}

#right .box {
    width               : 180px;
    float               : right;
}

#right .box .h2 {
    background          : #7D7D7D url(/images/default/layout/box_h2.png) repeat-x;
    color               : #FFF;
    padding             : 5px 10px;
    font-weight         : normal;
    font-size           : 12px;
}

#right .box .content {
    background-color    : #EBEAE2;
    padding-bottom      : 15px;
    font-size           : 10px;
}

.box-ops .ops-state-done,
.box-ops .ops-state-done a {
    color               : #797979;
}

.box-ops .ops-state-active {
    color               : #000;
}

.box-ops .ops-state-active a {
    font-weight         : bold;
    color               : #000;
}

.box-ops .ops-state-open {

}

.box-express-order dt {
    float               : left;
    width               : 30px;
    margin-bottom       : 5px;
}

.box-express-order dt input.text {
    width               : 40px;
}

.box-express-order dd {
    margin              : 0;
    width               : 110px;
    float               : right;
    margin-bottom       : 5px;
}

.box-express-order dd input.text {
    width               : 110px;
}

.box-express-order dd input.submit {
    width               : 160px;
}

.box-express-order .header {
    font-weight         : bold;
}

.box-express-order input.submit {
    border              : 0;
    background          : none;
    color               : #3489a5;
}

.box-contact address {
    font-size           : 10px;
    margin-top          : 2px;
}

.box-contact .org {
    font-weight         : bold;
}

.box-contact .adr {
    margin              : 2px 0 14px;
}

.box-contact .postal-code,
.box-contact .locality,
.box-contact .email {
    display             : inline;
}

.box-contact .type {
    display             : none;
}

.box-contact .email-contact {
    margin-top          : 12px;
}

/* Footer */
#footer {
    text-align          : center;
    font-size           : 10px;
    clear               : both;
    width               : 450px;
    margin              : 0 auto;
}

#slogan {
    color               : #007cab;
    border-bottom       : 1px solid #007CAB;
    font-size           : 24px;
    text-indent         : -1000px;
    background          : url(/images/default/layout/slogan.png) no-repeat 50% 0;
    overflow            : hidden;
    padding-bottom      : 2px;
    margin-bottom       : 1px;
    color               : #1B3C52;
}

#love {
    color               : #d71e1c;
}


/* Spezialstyles: runde Ecken */
.round-big {
    border-radius           : 10px;
    -khtml-border-radius    : 10px;
    -moz-border-radius      : 10px;
    -opera-border-radius    : 10px;
    -webkit-border-radius   : 10px;
}

.round-small {
    border-top-right-radius         : 5px;
    border-top-left-radius          : 5px;
    -khtml-border-top-right-radius  : 5px;
    -khtml-border-top-left-radius   : 5px;
    -moz-border-radius-topright     : 5px;
    -moz-border-radius-topleft      : 5px;
    -opera-border-radius-topright   : 5px;
    -opera-border-radius-topleft    : 5px;
    -webkit-border-top-right-radius : 5px;
    -webkit-border-top-left-radius  : 5px;
}