html {
    overflow-x          : auto !important;
    overflow-y          : scroll !important;
}
/*****************************************************************************/
/* Clearfix */
.clearfix:after {
    content             : ".";
    display             : block;
    clear               : both;
    visibility          : hidden;
    line-height         : 0;
    height              : 0;
}
.clearfix {
    display             : inline-block;
}
html[xmlns] .clearfix {
    display             : block;
}
* html .clearfix {
    height              : 1%;
}
.clear-left {
    clear               : left;
}
/*******************************************************************************/
/* Font */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/css/common_microsite/screen/font/league_gothic-webfont-webfont.eot');
    src: url('/css/common_microsite/screen/font/league_gothic-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/common_microsite/screen/font/league_gothic-webfont-webfont.woff') format('woff'),
         url('/css/common_microsite/screen/font/league_gothic-webfont-webfont.ttf') format('truetype'),
         url('/css/common_microsite/screen/font/league_gothic-webfont-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.font-league-gothic {
    font-family         : LeagueGothicRegular, Arial, sans-serif;
}
/*******************************************************************************/
/* Basis Style definitionen */
a {
    color               : #009EDF;
    text-decoration     : underline;
}
a:hover {
    text-decoration     : none;
}
input.text,
textarea,
select {
    border-color        : #ccc;
    font-size           : 12px;
}
input.validerror {
    border              : 1px solid red;
}
input.submit {
    background          : #009EDF;
    border              : 0;
    color               : #fff;
    cursor              : pointer;
    font-weight         : bold;
    padding             : 7px 15px 7px;
    text-align          : center;
    text-transform      : uppercase;
  
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4,
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a {
    font-family         : LeagueGothicRegular, Arial, sans-serif;
    font-weight         : normal;
}
h1, .h1,
h1 a, .h1 a {
    font-size           : 24px;
    margin-bottom       : 10px;
    line-height         : 24px;
} 
h2, .h2 {
    font-size           : 22px;
    margin-bottom       : 10px;
    line-height         : 22px;
}
h3, .h3 {
    font-size           : 20px;
    margin-bottom       : 6px;
    line-height         : 20px;
}
h4, .h4 {
    font-size           : 18px;
    margin-bottom       : 6px;
    line-height         : 18px;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong {
    font-weight         : normal;
}
em.highlight {
    font-style          : italic;
    color               : #009EDF;
}
h3 em.highlight {
    font-weight         : normal;
}
.bold {
    font-weight         : bold;
}
.invisible {
    display             : none;
}
.separator {
    height              : 1px;
    border-top          : 1px solid #c1c1c1;
    margin              : 24px 0 20px;
}
ul, ol {
    padding-left        : 14px;
}
sup {
    vertical-align      : top;
}
table.content-image-text table td {
    padding: 10px;
}
/*******************************************************************************/
/* Basis Layout */
body.frontend {
    color               : #666;
    background          : #fff;
    text-align          : center;
    font-family         : Arial, Verdana, sans-serif;
    font-size           : 12px;
}
#frame {
    text-align          : left;
    position            : relative;
    background-color    : #fff;
}
textarea, table, input, select {
    font-family         : Arial, Verdana, sans-serif;
    font-size           : 12px;
}
#mannesmann-colors      {
    background          : url(/images/common_microsite/layout/bg-mannesmann-colors-left.png) no-repeat;
    width               : 20px;
    height              : 520px;
    position            : absolute;
    left                : 0;
    top                 : 0;
    z-index             : 1;
}
/*******************************************************************************/
/* Content */
#content-frame {
    width               : 940px;
    margin              : 0 auto;
    padding             : 25px 0 40px;
    min-height          : 400px;
}
#content {
    width               : 100%;
    line-height         : 18px;
}
#left + #content {
    width: 702px;
}
.wide-screen #content {
    width               : 940px;
}
#left {
    width               : 220px;
}
/*******************************************************************************/
/* Menu Sub */
.menu-sub {
    padding-left        : 0;
    list-style          : none;
}
.menu-sub a {
    background          : url(/images/common_microsite/layout/separator-menu-sub.png) repeat-x 0 bottom;
    font-size           : 20px;
    font-family         : LeagueGothicRegular, Arial, sans-serif;
    color               : #666;
    display             : block;
    -webkit-transition  : color 0.1s linear;
    -moz-transition     : color 0.1s linear;
    transition          : color 0.1s linear;
    padding             : 5px 0 6px 0;
    text-decoration     : none;
}
.menu-sub a:hover,
.menu-sub a.active,
.menu-sub a.active_path {
    color               : #009EDF;
    background          : url(/images/common_microsite/layout/separator-menu-sub-active.png) repeat-x 0 bottom;
    -webkit-transition  : color 0.1s linear;
    -moz-transition     : color 0.1s linear;
    transition          : color 0.1s linear;
}
.menu-sub ul {
    list-style          : none;
    padding-left        : 11px;
}
.menu-sub ul.level_2 {
    padding             : 10px 0 10px 0;
    background          : url(/images/common_microsite/layout/separator-menu-sub.png) repeat-x 0 bottom;
}
.menu-sub ul.level_2 a {
    background          : 0;
    padding             : 3px 0;
    font-size           : 12px;
}
.menu-sub ul.level_2 a span {
    background          : url(/images/common_microsite/layout/icon-menu-sub.png) no-repeat 0 5px;
    padding-left        : 11px;
    font-family         : Arial, sans-serif;
    font-size           : 12px;
    display             : block;
}
.menu-sub ul.level_2 a.active span,
.menu-sub ul.level_2 a:hover span {
    background          : url(/images/common_microsite/layout/icon-menu-sub-active.png) no-repeat 0 5px;
    padding-left        : 11px;
}
.menu-sub ul.level_2 li.haschilds a.haschilds span {
    background          : url(/images/common_microsite/layout/icon-menu-sub-haschilds.png) no-repeat 0 6px;
}
.menu-sub ul.level_2 li.active_path a.active span {
    background          : url(/images/common_microsite/layout/icon-menu-sub-active.png) no-repeat 0 5px;
}
.menu-sub ul.level_2 li.haschilds a.active span,
.menu-sub ul.level_2 li.haschilds a.active_path span,
.menu-sub ul.level_2 li.haschilds a.haschilds:hover span {
    background          : url(/images/common_microsite/layout/icon-menu-sub-haschilds-active.png) no-repeat 0 6px;
}
.menu-sub ul.level_2 li.haschilds li a.active span,
.menu-sub ul.level_2 li.haschilds li a.haschilds:hover span {
    background          : url(/images/common_microsite/layout/icon-menu-sub-active.png) no-repeat 0 5px;
}
.menu-sub ul.level_2 li.haschilds li a.active span,
.menu-sub ul.level_2 li.haschilds li a.haschilds:hover span {
    background          : url(/images/common_microsite/layout/icon-menu-sub-haschilds-active.png) no-repeat 0 6px;
}
.menu-sub ul.level_2 li.haschilds li li a.active span,
.menu-sub ul.level_2 li.haschilds li li a.haschilds:hover span {
    background          : url(/images/common_microsite/layout/icon-menu-sub-active.png) no-repeat 0 5px;
}
/*******************************************************************************/
/* Header */
#header-frame {
    width               : 100%;
    height              : 400px;
    background          : url(/images/common_microsite/layout/bg-header-frame.png) no-repeat center top;
}
#header {
    width               : 940px;
    margin              : 0 auto;
    position            : relative;
    padding-top: 24px;
}
#logo {
    display             : block;
    width               : 171px;
}
#slogan {
    margin-top: 9px;
}
/*******************************************************************************/
/* Header Image */
#header-image {

}
#header-image img {
    vertical-align: top;
}
/*******************************************************************************/
/* Breadcrumb */
#breadcrumb {
    background          : url(/images/common_microsite/layout/bg-breadcrumb.png) no-repeat;
    height              : 18px;
    font-size           : 11px;
    padding-top         : 20px;
    width               : 100%;
}
#breadcrumb a {
    color               : #666;
    background          : url(/images/common_microsite/layout/separator-breadcrumb.png) no-repeat right 4px;
    padding-right       : 10px;
    margin-right        : 2px;
}
/*******************************************************************************/
/* Menu Main */
#menu-frame {
    margin-top: 24px;
    width               : 100%;
    z-index             : 999;
}
#menu {
    width               : 940px;
    margin              : 0 auto;
    height              : 26px;
}
.menu-main {
    float               : left;
}
.menu-main,
.menu-main ul {
    list-style          : none;
    padding-left        : 0;
}
.menu-main li {
    float               : left;
}
.menu-main a {
    background          : url(/images/common_microsite/layout/separator-menu-main.png) right 4px no-repeat;
    text-decoration     : none;
    color               : #666;
    padding             : 0 20px 0 19px;
    -webkit-transition  : color 0.1s linear;
    -moz-transition     : color 0.1s linear;
    transition          : color 0.1s linear;
}
.menu-main .first a {
    padding             : 0 20px 0 0;
}
.menu-main .last a {
    background          : 0;
    padding             : 0 0 0 19px;
}
.menu-main a:hover,
.menu-main a.active,
.menu-main a.active_path {
    color               : #009EDF;
    -webkit-transition  : color 0.1s linear;
    -moz-transition     : color 0.1s linear;
    transition          : color 0.1s linear;
}
.menu-main a.level_1 {
    font-size           : 24px;
    font-family         : LeagueGothicRegular, Arial, sans-serif;
}
.menu-main li.level_1 {
    padding-bottom      : 30px;
}
.menu-main ul.level_2 {
    display: none;
}
/*******************************************************************************/
/* Footer */
#footer {
    background          : url(/images/common_microsite/layout/bg-footer-frame.png) repeat-x 0 bottom;
    width               : 100%;
    overflow            : hidden;
}
#footer-top {
    height              : 100px;
    width               : 940px;
    margin              : 0 auto;
}
#footer-bottom {
    background          : url(/images/common_microsite/layout/bg-footer.png) no-repeat 0 bottom;
    width               : 940px;
    height              : 128px;
    margin              : 0 auto;
    color               : #e7e7e7;
    font-size           : 11px;
    line-height         : 14px;
    padding             : 33px 0 0;
}
#footer-bottom .left {
    margin-right        : 40px;
}
#footer-bottom a {
    color               : #e7e7e7;
}
#footer ul {
    list-style          : none;
    padding-left        : 0;
}
#footer-actions {
    border-top          : 1px solid #c1c1c1;
    text-align          : right;
    padding             : 12px 0 10px;
    margin              : 20px 0 0;
}
#footer-actions a {
    color               : #666;
    font-size           : 11px;
    text-decoration     : none;
    padding             : 2px 22px 2px 0;
}
#footer-actions a:hover {
    text-decoration     : underline;
}
#footer-action-print {
    background          : url(/images/common_microsite/layout/icon-print.png) no-repeat right 0;
    padding-right       : 22px;
}
#footer-action-top {
    background          : url(/images/common_microsite/layout/icon-top.png) no-repeat right 1px;
    padding-right       : 22px;
    margin-left         : 17px;
}
#footer-top-menu {
    border-top          : 1px solid #c1c1c1;
    padding             : 20px 0 0 0;
}
#footer-bottom #imos {
    padding-top         : 84px;
}
/*******************************************************************************/
/* Menu Footer */
.menu-footer {
    width               : 770px;
    float               : left;
    padding-top         : 7px;
}
.menu-footer li {
    float               : left;
}
.menu-footer a {
    color               : #666;
    text-decoration     : none;
    font-size           : 11px;
    background          : url(/images/common_microsite/layout/separator-menu-footer.png) no-repeat right 2px;
    padding             : 0 16px 0 9px;
}
.menu-footer .first a {
    padding             : 0 16px 0 0;
}
.menu-footer .last a {
    background          : 0;
}
.menu-footer a:hover {
    text-decoration     : underline;
}
/*******************************************************************************/
/* Table */
#content table {
    width               : auto;
}
table.content-image-text td {
    padding             : 0;
}
table.common thead td, 
table.common tbody.head td {
    background-color    : #fff;
    border-top          : 2px solid #019EE0;
    border-bottom       : 2px solid #019EE0;
    font-weight         : bold;
    padding-bottom      : 5px;
    padding-top         : 5px;
    border-right        : 0;
}
table.common tbody tr.even td {
    background-color    : #fff;
}
table.common td {
    border-bottom       : 1px solid #019EE0;
    padding-left        : 12px;
}
table.common td.first {
    border-right        : 1px solid #019EE0;
    padding-left        : 1px;
}
table.common tfoot td.first,
table.common thead td.first {
    border-right        : 0;
    border-top          : 2px solid #019EE0;
    border-bottom       : 2px solid #019EE0;
}
/*******************************************************************************/
/* Content-Box */
.content-box {
    background          : 0;
    border              : 0;
}
.content-box h2 {
    font-size           : 22px;
    padding             : 0;
    background          : 0;
}
.content-box-padding {
    padding             : 0;
}
/*******************************************************************************/
/* Session Messages */
#msgs {
    margin-bottom       : 20px;
}
#msgs ul {
    border              : 0 !important;
    background-position : 14px 12px;
    background-repeat   : no-repeat;
    background-color    : #fff;
    margin-bottom       : 0;
    padding             : 20px 10px 20px 20px;
}
div#msgs ul.success {
    color               : #00753A;
    border              : 2px solid #00753A !important;
}
div#msgs ul.error {
    color               : #cc3333;
    border              : 2px solid #cc3333 !important; 
}
div#msgs ul.info {
    color               : #0066CC;
    border              : 2px solid #0066CC !important;
}
label.validerror {
    color               : #cc3333;
}
#quick-contact input.validerror,
#quick-contact textarea.validerror {
    border              : 1px solid #cc3333;
}
/*******************************************************************************/
/* Content Contact */
#content-contact {
    width               : 240px;
    margin-left         : 10px;
    margin-bottom       : 20px;
    border-left         : 10px solid #fff;
}
#content table {
    width               : auto;
}
#content-contact-content {
    background          : url(/images/common_microsite/conent-contact.png) no-repeat #B6460F;
    padding             : 9px;
    font-family         : Arial, sans-serif;
    color               : #fff;
    font-size           : 15px;
    line-height         : 18px;
}
#content-contact-content h2,
#content-contact-content .h2 {
    font-size           : 28px;
    text-transform      : uppercase;
    line-height         : 28px;
    margin-bottom       : 10px;
}
#content-contact-content a {
    background          : url(/images/common_microsite/content-contact-link.png) no-repeat;
    display             : block;
    padding             : 10px 10px 10px 58px;
    font-size           : 24px;
    color               : #fff;
    text-decoration     : none;
    height              : 22px;
    margin-bottom       : 6px;
    font-family         : LeagueGothicRegular, Arial, sans-serif;
}
#content-contact-content a:hover {
    text-decoration     : underline;
}
#content-contact-bottom a {
    background          : url(/images/common_microsite/content-contact-bottom.png) no-repeat;
    height              : 40px;
    width               : 240px;
    display             : block;
    font-size           : 16px;
}
/*******************************************************************************/
/* Contact-Form */
.overlabel {
    color               : #999;
    cursor              : text;
    position            : absolute;
}
.custom-contact-form {
    margin              : 0 0 20px 20px;
    float               : right;
}
.preview_content .custom-contact-form {
    float               : none;
}
.custom-contact-information {
    font-family         : LeagueGothicRegular, Arial, sans-serif;
    font-size           : 24px;
    color               : #92ACB8;
    line-height         : 24px;
}
.custom-contact-information-number {
    font-family         : LeagueGothicRegular, Arial, sans-serif;
    font-size           : 30px;
    color               : #009EE0;
    margin-bottom       : 4px;
    line-height         : 30px;
}
.contact-form {
    position            : relative;
}
.contact-form table.form {
    margin-top          : 10px;
    position: relative;
}
.contact-form input.text,
.contact-form textarea,
.contact-form select {
    background          : #f9f9f9;
    width               : 286px;
    padding             : 6px;
    border              : 1px solid #ccc;
    color               : #666;
}
.contact-form select {
    width               : 300px;
}
.contact-form input.validerror,
.contact-form textarea.validerror,
.contact-form select.validerror {
    border              : 1px solid #cc3333;
}
.contact-form .input-city-wrapper {
    float               : left;
    width               : 244px;
}
.contact-form input.city {
    width               : 230px;
}
.contact-form .input-zip-wrapper {
    float               : left;
    width               : 56px;
}
.contact-form input.zip {
    width               : 38px;
}
.contact-form .overlabel {
    padding             : 7px 0 0 7px;
}
.contact-form .submit {
    position            : absolute;
    bottom              : 8px;
    right               : 25px;
    color               : #009EE0;
    background          : #f9f9f9;
    padding             : 0;
    text-transform      : uppercase;
    font-size           : 24px;
    font-family         : LeagueGothicRegular, Arial, sans-serif;
    font-weight         : normal;
}
.contact-number { 
    color               : #009EE0;
    font-family         : LeagueGothicRegular, Arial, sans-serif;
    font-size           : 30px;
    line-height         : 30px;
}