@media all
{
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
    /* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das
    ** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht.
    */

    * { margin:0; }

    /* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
    option {padding-left: 0.4em;}

    /* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
    ** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
    html { height: 100% }
    body {padding: 0;
        min-height: 101%;
    /* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
        font-size: 100.01%;
    /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
            Fensters geändert wird. */
        position: relative;

    /* Vorgabe der Standardfarben und Textausrichtung*/
        color: #000;
        background: #ddd;
    /*background: url("/images/v-trans2white.png") repeat-x left bottom gray;*/
        text-align: left;
    }

    /* Standardrahmen zurücksetzen */
    fieldset, img { border:0; }

    /* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
    select, input, textarea { font-size: 99% }

    /* Layoutpositionierung | Randgestaltung */
    #page_margins {width: 970px;  margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding: 0}
    #page{ background: url("/images/hg_page.jpg");}

/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/

    #header {

        position: relative;
        color: #fff;
        height: 140px;
        /*padding: 120px 2em 1em 20px;*/
    }

    #language {
        position: absolute;
        top: 10px;
        left: 260px;
        color: #5f5e5e;
        font-weight: bold;
        background: transparent;
        text-align: left; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
    }
    #topnav {
        font-size: 100%;
        position: relative;
        color: #5f5e5e;
        font-weight: bold;
        background: transparent;
        text-align: left; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
        padding: 0px 0 0px 0;
    }
    .nav_headline {
        font-size: 150%;
        position: relative;
        color: #898787;
        font-weight: bold;
        background: transparent;
        text-align: left; /* Erforderlich, damit im Opera 6 wirklich center plaziert ! */
        padding: 0px 0px 10px 0px;
    }
    #dokumentenlink {
        position: absolute;
        margin-top: 35px;
        margin-left: 770px;
        color: #000000;
        font-weight: bold;
        background: transparent;
        text-align: left; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
        padding: 10px 0px 0px 10px;
        }    
     #pulld {
        position: absolute;
        top: 3px;
        left: 780px;
        color: #5f5e5e;
        font-weight: bold;
        background: transparent;
        text-align: left; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
    }

    #menu { clear:both; width: auto; }
    #main { clear:both; background: url("/images/hg_page.jpg"); width: auto; padding: 0px 0 0px 0;}
    #service { clear: both; width: auto; padding: 0px 0 0px 0;}

    #col1 {
        float: left;
        width: 230px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        height: 360px;
        padding: 20px 0 0px 0;
    }
    #col1_nav {
        float: left;
        width: 230px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        min-height: 360px;
        padding: 0px 0 0px 0;
    }
    #col2 {
        float: right;
        width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        background: transparent;
        padding: 10px 0px 0px 0px;
    }
    #col3
    {
        width: auto;
        margin-left: 25%; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        margin-right: 25%; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        padding: 5px 0 0px 0;
    }
    #search_col3
    {
        width: auto;
        margin-left: 25%; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        margin-right: 5px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        padding: 5px 0 0px 0;
    }

    #sub_col3
    {
        width: auto;
        margin-left: 25%; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        margin-right: 20%; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        padding: 5px;
    }
    #search {
        float: left;
        width: 230px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        height: 43px;
        padding: 0px 0px 0px 0px;
        }
    #search_headline {
        float: left;
        width: 480px;
        }
    #search_results {
        float: left; 
        width: 480px; 
        margin-top: 15px;
        }
    #search_index_top {
        float: left; 
        width: 480px; 
        background-color:#f4f4f4; 
        border-bottom: 1px solid #d0d0d0;
        }
    #search_content {
        float: left; 
        width: 480px;
        }
    #new_search_bottom {
        float: left;
        width: 480px;
        margin-bottom: 15px;
        }

    #search_index_bottom {
        float: left; 
        width: 480px; 
        background-color: #f4f4f4;
        }
    #country {
        float: right;
        width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        background: transparent;
        padding: 3px 0px 0px 0px;
    }
    #help_nav
    {
        width: auto;
        line-height: 16px;
        margin-left: 25%; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        margin-right: 25%; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        padding: 7px 0px 0px 0;
    }
    #platzhalter {
        float: right;
        width: 1px;
        display:inline;
        clear: right;
        }

    #picture {
        float: right;
        margin: 0px -200px 0px 0px;
        display:inline;
        clear: right;
        }
    #award {
        clear: both; /* Backup für IE-Clearing */
        height: 80px;
        background-color: #e6e6e6;
        color: #000;
        padding: 10px 0px 0px 15px;
        }
    #iso {
        clear: both; /* Backup für IE-Clearing */
        color: #000;
        padding: 60px 0px 0px 15px;
        }

    #markets_footer {
        position: absolute;
        margin-top: -150px;
        margin-left: 90px;
        color: #5f5e5e;
        font-weight: bold;
        background: transparent;
        }
    #footer {
        clear: both; /* Backup für IE-Clearing */
        background-color: #d0d0d1;
        text-align: center;
        color: #000;
        padding: 7px
    }
    /* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor
    ** dem Spaltenhintergrund erscheinen. */
    #main {z-index: 2;}
    #col1 {z-index: 3;}
    #col2 {z-index: 5;}
    #col3 {z-index: 10;}
    #sub_col3 {z-index: 10;}
    #col1_content {z-index: 4;}
    #col2_content {z-index: 6;}
    #col3_content {z-index: 15;}
    #markets {z-index: 10;}
    #dokumentenlink {z-index: 6;}
    #platzhalter {z-index: 11;}
    #picture {z-index: 11;}
    #col1_content, #col2_content, #col3_content, content { position: relative;}

.Abteilung        {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; padding: 3px; margin:5px;}
/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/
    /* Clearfix-Methode zum Clearen der Float-Umgebungen */
     .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    /* Diese Angabe benötigt der Safari-Browser zwingend !! */
    .clearfix { display: block; }
    /* Overflow-Methode zum Clearen der Float-Umgebungen */
    .floatbox { overflow:hidden; }
    /* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
    #ie_clearing { display: none }
/* ######################################################################################################
** ### IE-Clearing bis YAML V2.4 ########################################################################
** ######################################################################################################
**
** Die CSS-Definition des IE-Clearings, welches bis YAML 2.4 verwendet wurde, ist aus Gründen der
** Abwärtskompatibilität des Basis-Stylesheets weiterhin enthalten.
*/
    /* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
    hr.clear_columns {
        clear: both;
        float: left;
        content: ".";
        display: block;
        height: 0;
        line-height: 0px;
        visibility: hidden;
        border: 0;
        padding: 0;
        margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
    }
/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/
    ul, ol, dl { margin: 0 0 1em 1em }
    li { margin-left: 1.5em; line-height: 1.5em; }
    dt { font-weight: bold; }
    dd { margin: 0 0 1em 2em; }
    blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/
    .subcolumns {
        width: 100%;
        padding: 0 1px 0 1px;
        margin: 0 -1px 0 -1px;
        overflow:hidden;
    }
    .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
    .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
    .c25l, .c25r { width: 24.999%; }
    .c33l, .c33r { width: 33.333%; }
    .c50l, .c50r { width: 49.999%; }
    .c66l, .c66r { width: 66.666%; }
    .c75l, .c75r { width: 74.999%; }
    .c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
    .c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
    .subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
    .subcl { padding: 0 1em 0 0; overflow: hidden; }
    .subcr { padding: 0 0 0 1em; overflow: hidden; }
}
/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
    position: absolute;
    left: -1000em;
    width: 20em;
}
}