/*******************************************************************************/
/* Basis Layout */
html {
    height              : 100%;
}

body {
    font-family         : Verdana;
    font-size           : 12px;
    color               : 000;
    height              : 100%;
}

body.frontend {
    font-family         : Verdana;
    font-size           : 12px;
    background-color    : #6C6E73;
    color               : #1a171b;
    height              : 100%;
}

a {
    color               : #6C6E73;
    text-decoration     : none;
}
a:hover {
    text-decoration     : underline;
}

/* ********************************************************************* */
/* Wrapper */

#frame {
    width               : 980px;
    height              : 700px;
    background          : #FFF;
    position            : absolute;
    top                 : 50%;
    left                : 50%;
    margin-left         : -490px;
    margin-top          : -350px;
}

/* ********************************************************************* */
/* Frames */

#left-frame {
    width               : 722px;
    float               : left;
    margin-bottom       : 6px;
    overflow            : hidden;
}

#right-frame {
    width               : 258px;
    float               : left;
}

/* ********************************************************************* */
/* Header */

#header {
    margin-bottom       : 6px;
    height              : 126px;
}

/* ********************************************************************* */
/* Logo */

#logo {
    width               : 204px;
    text-align          : right;
    margin-top          : 27px;
}

#logo img {
    margin-bottom       : -3px;
}

/* ********************************************************************* */
/* Content */

#content-frame {
    width               : 722px;
    height              : 520px;
}
#content-frame .images-left {
    width               : 99px;
    height              : 519px;
    float               : left;
    margin-right        : 7px;
}
#content-frame #navigation div.h2 {
    display             : none;
}

/* ********************************************************************* */
/* Content */

#content-wrapper {
    padding             : 45px 45px 30px 60px;
    width               : 511px;
    height              : 408px;
    float               : left;
    background-color    : #E2E4E5;
    background-image    : url(/images/malik/layout/content-bg.png);
    background-repeat   : no-repeat;
    background-position : 0 0;
    overflow            : hidden;
}

#content {
    height              : 408px;
    overflow            : auto;
}

#content,
#content table tr td {
    font-family         : Arial;
}

#content h1 {
    font-family         : "Times New Roman";
    font-size           : 14px;
    margin-bottom       : 15px;
    text-transform      : uppercase;
}
#content h2 {
    font-family         : "Times New Roman";
    font-size           : 13px;
    margin-bottom       : 5px;
    text-transform      : uppercase;
}

/* ********************************************************************* */
/* Footer */

#footer {
    width               : 606px;
    margin-top          : 17px;
    float               : left;
    padding-left        : 116px;
}

#footer a {
    color               : #6C6E73;
    text-decoration     : none;
    text-transform      : uppercase;
    font-size           : 11px;
}

#footer a:hover {
    text-decoration     : underline;
}

#footer ul {
    float               : left;
    padding             : 0;
    margin              : 0;
    list-style-type     : none;
    width               : 100%;

}

#footer ul li {
    float               : left;
}

#footer ul li a {
    padding-right       : 20px;
}

#footer ul li.gray a {
    color               : #A7A8AA;
}

#footer ul li.overview {
    float               : right;
}

#footer ul li.overview a {
    color               : #96142D;
    text-align          : right;
    padding-right       : 0;
}


/* ********************************************************************* */
/* Right Nav */

#right-nav {
    position            : absolute;
    list-style-type     : none;
    float               : right;
    bottom              : 43px;
    right               : 0;
}

#right-nav li {
    text-align          : right;
    width               : 240px;
    margin-bottom       : 6px;
}

#right-nav li a {
    color               : #000;
    text-decoration     : none;
    height              : 40px;
    width               : 40px;
    display             : block;
    position            : relative;
    margin-left         : 200px;
}

#right-nav li a:hover {
    width               : 240px;
    margin-left         : 0;
}

#right-nav li a span {
    display             : none;
    width               : 200px;
    height              : 40px;
    text-align          : right;
    vertical-align      : middle;
    position            : absolute;
    right               : 40px;
    font-family         : "Times New Roman", serif;
    font-size           : 12px;
    font-weight         : bold;
}

#right-nav li a:hover span {
    cursor              : pointer;
    display             : block;
}
#right-nav li a.stiftung:hover span {
    background-image    : url(/images/malik/layout/right-nav-stiftung-hover.gif);
}
#right-nav li a.malik:hover span {
    background-image    : url(/images/malik/layout/right-nav-malik-hover.gif);
}
#right-nav li a.foerderkreis:hover span {
    background-image    : url(/images/malik/layout/right-nav-foerderkreis-hover.gif);
}
#right-nav li a.musik:hover span {
    background-image    : url(/images/malik/layout/right-nav-musik-hover.gif);
}
#right-nav li a.kulturamt:hover span {
    background-image    : url(/images/malik/layout/right-nav-kulturamt-hover.gif);
}
#right-nav li a.restaurant:hover span {
    background-image    : url(/images/malik/layout/right-nav-restaurant-hover.gif);
}


/* ********************************************************************* */
/* Menu Top / Main Navigation */

#navigation {
    width               : 616px;
    height              : 30px;
    background-color    : #6C6E73;
    background-image    : url(/images/malik/layout/navigation-bg.png);
    background-repeat   : no-repeat;
    background-position : 0 0;
    margin-bottom       : 7px;
    float               : right;
}
#navigation .box-express-order {
    display             : none;
}

.menu-main, .menu-main ul {
    list-style-type     : none;
    margin              : 0;
    padding             : 0;
}

.menu-main {
    margin-top          : 2px;
    margin-left         : 10px;
}

.menu-main li {
    float               : left;
    margin-right        : 10px;
    position            : relative;
}

.menu-main li a {
    display             : block;
    font-size           : 11px;
    text-transform      : uppercase;
    padding             : 7px 0 8px;
    color               : #FFF;
    text-decoration     : none;
}

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


/* 2. Ebene */
.menu-main li ul {
    display             : none;
    position            : absolute;
    top                 : 28px;
    padding-top         : 7px;
}
.menu-main li:hover ul {
    display             : block;
}
.menu-main li ul li a {
    width               : 200px;
    color               : #909496;
    background-color    : #FFF;
    padding             : 4px 10px;
    margin-bottom       : 0;
}
.menu-main li ul li a:hover {
    color               : #7d8285;
    background-color    : #E2E4E5;
    text-decoration     : none;
}


/* 3. Ebene */
.menu-main ul li {
    border              : none;
    float               : none;
}
.menu-main ul li ul {
    position            : static;
    padding-top         : 0;
}
.menu-main ul li ul li a {
    width               : 180px;
    padding-left        : 30px;
    background-image    : url(/images/malik/layout/navi-list-style-type.gif);
    background-repeat   : no-repeat;
    background-position : 20px 8px;
}



div.imos-copyright {
    font-family         : Arial;
    font-size           : 9px;
    float               : right;
    margin-top          : 15px;
    color               : #ccc;
}
div.imos-copyright a {
    color               : #FFF;
}