*
{
    margin:             0;
    padding:            0;
    border:             0 none;
    color:              #000;
}

html
{
    height:             100%;
    overflow-y:         scroll; /* Scrollbar for FF */
}

body
{
    background-color:   #D8DEEB;
    height:             100%;
    font-family:        Arial,Helvetica,sans-serif;
    font-size:          .9em;
}

#stage
{
    background-color:   #fff;
    width:              760px;
    margin:             0 auto;
    min-height:         100%;
    border-right:       18px solid #8c94ae;
    position:           relative; /* for absolute positioning bottom area */
    border-left:        18px solid #fff;
}

.area
{
    border-top:         1px solid #e3e3e3;
    border-left:        1px solid #e3e3e3;
    position:           relative;
    margin-bottom:      8px;
}

/* ------------------------------------------------------------ */

#topArea
{
    border-top:         0 none;
    height:             170px;
}

/* Elements in top area: */

#topArea h1,
#topArea h2
{
    position:           absolute;
    left:               0;
    top:                -100px;
}

#topArea img
{
    margin-top:         10px;
    margin-left:        86px;
}

#topArea #decoline
{
    position:           absolute;
    right:              0;
    top:                63px;
    width:              135px;
    height:             1px;
    background-color:   #536e96;
    border-top:         1px solid #8093b2;
    font-size:          1px; /* for IE6 ... AND adding html comments in the (empty) element will do the trick! */
}

#topArea .stdNav
{
    position:           absolute;
    right:              0;
    bottom:             0;
}

/* ------------------------------------------------------------ */

#contentArea
{
    float:              right;
    width:              530px;
    padding:            8px 20px 0 12px;
    min-height:         200px;
    margin-bottom:      5px;
    border-left:        0 none;
}

/* ------------------------------------------------------------ */

#mnArea1
{
    float:              left;
    width:              178px;
    padding:            10px 7px 15px 0;
}

#mnArea2
{
    float:              left;
    width:              178px;
    padding:            10px 7px 15px 0;
}

/* ------------------------------------------------------------ */

#bottomSpace
{
    clear:              both;
    height:             55px;
}

#bottomArea
{
    position:           absolute;
    left:               0;
    bottom:             0;
    width:              760px;
    height:             25px;
    border-left:        0 none;
    border-top:         1px solid #dadada;
}

/* elements in bottom area: */

#bottomArea #copy
{
    float:              left;
    margin:             8px 0 0 5px;
    font-size:          .75em;
}

#bottomArea .stdNav
{
    float:              right;
    padding-top:        2px;
}


/* ------------------------------------------------------------ */

/* NAVIGATION */

.stdNav,
.mainNav
{
    list-style:         none;
}

.stdNav  li a,
.mainNav li a
{
    display:            block;
    position:           relative; /* for IE6 */
    text-decoration:    none;
    color:              #333;
    background:         #f3f3f3;
}

/* ------------------------------------------------------------ */

.stdNav
{
    width:              123px;
    font-size:          .75em;
}

.stdNav li
{
    margin-top:         5px;
}

.stdNav li a
{
    padding:            1px 3px;
}

.stdNav  li a:hover
{
    color:              #000;
    background:         #e3e3e3;
}

.stdNav  li a.act
{
    color:              #000;
    background:         #d3d3d3;
}

/* ------------------------------------------------------------ */

.mainNav
{
    font-size:          .8em;
}

.mainNav li
{
    margin-bottom:      5px;
}

.mainNav li.lv2
{
    padding-left:       12px;
}

.mainNav li.lv3
{
    padding-left:       24px;
}

.mainNav li a
{
    font-weight:        bold;
    color:              #4e6a93;
    padding:            1px 0 2px;
    padding-left:       5px;
}

.mainNav li a:hover
{
    background-color:   #e3e3e3;
}

.mainNav li a.act
{
    color:              #1a1a1a;
    background-color:   #d3d3d3;
}

.mainNav li.lv2 a
{
    border-left:        2px solid #d3d3d3;
}

.mainNav li.lv3 a
{
    border-left:        3px solid #d3d3d3;
}

/* ------------------------------------------------------------ */

/* CONTENT */

#contentArea
{
    line-height:        145%;
}

#contentArea h2
{
    margin:             0 0 15px;
    font-size:          1.5em;
    line-height:        1.2em;
}

#contentArea h3
{
    font-size:          1em;
    margin-bottom:      .9em;
}

#contentArea p,
#contentArea table
{
    margin-bottom:      1em;
}

#contentArea ul
{
    margin:             0 0 1em 20px;
}

#contentArea ol
{
    margin:             0 0 1em 23px;
}

#contentArea ul li,
#contentArea ol li
{
    margin:             0 0 3px 0;
}

a
{
    text-decoration:    none;
}

#contentArea a
{
    color:              #4e6a93;
    font-weight:        bold;
}

#contentArea a:hover
{
    background-color:   #e3e3e3;
}

#contentArea img
{
    margin:             10px 0 1.6em 0;
}

/* Team */

#contentArea .imgbu img
{
    margin:             10px 0 1em 0;
}

#contentArea .imgbu p
{
    margin-bottom:      0.5em;
    text-align:         center;
}

/* Google map */

#contentArea iframe 
{
    margin:             10px 0 10px -4px;
}

/* Glossar */

#contentArea dl,
#contentArea .dd
 {
    font-size:          .8em;
    line-height:        1.5em;
}

#contentArea h3 a,
#contentArea dl dt a
{
    display:            block;
    padding-left:       14px;
    background-image:   url(../img/bg_dt.png);
    background-position: 1px 50%;
    background-repeat:  no-repeat;
}

#contentArea h3 a
{
    color:              #000000;
}

#contentArea a.open
{
    background-color:   #e3e3e3;
    background-image:   url(../img/bg_dt_open.png);
    background-position: 1px 6px;
}
#contentArea h3 a.open
{
    background-position: 1px 8px;
}

#contentArea dl dd
{
    margin-bottom:      1em;
}

ul.footer-stdNav {
    float: right;
    list-style: none;
    margin: 6px;
    font-size: 12px;
    background: #f3f3f3;
    padding: 2px 10px;
}