/* base */
/* "Yet Another Multicolumn Layout" (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 103 $ $Date: 2007-07-31 23:24:53 +0200 (Di, 31 Jul 2007) $ */
@media all {
    * {
        margin: 0;
        padding: 0
    }

    option {
        padding-left: 0.4em
    }

    * html body * {
        overflow: visible
    }

    * html iframe, * html frame {
        overflow: hidden
    }

    * html frameset {
        overflow: hidden
    }

    html {
        height: 100%
    }

    body {
        min-height: 101%;
        font-size: 100.01%;
        color: #000;
        background: #fff;
        text-align: left
    }

    fieldset, img {
        border: 0 solid
    }

    ul, ol, dl {
        margin: 0 0 1em 1em
    }

    li {
        margin-left: 1.5em;
        line-height: 1.5em
    }

    dt {
        font-weight: 700
    }

    dd {
        margin: 0 0 1em 2em
    }

    blockquote, cite {
        font-size: 0.93em;
        width: auto;
        margin: 0 0 1em 1.5em
    }

    #topnav {
        position: absolute;
        top: 10px;
        right: 10px;
        text-align: right
    }

    #col1 {
        float: left;
        width: 200px;
        z-index: 3
    }

    #col2 {
        float: right;
        width: 200px;
        z-index: 5
    }

    #col3 {
        width: auto;
        z-index: 1;
        margin: 0 200px
    }

    #footer {
        clear: both;
        display: block
    }

    #col1_content {
        z-index: 4
    }

    #col2_content {
        z-index: 6
    }

    #col3_content {
        z-index: 2
    }

    .hidenone #col3 {
        margin: 0 200px
    }

    .hideboth #col3 {
        margin-left: 0;
        margin-right: 0
    }

    .hideleft #col3 {
        margin-left: 0;
        margin-right: 200px
    }

    .hideright #col3 {
        margin-left: 200px;
        margin-right: 0
    }

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

    .clearfix {
        display: block
    }

    .floatbox {
        overflow: hidden
    }

    .subcolumns, .subcolumns_oldgecko {
        width: 100%;
        overflow: hidden
    }

    .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {
        float: right;
        margin-left: -5px;
    }

    .c25l, .c25r {
        width: 25%
    }

    .c33l, .c33r {
        width: 33.333%
    }

    .c50l, .c50r {
        width: 50%
    }

    .c66l, .c66r {
        width: 66.666%
    }

    .c75l, .c75r {
        width: 75%
    }

    .c38l, .c38r {
        width: 38.2%
    }

    .c62l, .c62r {
        width: 61.8%
    }

    .subc {
        padding: 0 0.5em
    }

    .subcl {
        padding: 0 1em 0 0
    }

    .subcr {
        padding: 0 0 0 1em
    }

    .skip, .hideme, .print {
        position: absolute;
        top: -1000em;
        left: -1000em;
        height: 1px;
        width: 1px
    }

    .skip:focus, .skip:active {
        position: static;
        top: 0;
        left: 0;
        height: auto;
        width: auto
    }

    #header, #col1_content, #col2_content, #col3_content {
        position: relative
    }

    #nav, #main {
        clear: both;
        width: auto
    }

    .hideboth #col1, .hideboth #col2, .hideleft #col1, .hideright #col2, #ie_clearing {
        display: none
    }

    .subcolumns_oldgecko, .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {
        float: left
    }
}

/* basemod-cols */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all {
    /*------------------------------------------------------------------------------------------------------*/

    /**
     * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
     *
     * @section layout-basics
     */

    iframe {
        overflow: hidden
    }

    /* (en) Marginal areas & page background */
    /* (de) Randbereiche & Seitenhintergrund */
    body {
        background: #bdc9d5;
        padding: 14px 0;
    }

    /* (en) Layout: width, background, borders */
    /* (de) Layout: Breite, Hintergrund, Rahmen */
    #page_margins {
        width: 960px;
        margin: 0 auto;
        background: #fff;
    }

    #page {
        padding: 14px 20px 0px 20px;
    }

    /* (en) Centering layout in old IE-versions */
    /* (de) Zentrierung des Layouts in alten IE-versionen */
    body {
        text-align: center
    }

    #page_margins {
        text-align: left
    }

    /* (en) Designing main layout elements */
    /* (de) Gestaltung der Hauptelemente des Layouts */
    #header {
        position: relative;
        z-index: 10;
        height: 84px;
        padding-top: 15px; /* for new MetaNav */
    }

    #logo {
        float: right;
        display: inline;
        width: 123px;
        height: 43px;
    }

    #logo img {
        width: 123px;
        height: 43px;
    }

    #topnav {
        color: #aaa;
        background: transparent;
        display: none;
    }

    #nav {
        float: left;
        display: inline;
        margin: 25px 0 0 0;
    }

    #nav_main {
        display: block;
        position: relative;
        width: 760px;
        height: 40px;
    }

    #nav_meta {
        margin: 0 0 10px 0;
        height: 10px;
        padding: 0;
    }

    #nav_lang {
        margin: 0 0 10px 0;
        height: 18px;
        padding: 0;
        background: #6f95ac;
    }

    #search {
        margin: 0 0 10px 0;
        height: 18px;
        padding: 0;
    }

    #search input {
        margin: 0;
        padding: 0;
        float: right;
    }

    #search input.field {
        padding-left: 8px;
        float: left;
        width: 184px;
        height: 16px;
        border: 1px solid #a3b6c5;
    }

    #main {
        background: #fff;
        padding: 0 0 20px 0;
        position: relative;
        z-index: 5;
    }

    #path {
        margin: 0 0 14px 0;
    }

    #footer {
        background: #BDC9D5 none repeat scroll 0%;
        margin: 0pt -20px;
        padding: 14px 0pt 0pt;
    }

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

    /**
     * Formatting of the Content Area | Formatierung der Inhaltsbereichs
     *
     * @section layout-main
     */

    #col1 {
        width: 160px;
    }

    #col1_content {
        padding: 0px
    }

    #col2 {
        width: 240px;
    }

    #col2_content {
        padding: 0px;
    }

    #col3 {
        margin-left: 180px;
        margin-right: 260px;
    }

    #col3_content {
        padding: 0px;
        min-height: 400px;
    }

    .subcolumns {
        margin: 0 0 14px 0;
    }

    .subc {
        padding: 0 5px;
    }

    .subcl {
        padding: 0 10px 0 0;
    }

    .subcr {
        padding: 0 0 0 10px;
    }

    .c220l, .c200l {
        float: left;
    }

    .c440r, .c120r {
        float: right;
    }

    .c220l {
        width: 218px;
    }

    .c440r {
        width: 438px;
    }

    .c200l {
        width: 200px;
    }

    .c120r {
        width: 120px;
    }

    .subcrteaser {
        padding: 12px 12px 0px 20px;
    }

    .subclteaser {
        padding: 0px;
    }

    .blue_background_2col {
        background: #eef2f3;
    }

    .blue_large_2col {
        BACKGROUND: url(subcolumns_2col_bg_large.gif) repeat-y left 50%;
    }

    .blue_small_2col {
        BACKGROUND: url(subcolumns_2col_bg_small.gif) repeat-y left 50%;
    }

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

    /**
     * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
     *
     * @section layout-misc
     */

    .hidden,
    #nav_main ul li.hidden {
        display: inline;
        left: -1000px;
        overflow: hidden;
        width: 0px;
        position: absolute;
        top: -1000px;
        height: 0px;
    }

}

/* basemod */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all {
    /*------------------------------------------------------------------------------------------------------*/

    #home_header {
        margin: 0 0 14px 0;
    }

    #home_header img {
        float: left;
    }

    #path {
        display: none;
    }

    #col1 {
        display: none;
    }

    #col3 {
        margin-left: 0px;
    }

}

/* meta navigtaion */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all {
    #nav_meta ul {
        /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
        list-style-type: none;
        width: 240px;
    }

    #nav_meta ul li {
        /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
        line-height: 8px;
    }

    #nav_meta ul li.login {
        float: right;
        text-align: right;
    }

    #nav_meta ul li a,
    #nav_meta ul li a:focus,
    #nav_meta ul li a:hover,
    #nav_meta ul li a:active {
        text-decoration: none;
        display: block;
    }

    #nav_meta ul li a {
        font-family: Arial, sans-serif;
        font-size: 12px;
    }

    #nav_meta ul li span {
        display: block;
        font-family: Arial, sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        color: #597B97;
    }

    #nav_meta ul li span.meta-dropdown {
        background: url(link-arrow-down.gif ) no-repeat right 0.25em;
        padding: 0 12px 2px 0;
    }

    #nav_meta ul li span a.arrow {
        background-position: 0 0.1em;
        padding-bottom: 1px;
    }

    #nav_meta ul li.login span:focus,
    #nav_meta ul li.login span:hover,
    #nav_meta ul li.login span:active {
        cursor: default;
    }

    #nav_meta ul li span a:focus,
    #nav_meta ul li span a:hover,
    #nav_meta ul li span a:active {
        color: #ff5900;
    }

    #nav_meta ul li .meta-wrapper {
        position: absolute;
        left: -6px;
        padding-top: 8px;
        width: 206px;
        display: none;
        top: 7px;
    }

    #nav_meta ul li.login .meta-wrapper {
        left: 40px;
    }

    #nav_meta ul li:focus div.meta-wrapper,
    #nav_meta ul li:hover div.meta-wrapper,
    #nav_meta ul li:active div.meta-wrapper {
        display: block;
    }

    #nav_meta .border-bottom {
        overflow: hidden;
        height: 3px;
        width: auto;
        background: transparent;
    }

    #nav_meta .edge-bl {
        width: 50%;
        height: 3px;
        float: left;
        background-image: url(nav-border-bl.png );
        background-position: left bottom;
        background-repeat: no-repeat;
    }

    #nav_meta .edge-br {
        width: 50%;
        height: 3px;
        float: right;
        background-image: url(nav-border-br.png );
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    #nav_meta .border-left {
        background-image: url(nav-border-l.png );
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 3px;
    }

    #nav_meta .border-right {
        background-image: url(nav-border-r.png );
        background-position: right top;
        background-repeat: no-repeat;
        padding-right: 3px;
    }

    #nav_meta .meta-wrapper ul {
        background: url(nav-background-white-90p.png );
        position: relative;
        float: none;
        display: block;
        padding: 1px 9px 6px 9px;
        border-color: white;
        border-style: solid;
        border-width: 0 3px 3px 3px;
        width: auto;
    }

    #nav_meta .meta-wrapper ul li {
        float: none;
        display: block;
        padding: 0;
        height: auto;
        background: none;
    }

    #nav_meta .meta-wrapper ul li a {
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-transform: none;
        padding: 5px 0 3px 11px;
        color: #597B97;
        height: auto;
        background-image: url(nav-sub-03.gif );
        background-repeat: no-repeat;
        background-position: -2px 0;
        text-align: left;
        line-height: 1em;
    }

    #nav_meta .meta-wrapper ul li a:focus,
    #nav_meta .meta-wrapper ul li a:hover,
    #nav_meta .meta-wrapper ul li a:active {
        background-image: url(nav-sub-03-orange.gif );
        color: #ff5900;
    }

    /* Metanavigation Hacks */

    body.cssfont #nav_meta ul li a {
        font-family: Ascom, Arial, Times, serif;
    }

    body.cssfont #nav_meta ul li span {
        font-family: Ascom, Arial, Times, serif;
        background-position: right 0.4em;
    }

    body.cssfont #nav_meta ul li span a.arrow {
        background-position: 0 0.15em;
    }

    body.cssfont #nav_meta ul li .meta-wrapper {
        padding-top: 6px;
    }

    body.safari #nav_meta .meta-wrapper ul {
        padding: 1px 9px 2px 9px;
    }

    body.cssfont #nav_meta .meta-wrapper ul {
        padding: 1px 9px 8px 9px;
    }

    body.safari #nav_meta ul li a, body.safari #nav_meta ul li.login span {
        font-size: 11px;
    }

    body.safari #nav_meta .meta-wrapper ul li a {
        font-size: 12px;
    }

    body.safari #nav_meta .meta-wrapper ul li a {
        background-position: -2px -0.1em;
    }
}

/* horizontal navigtaion */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all {
    #nav_main ul {
        /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
    }

    #nav_main ul li {
        /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
        display: inline;
        float: left;
        position: relative;
        list-style-type: none;
        margin: 0;
        padding: 0 0 2px 8px;
        height: 23px;
    }

    #nav_main ul li.active {
        background: url(nav-main-l.gif) no-repeat top left;
    }

    /* Nur in IE 6 eine Breite */
    * html #nav_main ul li.active {
        width: 1px;
    }

    #nav_main ul li.active a {
        background: url(nav-main-r.gif) no-repeat top right;
        height: 23px;
    }

    /* Nur in IE 6 eine Breite */
    * html #nav_main ul li.active a {
        width: 1px;
    }

    body #nav_main ul li a {
        font-family: Arial, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        color: #52728b;
        text-decoration: none;
        padding: 2px 9px 0 0;
        margin: 0;
        display: block;
    }

    #nav_main ul li.active a,
    #nav_main ul li a:focus,
    #nav_main ul li a:hover,
    #nav_main ul li a:active {
        color: #87254c;
    }

    #nav_main ul li.active a {
        font-weight: bold;
    }

    /************************/
    /* Navigations-Dropdown */
    /************************/

    #nav_main .subnav-wrapper {
        position: absolute;
        left: -5px;
        top: 24px;
        padding-top: 4px;
        width: 206px;
        display: none;
    }

    #nav_main ul li:focus div.subnav-wrapper,
    #nav_main ul li:hover div.subnav-wrapper,
    #nav_main ul li:active div.subnav-wrapper {
        display: block;
    }

    /* shadow */

    #nav_main .border-bottom {
        overflow: hidden;
        height: 3px;
        width: auto;
        background: transparent;
    }

    #nav_main .edge-bl {
        width: 50%;
        height: 3px;
        float: left;
        background-image: url(nav-border-bl.png );
        background-position: left bottom;
        background-repeat: no-repeat;
    }

    #nav_main .edge-br {
        width: 50%;
        height: 3px;
        float: right;
        background-image: url(nav-border-br.png );
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    #nav_main .border-left {
        background-image: url(nav-border-l.png );
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 3px;
    }

    #nav_main .border-right {
        background-image: url(nav-border-r.png );
        background-position: right top;
        background-repeat: no-repeat;
        padding-right: 3px;
    }

    /* list */
    #nav_main .subnav-wrapper ul {
        position: relative;
        float: none;
        display: block;
        padding: 1px 9px 4px 9px;
        border-color: white;
        border-style: solid;
        border-width: 0 3px 3px 3px;
        zoom: 1;
    }

    body.cssfont #nav_main .subnav-wrapper ul.mainlevel {
        padding-bottom: 5px;
    }

    #nav_main .subnav-wrapper ul.mainlevel {
        background: url(nav-background-white-90p.png );
    }

    /* first level */
    #nav_main .subnav-wrapper ul li {
        float: none;
        display: block;
        padding: 0;
        height: auto;
        background: none;
    }

    body #nav_main .subnav-wrapper ul li a {
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-transform: none;
        background-image: url(nav-sub-01.gif );
        background-repeat: no-repeat;
        background-position: 0 -3px;
        padding: 0 0 7px 18px;
        color: #52728b;
        height: auto;
    }

    body.safari #nav_main .subnav-wrapper ul li a {
        background-position: 0 -4px;
    }

    body.safari #nav_main li div.subnav-wrapper {
        padding-top: 6px;
    }

    body.safari #nav_main .subnav-wrapper ul.mainlevel {
        padding-bottom: 3px;
    }

    #nav_main .subnav-wrapper ul li.active a,
    #nav_main .subnav-wrapper ul li a:focus,
    #nav_main .subnav-wrapper ul li a:hover,
    #nav_main .subnav-wrapper ul li a:active {
        background-image: url(nav-sub-01-red.gif );
        color: #87254c;
        height: auto;
    }

    #nav_main .subnav-wrapper ul li ul li a {
        padding: 0 0 3px 13px;
    }

    /* second level */
    #nav_main .subnav-wrapper ul ul {
        border: none;
        padding: 0 0 0 16px;
        background: none;
        margin: -6px 0 2px 0;
    }

    #nav_main .subnav-wrapper ul li.active li a,
    #nav_main .subnav-wrapper ul li li a {
        background-image: url(nav-sub-03.gif );
        color: #52728b;
    }

    #nav_main .subnav-wrapper ul li li.active a,
    #nav_main .subnav-wrapper ul li li a:focus,
    #nav_main .subnav-wrapper ul li li a:hover,
    #nav_main .subnav-wrapper ul li li a:active {
        background-image: url(nav-sub-03-red.gif );
        color: #87254c;
    }
}

/* special navigation */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all {
    /**
     * Language selection
     *
     */

    #nav_lang ul {
        /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
        display: inline;
        float: right;
        margin: 0;
        padding: 0 7px 0 5px;
        list-style-type: none;
        border-left: 1px solid #fff;
        height: 18px;
    }

    #nav_lang ul li {
        /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
        display: inline;
        float: left;
        line-height: 12px;
        margin: 3px 0 0 5px;
        height: 12px;
    }

    #nav_lang ul li.active {
        padding: 0 3px 0 5px;
        background: url(nav-lang-l.gif ) no-repeat top left;
    }

    #nav_lang ul li a,
    #nav_lang ul li a:focus,
    #nav_lang ul li a:hover,
    #nav_lang ul li a:active {
        text-decoration: none;
        display: block;
    }

    #nav_lang ul li.active a {
        background: url(nav-lang-r.gif ) no-repeat top right;
        padding: 0 5px 0 0;
    }

    /**
     * Country selection
     *
     */

    #country_button {
        float: left;
        padding-left: 8px;
        height: 13px;
        overflow: hidden;
        cursor: pointer;
        margin: 3px 0px 0px 0px;
    }

    #country_selection ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    #country_selection {
        position: absolute;
        width: 100%;
        top: 38px;
        z-index: 100;
    }

    *html #country_selection {
        top: 40px;
    }

    #country_selection ul li {
        line-height: 18px;
        margin: 0px;
        padding: 0px;
    }

    #country_selection ul li a,
    #country_selection ul li a:focus,
    #country_selection ul li a:active {
        text-decoration: none;
        display: block;
        color: #fff;
        background: #a3b6c5;
        border-bottom: 1px solid #bbcbd8;
        padding-left: 8px;
        width: 100%;
    }

    #country_selection ul li a:hover {
        background: #7b95ac;
        color: #ff6409;
    }
}

/** Meta Navigation */
/*
 * @lastmodified    $Date: 2012-01-25  $
 * @lastmodifiedby  $Unic - RoW        $
 */
@media all {
    /* Meta Navigation */
    #metanavigation {
        clear: both;
        left: 0;
        padding-left: 0.750em;
        position: absolute;
        text-transform: uppercase;
        top: -0.5em;
        z-index: 15;
    }

    #meta-countryselection,
    #meta-links, #meta-links li,
    #meta-languageselection, #meta-languageselection li,
    #meta-search {
        float: left;
    }

    #meta-links, #meta-languageselection {
        list-style-type: none;
        margin: 0;
    }

    #meta-links li,
    #meta-languageselection li {
        margin-left: 1.167em;
    }

    #metanavigation a, #metanavigation span {
        color: #999999;
    }

    #metanavigation a:focus,
    #metanavigation a:hover,
    #metanavigation a:active {
        color: #8E254E;
        text-decoration: none;
    }

    #metanavigation #meta-search {
        margin-left: 1.167em;
        position: relative;
    }

    #metanavigation #meta-search input.field,
    #metanavigation #meta-search input.search-button {
        position: absolute;
        top: 2px;
        left: 0px;
    }

    #metanavigation #meta-search input.field {
        border-color: #999999;
        color: #999999;
        font-size: 0.833em;
        height: 1em;
        line-height: 1.300em;
        padding: 1px;
        width: 10.500em;
    }

    #metanavigation #meta-search input.search-button {
        background: url(icon-meta-search.gif ) no-repeat 2px 2px;
        border: none;
        font-size: 0.833em;
        height: 15px;
        line-height: 0;
        left: 11em;
        text-indent: -99999px;
        width: 15px;
    }

    #metanavigation a, #metanavigation span {
        font-size: 0.833em;
    }

    /* with webfont, there is 1px more... */
    body.cssfont #metanavigation a, body.cssfont #metanavigation span {
        font-family: Ascom, Arial, Times, serif;
        font-size: 0.917em;
    }

    #metanavigation .meta-dropdown-container .meta-wrapper ul li a {
        font-family: Arial, sans-serif;
        font-size: 1em;
    }

    /* Meta Dropdown */
    .meta-dropdown-container a,
    .meta-dropdown-container a:focus,
    .meta-dropdown-container a:hover,
    .meta-dropdown-container a:active {
        text-decoration: none;
        display: block;
    }

    .meta-dropdown-container a {
        font-family: Arial, sans-serif;
    }

    .meta-dropdown-container span {
        display: block;
        font-family: Arial, sans-serif;
        text-transform: uppercase;
    }

    .meta-dropdown-container .meta-dropdown {
        background: url(link-arrow-down-grey.gif ) no-repeat right 0.4em;
        padding: 2px 12px 0 0;
    }

    .meta-dropdown-container span a.arrow {
        background-position: 0 0.1em;
        padding-bottom: 1px;
		background-repeat: no-repeat;
    }

    .meta-dropdown-container span a:focus,
    .meta-dropdown-container span a:hover,
    .meta-dropdown-container span a:active {
        color: #8E254E;
    }

    .meta-dropdown-container .meta-wrapper {
        position: absolute;
        left: -6px;
        padding-top: 2px;
        width: 206px;
        display: none;
        top: 15px;
    }

    .meta-dropdown-container:focus div.meta-wrapper,
    .meta-dropdown-container:hover div.meta-wrapper,
    .meta-dropdown-container:active div.meta-wrapper {
        display: block;
    }

    .meta-dropdown-container .border-bottom {
        overflow: hidden;
        height: 3px;
        width: auto;
        background: transparent;
    }

    .meta-dropdown-container .edge-bl {
        width: 50%;
        height: 3px;
        float: left;
        background-image: url(nav-border-bl.png );
        background-position: left bottom;
        background-repeat: no-repeat;
    }

    .meta-dropdown-container .edge-br {
        width: 50%;
        height: 3px;
        float: right;
        background-image: url(nav-border-br.png );
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    .meta-dropdown-container .border-left {
        background-image: url(nav-border-l.png );
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 3px;
    }

    .meta-dropdown-container .border-right {
        background-image: url(nav-border-r.png );
        background-position: right top;
        background-repeat: no-repeat;
        padding-right: 3px;
    }

    .meta-dropdown-container .meta-wrapper ul {
        background: url(nav-background-white-90p.png );
        position: relative;
        float: none;
        display: block;
        padding: 1px 9px 6px 9px;
        border-color: white;
        border-style: solid;
        border-width: 0 3px 3px 3px;
        width: auto;
        margin: 0;
        list-style-type: none;
    }

    .meta-dropdown-container .meta-wrapper ul li {
        float: none;
        display: block;
        padding: 0;
        height: auto;
        background: none;
        margin: 0;
    }

    .meta-dropdown-container .meta-wrapper ul li a {
        font-family: Arial, sans-serif;
        font-weight: normal;
        text-transform: none;
        padding: 5px 0 3px 11px;
        height: auto;
        background-image: url(nav-sub-03.gif );
        background-repeat: no-repeat;
        background-position: -2px -2px;
        text-align: left;
        line-height: 1em;
    }

    .meta-dropdown-container .meta-dropdown:focus,
    .meta-dropdown-container .meta-dropdown:hover,
    .meta-dropdown-container .meta-dropdown:active,
    .meta-dropdown-container .meta-wrapper ul li a:focus,
    .meta-dropdown-container .meta-wrapper ul li a:hover,
    .meta-dropdown-container .meta-wrapper ul li a:active {
        color: #8E254E;
    }

    .meta-dropdown-container .meta-wrapper ul li a:focus,
    .meta-dropdown-container .meta-wrapper ul li a:hover,
    .meta-dropdown-container .meta-wrapper ul li a:active {
        background-image: url(nav-sub-03-red.gif );
    }

    .meta-dropdown-container .meta-dropdown:focus,
    .meta-dropdown-container .meta-dropdown:hover,
    .meta-dropdown-container .meta-dropdown:active {
        background-image: url(link-arrow-down-red.gif );
    }

    .meta-dropdown-container .meta-wrapper ul li h3 {
        color: #999999;
        font-size: 10px;
        font-weight: normal;
        line-height: 1em;
        margin: 12px 0 4px;
    }

    /* with webfont, there is 1px more... */
    body.cssfont .meta-dropdown-container .meta-wrapper ul li h3 {
        font-size: 11px;
    }

    /* Metanavigation Hacks */

    body.cssfont .meta-dropdown-container a {
        font-family: Ascom, Arial, Times, serif;
    }

    body.cssfont .meta-dropdown-container span {
        font-family: Ascom, Arial, Times, serif;
        background-position: right 0.6em;
    }

    body.cssfont .meta-dropdown-container span a.arrow {
        background-position: 0 0.15em;
    }

    body.cssfont .meta-dropdown-container .meta-dropdown {
        background-position: right 0.6em;
    }

    body.safari .meta-dropdown-container .meta-wrapper ul {
        padding: 1px 9px 2px 9px;
    }

    body.cssfont .meta-dropdown-container .meta-wrapper ul {
        padding: 1px 9px 8px 9px;
    }

    body.safari .meta-dropdown-container a, body.safari #nav_meta ul li.login span {
        font-size: 11px;
    }

    body.safari .meta-dropdown-container .meta-wrapper ul li a {
        font-size: 12px;
    }

    body.safari .meta-dropdown-container .meta-wrapper ul li a {
        background-position: -2px -0.1em;
    }
}

/* content defaults */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 * @appdef yaml
 */

@media all {
    /**
     * Fonts
     * (en) font-family and font-size selection for headings and standard text elements
     * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
     *
     * @section content-fonts
     */

    /* (en) reset font size for all elements to standard (16 Pixel) */
    /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
    html * {
        font-size: 100.01%
    }

    /* (en) base layout gets standard font size 12px */
    /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
    body {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #666;
    }

    img.header {
        margin: 0 0 14px 0;
    }

    img.content_img_high {
        width: 140px;
        float: left;
        margin: 0px 14px 7px 0px;
    }

    img.content_img_wide {
        width: 230px;
        float: left;
        margin: 0px 20px 20px 0px;
    }

    img.content_img_2col_large {
        width: 320px;
    }

    img.content_img_2col_small {
        width: 230px;
    }

    img.content_img_products {
        float: right;
        display: inline;
        margin: 0 -12px 0 0;
        width: 120px;
    }

    img.content_img_teaser {
        width: 220px;
        float: left;
        margin: 0 20px 0 0;
    }

    div.content {
        padding: 12px 12px 0 12px;
    }

    div.content_padding {
        padding: 12px 12px 12px 12px;
    }

    div.content_blue-bg {
        background: #eef2f4;
        padding: 12px 12px 0 12px;
        margin: 0 0 14px 0;
    }

    div.content_blue-bg_sub {
        background: #eef2f4;
        padding: 12px;
        margin: 0;
    }

    div.teaser_home {
        border: 1px solid #a3b6c5;
        margin: 0 0 14px 0;
    }

    div.horizontal_left {
        padding: 12px 0px 0px 12px;
    }

    div.horizontal_right {
        padding: 12px 12px 12px 8px;
    }

    * html div.horizontal_right {
        padding: 12px 12px 12px 8px;
    }

    div.nomargin {
        margin: 0 0 0 0;
        border-bottom: 1px solid #fff;
    }

    div.nomargin_3col {
        margin: 0 0 0 0;
        border-bottom: 1px solid #fff;
        background: url(blue_background_3col.gif) repeat-y;

    }

    div.nomarginnoborder {
        margin: 0 0 0 0;
    }

    div.border_blue_around {
        border: 1px solid #a3b6c5;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: bold;
        margin: 0 0 0.25em 0;
    }

    h1 {
        color: #fff;
        background-color: #a4b6c4;
        font-size: 14px;
        line-height: 27px;
        font-weight: normal;
        text-transform: uppercase;
        margin: 0;
        border-bottom: 1px solid #fff;
        height: 28px;
        padding: 0px 0px 0px 10px;
    }

    h2 {
        color: #000;
        background-color: #d7dee6;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0;
        border-bottom: 1px solid #fff;
    }

    .teaserContent h2 {
        font-weight: normal;
        color: #53728c;
        height: 28px;
        padding: 0px 0px 0px 12px;
        line-height: 27px;
    }

    .blue_background_3col h2 {
        background-color: #a4b6c4;
        font-weight: normal;
        color: #fff;
        height: 28px;
        padding: 0px 0px 0px 12px;
        line-height: 27px;
    }

    h2.h2-nopadding {
        padding: 0px;
    }

    h1 span, h2 span {
        padding: 0 10px;
        display: block;
    }

    h3 {
        color: #597b97;
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 8px 0;
    }

    h4 {
        font-size: 12px;
        padding: 12px 12px 4px 0;
        font-weight: normal;
    }

    h2.content_subtitle {
        color: #597b97;
        background: none;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0px 0 11px 0;
        padding: 0px;
        border: none;
    }

    div.application h2.content_subtitle {
        color: #59728B;
        font-family: Arial;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.02em;
    }

    #solutionfinder-placeholer-right h2 {
        background-color: #7b95ac;
    }

    #solutionfinder-placeholer-right h2 span {
        background: url(link_arrow_h2_2.gif) no-repeat scroll left center;
    }

    #solutionfinder-placeholer-right h2 a.expand {
        float: right;
        padding: 8px 11px;
        background: none;
    }

    #slidingContainer h2 {
        background-color: #7b95ac;
    }

    #slidingContainer h2 span {
        background: url(link_arrow_h2_2.gif) no-repeat scroll left center;
    }

    #slidingContainer h2 a.expand {
        float: right;
        padding: 8px 11px;
        background: none;
    }

    p {
        line-height: 14px;
        padding: 0 0 12px 0;
    }

    .nopadding {
        padding: 0px;
    }

    #path p {
        font-size: 9px;
        text-transform: uppercase;
        color: #597b97;
        padding: 0;
    }

    .teaser_home p {
        padding: 0 12px 12px 0;
    }

    ul.content_list li p {
        padding: 0 10px 4px 10px;
    }

    p.disclaimer {
        font-family: Arial;
        font-size: 10px;
        color: #b4b4b4;
    }

    /* ### Lists | Listen  #### */

    ul, ol, dl {
        line-height: 14px;
        margin: 0 0 1em 1em
    }

    li {
        margin-left: 1.5em;
        line-height: 1.5em
    }

    dt {
        font-weight: bold
    }

    dd {
        margin: 0 0 1em 2em
    }

    /* ### text formatting | Textauszeichnung ### */

    cite, blockquote {
        font-style: italic
    }

    blockquote {
        margin: 0 0 1em 1.5em
    }

    strong, b {
        font-weight: bold
    }

    em, i {
        font-style: italic
    }

    pre, code {
        font-family: monospace;
        font-size: 1.1em;
    }

    acronym, abbr {
        letter-spacing: .07em;
        border-bottom: .1em dashed #c00;
        cursor: help;
    }

    /**
     * Generic Content Classes
     * (en) standard classes for positioning and highlighting
     * (de) Standardklassen zur Positionierung und Hervorhebung
     *
     * @section content-generic-classes
     */

    .note {
        background: #dfd;
        padding: 1em;
        border-bottom: 1px #bdb dotted;
        border-bottom: 1px #dbb dotted;
    }

    .important {
        background: #ffd;
        padding: 1em;
        border-bottom: 1px #ddb dotted;
        border-bottom: 1px #dbb dotted;
    }

    .warning {
        background: #fdd;
        padding: 1em;
        border-bottom: 1px #dbb dotted;
        border-bottom: 1px #dbb dotted;
    }

    .float_left {
        float: left;
        display: inline;
        margin-right: 1em;
        margin-bottom: 0.15em;
    }

    .float_right {
        float: right;
        display: inline;
        margin-left: 1em;
        margin-bottom: 0.15em;
    }

    .center {
        text-align: center;
        margin: 0.5em auto
    }

    /**
     * Layout Classes
     * (en) standrad classes for the styles of lyout elemts
     * (de) Standardklassen für Layout Elemente
     *
     * @section content-generic-classes
     */

    div.textblock {
        margin: 14px 0px 0px 0px;
    }

    #footer div.text {
        background: transparent url(footer-left.gif) no-repeat scroll left top;
        float: left;
        height: 23px;
        padding: 0pt 0pt 0pt 12px;
    }

    #footer p {
        color: #FFFFFF;
        padding: 5px 0pt 0pt;
    }

    #footer div.end {
        background: transparent url(footer-right.gif) no-repeat scroll right top;
        float: left;
        height: 23px;
        width: 12px;
    }

    #footer a {
        color: #FFFFFF;
        margin: 0pt;
        padding: 0pt;
    }

    div.application {
        margin: 14px 0px 0px 0px;
    }

    div.application-margin-top {
        margin-top: 1px;
    }

    div.application img.content_img_height {
        float: left;
        margin: 0px 20px 14px 0px;
        width: 140px;
    }

    /**
     * 404-Page
     *
     * (en) Formatting Elements of 404-page
     * (de) Gestaltung von Elementen der 404-Seite
     *
     */
    #similar_pages {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    #similar_pages li {
        margin: 0px;
        padding: 0px;
    }

    /**
     * External Links
     *
     * (en) Formatting of hyperlinks
     * (de) Gestaltung von Hyperlinks
     *
     */

    a {
        color: #597b97;
        text-decoration: none;
    }

    a:focus, a:hover, a:active {
        text-decoration: underline;
        outline: none;
    }

    a.arrow {
        background: url(link-arrow.gif) no-repeat center left;
        padding: 0 0 0 8px;
    }

    a.arrow:hover {
        text-decoration: underline;
        outline: none;
        color: #FF5900;
    }

    a.arrowback {
        background: url(link_arrow_back.gif) no-repeat center left;
        padding: 0 0 0 8px;
    }

    a.arrowback:hover {
        text-decoration: underline;
        outline: none;
        color: #FF5900;
    }

    #path a {
        text-decoration: underline;
    }

    h1 a {
        background: url(link-arrow-h1.gif) no-repeat center left;
        padding: 0 0 0 10px;
        display: block;
    }

    h2 a {
        background: url(link-arrow-h2.gif) no-repeat center left;
        padding: 0 0 0 12px;
        display: block;
    }

    .blue_background_3col h2 a {
        color: #fff;
        background: url(link-arrow-h1.gif) no-repeat center left;
    }

    h2 a:focus,
    h2 a:hover,
    h2 a:active {
        background: #a6b8c7 url(link-arrow-h1.gif) no-repeat center left;
        color: #FF5900;
        text-decoration: none;
    }

    /* Collapse button for solutionfinder */
    a.collapse {
        float: right;
        padding: 8px 12px;
        background: none;
    }

    .expander a {
        display: block;
        height: 14px;
        background: url(col3-expander.gif) no-repeat left top;
        text-decoration: none;
    }

    .expander a.expanded {
        background-position: left bottom;
    }

    .tooltip {
        border: solid 1px #666666;
        width: 198px;
        padding: 3px;
        position: absolute;
        z-index: 100;
        color: #FFFFFF;
        left: 0px;
        top: 0px;
        background-color: #6f95ac;
        layer-background-color: #6f95ac;
        visibility: hidden;
    }

    .tooltipContent {
        position: absolute;
        visibility: hidden;
    }

    /**
     * (en) Emphasizing external Hyperlinks via CSS
     * (de) Hervorhebung externer Hyperlinks mit CSS
     *
     * @section             content-external-links
     * @app-yaml-default    disabled
     */

    /*
    #main a[href^="http://www.my-domain.com"],
    #main a[href^="https://www.my-domain.com"]
    {
      padding-left: 12px;
      background-image: url('your_image.gif');
      background-repeat: no-repeat;
      background-position: 0 0.45em;
    }
    */

    /**
     * Tables | Tabellen
     * (en) Generic classes for table-width and design definition
     * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
     *
     * @section content-tables
     */

    table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 0.5em;
    }

    table.full {
        width: 100%;
    }

    table.fixed {
        table-layout: fixed
    }

    table.content_table {
        width: 100%;
        border: none;
    }

    table.content_table td {
        padding: 0px;
        margin: 0px;
        vertical-align: top;
    }

    table.content_table tr {
        background: transparent url(dotted-line.gif) repeat-x scroll center bottom;
        line-height: 18px;
    }

    table.content_table td.left {
        text-align: left
    }

    table.content_table td.right {
        text-align: right
    }

    table.content_table_noline tr {
        background: none;
    }

    th, td {
        padding: 0.5em;
    }

    thead th {
        background: #444;
        color: #fff
    }

    tbody th {
        background: #ccc;
        color: #333
    }

    tbody th.sub {
        background: #ddd;
        color: #333
    }

    /**
     * Formulare
     *
     * @section content-forms
     */

    #select_country select {
        width: 230px;
    }

    #solution_finder {
        width: 100%;
    }

    .select_100 select {
        width: 100%;
    }

    input {
        border: 1px solid #a3b6c5;
    }

    .go {
        border: none;
        background: #7a94ab;
        padding: 0px;
        margin-left: 6px;
        width: 40px;
        height: 18px;
    }

    .go img {
        margin: 0px auto;
    }

    /**
     * Miscellaneous | Sonstiges
     *
     * @section content-misc
     */

    hr {
        color: #fff;
        background: transparent;
        margin: 0 0 0.5em 0;
        padding: 0 0 0.5em 0;
        border: 0;
        border-bottom: 1px #000 solid;
    }

    /**
     * Content
     *
     * @section content-details
     */

    /* ### path  #### */


    select {
        color: #666666;
        font-size: 1em;
        font-family: Arial, sans-serif;
    }

    select.solutionfinder {
        font-size: 0.73em;
    }

    /**
     * Investor relations
     *
     */
    table.chartimg {
        margin-bottom: 0;
    }

    td.chartimg {
        padding: 0;
    }

    table.stockinfo th, table.stockinfo td {
        padding: 0 0 0 12px;
    }

    table.stockinfo {
        margin-bottom: 0
    }

}

/* content custom */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 * @appdef yaml
 */

@media all {

    ul.content_list {
        list-style-type: none;
        margin: -8px 0 0 0;
        padding: 0 0 12px 0;
    }

    ul.content_list ul {
        list-style-type: none;
        margin: 4px 0 0 16px;
        padding: 0 0 0 0;
    }

    ul.noline {
        background: none;
    }

    ul.content_list li {
        margin: 0;
        padding: 8px 0;
        background: url(dotted-line.gif) repeat-x bottom;
        line-height: 12px;
        overflow: hidden;
    }

    ul.content_list li li {
        margin: 0;
        padding: 4px 0;
        background: none;
        line-height: 12px;
    }

    ul.content_list a.arrow {
        background: url(img/list_arrow2.gif) no-repeat top left;
        text-decoration: none;
        padding: 0 0 0 10px;
        display: block;
    }

    ul.content_list li a.arrow2 {
        background: url(img/list_arrow.gif) no-repeat top left;
        padding: 1px 0 0 16px;
        font-weight: bold;
        text-decoration: none;
    }

    ul.content_list li a.expand {
        background: url(img/list_expand.gif) no-repeat top left;
        padding: 0 0 0 16px;
        font-weight: bold;
        text-decoration: none;
        display: block;
    }

    ul.content_list li a.expanded {
        background: url(img/list_expanded.gif) no-repeat top left;
        padding: 0 0 0 16px;
        font-weight: bold;
        text-decoration: none;
        display: block;
    }

    ul.content_list li a:focus,
    ul.content_list li a:hover,
    ul.content_list li a:active {
        color: #ff5900;
    }

    ul.content_list li div.datecolumn {
        width: 100px;
        float: left;
    }

    ul.content_list li div.newscolumn {
        width: 345px;
        padding-right: 10px;
        float: left;
    }

    ul.content_list li div.eventcolumn {
        width: 220px;
        padding-right: 10px;
        float: left;
    }

    ul.content_list li p {
        padding: 0pt 10px 4px 0px;
    }

    ul.productlist li p {
        padding: 0pt 10px 4px 10px;
    }

    ul.solutionlist li p {
        padding: 0pt 10px 4px 10px;
    }

    ul.content_list dir {
        list-style-type: none;
        margin: 4px 0 0 16px;
        padding: 0 0 0 0;
    }

    dir.content_list {
        list-style-type: none;
        margin: -8px 0 0 0;
        padding: 0 0 12px 0;
    }

    dir.content_list li {
        margin: 0;
        padding: 8px 0;
        background: url(dotted-line.gif) repeat-x bottom;
        line-height: 12px;
        overflow: hidden;
    }
}

/* teaser custom */
/*
**  version		: 01.11.06
**  Datei       : teaser-content-custom.css
**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials
**
*/

@media all {

    /* ######################################################################################################
    ** ### Teasers ##############################################################################
    ** ######################################################################################################
    */

    /****************************************************
    * styles for the all modes
    ****************************************************/

    div.content_blue-bg_col2 {
        background: #eef2f4;
        margin: 5px 12px 0px 12px;
        padding: 0;
        overflow: hidden;
    }

    /* for related info teaser */
    #teaserid_14013 div.content_blue-bg_col2 {
        margin-top: 12px;
    }

    div.content_blue-bg_col2 .teaser_title {
        font-weight: bold;
    }

    div.content_blue-bg_col2 .teaser_content {
        padding-top: 5px;
    }

    /* IE 6 only */
    * html div.content_blue-bg_col2 {
        padding-bottom: 12px;
    }

    div.teaser_localcontent {
        background: #eef2f4;
        margin: 0 12px 12px 12px;
        padding: 0;
        overflow: hidden;
    }

    .teaserContent h3 {
        margin: 0 12px 8px 12px;
        padding: 7px 0 4px 0;
    }

    .product_image {
        background: url(product_corners.gif) no-repeat top left;
        padding: 12px 0;
    }

    .product_image div {
        background: url(product_corners2.gif) no-repeat bottom left;
        padding: 0 0 12px 0;
        text-align: center;
    }

    .product_image img {
        margin: 0 auto;
        padding: 0px 12px;
        max-width: 192px;
    }

    /* teaser lists */
    .teaserList {
        list-style-type: none;
        margin: 0px;
    }

    /* teasers */
    .teaserList .teaser, .teaserList .teasernotdraggable {
        margin-left: 0px;
        zoom: 100%
    }

    div.teaserContent {
        background: #EEF2F4;
        margin-bottom: 12px;
        overflow: hidden;
        /*max-width: 240px;*/
    }

    div.teaser_sm_entry select {
        width: 100%;
        border: 1px solid #A3B6C5;
        margin-bottom: 3px;
    }

    div.configure_teaser_newelement input {
        /*width: 100%;*/
        border: 1px solid #A3B6C5;
        margin-bottom: 3px;
    }

    div.configure_teaser_newelement input[type=file] {
        width: 200px;
    }

    div.teaserContent .configure_teaser, div.teaserContent .configure_teaser_newelement {
        padding: 5px 12px 5px 12px;
    }

    div.teaserContent .configure_teaser_seperator, h3.teaser_title_line {
        background: url(dotted-line.gif) repeat-x bottom;
    }

    ul.teaserList div.teaserContent {
        padding: 0;
        border-bottom: 0px solid #ebebeb;
    }

    #teasers h2 {

    }

    #teasers h2 a.nl_link {
        display: block;
        float: right;
        font-weight: normal;
        background: transparent;
        padding-left: 10px;
        margin-right: 10px !important;
        margin-right: 5px;
    }

    .teaserContent select {
        width: 100%;
    }

    /* Bugfix for Edit Modus / Sm rendered dropdowns */
    .teaserContent table select {
        width: 135px;
    }

    /****************************************************
    * styles for the edit mode
    ****************************************************/

    /* help div */
    #teaserHelpDiv {
        margin-bottom: 10px;
        background-color: #ffcccc;
        border: 1px solid black;
        padding: 5px;
    }

    /* admin links + status div */
    .teaserLinkDiv {
        border: 1px solid black;
        border-bottom-width: 0px;
        text-align: center;

        padding-bottom: 2px;
    }

    /* distinguish between local and global teasers by background color */
    #teaserLocalLinkDiv, #teaserLocalEditDiv {
        background-color: #ccffcc;
    }

    #teaserGlobalLinkDiv, #teaserGlobalEditDiv {
        background-color: #ffffbb;
    }

    #teaserGlobalEditDiv {
        border: solid #ffff55 3px;
        height: 100%;
    }

    #teaserGlobaleditDiv h2 {
        background: none;
    }

    /****************************************************
    * styles for the edit mode
    * -> teasers on the edit div AND teasers on the page
    ****************************************************/

    /* category divs */
    .teaserEditDiv .teaserContainer, .teaserContainerEditMode {
        border: 1px solid black;
        padding: 3px;
        margin-bottom: 10px;
        /* min-height: 100px; */
    }

    .teaserContainer {
        height: 95%;
    }

    /* teaser lists */
    .teaserEditDiv .teaserList, .teaserContainerEditMode .teaserList {
        /* min-height: 30px; */
        margin: 5px;
    }

    /* teasers */
    .teaserEditDiv .teaser, .teaserContainerEditMode .teaser,
    .teaserEditDiv .teasernotdraggable, .teaserContainerEditMode .teasernotdraggable {
        border: 1px dotted black;
        border-top-width: 0px;
        margin-bottom: 10px;
        width: 220px;
    }

    .teaserEditDiv .teasernotdraggable, .teaserContainerEditMode .teasernotdraggable {
        border: none;
    }

    /* teaser handles */
    .teaserEditDiv .teaserHandle, .teaserContainerEditMode .teaserHandle {
        width: 100%;
        height: 15px;
        background-color: #999999;
        cursor: move;
        margin-bottom: 5px;
    }

    .teaserHandle {
        width: 220px !important;
    }

    #pageTeasersDiv.teaserContainer .teaserHandle {
        display: none;
    }

    .teasernotdraggable .teaserHandle {
        display: none;
    }

    /****************************************************
    * styles for the edit mode
    * -> teasers on the edit div ONLY
    ****************************************************/

    /* edit div */
    .teaserEditDiv {
        padding: 3px;
        display: none;
        position: absolute;
        top: 0px;
    }

    /* category headers */
    .teaserEditDiv .teaserContainerHeader {
        background-color: #333333;
        font-size: 0.9em;
        color: white;
        padding-left: 3px;
        padding-right: 3px;
    }

    /* teasers */
    .teaserEditDiv .teaser, .teaserEditDiv .teasernotdraggable {
        margin-right: 10px;
        /*width: 30%;*/
        float: left;
    }

    /* float clearing */
    .teaserEditDiv .clear {
        clear: left;
    }

    /****************************************************
    * Styles for the specific Global Teasers
    * -> teasers on the edit div ONLY
    ****************************************************/
    .teaserentry_nok {
        color: red;
    }

    .teaserentry_ok {
        color: #000;
    }

    div.teaserContent td, div.teaserContent td {
        padding: 0px 5px 0px 0px;
    }

}

/* custom whatever */
/**
 * "Special Styles for Sitemanager" - (X)HTML/CSS Framework
 *
 */

@media all {
    .solutionAdminArea {
        margin-bottom: 10px;
    }

    .solutionAdminLabel {
        font-weight: bold;
    }

    .solutionAdminBlock {
        clear: left;
        border: 0px solid;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .solutionAdminBlockLabel {
        font-weight: bold;
        float: left;
    }

    .solutionAdminBlockItems {
        clear: both;
    }

    .solutionAdminBlockItem {
        width: 230px;
        height: 25px;
        float: left;
    }

    .solutionAdminCheckBox {
        float: left;
    }

    .solutionAdminCheckBoxText {
        float: left;
        width: 165px;
        margin-left: 8px;
        padding-bottom: 10px;
    }

    .solutionAdminBlockItemIcon {
        width: 36px;
        height: 25px;
        float: right;
    }

    .solutionAbstractContent {
        border: 1px solid;
        padding: 10px;
    }

    .solutionAdministration {
        border: 1px solid;
        padding: 10px;
    }

    .solutionPopupMain {

    }

    .solutionPopupHeader {
        font-weight: bold;
    }

    .solutionPopupParentLabel {
        width: 160px;
        font-weight: bold;
        float: left;
    }

    .solutionPopupChildLabel {
        margin-left: 20px;
        width: 160px;
        float: left;
    }

    .solutionPopupParentInput {
        width: 200px;
    }

    .solutionPopupChildInput {
        width: 180px;
    }

    .childmargin {
        margin: 0px 0px 5px 0px;
    }

    .submit {
        padding: 2px 4px 2px 4px;
    }

    .transparentimg:hover img, .transparentimg:hover div img {
        filter: alpha(opacity=60);
        opacity: 0.6;
    }

    .transparentimg img, .transparentimg div img {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .transparentimg {
        cursor: pointer;
    }

    /* another little hack since the "OK"-Button in CM was not visible for teasers */

    .horizontal_right table {
        position: absolute;
        z-index: 1000000;
        background-color: #fff;
        margin: 2em 0 0 -18em;
        width: 26em;
        overflow: hidden;
    }

    .horizontal_left table {
        position: absolute;
        z-index: 1000000;
        background-color: #fff;
        margin: 0;
        width: 26em;
        overflow: hidden;
    }

    .blue_background_3col table {
        position: absolute;
        z-index: 1000000;
        background-color: #fff;
        margin: 1em 0 0 -5em;
        width: 20em;
        overflow: hidden;
    }

    .horizontal_right table *, .horizontal_left table *, .blue_background_3col table * {
        margin-left: 0;
    }

    .horizontal_right table table, .horizontal_left table table, .blue_background_3col table table {
        background: rgb(0, 20, 82);
        margin: 0 0 0 -0.5em;
        padding: 0;
    }

    /****************************************************
    * styles for the ascom zwo font
    ****************************************************/
    .cssfont div.yourindustryteaser h2 {
        font-family: Ascom, Arial, Times, serif;
    }

    .cssfont #nav_main ul li a {
        line-height: 14px;
    }

    .cssfont #nav_main ul li a {
        font-family: Ascom, Arial, Times, serif;
        font-size: 15px;
        padding: 2px 9px 0 0;
        line-height: 22px;

    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        /* fix for Chrome important */
        .cssfont #nav_main ul li a {
            padding-top: 0;
        }
    }

    .cssfont #nav_main ul li.active a {
        font-family: Ascom-Semibold, Arial, Times, serif;
        font-weight: normal;
        display: inline-block;
        line-height: 22px;
    }

    .cssfont #nav_main ul {
        padding: 0;
        margin: 0;
    }

    .cssfont div.yourindustryteaser h2.yourindustryteaser-title span {
        padding: 0 0 2px 6px;
        vertical-align: middle;
        display: table-cell;
        line-height: 12px;
    }

    body.cssfont #nav_main ul li.active ul li a, body.cssfont #nav_main ul li ul li a {
        font-family: Ascom, Arial, Times, serif;
        font-size: 14px;
    }

    body.cssfont #nav_main .subnav-wrapper ul li a {
        background-position: 0 -2px;
    }

    /*styles for replacement of buttonstyles */
    .cssfont h1 {
        font-family: Ascom, Arial;
        font-size: 15px
    }

    .cssfont .teaserContent h2, .cssfont .blue_background_3col h2 {
        font-family: Ascom, Arial, sans-serif;
        font-size: 15px
    }

}