/*******************************************************************************/
/* Basis Style definitionen */
a {
    color               : #C40009;
    text-decoration     : underline;
    outline             : none;
}
a:hover {
    color               : #666;
}
a.arrow {
    display             : block;
    margin              : 0 0 2px 0;
    padding             : 0;
}

input.arrow {
    border              : 0;
    color               : #C40009;
    text-align          : left;
    padding             : 0;
    text-decoration     : underline;
}

input,
textarea,
select {
    font-family         : Tahoma, Arial, sans-serif;
    border-color        : #7F9DB9 !important;
    color               : #646464;
}

/*******************************************************************************/
/* Basis Layout */

html {
    overflow-x:hidden !important;
    overflow-y:scroll !important;
}

body {
    color               : #646464;
}
body.frontend {
    font-family         : Tahoma, Arial, sans-serif;
    background-color    : #B4C2D5;
}

#frame {
    width               : 885px;
    position            : relative;
    margin              : 0 auto;
    background-color    : #FFF;
    padding-left        : 20px;
    padding-right       : 25px;
}

#content-frame {
    position            : relative;
    width               : 885px;
    padding-top         : 358px;
}

#content-right {
    float               : right;
    width               : 720px;
    background-image    : url(/images/default/layout/content-right-bg.gif);
    background-repeat   : repeat-y;
    padding-bottom      : 25px;
}

#content-right #content {
    min-height          : 200px;
    width               : 480px;
    float               : left;
    overflow            : hidden;
    padding             : 0 14px;
    line-height         : 18px;
}

#content-right #content table tr td {
    font-family         : Tahoma;
}

#content-right #content h1 {
    background          : #C40009;
    color               : #FFF;
    font-size           : 13px;
    padding             : 3px 0 3px 8px;
    margin-bottom       : 10px;
}

#content-right #content h2 {
    color               : #000;
    font-size           : 13px;
    font-weight         : bold;
}

#content-right #content h3 {
    color               : #C40009;
    font-size           : 12px;
    font-weight         : bold;
}

#content-right #right {
    float               : right;
    width               : 193px;
    overflow            : hidden;
}

#content-left {
    float               : left;
    width               : 165px;
    overflow            : hidden;
}

#header {
    position            : absolute;
    width               : 885px;
    height              : 319px;
    top                 : 10px;
}


#header-nav {
    width               : 885px;
    float               : left;
    height              : 79px;
}
#header-nav a.logo {
    width               : 89px;
    float               : right;
    height              : 69px;
}




/* ********************************************************************* */
/* Breadcrumb */
#breadcrumb {
    position            : absolute;
    top                 : 59px;
    width               : 885px;
    height              : 20px;
    left                : 0;
}
#breadcrumb ol {
    padding             : 0;
    margin              : 0;
}
#breadcrumb ol li {
    color               : #999999;
    text-transform      : uppercase;
    padding-right       : 3px;
}
#breadcrumb ol li a {
    color               : #999999;
}
#breadcrumb ol li.first {
    padding-left        : 0;
    font-weight         : bold;
}

/* ********************************************************************* */
/* Footer */
#footer {
    width               : 885px;
    margin              : 0 auto;
    border-top          : 1px solid #C40009;
    font-size           : 11px;
    color               : #999;
    background-color    : #FFF;
    padding-top         : 5px;
    margin-top          : 10px;
}
#footer a {
    text-decoration     : none;
    color               : #999;
}
#footer a:hover {
    color               : #C40009;
    text-decoration     : underline;
}
#footer p {
    margin-bottom       : 3px;
}

/* ********************************************************************* */
/* Haupt Navigation */
#content-left .box-menu div.h2 {
    display             : none;
}
ul.menu-main {
    width               : 165px;
    padding				      : 0;
	  margin				      : 0;
	  list-style-type		  : none;
    margin-bottom       : 20px;
}

ul.menu-main li a {
    width               : 150px;
    height              : 17px;
    text-decoration		  : none;
    display				      : block;
    color				        : #646464;
    background          : url(/images/default/layout/main-menu.png) no-repeat 0 0;
    margin-bottom       : 2px;
    padding-top         : 4px;
    padding-left        : 15px;
}
ul.menu-main li a:hover {
    color				        : #C40009;
}
ul.menu-main li.active a.active {
    background          : url(/images/default/layout/main-menu-active.png) no-repeat 0 0;
    color               : #C40009;
}

/* ********************************************************************* */
/* 2. Ebene */
ul.menu-main ul {
    list-style-type     : none;
    padding             : 0;
    margin              : 0;
    padding-left        : 17px;
}

ul.menu-main ul li a {
    background          : url(/images/default/layout/main-menu-2-bg.png) no-repeat 0 0;
    width               : 133px;
    height              : 17px;
    padding-left        : 15px;
}

ul.menu-main ul li.active a.active {
    background          : url(/images/default/layout/main-menu-2-bg-active.png) no-repeat 0 0;
    color               : #C40009;
}



/* ********************************************************************* */
/* Top Navigation */
ul.menu-top {
    margin              : 0;
    list-style-type     : none;
    float               : left;
    padding             : 0;
    margin              : 0;
}
ul.menu-top li {
    display             : inline;
    float               : left;
}
ul.menu-top li a {
    background          : url(/images/default/layout/pipe.gif) no-repeat 0 center;
    font-size           : 11px;
    text-decoration     : none;
    color               : #000;
    display             : block;
    float               : left;
    text-transform      : uppercase;
    padding-right       : 10px;
    padding-left        : 10px;
}
ul.menu-top li.nth-0 a {
    background          : none;
    padding-left        : 0;
}
ul.menu-top li a:hover {
    color               : #C40009;
}

/* ********************************************************************* */
/* table.common */
table.common thead td,
table.common tbody.head td {
    background-color    : red;
    border-bottom       : 1px solid #534613;
}
table.common tfoot td {
    background          : #EFE77D;
}

/* ********************************************************************* */
/* Content Boxes */
.content-box {
    border              : 0;
    background          : #F3F3F3;
}
.content-box h2 {
    background          : #EFE77D;
    color               : #534613;
    border-bottom       : 1px solid #534613;
}
.content-box h2 a {
    color               : #534613;
}
/* ********************************************************************* */
/* Boxes */
div.box .h2 {
    background          : #534613;
    padding             : 3px 5px;
}
div.box div.content {
    padding             : 5px 5px;
}

/* ********************************************************************* */
/* Customer Center */
div.module-customer-center table.form tbody.order-history tr td {
    border-bottom       : 1px solid #fff;
}
div.module-customer-center table.form tbody.order-history tr.last td {
    border-bottom       : none;
}
div.module-customer-center div.address {
    padding             : 5px;
}
#content div.module-customer-center div.address ul {
    margin              : 0;
}
div.module-customer-center div.address ul.options li {
    margin-left         : 5px;
}
div.module-customer-center-baskets table.basket-article-list {
    margin              : 5px 0;
    padding-left        : 10px;
    background-color    : #fff;
    border              : 1px solid #999;
}
div.module-customer-center-baskets table.basket-article-list td {
    padding             : 3px;
}
div.module-customer-center-baskets table.basket-article-list td.text-right {
    text-align          : right;
}
div.module-customer-center select.bday {
    width               : 78px;
}
div.module-customer-center select.bday-days,
div.module-customer-center select.bday-months {
    margin-right        : 3px;
}

/* ********************************************************************* */
/* imos-Copyright */
.imos-copyright {
    font-size           : 11px !important;
    color               : #999 !important;
}
.imos-copyright a {
    color               : #999 !important;
}

#boxes-right {
    width               : 196px;
    font-size           : 13px;
}
#boxes-right a {
    color               : #646464;
    text-decoration     : none;
}
#boxes-right a:hover {
    text-decoration     : underline;
}

#boxes-right .box {
    padding-bottom      : 5px;
    margin-bottom       : 10px;
    background          : url(/images/default/layout/box-border-bottom.png) repeat-x 0 bottom;
}

#boxes-right .box .box-headline {
    background          : #E4E4E4;
    font-weight         : bold;
    padding             : 4px 10px;
    margin-bottom       : 10px;
}
#boxes-right .box .box-content {
    padding-left        : 10px;
}


/* ********************************************************************* */
/* Suchbox anpassen */
div.box-search .h2 {
    background          : #E4E4E4;
    font-weight         : bold;
    padding             : 4px 10px;
    margin-bottom       : 10px;
    color               : #646464;
}
div.box-search .content {
    padding             : 0 !important;
    padding-left        : 10px !important;
}
div.box-search input.text {
    border              : auto;
    width               : 130px;
    font-size           : 12px;
    padding             : 2px;
    border-right        : none;
}
div.box-search input.submit {
    height              : auto;
    padding             : 2px;
    background          : #C40009;
    color               : #FFF;
    border              : none;
    font-weight         : bold;
    font-size           : 12px;
}

div.box-search label.form-overlabel {
    position            : absolute;
    padding             : 3px 0 3px 4px!important;
    font-size           : 12px;
}
.form-overlabel-wrapper {
    float               : left;
}

/* ********************************************************************* */
/* Sitemap */
div.content-element-sitemap ul {
    margin              : 0 0 0 15px !important;
    padding             : 0 !important;
    list-style-type     : none;
    width               : 275px;
}
div.content-element-sitemap ul.sitemap li a {
    width               : 275px;
    display             : block;
    border-bottom       : 1px solid #CCC;
    text-decoration     : none;
}
div.content-element-sitemap ul ul {
    margin              : 0 0 0 15px !important;
}
div.content-element-sitemap ul ul li a {
    padding-left        : 0px !important;
    width               : 260px !important;
    font-size           : 11px;
}
div.content-element-sitemap ul ul li a:hover {
    color               : #2C3339;
}


