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

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

input.text,
textarea,
select {
    border-color        : #2C3339;
}

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

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

#frame {
    width               : 978px;
    position            : relative;
    margin              : 0 auto;
    border-left         : 1px solid #960A2C;
    border-right        : 1px solid #960A2C;
    color               : #FFF;
}

hr.seperator-line {
    border-color        : #FFF;
}

#content-frame {
    position            : relative;
    width               : 948px;
    padding-top         : 253px;
    padding-left        : 15px;
    padding-right       : 15px;
    background-color    : #960A2C;
    padding-bottom      : 50px;
}

#content-right {
    float               : right;
    width               : 748px;
}

#content-right #content {
    min-height          : 200px;
    width               : 500px;
    float               : left;
    overflow            : hidden;
    padding             : 0 25px;
    line-height         : 16px;
}

#content-right #content h1 {
    font-size           : 16px;
    margin-bottom       : 20px;
}

#content-right #content h2 {
    font-size           : 13px;
}

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

img.content-image-text {
    margin-left         : 30px;
}

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

#header {
    position            : absolute;
    width               : 978px;
    height              : 238px;
    top                 : 0;
    background-color    : #FFF;
}

#header-nav {
    width               : 978px;
    float               : right;
    height              : 72px;
}
#header-nav a.logo {
    width               : 349px;
    float               : left;
    height              : 51px;
    margin-top          : 11px;
    margin-left         : 25px;
}
#header-main {
    width               : 978px;
    height              : 166px;
    background          : url(/images/backformen/layout/header-main-bg.png) no-repeat 0 0;
    margin-bottom       : 15px;
}

/* ********************************************************************* */
/* Suchbox anpassen */
div.box-search {    
    width               : 326px;
    height              : 37px;
    position            : absolute;
    left                : 539px;
    top                 : 140px;
    background          : url(/images/backformen/layout/search-bg.png) no-repeat 0 0;
}
div.box-search div.content {
    padding             : 0 !important;
}
div.box-search input.text {
    width               : 243px;
    padding             : 7px;
    border              : 1px solid #CA5A61;
}
div.box-search input.submit {
    width               : 60px;
    text-align          : center;
    border              : 0;
    background          : #CA5A61;
    color               : #FFF;
    font-weight         : bold;
    padding             : 5px;
    float               : left;
    display             : block;
    height              : 30px !important;
    text-decoration     : none;
}
div.box-search label.form-overlabel {
    position            : absolute;
    padding-top         : 8px !important;
    color               : #2C3339;
}
.form-overlabel-wrapper {
    float               : left;
}

/* ********************************************************************* */
/* Breadcrumb */
#breadcrumb {
    position            : absolute;
    top                 : 218px;
    width               : 978px;
    height              : 20px;
    color               : #2C3339;    
}
#breadcrumb ol {
    padding             : 0;
    margin              : 0;
    margin-left         : 25px;
}
#breadcrumb ol li a {
    color               : #2C3339;
}
#breadcrumb ol li.first {
    font-weight         : bold;
}

/* ********************************************************************* */
/* Footer */
#footer {
    width               : 950px;
    margin              : 0 auto;
    background-color    : #142C61;
    font-size           : 11px;
    color               : #FFF;
    padding             : 10px 15px;
}
#footer a {
    color               : #FFF;
}
#footer a:hover {
    color               : #2C3339;
}

div#footer p {
    margin              : 0;
}

/* ********************************************************************* */
/* Haupt Navigation */
#content-left .box-menu div.h2 {
    display             : none;
}
ul.menu-main {
    width               : 200px;
    padding				      : 0;
	  margin				      : 0;
	  list-style-type		  : none;
    margin-bottom       : 20px;
}
ul.menu-main li {
    border-bottom       : 1px solid #960A2C;
}
ul.menu-main li a {
  	padding				      : 4px 10px;
    text-decoration		  : none;
    display				      : block;
    color				        : #f2f2f2;
    background-color    : #142C61;
}
ul.menu-main li a:hover {
    color				        : #ccc;
}
ul.menu-main li.active a.active {
    color               : #FFF;
}

/* 2. Ebene */
ul.menu-main ul {
    margin				      : 0px;
    padding				      : 0px;
    width				        : 100%;
    list-style-type		  : none;
}
ul.menu-main ul li {
    border              : none;
}
ul.menu-main ul li.nth-0 {
  	padding-top			: 7px;
}
ul.menu-main ul li.last {
  	padding-bottom		: 7px;
}
ul.menu-main ul li a {
    margin-left			: 0;
    padding		        : 0 0 2px 32px;
    font-size			: 11px;
    background-color    : #FFF;
    color               : #FFF;
    background          : url(/images/backformen/layout/nav-square.gif) no-repeat 20px 5px;
}
ul.menu-main ul li a:hover {
    background          : url(/images/backformen/layout/nav-square-hover.gif) no-repeat 20px 5px;
    color				: #999;
}
ul.menu-main ul li.active a.active {
    background          : url(/images/backformen/layout/nav-square-active.gif) no-repeat 20px 5px;
    color               : #FFF;
}

/* ********************************************************************* */
/* Top Navigation */
#language-switcher {
    text-align          : right;
    margin-right        : 10px;
    margin-top          : 10px;
}
ul.menu-top {
    margin              : 0;
    list-style-type     : none;
    margin-top          : 9px;
}
ul.menu-top li {
    display             : inline;
    float               : left;
}
ul.menu-top li a {
    padding             : 0 15px;
    background          : url(/images/backformen/layout/menu-top-bg.png) repeat-x 0 0;
    font-size           : 11px;
    text-decoration     : none;
    color               : #FFF;
    height              : 20px;
    padding-top         : 13px;
    display             : block;
    float               : left;
    margin-left         : 1px;
}
ul.menu-top li a.active {
    height              : 23px;
    padding-top         : 10px;
    font-weight         : bold;
    background          : url(/images/backformen/layout/menu-top-bg-active.png) repeat-x 0 0;
}
ul.menu-top li.nth-0 a {
    margin-left         : 0;
}
ul.menu-top li a:hover {
    color               : #2B3037;
}

/* ********************************************************************* */
/* table.common */
table.common thead td,
table.common tbody.head td {
    background-color    : #EFE77D;
    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;
    float               : right;
    color               : #FFF !important;
    padding-top         : 15px;
}
.imos-copyright a {
    color               : #FFF;
}

#right-boxes {
    width               : 196px;
}

#right-boxes a {
    display             : block;
    width               : 196px;
    height              : 25px;
    background-repeat   : no-repeat;
    margin-bottom       : 10px;
    color               : #FFF;
    text-decoration     : none;
    text-align          : center;
    padding-top         : 76px;
}
#right-boxes a:hover {
    text-decoration     : underline;
}
#right-boxes a.first {
    background-image    : url(/images/backformen/layout/box-baeckereiprodukte.png);
}
#right-boxes a.second {
    background-image    : url(/images/backformen/layout/box-papierrollen.png);
}
#right-boxes a.third {
    background-image    : url(/images/backformen/layout/box-notablocks.png);
}
#right-boxes a.last {
    background-image    : url(/images/backformen/layout/box-walter.png);
}

#trade-shows div.h2 {
    font-weight         : bold;
    border-bottom       : 1px solid #FFF;
    margin-bottom       : 5px;
    padding-bottom      : 1px;
    font-size           : 12px;
}

/* ********************************************************************* */
/* Sitemap */
div.content-element-sitemap ul {
    margin              : 0 0 0 25px !important;
    padding             : 0 !important;
    list-style-type     : none;
    width               : 275px;
}
div.content-element-sitemap ul.sitemap li a {
    display             : block;
    border-bottom       : 1px solid #CCC;
    text-decoration     : none;
}
div.content-element-sitemap ul li a:hover {
    text-decoration     : underline;
}
div.content-element-sitemap ul ul {
    width               : 250px;
}
div.content-element-sitemap ul ul li a {
    padding-left        : 15px !important;
    background          : url(/images/backformen/layout/nav-square-active.gif) no-repeat 0 center;
    font-size           : 11px;
}
div.content-element-sitemap ul ul li a:hover {
    background          : url(/images/backformen/layout/nav-square.gif) no-repeat 0 center;
    text-decoration     : underline;
}



div#fair .fair {
    float               : left;
    margin              : 0;
    padding             : 0;
    width               : 150px;
    border              : 1px solid #fff;
    background-color    : #fff;
    margin-right        : 21px; 
    margin-bottom       : 10px;
}

div#fair .last {
    float               : right;
    margin-right        : 0;
}

div#fair .fair .image {
    vertical-align      : middle;
    padding             : 10px;
}

div#fair .fair .content {
    border-top          : 1px solid #fff;
    padding             : 10px;
    background-color    : #B5536B;
    text-align          : left;
    font-size           : 11px;
    height              : 75px;

}

div#fair .fair .content p {
    margin-bottom       : 0; 
}
div#fair .fair .content p.city {
    font-weight         : bold;
    margin-bottom       : 8px;
}
div#fair .fair .content p.info {
    line-height         : normal;
}

#fair .fair .content .h2 {
    color               : #fff;
    font-size           : 13px;
    font-weight         : bold;
}