/**
 * GLOBAL
 ******************************************************************** */

* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #333333;
}

.headerText {
    font-size: 14pt;
    color: #333333;
    font-weight: bold;
}

span.tiny {
    font-size: 7.5pt;
    color: #687969;
}

body#top {
    margin: 0px;
    padding: 0px;
    background: #DEE2DF;
}

div#main {
    width: 780px;
    margin: 0px auto auto auto;
    border-left: 5px solid white;
    border-right: 5px solid white;
    border-bottom: 5px solid white;
    background-color: white;
}

a.special {
    color: #B1211E;
    font-weight: bold;
    margin: 0px;
    text-decoration: underline;
}

img {
    border: 0px;
}

/**
 * HEADER
 ******************************************************************** */

div#header {
    height: 155px;
    background-color: #DEE2DF;
}

    table.header {
        border-spacing: 0px;
    }
    
        td#header-col-1 {
            color: white;
            font-size: 32pt;
            line-height: 40px;
            white-space: nowrap;
            padding-left: 15px;
        }
    
        td#header-col-2 {
            text-align: left;
            padding-left: 55px;
        }
        
        td#header-col-3 {
            text-align: right;
            padding: 10px;
            white-space: nowrap;
        }
        
        td#header-col-3 {
            text-align: right;
        }


/**
 * MENU
 ******************************************************************** */

/*		------	Basic style	------		*/
#menu {
    /*
    height: ??;
    Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
    */
    display: block;
    margin-top: 5px;
    background-color: #EFD3D2;
}

#menu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

#menu li {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    position: relative;
}

#menu a {
    display: block;
}

* html #menu li div {
    position: relative;/* Fix IE6's inability to expand clickable area */
}

#menu li ul {
    visibility: hidden;
    position: absolute;
    z-index: 10;
}

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menu li ul {
    display: none;
}

#menu li li {
    width: 100%;
}

/* fix the position */
#menu li li ul {
    top: 0;
    left: 100%;
}

/* simulate child selector for IE */
div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul {
    visibility: visible;
}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul {
    visibility: hidden;
}

/* do the normal show, with increased specificity, for good browsers */
#menu ul#menuList li:hover>ul {
    display: block;
    visibility: visible;
}


/*		------   Make-up	--------			*/

#menu {
    z-index: 1;
    font-size: 10pt;
    height: 22px;/* 	Height mentioned above	 */
}

/*
#menu li:hover {

}
*/

#menu div {
    cursor: default;
}

#menu div, #menu a {
    text-decoration: none;
    text-align: center;
    padding: 4px 5px 5px;
    color: #687969;
}

#menu li:hover>a, #menu a:hover {

}

#menu li ul {
    color: #687969;
    border-top: 0px;
    border-right: 1px solid #E3AFAE;
    border-bottom: 1px solid #E3AFAE;
    border-left: 1px solid #E3AFAE;
    width: 154px;
    font-weight: bold;
    background-color: white;
}

#menu li ul a {
    text-align: left;
}

#menu ul li div.submenu {
    font-weight: bold;
    color: white;
    line-height: 1.6em;
    width: 146px;
    /*background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 100% 5px;*/
}

/**
 * TEASER
 ******************************************************************** */

div#teaser {
    background-color: white;
    margin-top: 5px;
    clear: both;
}

/**
 * TICKER
 ******************************************************************** */

div#ticker {
    height: 20px;
    background-color: #DEE2DF;
    margin-top: 5px;
    clear: both;
}

/**
 * CONTENT
 ******************************************************************** */

div#content {
    margin-top: 5px;
    clear: both;
    z-index: 0;
}
    
    table.content {
        border-spacing: 0px;
        table-layout: fixed;
        width: 780px;
    }
    
        td#content-col-1-home {
            width: 255px;
            background-color: #F7E8E8;
            vertical-align: top;
        }
    
        td#content-col-1 {
            width: 255px;
            background-color: #F3F3F3;
            vertical-align: top;
            text-align: left;
        }

        td#content-col-1-themen {
            width: 155px;
            background-color: #F3F3F3;
            vertical-align: top;
            text-align: left;
        }
    
        td#content-col-2-home {
            background-color: #EEF3F9;
            margin-left: 5px;
            vertical-align: top;
        }
    
        td#content-col-2 {
            background-color: #F3F3F3;
            margin-left: 5px;
            vertical-align: top;
        }
        
        td#content-col-2-mgn {
            width: 5px;
        }
        
        td#content-col-3-home {
            background-color: #E6F0E1;
            margin-left: 5px;
            vertical-align: top;
        }
        
        td#content-col-3 {
            background-color: #F3F3F3;
            margin-left: 5px;
            vertical-align: top;
        }
        
        td#content-col-3-mgn {
            width: 5px;
        }
        
        div.content {
            padding: 15px 22px 15px 23px;
        }
        
        div.content-header {
            margin: 10px 0px 0px 0px;
        }
        div.content-header span {
            padding: 0px 10px 0px 10px;
            margin: 0px auto 0px 15px;
            font-size: 11pt;
            font-weight: bold;
            color: #B1211E;
        }
        
        div.content-header-totalvital {
            margin: 10px 0px 0px 0px;
        }
        div.content-header-totalvital span {
            padding: 0px 10px 0px 10px;
            margin: 0px auto 0px 15px;
            font-size: 11pt;
            font-weight: bold;
            color: #50952B;
        }
        
        div.content-header-1-home {
            margin: 10px 0px 0px 0px;
            background-color: #B1211E;
        }
        div.content-header-1 {
            margin: 10px 0px 0px 0px;
            background-color: #B1211E;
        }
        div.content-header-1-home span {
            padding: 0px 10px 0px 10px;
            margin: 0px auto 0px 15px;
            font-size: 11pt;
            font-weight: bold;
            background-color: #F7E8E8;
            color: #B1211E;
        }
        div.content-header-1 span {
            padding: 0px 10px 0px 10px;
            margin: 0px auto 0px 15px;
            font-size: 11pt;
            font-weight: bold;
            background-color: #F3F3F3;
            color: #B1211E;
        }
        div.content-header-2-home {
            margin: 10px 0px 0px 0px;
            background-color: #6E9ECD;
        }
        div.content-header-2 {
            margin: 10px 0px 0px 0px;
            background-color: #B1211E;
        }
        div.content-header-2-totalvital {
            margin: 10px 0px 0px 0px;
            background-color: #50952B;
        }
        div.content-header-2-vitalerie {
            margin: 10px 0px 0px 0px;
            background-color: #90BACB;
        }
        div.content-header-2-home span {
            padding: 0px 10px 0px 10px;
            margin: 0px auto 0px 15px;
            font-size: 11pt;
            font-weight: bold;
            background-color: #EEF3F9;
            color: #6E9ECD;
        }
        

        
        div.content-header-2 span {
            padding: 0px 10px 0px 10px;
            margin: 0px auto 0px 15px;
            font-size: 11pt;
            font-weight: bold;
            background-color: #F3F3F3;
            color: #B1211E;
        }
        div.content-header-2-totalvital span {
            padding: 0px 10px 0px 10px;
            margin: 0px auto 0px 15px;
            font-size: 11pt;
            font-weight: bold;
            background-color: #F3F3F3;
            color: #50952B;
        }
        div.content-header-2-vitalerie span {
            padding: 0px 10px 0px 10px;
            margin: 0px auto 0px 15px;
            font-size: 11pt;
            font-weight: bold;
            background-color: #F3F3F3;
            color: #90BACB;
        }
        div.content-header-3-home {
            margin: 10px 0px 0px 0px;
            background-color: #3E8B17;
        }
        div.content-header-3 {
            margin: 10px 0px 0px 0px;
            background-color: #B1211E;
        }
        div.content-header-3-home span {
            padding: 0px 10px 0px 10px;
            margin: 0px auto 0px 15px;
            font-size: 11pt;
            font-weight: bold;
            background-color: #E6F0E1;
            color: #3E8B17;
        }
        div.content-header-3 span {
            padding: 0px 10px 0px 10px;
            margin: 0px auto 0px 15px;
            font-size: 11pt;
            font-weight: bold;
            background-color: #F3F3F3;
            color: #B1211E;
        }
        
/**
 * FOOTER
 ******************************************************************** */

div#footer {
    margin-top: 5px;
    clear: both;
}
    
    table.footer {
        border-spacing: 0px;
        table-layout: fixed;
        width: 780px;
    }
    
        td#footer-col-1 {
            width: 245px;
            height: 20px;
            background-color: #B1211E;
            color: white;
            font-size: 7.5pt;
            padding: 5px;
            text-align: center;
        }
    
        td#footer-col-2 {
            height: 20px;
            background-color: #A8C5E1;
            margin-left: 5px;
            color: white;
            font-size: 7.5pt;
            padding: 5px;
            text-align: center;
        }
        
        td#footer-col-2-mgn {
            width: 5px;
        }
        
        td#footer-col-3 {
            height: 20px;
            background-color: #65A245;
            margin-left: 5px;
            color: white;
            font-size: 7.5pt;
            padding: 5px;
            text-align: center;
        }
        
        td#footer-col-3-mgn {
            width: 5px;
        }


/**
 * DOTS
 ******************************************************************** */

div.dot-stplg {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #697969;
}
div.dot-adler {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #B1201D;
}
div.dot-movido {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #BA7C2C;
}
div.dot-tarabar {
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    padding: 0px;
    background-color: #642422;
}
div.dot-totalvital {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #50952B;
}
div.dot-vitalerie {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #90BACB;
}
div.dot-mzh {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: #00255C;
}
div.dot-aagalerie {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    float: left;
    margin-right: 5px;
    background-color: black;
}


/**
 * HEADERS
 ******************************************************************** */

span.header-stplg {
    font-weight: bold;
    color: #697969;
}
span.header-adler, span.header-adler a {
    font-weight: bold;
    color: #B1201D;
}
span.header-movido {
    font-weight: bold;
    color: #BA7C2C;
}
span.header-tarabar {
    font-weight: bold;
    color: #642422;
}
span.header-totalvital, span.header-totalvital a {
    font-weight: bold;
    color: #50952B;
}
span.header-vitalerie, span.header-vitalerie a {
    font-weight: bold;
    color: #90BACB;
}
span.header-mzh {
    font-weight: bold;
    color: #00255C;
}
span.header-aagalerie {
    font-weight: bold;
    color: black;
}

div.hrule {
    border-bottom: 1px solid white;
}


ul.events {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.events span {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    border-bottom: 1px solid #B1211E;
}

li.events a {
    color: #B1211E;
    font-weight: bold;
    padding: 2px 15px 3px 15px;
    margin: 0px;
    text-decoration: underline;
}


/**
 * FORMS
 ******************************************************************** */

fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

div.form-row {
    clear: both;
    padding-bottom: 10px;
}

div.form-item {
    float: left;
    padding: 2px;
}

label.required {
    font-weight: bold;
}

label.error {
    font-weight: bold;
    color: #B1211E;
}

input[type=text], textarea {
    border: 1px solid #A5ACB2;
}

input:focus, textarea:focus {
    background-color: #F3F3F3;
}