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

/* NON-HEADER */
* {
    padding: 0;
    margin: 0;
}


body {
    font-size: 62.5%;
    font-family: verdana,arial,sans-serif;
    background-image: url( img/bg.png );
    background-attachment: fixed;
    background-color: #FFFFFF;
    background-position: top center;
    background-repeat: repeat-x;
}

/* Font-size: 1.0em = 10px when browser default size is 16px */
/* Enthällt div's header, main, footer */
.page-container {
    width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 1px rgb( 150, 150, 150 );
    font-size: 1.0em;
}

.main {
    clear: both;
    padding-bottom: 30px;
    background: transparent url( img/bg_main_withnav.jpg ) top left repeat-y;
    overflow: hidden;
}

.main-navigation {
    float: left;
    width: 200px;
}

.main-content {
    float: left;
    width: 940px;
    margin: 0 0 0 12px;
}

.footer {
    clear: both;
    padding: 1.0em 0 1.0em 0;
    background: rgb( 225, 225, 225 ) url( img/bg_foot.jpg ) no-repeat;
    font-size: 1.0em;
}


/* HEADER */
.header {
    font-family: "trebuchet ms", arial, sans-serif;
}

.header-top {
    height: 80px;
    background: rgb( 240, 240, 240 ) url( img/bg_head_top.jpg );
}

.header-middle {
    height: 100px;
    background: rgb( 230, 230, 230 ) url( img/bg_head_middle.jpg );
}

.header-breadcrumbs {
    clear: both;
    padding: 1.0em 0 1.5em 0;
    background: rgb( 255, 255, 255 ) url( img/bg_head_breadcrumbs.jpg ) repeat-y;
}

/*************/
/*  2. HEAD  */
/*************/
.sitelogo {
    width: 156px;
    height: 44px;
    position: absolute;
    z-index: 1;
    margin: 22px 0 0 20px;
    background: url( img/logo.gif );
}

/* Language */
.nav0 {
    width: 350px;
    position: absolute;
    z-index: 2;
    margin: 25px 0 0 0;
    margin-left: 850px;
}

    .nav0 ul {
        float: right;
        padding: 0 20px 0 0;
    }

    .nav0 li {
        display: inline;
        list-style: none;
    }

        .nav0 li a {
            padding: 0 0 0 3px;
        }

    .nav0 a:hover {
        text-decoration: none;
    }

    .nav0 a img {
        border: none;
    }

/* Home Kontakt Impressum */
.nav1 {
    width: 350px;
    position: absolute;
    z-index: 3;
    margin: 45px 0 0 850px;
}

    .nav1 ul {
        float: right;
        padding: 0 15px 0 0;
        font-weight: bold;
    }

    .nav1 li {
        display: inline;
        list-style: none;
    }

        .nav1 li a {
            display: block;
            float: left;
            padding: 2px 5px 2px 5px;
            color: rgb( 125, 125, 125 );
            text-decoration: none;
            font-size: 120%;
        }

    .nav1 a:hover {
        text-decoration: none;
        color: rgb( 50, 50, 50 );
    }

.sitemessage {
    width: 400px;
    height: 120px;
    position: absolute;
    z-index: 1;
    margin: 20px 0 0 780px;
    color: rgb( 234, 239, 247 );
}

    .sitemessage h1 {
        width: 400px;
        text-align: right;
        font-size: 230%;
    }

    .sitemessage h2 {
        float: right;
        width: 320px;
        margin: 8px 0 0 0;
        text-align: right;
        line-height: 100%;
        font-size: 160%;
    }

.header-breadcrumbs ul {
    float: left;
    width: 860px;
    list-style: none;
    padding: 0 0 0 15px;
    font-family: verdana, arial, sans-serif;
}

    .header-breadcrumbs ul li {
        display: inline;
        padding: 0 0 0 10px;
        background: transparent url( img/bg_bullet_arrow.gif ) no-repeat 0 50%;
        font-weight: bold;
        color: rgb( 125, 125, 125 );
        font-size: 100%;
    }

    .header-breadcrumbs ul a {
        color: rgb( 70, 122, 167 );
        text-decoration: none;
    }

        .header-breadcrumbs ul a:hover {
            color: rgb( 42, 90, 138 );
            text-decoration: underline;
        }

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */

.main-navigation .round-border-topright {
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 10;
    margin: 0 0 0 190px;
    background: url( img/bg_corner_topright.gif ) no-repeat;
}

.nav3-grid {
    width: 199px;
    border-bottom: solid 1px rgb(200,200,200);
}

    .nav3-grid dt a, .nav3-grid dt a:visited {
        display: block;
        min-height: 2.0em;
        height: auto;
        line-height: 2.0em;
        padding: 0 10px 0 20px;
        border-top: solid 1px rgb( 200, 200, 200 );
        text-decoration: none;
        color: rgb( 70, 122, 167 );
        font-weight: bold;
        font-size: 120%;
    }

        .nav3-grid dt a:hover, .nav3-grid dd a:hover {
            background-color: rgb( 225, 225, 225 );
            color: rgb( 42, 90, 138 );
            text-decoration: none;
        }

.main-navigation h1 {
    clear: both;
    margin: 0;
    padding: 4px 20px 3px 20px;
    background: rgb( 190, 190, 190 );
    font-family: "trebuchet ms", arial, sans-serif;
    color: rgb( 255, 255, 255 );
    font-weight: bold;
    font-size: 150%;
}


/* MAIN CONTENT */

.main-content .pagetitle {
    margin: 0 0 0.4em 0;
    padding: 0 0 2px 0;
    border-bottom: solid 7px rgb( 225, 225, 225 );
    font-family: "trebuchet ms", arial, sans-serif;
    color: rgb( 100, 100, 100 );
    font-weight: bold;
    font-size: 220%;
}

.main-content h1 {
    clear: both;
    margin: 1.0em 0 0.5em 0;
    font-family: "trebuchet ms",arial,sans-serif;
    color: rgb( 80, 80, 80 );
    font-weight: normal;
    font-size: 210%;
}

    .main-content h1.side {
        clear: none;
    }

    .main-content h1 a {
        color: rgb( 70, 122, 167 );
        font-weight: normal;
        text-decoration: none;
    }

.main-content h2 {
    clear: both;
    margin: 1.0em 0 0.5em 0;
    font-family: "trebuchet ms",arial,sans-serif;
    color: rgb( 80, 80, 80 );
    font-weight: normal;
    font-size: 170%;
}

    .main-content h2.side {
        clear: none;
    }

.main-content h3 {
    clear: both;
    margin: -1.0em 0 0.5em 0;
    font-family: "trebuchet ms",arial,sans-serif;
    color: rgb( 125, 125, 125 );
    font-weight: normal;
    font-size: 130%;
}

    .main-content h3.side {
        clear: none;
    }

.main-content h4 {
    margin: 1.5em 0 1.0em 0;
    color: rgb( 80, 80, 80 );
    font-family: "trebuchet ms",arial,sans-serif;
    font-weight: normal;
    font-size: 170%;
}

.main-content h5 {
    margin: 1.5em 0 1.0em 0;
    color: rgb( 80, 80, 80 );
    font-family: "trebuchet ms",arial,sans-serif;
    font-size: 140%;
}

.main-content h6 {
    margin: 1.2em 0 0.2em 0;
    color: rgb( 80, 80, 80 );
    font-weight: bold;
    font-size: 120%;
}

.main-content p {
    margin: 0 0 1.0em 0;
    line-height: 1.5em;
    font-size: 120%;
}

    .main-content p.center {
        text-align: center;
    }

    .main-content p.right {
        text-align: right;
    }

.main-content .details {
    clear: both;
    margin: -0.25em 0 1.0em 0;
    line-height: 1.0em;
    font-size: 110%;
}

.main-content blockquote {
    clear: both;
    margin: 0 30px 0.6em 30px;
    font-size: 90%;
}

/* table */
.main-content table {
    clear: both;
    width: 900px;
    margin: 2.0em 0 0.2em 20px;
    table-layout: fixed;
    border-collapse: collapse;
    empty-cells: show;
}

    .main-content table th {
        height: 3.0em;
        padding: 2px 20px 2px 7px;
        border: solid 2px rgb( 255, 255, 255 );
        background-color: rgb( 225, 225, 225 );
        text-align: left;
        color: rgb( 80, 80, 80 );
        font-weight: bold;
        font-size: 110%;
    }
    
    .main-content table thead th {
        height: 3.5em;
        padding: 0 7px 0 7px;
        background-color: rgb( 175, 175, 175 );
        color: rgb( 255, 255, 255 );
    }

    .main-content table tfoot td {
        height: 3.5em;
        padding: 0 7px 0 7px;
        background-color: rgb( 175, 175, 175 );
        color: rgb( 255, 255, 255 );
        font-weight: bold;
        font-size: 110%;
    }

    .main-content table td {
        height: 3.0em;
        padding: 2px 7px 2px 7px;
        border: solid 2px rgb( 255, 255, 255 );
        background-color: rgb( 225, 225, 225 );
        color: rgb( 80, 80, 80 );
        font-size: 110%;
    }

    .main-content table.subtable {
        margin  : 0 0 0 30px;
        width   : 850px;
    }

    .main-content table.subtable thead th {
        height    : 2.0em;
        font-size : 1.0em;
    }
    .main-content table.subtable td {
        height: 2.0em;
        font-size : 1.0em;
    }

        .main-content table.subtable tr td:first-child {
            border-left: none;
        }
        .main-content table.subtable tr th:first-child {
            border-left: none;
        }
        .main-content table.subtable tr td:last-child {
            border-right: none;
        }
        .main-content table.subtable tr th:last-child {
            border-right: none;
        }


.main-content ul {
    list-style: none;
    margin: 0.5em 0 1.0em 0;
}

    .main-content ul li {
        margin: 0 0 0.2em 2px;
        padding: 0 0 0 12px;
        background: url( img/bg_bullet_full_1.gif ) no-repeat 0 0.5em;
        line-height: 1.4em;
        font-size: 120%;
    }

.main-content ol {
    margin: 0.5em 0 1.0em 20px;
}

    .main-content ol li {
        list-style-position: outside;
        margin: 0 0 0.2em 0;
        line-height: 1.4em;
        font-size: 120%;
    }

/* Div Columns */
/* 1 column */
.column1-unit {
    width: 940px;
    margin-bottom: 10px;
}

/* 2 columns left */
.column2-unit-left {
    float: left;
    width: 450px;
    margin-bottom: 10px;
}
/* 2 columns right */
.column2-unit-right {
    float: right;
    width: 450px;
    margin-bottom: 10px;
}

/* 3 columns left */
.column3-unit-left {
    float: left;
    width: 286px;
    margin-bottom: 10px;
}
/* 3 columns middle */
.column3-unit-middle {
    float: left;
    width: 286px;
    margin-bottom: 10px;
    margin-left: 40px;
}
/* 3 columns right */
.column3-unit-right {
    float: right;
    width: 286px;
    margin-bottom: 10px;
}

/********************/
/*  FOOTER SECTION  */
/********************/

.footer p {
    line-height: 1.3em;
    text-align: center;
    color: rgb( 125, 125, 125 );
    font-weight: bold;
    font-size: 110%;
}

.footer .credits {
    font-weight: normal;
}

/******************/
/*  CLEAR FLOATS  */
/******************/

.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.footer:after, p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear-contentunit {
    clear: both;
    width: 940px;
    height: 0.1em;
    border: none;
    background: rgb(210,210,210);
    color: rgb(210,210,210);
}


/********************/
/*  COMMON CLASSES  */
/********************/
.main img {
    clear: both;
    float: left;
    margin: 3px 10px 7px 0;
    padding: 1px;
    border: 1px solid rgb( 150, 150, 150 );
}

    .main img.center {
        clear: both;
        float: none;
        display: block;
        margin: 0 auto;
        padding: 1px;
        border: 1px solid rgb( 150, 150, 150 );
    }

    .main img.right {
        clear: both;
        float: right;
        margin: 3px 0 7px 10px;
        padding: 1px;
        border: 1px solid rgb( 150, 150, 150 );
    }

.main a {
    color: rgb( 70, 122, 167 );
    font-weight: bold;
    text-decoration: none;
}

    .main a:hover {
        color: rgb( 42, 90, 138 );
        text-decoration: underline;
    }

    .main a:visited {
        color: rgb( 42, 90, 138 );
    }

    .main a img {
        border: solid 1px rgb( 150, 150, 150 );
    }

    .main a:hover img {
        border: solid 1px rgb( 220, 220, 220 );
    }