body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

html, body {
    height: 100%;
}

body {
    background: #0c111b url(images/background_01.jpg) no-repeat center 0;
}

div#wrapper {
    width: 1041px;
    position: relative;
    margin: 0 auto 0 auto;
    height: 100%;
}

div#header {
    width: 1041px;
    height: 172px;
    position: relative; 
}

/*
 * Meta navigation
 */

ul#meta {
    display: inline-block;
    position: absolute;
    width: 624px;
    height: 24px;
    right: 0;
    top: 0;
    background: #000;
    list-style: none;
}

ul#meta li {
    display: inline-block;
    float: left;    
}

ul#meta li a {
    color: #ddd;
    text-decoration: none;
    font-size: 9pt;
}

ul#meta li span {
    display: inline-block;
    /* background:  url(images/main_nav_sep.jpg) no-repeat left 0; */
}

ul#meta li a {
    display: inline-block;
    height: 17px;
    padding: 5px 0 2px 0;
    text-decoration: none;
    font-size: 9pt;
    color: #ddd;
}

ul#meta li:hover {
    background: #59c4ed;
}

ul#meta li:hover a {
    color: #000000;
}

li#search-trigger:hover {
    background: none !important;
}

ul#meta li a.arrow-down {
    background: url('../pics/meta_arrow_down.png') no-repeat right 0;
    padding-right: 22px;
}

ul#meta li:hover a.arrow-down {
    background: url('../pics/meta_arrow_down_active.png') no-repeat right 0;
    color: #000000;
}

ul#meta li:first-child span {
    background: none;
}

span#meta-home {
    width: 74px;
    text-align: center;
}

span#meta-lang {
    width: 68px;
    text-align: center;
}

span#meta-font {
    width: 114px;
    text-align: center;
}

span#meta-quick {
    width: 118px;
    text-align: center;
}

/*
 * Search box
 */

span#search-field {
    display: inline-block;
    height: 15px;
    width: 184px;
    padding: 5px 0 2px 0;
    margin-right: 2px;
}

span#search-field input[type=text] {
    border: none;
    background: none;
    font-size: 8pt;
    color: #7d8086;
    width: 170px;
    margin-left: 4px;
}

span#search-label {
    display: inline-block;
    height: 17px;
    width: 58px;
    padding: 5px 0 2px 0;
    font-size: 9pt;
    color: #ddd;    
    text-align: center;
}

span#search-label:hover {
    cursor: pointer;
}

span.search-label-active {
    background: #5ec5ec !important;
    color: #000000 !important;
}

span.search-field-inactive {
    background: url('../pics/meta_search_bg.jpg') !important;
}

span.search-field-active {
    background: #ffffff !important;
}

ul#search-options {
    position: absolute;
    display: inline-block;
    top: 24px;
    left: 256px;
    background: #000000;
    width: 249px;
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul#search-options li {
    float: none;
    display: block;
    margin-left: 10px;
    margin-bottom: 5px;
}

ul#search-options li:hover {
    background: none;
}


/*
 * Font options
 */

ul#font-options {
    position: absolute;
    display: inline-block;
    top: 24px;
    left: 143px;
    background: #000000;
    width: 113px;
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;   
}

ul#font-options li {
    display: block;
    width: 83px;
    margin-left: 30px;
    margin-bottom: 5px;
    font-size: 9pt;
    color: #ffffff;
}

ul#font-options li:hover {
    background: none;
}

ul#search-options label {
    margin-left: 10px;
    font-size: 9pt;
    color: #ffffff;
    
    
}

img#logo {
    position: absolute;
    top: 12px;
    left: 0;
    border: none;
}

img#claim {
    position: absolute;
    top: 61px;
    right: 0;
    color: #fff;    
}

img#claim2 {
    position: absolute;
    right: 0;
    color: #fff;    
}

/*
 * Quick access menu
 */

div#quick-access-wrapper {
    background: #000;
    position: absolute;
    top: 24px;
    right: 0;
    width: 1041px;
    min-height: 300px;
    height: auto;
    z-index: 980;
}

ul#quick-access {
    display: inline-block;
    margin-top: 18px;
    margin-bottom: 18px;
    width: 1041px;
    z-index: 981;
    background: url('../pics/quick_access_bg_lines.png');
}

ul#quick-access li {
    display: inline-block;
    float: left;    
    width: 208px;
    line-height: 20px;
}

ul#quick-access li:hover {
    background: none;
}

ul#quick-access li a {
    color: #59c4ed !important;  
    display: inline-block;
    text-decoration: none;
    margin-left: 18px;
    font-size: 14pt;    
    font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
    
}   

ul#quick-access li ul {
    margin-left: 20px;
}

ul#quick-access ul li a {
    color: #ddd !important;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt !important;  
}

ul#quick-access ul li {
    display: list-item;
    list-style-image: url('../pics/quick_access_li.png');
    list-style-position: inside;
    color: #ddd;
    text-decoration: none;
    font-size: 9pt; 
}

ul#quick-access li.sub-1, ul#quick-access li.sub-2, ul#quick-access li.sub-3, ul#quick-access li.sub-4 {
    list-style-image: url('../pics/quick_access_li_sub.png');
    color: #ddd;
    text-decoration: none;
    font-size: 9pt; 
}

ul#quick-access ul li.sub:hover ul.sub-1 {
    height: auto;
}

ul#quick-access ul li.sub-1:hover ul.sub-2 {
    height: auto;
}

ul#quick-access ul li.sub-2:hover ul.sub-3 {
    height: auto;
}

ul#quick-access ul li.sub-3:hover ul.sub-4 {
    height: auto;
}

ul#quick-access ul.sub-2, ul#quick-access ul.sub-3, ul#quick-access ul.sub-4 {
    height: 0;
    overflow: hidden;
}

ul#quick-access ul li a {
    color: #ddd;
    text-decoration: none;
    font-size: 9pt; 
    margin-left: 0;
}


/*
 * Main navigation
 */

div#main-navigation-wrapper {
    position: absolute;
    top: 144px;
    left: 0;
}

ul#main-navigation {
    display: inline-block;
    height: 28px;
    width: 1041px;
    background-image: url('images/main_nav_bg.jpg');
    list-style: none;
    overflow: hidden;
}

ul#main-navigation li {
    display: inline-block;
    float: left;    
    width: 208px;
    height: 28px;
}

ul#main-navigation li:first-child {
    /* Workaround: 1041 / 5 geht nicht */
    width: 209px;
}

ul#main-navigation li.active {
    position: relative;
    background: #ffffff;
}

ul#main-navigation li.active div.left-wrap {
    position: absolute; 
    top: 0; 
    left: -5px;
    height: 28px;
    width: 5px;
    background: url('../pics/main_nav_act_left.png') no-repeat;
}

ul#main-navigation li.active div.right-wrap {
    position: absolute; 
    top: 0; 
    right: -5px;
    height: 28px;
    width: 5px;
    background: url('../pics/main_nav_act_right.png') no-repeat;
}

ul#main-navigation li a {
    display: inline-block;
    width: 208px;
    height: 23px;
    padding-top: 5px;
    background: url('../pics/main_nav_sep.jpg') no-repeat left 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
    font-size: 12.5pt;
    color: #000;
}

ul#main-navigation li.active a {
    background: none;
}

ul#main-navigation li a:hover {
}

ul#main-navigation li:first-child a {
    width: 209px;
    background: none;
}

/*
 *   Sub Navigation
 */

ul.sub-navigation {
    width: 231px;
    margin-bottom: 25px;    
    margin-left: 0;
    padding: 0;
}

ul.sub-navigation li {
    border-top: 1px solid #66cef5;
    list-style: none;
    margin-left: 0;
    padding: 0;
}

ul.sub-navigation li.active {
    background: #9edcf4;
    font-weight: bold;
}

ul.sub-navigation li.active ul {
    background: #dff4fc;
}

ul.sub-navigation li a {
    display: inline-block;
    padding: 5px 0 5px 20px;    
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
    background: url('../pics/sub_nav_list.png') no-repeat left 10px;
    
}

ul.sub-navigation ul.sub-level li {
    padding-left: 20px;
    border: none;
    font-weight: normal;
}

ul.sub-navigation ul.sub-level li.active {
    background: none;   
    font-weight: bold;
}

ul.sub-navigation ul.sub-level li.active ul {
    border-top: 1px solid #66cef5;
}

div.sub-navigation-header {
    border-top: 1px solid #66cef5;
    display: block;
    height: 19px;
    background: #dff4fc;
    color: #000;
    font-weight: normal;
    font-size: 9pt; 
    text-transform: uppercase;
    padding: 7px 0 0 12px;  
}


/*
 * Tab navigation
 */

ul.tab-navigation {
    width: 731px;
    list-style: none;
    display: inline-block;
    background: #e0f5fd;
    margin-top: 20px;
    margin-bottom: 27px !important;
    height: 50px;
}

ul.tab-navigation li {
    float: left;
    border-left: 1px solid #ffffff;
    margin: 0 !important;
    list-style: none;
}

ul.tab-navigation li:first-child {
    border-left: none;
}

ul.tab-navigation li.active a {
    background: #9edcf4 url('../pics/tab_nav_arrow.png') no-repeat bottom center;
    font-weight: bold;
}

ul.tab-navigation li a {
    display: inline-block;
    height: 42px;
    width: 125px;
    padding: 8px 10px 0 10px;
    font-size: 9pt;
    line-height: 14px;
    color: #000000;
    background: #e0f5fd;
    text-decoration: none;
    text-align: center;
}

ul.tab-navigation li ul.sub-level {
    list-style: none;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 70px;
    width: 731px;
    height: 27px;
    background: #9edcf4;
    border-top: 1px solid #ffffff;
}

ul.tab-navigation li ul.sub-level li {
    display: inline-block;
    float: left;
    background: #9edcf4;
    border: none;
}

ul.tab-navigation li ul.sub-level li a {
    height: 20px;
    width: auto ;
    font-size: 9pt;
    font-weight: normal;
    padding: 7px 10px 0 10px;
    background: #9edcf4;    
}

ul.tab-navigation li ul.sub-level li.active a {
    font-weight: bold;
}

/*
 *   Breadcrumb Navigation
 */

div#breadcrumb ul {
    list-style: none;
}

div#breadcrumb li {
    float: left;
}

/*
 * Content
 */


div#content {
    position: relative;
    width: 981px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #fff;
    padding: 16px 30px 30px 30px;
    overflow: hidden !important;
}

div#breadcrumb {
    float: left;
    width: 500px;
    height: 16px;
    margin-left: 250px;
    margin-bottom: 13px;
    color: #8c8b8d;
    font-size: 8pt;
}

div#breadcrumb a {
    color: #8c8b8d;
    font-size: 8pt;
    text-decoration: none;
}

div#share {
    float: right;
    width: 120px;
    height: 16px;
    background: #eeeeee;
    margin-bottom: 13px;
}


div#left-column {
    float: left;
    width: 231px;
    min-height: 200px;
    margin-bottom: 30px;
}

div#right-column {
    float: right;
    width: 231px;
    min-height: 200px;
}

div#main-column {
    width: 481px;
    margin-left: 250px; 
}

div#upper-right-column {
    float: right;
    width: 231px;
}

div#upper-main-column {
    width: 481px;
}

div#tab-navigation {
    width: 731px;
    position: relative;
    margin-bottom: 20px;    
}

div#lower-right-column {
    float: right;
    width: 231px;
}

div#lower-main-column {
    width: 481px;
}


div#footer {
    width: 981px;
    /*margin-top: 10px;*/
}

div#left-footer {
    float: left;
    width: 231px;
    height: 20px;
    border-top: 1px solid #66cef5;
}

div#left-footer ul {
    margin-top: 15px;
    list-style: none;
}

div#left-footer li {
    float: left;
    font-size: 8pt;
    color: #000;
    padding-left: 4px;
    padding-right: 4px;
}

div#left-footer a {
    font-size: 8pt;
    color: #000;
    text-decoration: none;
}

div.up {
    margin-top: -35px;
    font-size: 9pt;
} 
div.up img {
    vertical-align: middle;     
    border: none;
}

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


div#right-footer {
    float: right;
    width: 231px;
    height: 20px;
    border-top: 1px solid #66cef5;
}

div#main-footer {
    width: 481px;
    margin-left: 250px;
    height: 20px;
    border-top: 1px solid #66cef5;
}

div#top-area {
    display: none;
    width: 981px; 
    height: 350px; 
}

div#top-area h3 {   
    color: #000;
    font-weight: normal;
    font-size: 14pt;    
    font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
    margin-top: -28px;
    margin-left: 10px;
    height: 30px;
    margin-bottom: 0;
}
    

/* 
 * Header Definitions 
 */

h1 {
    color: #000;
    font-weight: normal;
    font-size: 18pt;    
    font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    
}

h2 {
    color: #000;
    font-weight: normal;
    font-size: 16pt;    
    font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    
}

h3 {
    color: #000;
    font-weight: normal;
    font-size: 14pt;    
    font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    
}

h1.no-bottom-margin, h2.no-bottom-margin, h3.no-bottom-margin {
    margin-bottom: -5px;
}