/********************************************************************
     *  File: default.css                                               *
     *  --------------------------------------------------------------- *
     *                                                                  *
     *  Author  :   Michael Eberle <meberle@online-systeme.de>          *
     *  Author  :   Ralf Barth     <rbarth@online-systeme.de>           *
     *                                                                  *
     *  Version :   1.0                                                 *
     *  Date    :   2004/05/05                                          *
     *                                                                  *
     *  Copyright                                                       *
     *  ---------                                                       *
     *  Copyright (c) 2004 Patric Paris Online-Systeme GmbH             *
     *                                                                  *
     *  No parts of this code may be used or copied without expressed   *
     *  written permission. All rights reserved!                        *
     *                                                                  *
     *  Description                                                     *
     *  -----------                                                     *
     *  Default Stylesheet for www.cdu-baden-baden.de                   *
     *                                                                  *
     ********************************************************************/

/**
 *  Global Styles
 */
body
{
    background:     #FFF;
    color:          #000;
    margin:         8px 0 30px 0;
    font-size:      8pt;
    font-family:    Trebuchet MS, sans-serif;
    text-align:     center;
}

font
{
    font-size:      8pt;
    font-family:    Trebuchet MS, sans-serif;
}

img
{
    border:         0;
}

p
{
    margin:         0;
    padding:        3px 5px 3px 5px;
}

a
{
    color:              #000;
    text-decoration:    none;
}

a:hover
{
    color:              #000;
    text-decoration:    underline;
}

hr
{
    height:             1px;
    color:              #ACB7C1;
    background:         #ACB7C1;
    border:             none;
}

ul
{
    margin-bottom:      1.5em;
}

li
{
    padding:            2px 5px 2px 0;
}

form
{
    line-height:        140%;
}

input, textarea, select
{
    font-size:      8pt;
    font-family:    Trebuchet MS, sans-serif;    
}

fieldset
{
    margin: 2em 0 2em 0;
    border: 1px dashed #999999;
}

legend
{
    background:     #DCE1E5;
    border:         1px solid #999999;
    padding:        3px 8px 3px 8px;
    font-weight:    bold;
    margin-bottom:  1em;
}

.hidden
{
    margin:             0;
    padding:            0;
    display:            none;
}

.lightyellow
{
    background:     #FFE9C9;
    text-align:     center;
    clear:          both;
}

.white
{
    background:     #FFF;
    text-align:     center;
}

.infoBox
{
    border:         1px dashed #ACB7C1;
    padding:        5px;
    margin:         5px;
}

.left
{
    float:          left;
    text-align:     left;
    font-weight:    bold;
    width:          8em;
}

.error
{
    color:          #FF0000;
}

.header
{
    background:     #FF9900;
    width:          770px;
    margin-left:    auto;
    margin-right:   auto;
}

.header h1
{
    background:     #323941;
    font-size:      10pt;
    font-weight:    normal;
    letter-spacing: .2em;
    color:          #FFF;
    margin:         0 0 0 157px;
    padding:        2px 5px 2px 5px;
    text-align:     left;
}

.header h6
{
    font-size:      8pt;
    font-weight:    normal;
    color:          #FFF;
    margin:         0 0 0 157px;
    padding:        2px 5px 2px 5px;
    text-align:     left;
}


/**
 *  Container
 */
#container
{
    width:          770px;
    background:     #DCE1E5;
    margin-left:    auto;
    margin-right:   auto;    
}

#container #metamenu
{
    font-size:      8pt;
    font-weight:    normal;
    background:     #ACB7C1;
    margin:         0 0 0 157px;
    text-align:     left;
}

#container #metamenu a
{
    padding:        0 10px 0 0;
}

#container #menu
{
    width:          157px;
    background:     #DCE1E5;
    float:          left;
}

#container #menu h2
{
    font-size:      8pt;
    background:     #DCE1E5;
    font-weight:    normal;
    margin:         0;
    padding:        3px 3px 3px 10px;
    text-align:     left;
    border-top:     1px solid #ACB7C1;
}

#container #menu h2.active
{
    font-size:      8pt;
    font-weight:    normal;
    background:     #323941;
    margin:         0;
    padding:        3px 3px 3px 10px;
    text-align:     left;
    border-top:     1px solid #ACB7C1;
}

#container #menu h2.active a
{
    color:          #FFF;
}

#container #menu p
{
    font-size:      8pt;
    font-weight:    normal;
    margin:         0;
    padding:        3px 3px 3px 15px;
    text-align:     left;
    background:     #ACB7C1;
    border-left:    5px solid #ACB7C1;
}

#container #menu p.active
{
    font-size:      8pt;
    font-weight:    normal;
    margin:         0;
    padding:        3px 3px 3px 15px;
    text-align:     left;
    background:     #ACB7C1;
    border-left:    5px solid #323941;
}

#container #content
{
    font-size:      9pt;
    font-weight:    normal;
    background:     #FFF;
/*    width:          445px;
*/
    width:          400px;
    text-align:     left;
    float:          left;
/*    padding:        5px;
*/
    padding:        7px;
/*    height:         740px;*/
/*    height:         1280px; */
}

#container #content img { max-width: 399px; }

#container #content a
{
    color:              #485866;
    text-decoration:    none;
}

#container #content a:hover
{
    color:              #FF9900;
}

#container #content h3
{
    font-size:      11pt;
    color:          #485866;
    text-align:     left;
    margin:         0 5px 10px 5px;
}

#container #content h4
{
    font-size:      9pt;
    text-align:     left;
    margin:         0 5px 0 5px;
}

#container #content h5
{
    font-size:      9pt;
    text-align:     left;
    font-style:     italic;
    font-weight:    normal;
    margin:         .5em 5px .5em 5px;
}

#container #content p.downloads
{
    font-size:      8pt;
    text-align:     left;
    margin:         2.4em 5px 2px 5px;
    padding:        5px 0 5px 0;
    border-top:     1px dashed #485866;
}

#container #content p.date
{
    font-size:      8pt;
    text-align:     left;
    margin:         2.4em 5px 2px 5px;
    padding:        0;
    border-bottom:  1px solid #485866;
}

#container #content .pageNav
{
    background:     #FF9900;
    margin:         2em 0 0 0;
    font-size:      8pt;
    text-align:     right;
    color:          #FFF;
}

#container #content .pageNav a
{
    border-right:   1px solid #FFF;
    padding:        0 5px 0 5px;
    color:          #FFF;
}

#container #content .pageNav a:hover
{
    background:    #485866; 
}

#container #content .pageNav a.currentPage
{
    background:    #485866; 
}

#container #content #tools
{
    font-size:      8pt;
    text-align:     right;
    clear.          both;
}

#container #content #tools a
{
    margin:         0 0 0 10px;
}

#container #subcontent
{
    font-size:      8pt;
    font-weight:    normal;
    background:     #DCE1E5;
/*    width:          157px;
*/
    width:          186px;
    float:          left;
    text-align:     left;
}

#container #subcontent h3
{
    font-size:      8pt;
    margin:         0;
    padding:        2px 5px 2px 5px;
}

#backLink
{
    float:          left;
    text-align:     left;
    font-size:      8pt;
}

li.lvl_1
{
    font-size:      10pt;
    font-weight:    bold;
    font-style:     italic;
}

li.lvl_2
{
    margin-left:    2.5em;
    font-size:      9pt;
    font-weight:    normal;
}

li.lvl_3
{
    list-style-type:circle;
    margin-left:    5em;
    font-size:      9pt;
    font-weight:    normal;
}