@charset "UTF-8";
/**
 * "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-2009, 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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

@media all
{
    /**
     * Fonts
     *
     * (en) global settings of font-families and font-sizes
     * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
     *
     * @section content-global-settings
     */

    /* (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) reset monospaced elements to font size 16px in all browsers
     * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
     *
     * @see: http://webkit.org/blog/67/strange-medium/
     */

    textarea, pre, code, kbd, samp, var, tt {
        font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
    }

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

    /*--- Headings | Überschriften ------------------------------------------------------------------------*/

    h1,h2,h3,h4,h5,h6 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        color:#336699;
        margin: 0 0 0.25em 0;
    }

    h1 { font-size: 150%; margin-bottom: 12pt;margin-top: 24pt; line-height: 18pt; }                       /* 30px */
    h2 { font-size: 116.67%; color: #000; margin: 24pt 0 12pt 0; line-height: 12pt; }       /* 24px */
    h3 { font-size: 100%; color: #000; font-weight: bold; margin: 18pt 0 12pt 0; line-height: 12pt;}                       /* 18px */
    /*h4 { font-size: 80%; color: #000; font-weight: bold; margin: 0 0 -6pt 0;}  */                     
    h5 { font-size: 116.67%; }                    /* 14px */
    h6 { font-size: 116.67%; }                    /* 14px */

    /* --- Lists | Listen  -------------------------------------------------------------------------------- */

    ul, ol, dl { line-height: 12pt; margin: 0 0 12pt 1em; color: red;}
    ul li { list-style-image: url("../../images/bullet.gif"); color: #000; padding: 0 0 6pt 0; }
    ul ul li { list-style-image: url("../../images/bullet.gif"); padding: 0 0 0 0; }

    ol li { list-style-type: decimal; }
    ol ol li { list-style-type: lower-latin; }

    li { margin-left: 0.8em; line-height: 12pt; }

    dt { font-weight: bold; }
    dd { margin: 0 0 1em 0.8em; }
    dd.csc-textpic-caption {color: #000; font-size: 80%;}

    /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

    p { line-height: 12pt; margin: 0 0 12pt 0; }
    #boxContent p { line-height: 10pt; }	

    blockquote, cite,q {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style:italic;
    }
    blockquote { margin: 0 0 1em 1.6em; color: #666; }

    strong,b { font-weight: bold; }
    em,i { font-style: italic; }

    pre, code, kbd, tt, samp, var { font-size: 100%; }
    pre, code { color: #800; }
    pre { line-height: 1.5em; margin: 0 0 1em 0; }
    kbd, samp, var { color: #666; }
    var { font-style: italic; }

    acronym, abbr {
        border-bottom: 1px #aaa dotted;
        font-variant: small-caps;
        letter-spacing: .07em;
        cursor: help;
    }

    sub, sup { font-size: 91.6667%; }

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

    /*--- Links ----------------------------------------------------------------------------------------- */

    a { font-weight: bold;
        color: #336699; background:transparent; text-decoration:none; }
    a:visited  { color: #336699; }

    a:focus,
    a:hover,
    a:active { color:#336699; text-decoration:underline; }
    #col3_content a {
        padding-left: 7px;
        background-image: url('../../images/pfeil_blau.gif');
        background-repeat: no-repeat;
        background-position: 0 0.25em;
        font-weight: bold;
        color: #336699;
        text-decoration:none;
    }

    #col3_content a.anker {
        padding-left: 0px;
        background-image: none;
        background-repeat: no-repeat;
        background-position: 0;
        font-weight: bold;
        color: #336699;
        text-decoration:none;
    }

    #col3_content .csc-sitemap a, #col3_content .csc-textpic-imagewrap a { padding-left: 0;  background-image: none; }

    /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

    p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
    p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

    p.icaption_left img,
    p.icaption_right img { padding:0; border: 1px #888 solid; }

    p.icaption_left strong,
    p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

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

    .highlight { color: #f60; }
    .dimmed { color: #888; }

    .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

    .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
    .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
    .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

    .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 { display:block; text-align:center; margin: 0.5em auto; }

    /**
     * ------------------------------------------------------------------------------------------------- #
     *
     * 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: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
     table caption { font-variant:small-caps; }
     table.full { width: 100%; }
     table.fixed { table-layout:fixed; }
   
     th,td { padding: 0.5em; }
     thead th { color: #000; border-bottom: 2px #800 solid; }
     tbody th { background: #e0e0e0; color: #333; }
     tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }
   
     tbody th { border-bottom: 1px solid #fff; text-align: left; }
     tbody td { border-bottom: 1px solid #eee; }
   
     tbody tr:hover th[scope="row"],
     tbody tr:hover tbody th.sub { background: #f0e8e8; }
     tbody tr:hover td { background: #fff8f8; }*/

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

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


    #main a.extern, #main a.internal-link, 
    #main a.external-link-new-window
    {
        padding-left: 7px;
        background-image: url('../../images/pfeil_blau.gif');
        background-repeat: no-repeat;
        background-position: 0 0.25em;
        font-weight: bold;
        color: #336699;
    }

    fieldset.tx-powermail-pi1_fieldset {
        /* Disable border */
        border: none;
    }

    fieldset.tx-powermail-pi1_fieldset legend {
        line-height: 12pt; margin: 0 0 12pt 0;
        font-weight: bold;
    }

    fieldset.tx-powermail-pi1_fieldset label {
        /* Style labels */
        display: block;
        width: 150px;
        float: left;
        clear: both;
    }

    fieldset.tx-powermail-pi1_fieldset input,
    fieldset.tx-powermail-pi1_fieldset select {
        /* Style input fields */
        width: 270px;
        border: none;
        margin-left: 10px;
        padding: 2px;
        border: 1px solid #ccc;
    }
    fieldset.tx-powermail-pi1_fieldset input.powermail_submit_uid36 {
		margin-left:160px;
		width:275px;
	}
	.error {
		background: white none repeat scroll 0 0;
		border: 1px solid #e7e7e7;
		color: red;
		padding: 3px;
	}
	.error p {
		margin-bottom:0px;
	}

    div.tx_powermail_pi1_fieldwrap_html {
        /* Increase margin between every field */
        margin: 10px 0;
    }
    fieldset.tx-powermail-pi1_fieldset select { width: auto;}
    div.tx_powermail_pi1_fieldwrap_html_12 input { width: auto; margin-left: 160px; }

    form.tx_powermail_pi1_formconfirmation_back, form.tx_powermail_pi1_formconfirmation_submit { float: left; }

    form.tx_powermail_pi1_formconfirmation_back input,  form.tx_powermail_pi1_formconfirmation_submit input{ padding: 2px;
                                                                                                             border: 1px solid #ccc; margin: 10px 10px 0 0;}
    th,td { padding: 0.5em 05em 0.5em 0; }
    #tx-powermail-pi1_fieldset_1 legend { display: none; }

    /* SimpleThings 04/2013 */
    .csc-linkToTop {text-align: right;}
    
    /* SimpleThings 07/2013 */
    body {font-size: 12px;}
    body,
    .page_margins,
    #main {background: #fff;}
    #main {max-width: 1250px;}
    .page_margins {max-width: 100%;}
    #homelink {position: absolute; display: block;}
    #homelink a {position: absolute; display: block; width: 330px; height: 120px; text-indent: -999em;}
    .vlist {margin-bottom: 2em;}
    #logos {margin-top: 18pt;}
    #aux_nav {margin-top: 2em;padding: 0 10px;}
    
    #col1_content {padding-top: 20px; padding-right: 25px;}
    #col2 {padding-top: 0; background-image: none;}
    #col2_content {top: 0; padding-top: 10px;}
    #col3_content {padding-top: 0px;}
    
    #boxContent p,
    #boxContent li {font-size: 11px;}
    
    .hlist .menu {height: auto;}
    #nav {margin:3px 0 0; height: 36px;
    background: #386a9b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(right,  #386a9b 82%, #ffffff 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(82%,#386a9b), color-stop(98%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right,  #386a9b 82%, #ffffff 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right,  #386a9b 82%, #ffffff 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #386a9b 82%, #ffffff 98%); /* IE10+ */
background: linear-gradient(to right,  #386a9b 82%, #ffffff 98%); /* W3C */
    }
    #nav ul {margin: 0; height: auto; float: none;}
    #nav ul li {width: auto; padding: 0; border: 0;}
    #nav ul li a {font-size: 13px; width: auto; height: auto; padding: 10px 16px; background: #336699; border-right: 1px solid #5c85ad; border-left: 1px solid #194d81; color: #fff !important;}
    #nav ul li a:focus,
    #nav ul li a:hover,
    #nav ul li a:active,
    #nav ul li.active a {background: #194d81; color: #fff;}
    #nav ul li.active a:focus,
    #nav ul li.active a:hover,
    #nav ul li.active a:active {background: #336699;}
    #nav ul ul {left: 0; top: auto;}
    #nav ul ul li {width: 180px;}
    #nav ul ul li a {font-size: 12px; font-weight: normal; width: 195px; border-left:0; border-right:0; border-bottom: 1px solid #194d81;} /* NX, 17.12.15 */
    #nav ul li.active ul li a {border-bottom: 1px solid #336699;}
    
    #sec_menu ul.vlist {margin-top: 18pt; padding-top: 0;border-top: 1px solid #97acb8; border-bottom: 1px solid #97acb8;}
    #sec_menu ul.vlist li {border-bottom: 1px solid #97acb8; background: #fff; padding: 0; margin: 0;}
    #sec_menu ul.vlist li:last-child {border: 0;}
    #sec_menu ul.vlist li li:first-child {border-top: 1px solid #97acb8;}
    #sec_menu ul.vlist li a {padding-left: 14px; color: #194d81 !important; background: url('../../images/arrow-menu.png') left center no-repeat #fff; border: 0; display: block; width: auto; font-size: 12px; font-weight: bold;}
    #sec_menu ul.vlist li.current a,
    #sec_menu ul.vlist li.active li.current a{background-color: #e7eec5; background-image: url('../../images/arrow-menu-current.png');}
    #sec_menu ul.vlist li.active a,
    #sec_menu ul.vlist li.current li.active a{background-image: url('../../images/arrow-menu-active.png'); font-weight: bold;}
    #sec_menu ul.vlist li.normal a,
    #sec_menu ul.vlist li.current li.normal a,
    #sec_menu ul.vlist li.active li.normal a {background-image: url('../../images/arrow-menu.png'); background-color: #fff;}
    #sec_menu ul.vlist li li.normal a,
    #sec_menu ul.vlist li li li.current a{ font-weight: normal;}
    #sec_menu ul.vlist li a:focus,
    #sec_menu ul.vlist li a:hover,
    #sec_menu ul.vlist li a:active {background-color: #e7eec5 !important;}
    #sec_menu ul.vlist li li a {font-weight: normal; padding-left: 30px; background-position: 18px center;}
    #sec_menu ul.vlist li li li a {font-weight: normal; padding-left: 48px; background-position: 36px center;}
    
    #breadcrumb {margin-top: 40px; padding: 0 20px 0 10px; font-size: 10px; line-height: 150%;}
    #breadcrumb a {font-weight: normal;}
    #breadcrumb span {font-weight: bold; color: #336699;}

}