/**
 * "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: Arial, Helvetica, sans-serif;
        font-size: 75.00%;
        color: #444;
    }

    /*--- Headings | Überschriften ------------------------------------------------------------------------*/
    h1, h2, h3, h4, h5, h6 {
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        font-weight: normal;
        color: #cf2030;
        margin: 0;
    }

    h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
        position: absolute;
        font-size: 9pt;
        top: 0;
        right: 0;
    }

    h1 span.HoverTips {
        position: relative;
    }

    .HoverTips.success {
        background-color: #0c0;
    }

    h1.cheader {
        color: #fff;
        background-color: #566175;
        margin-left: -10px;
        margin-right: -10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 5px 10px;
    }

    h1 a.toplink, h2 a.toplink {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 8pt;
        font-weight: normal;
    }

    h1 {
        font-size: 180%;
    }

    h2 {
        font-size: 120%;
        font-weight: bold;
    }

    h3 {
        font-size: 100%;
        margin: 0 0 0.4em 0;
        padding: 0;
        font-weight: bold;
    }

    /* 18px */
    h4 {
        font-size: 133.33%;
    }

    /* 16px */
    h5 {
        font-size: 116.67%;
    }

    /* 14px */
    h6 {
        font-size: 116.67%;
    }

    /* 14px */
    /* --- Lists | Listen  -------------------------------------------------------------------------------- */
    ul, ol, dl {
        line-height: 1.5em;
        margin: 0 0 1em 1em;
    }

    ul li {
        list-style-type: disc;
    }

    ul ul li {
        list-style-type: circle;
    }

    ul.nopoints, ul.nopoints li {
        list-style-type: none;
        margin: 0;
    }

    ul.floated {
        width: 98%;
    }

    ul.floated li {
        float: left;
        line-height: 20px;
    }

    ul.floated.w50 li {
        width: 47%;
    }

    ul.floated.w33 li {
        width: 30%;
    }

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

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

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

    dt {
        font-weight: bold;
    }

    dd {
        margin: 0 0 1em 0.8em;
    }

    /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
    p {
        line-height: 1.5em;
        margin: 0 0 0.4em 0;
    }

    blockquote, cite, q {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
    }

    strong, b {
        font-weight: bold;
    }

    em, i, .italic {
        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 #eee solid;
    }

    /*--- Links ----------------------------------------------------------------------------------------- */
    a, a:visited {
        color: #cf2030;
    }

    a:focus, a:hover, a:active {
        color: #4E1127;
    }

    /* --- 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;
    }

    .positive {
        color: #0c0;
    }

    /*.bg-positive {*/
    /*}*/
    /*.buttonbar input.bg-positive {*/
    /*    background-color: #0c0;*/
    /*    border-color: #007C00 !important;*/
    /*    !*color: #FFF;*!*/
    /*}*/
    .dimmed {
        color: #888;
    }

    .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;
    }

    .block {
        display: block;
    }

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

    .right {
        text-align: right;
    }

    .cursor {
        cursor: pointer;
        text-decoration: underline;
        margin-right: 2px;
    }

    .linkify {
        cursor: pointer;
    }

    .extendable {
        background: url(/resources/icons/miniicons/plus.png) left center no-repeat;
    }

    .extendable.open {
        background: url(/resources/icons/miniicons/minus.png) left center no-repeat;
    }

    /*.extendable:hover {
        background: url(/templates/images/loginbtn.png) left center no-repeat;
    }*/
    /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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;
    }

    table caption {
        font-variant: small-caps;
    }

    .overflowscroll {
        width: 100%;
        overflow-x: auto;
    }

    table.full {
        width: 100%;
    }

    table.full th {
        white-space: nowrap;
    }

    table.fixed {
        table-layout: fixed;
    }

    table td, table th {
        vertical-align: top;
        padding: 5px 3px;
    }

    table.medium td {
        padding: 2px 3px;
    }

    table.tiny td {
        padding: 0;
    }

    table td.dark {
        background-color: #DEDEDE;
    }

    table th, table tr.header td {
        background-color: #DEDEDE;
        border-bottom: 2px #bbb solid;
    }

    table td.center {
        display: table-cell;
        text-align: center;
        margin: 0;
    }

    table.lined {
        border: 1px #bbb solid;
    }

    table.lined td {
        border-top: 1px #bbb solid;
    }

    table.vlined td {
        border-right: 1px #ddd solid;
    }

    table.bottomlined td {
        border-bottom: 1px #ededed dotted;
    }

    tr.odd {
        background-color: #FFF;
    }

    tr.odd:hover {
        background-color: #DDD;
    }

    table.noHover tr.odd:hover {
        background-color: #FFF;
    }

    tr.even {
        background-color: #EEE;
    }

    tr.even:hover {
        background-color: #CCC;
    }

    .table.noHover tr.even:hover {
        background-color: #EEE;
    }

    td.emptySearch {
        text-align: center;
        padding: 18px 0;
    }

    table.c2tModern {
        table-layout: fixed;
    }

    table.c2tModern td, table.c2tModern th {
        overflow: hidden;
        white-space: nowrap;
    }

    .c2tModern td.right, .c2tModern th.right {
        text-align: right;
    }

    table tr.total td {
        background-color: #DEDEDE;
        border-top: 2px #bbb solid;
    }

    table td.best {
        border-right: 3px #C0E4BC solid;
    }

    table td.good {
        border-right: 3px #F2F080 solid;
    }

    table td.average {
        border-right: 3px #F2AC80 solid;
    }

    table td.bad {
        border-right: 3px #ABCAF8 solid;
    }

    table tr.bgbad td, table tr td.bgbad {
        background-color: #ABCAF8 !important;
    }

    table tr.bgaverage td, table tr td.bgaverage {
        background-color: #F2AC80 !important;
    }

    table tr.bggood td, table tr td.bggood {
        background-color: #F2F080 !important;
    }

    table tr.bgbest td, table tr.bgyes td, table tr td.bgbest {
        background-color: #C0E4BC !important;
    }

    table tr.bgno td {
        background-color: #FBA79B;
    }

    table tr.current td {
        border-bottom: 2px #000 solid;
        border-top: 2px #000 solid;
    }

    /*.hidebgcolumns td.bgbest, .hidebgcolumns td.bgaverage {*/
    /*    color: transparent;*/
    /*}*/

    /**
  * Paging
  */
    div.paging ul li a, div.paging ul li span {
        color: #000;
    }

    div.paging li.current {
        border: 1px #2B2A2C solid;
        background-color: #EEEEEE !important;
    }

    div.paging li.current span {
        #color: #FFF;
    }

    /**
  * Administration
  */
    .subcolumns.blocks .subcl, .subcolumns.blocks .subcr {
        padding: 5px;
    }

    #main h1 {
        margin-bottom: 10px;
    }

    .subcolumns.blocks .block {
        position: relative;
        height: 60px;
        padding: 10px 85px 10px 10px;
        margin-bottom: 10px;
        border: 1px #BBB solid;
    }

    .subcolumns.blocks .options {
        top: 0;
        right: 0;
        height: 70px;
        width: 80px;
        padding: 5px;
        position: absolute;
        border-left: 1px #BBB solid;
        background-color: #DDD;
    }

    .subcolumns.blocks .options a {
        padding: 0;
    }

    /**
  * Forms
  */
    input, select, textarea {
        background-color: #fff;
        border: 1px #bbb solid;
        padding: 0;
        margin: 0;
        height: 18px;
        vertical-align: top;
    }

    textarea {
        height: 100px;
        width: 200px;
    }

    select {
        height: 20px;
    }

    .multiselect-dropdown-list {
        text-align: left;
    }

    input.checkbox {
        width: auto;
        background-color: transparent;
        border: 0;
        margin: 2px;
    }

    input.uploadForm {
        height: auto;
    }

    input.btn {
        width: auto;
        color: #cf2030;
        cursor: pointer;
        font-size: 90.01%;
        text-decoration: underline;
    }

    input.btn.bigger {
        font-size: 100%;
        font-weight: bold;
    }

    .actionbtn {
        padding: 4px 26px 4px 10px;
        margin: 1px;
        cursor: pointer;
        border: 1px #bbb solid;
        white-space: nowrap;
        background: url(/templates/images/loginbtn.png) right center no-repeat #eee;
        color: #000000;
    }

    .actionbtn:visited {
        color: #000000;
    }

    .actionbtn.leftarrow {
        padding: 4px 10px 4px 26px;
        background: url(/templates/images/loginbtnl.png) left center no-repeat #eee;
    }

    .actionbtn[rel=lightbox] {
        background-image: url(/resources/icons/nuvola/16x16/actions/player_play.png);
        background-position: calc(100% - 5px) center;

        /*padding-left: 26px;*/
        /*position: relative;*/
        /*&:before {*/
        /*    content: '';*/
        /*    position: absolute;*/
        /*    left:0;*/
        /*    top:0;*/
        /*    width: 26px;*/
        /*    height: 26px;*/
        /*    background: url(/templates/images/loginbtnl.png) left center no-repeat;*/
        /*}*/
    }

    .actionbtn.img {
        padding: 4px;
        background: #eee;
    }

    .actionbtn.img img {
        vertical-align: middle;
    }

    input.actionbtn {
        padding: 4px 26px 4px 10px;
        margin: 1px;
        width: 0;
        overflow: visible;
        height: 27px;
        font-size: 100%;
    }

    input.actionbtn[class] {
        width: auto;
    }

    a.actionbtn {
        line-height: 1.4em;
        white-space: normal;
        display: inline-block;
        width: auto;
    }

    a.actionbtn.tiny {
        font-size: 80.0%;
        height: 18px;
        font-weight: normal;
        line-height: 18px;
        padding: 1px 18px 1px 3px;
        background: url(/templates/images/loginbtntiny.png) right center no-repeat #eee;
    }

    .form_container {
        border: 0;
    }

    .c2Form {
        background-color: #FFF;
    }

    .c2Form input {
        width: 200px;
    }

    .c2Form td.left {
        border: 0;
    }

    .c2Form .buttonbar {
        background-color: #FFF;
    }

    /*.c2Form .buttonbar input {*/
    /*    padding: 4px 10px 4px 30px;*/
    /*}*/
    div.ctl100 input {
        width: 100%;
    }

    /**
   * Messaging
   */
    .messaging {
        border: 1px #BBB solid;
    }

    /**
   * File-Icons
   */
    a.download {
        padding: 4px 10px 4px 25px;
        line-height: 18px;
        background-repeat: no-repeat;
        background-position: 4px 3px;
        background-image: url(/resources/icons/nuvola/16x16/mimetypes/empty.png);
    }

    a.download.pdf {
        background-image: url(/resources/icons/nuvola/16x16/mimetypes/pdf.png);
    }

    a.download.doc, a.download.docx, a.download.odt {
        background-image: url(/resources/icons/nuvola/16x16/mimetypes/ooo_writer.png);
    }

    a.download.xls, a.download.xlsx, a.download.ods {
        background-image: url(/resources/icons/nuvola/16x16/mimetypes/ooo_calc.png);
    }

    a.download.jpg, a.download.jpeg, a.download.png, a.download.gif, a.download.tiff {
        background-image: url(/resources/icons/nuvola/16x16/mimetypes/image.png);
    }

    a.download.divx, a.download.mpg, a.download.mpeg, a.download.wmv, a.download.swf {
        background-image: url(/resources/icons/nuvola/16x16/mimetypes/video.png);
    }

    a.download.zip, a.download.rar, a.download.tar, a.download.gz {
        background-image: url(/resources/icons/nuvola/16x16/mimetypes/tar.png);
    }

    label.aligned {
        display: block;
        line-height: 1.5em;
        padding-left: 15px;
        text-indent: -18px;
    }

    label.aligned input {
        position: relative;
        left: 0;
        overflow: hidden;
        width: 13px;
        height: 13px;
        vertical-align: bottom;
        top: -1px;
    }

    /**
   * Icons
   */
    .tip {
        text-align: left;
        background-color: #EEE;
        border: 2px #DDD solid;
        padding: 4px;
    }

    .tip-text {
        display: none;
    }

    .linkContainer {
        margin-bottom: 10px;
    }

    .linkContainer div {
        position: relative;
    }

    .linkContainer a {
        display: block;
        background-image: url(/resources/icons/nuvola/16x16/apps/browser.png);
        background-position: 2px 2px;
        background-repeat: no-repeat;
        padding: 2px 0 2px 24px;
    }

    .linkContainer a.canEdit {
        margin-right: 25px;
    }

    .linkContainer span {
        position: absolute;
        cursor: pointer;
        top: 2px;
        right: 0;
    }

    .linkContainer a.facebook {
        background-image: url(/resources/icons/socialmedia/facebook_16.png);
    }

    .linkContainer a.xing {
        background-image: url(/resources/icons/socialmedia/xing_16.png);
    }

    .linkContainer a.bni {
        background-image: url(/templates/images/ci2020/bni_16.png);
    }

    .linkContainer a.myspace {
        background-image: url(/resources/icons/socialmedia/myspace_16.png);
    }

    .linkContainer a.google {
        background-image: url(/resources/icons/socialmedia/google_16.png);
    }

    .linkContainer a.flickr {
        background-image: url(/resources/icons/socialmedia/flickr_16.png);
    }

    .linkContainer a.skype {
        background-image: url(/resources/icons/socialmedia/skype_16.png);
    }

    .linkContainer a.twitter {
        background-image: url(/resources/icons/socialmedia/twitter_16.png);
    }

    .linkContainer a.youtube {
        background-image: url(/resources/icons/socialmedia/youtube_16.png);
    }

    .linkContainer a.qrscout {
        background-image: url(/resources/icons/socialmedia/qr_16.png);
    }

    .linkContainer a.linkedin {
        background-image: url(/resources/icons/socialmedia/linkedin_16.png);
    }

    .linkContainer a.instagram {
        background-image: url(/resources/icons/socialmedia/instagram_16.png);
    }

    .linkContainer a.tiktok {
        background-image: url(/resources/icons/socialmedia/tiktok_16.png);
    }

    /**
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */
    .cacheimage {
        position: relative;
        display: inline-block;
    }

    .cacheimage a {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .imageTextBlock .imageDescription {
        font-size: 90.0%;
    }

    .imageTextBlock .left {
        background-color: #FFF;
        padding: 0 10px 10px 0;
    }

    .imageTextBlock .right {
        background-color: #FFF;
        padding: 0 0 10px 10px;
    }

    .block.content {
        margin-bottom: 1em;
        padding-top: 1em;
    }

    .topline {
        border-top: 1px #cf2030 dotted;
        background: url(/templates/images/titlebg.png) 0 0 repeat-x;
        margin-top: 1.2em;
        padding-top: 0.8em;
    }

    .bottomline {
        border-bottom: 1px #DEDEDE solid;
        margin-bottom: 0.4em;
    }

    .llined {
        border-left: 1px #DEDEDE solid;
        padding-left: 10px;
    }

    .rightbox {
        float: right;
        width: 200px;
    }

    hr {
        color: transparent;
        background-color: transparent;
        border-bottom: 1px #cf2030 dotted;
    }

    .imageTextBlock .right {
        text-align: right;
        margin: 0 0 10px 10px;
    }

    .imageTextBlock .left {
        margin: 0 10px 10px 0;
    }

    .optimizePortrait .positive {
        color: #0c0;
    }

    .optimizePortrait .negative {
        color: #c00;
    }

    .usertermin {
        position: relative;
        border-bottom: 1px #bbb dotted;
        padding-right: 20px;
    }

    .letterChooser {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .letterChooser li {
        float: left;
        list-style-type: none;
        height: 20px;
        width: 30px;
        margin: 0 6px 6px 0;
        border: 1px solid #BBBBBB;
        background-color: #DEDEDE;
        border-radius: 5px;
        text-align: center;
        /*background: url(/templates/images/letterbg.png) 0 0 no-repeat;*/
    }

    .letterChooser a {
        display: block;
        padding: 2px 6px;
        text-decoration: none;
    }

    /*
    .hierachical_select option.in1 {
      text-indent: 0.5em;
    }
    .hierachical_select option.in2 {
      text-indent: 1em;
    }
    .hierachical_select option.in3 {
      text-indent: 1.5em;
    }
    .hierachical_select option.in4 {
      text-indent: 2em;
    }
    .hierachical_select option.in5 {
      text-indent: 2.5em;
    }*/
    #region_chapter_select_element select option.region {
        background-color: #ccc;
    }

    #gmapmarkertable {
        width: 780px;
    }

    #gmapmarkertable td {
        text-align: center;
    }

    #gmapmarkertable td img {
        vertical-align: middle;
    }

    #gmapmarkertable td a {
        font-size: 120%;
        font-weight: bold;
    }

    #footer .footergrid .subcr {
        padding-top: 3px;
        text-align: right;
    }

    div.topline.team {
        padding-top: 20px;
    }

    table.copyTo td {
        padding: 1px 4px;
    }

    table.copyTo tr.title td {
        font-weight: bold;
    }

    div.templates_container .c2Form input.input {
        width: 95% !important;
    }

    div.templates_container .c2Form textarea {
        height: 400px;
    }

    textarea.big {
        height: 100px;
        width: 600px;
        max-width: 100%;
    }

    ul.tabs {
        height: 30px;
        border-bottom: 1px solid #bbb;
        margin-left: 0;
    }

    ul.tabs li {
        list-style-type: none;
        float: left;
        display: inline;
        border: 1px solid transparent;
        height: 29px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        margin-left: 0;
        margin-right: 5px;
    }

    ul.tabs li:hover {
        border-left-color: #bbb;
        border-top-color: #bbb;
        border-right-color: #bbb;
        border-bottom-color: #fff;
    }

    ul.tabs li.active {
        border-left-color: #bbb;
        border-top-color: #bbb;
        border-right-color: #bbb;
        border-bottom-color: #fff;
    }

    ul.tabs li a {
        display: block;
        padding: 5px 15px;
        text-decoration: none;
        font-weight: bold;
    }

    .mzp table td {
        padding: 2px 0;
    }

    .mzp table td h3 {
        margin: 10px 0 0 0;
    }

    .mzp table td.left {
        width: 40%;
        text-align: left;
    }

    .mzp table td.left label {
        display: block;
    }

    .mzp #wannSpaeter {
        display: none;
    }

    .mzp input[type=checkbox],
    .mzp input[type=radio] {
        height: auto;
        margin-right: 5px;
    }

    .mzp .radiobuttonsTable {
        padding: 0;
    }

    .radiobuttonsTable input[type=radio] {
        margin-right: 5px;
    }

    .support .c75l {
        border-right: 1px solid #bbb;
    }
}