/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * screen stylesheet - layout example "custom grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */

@font-face {
    font-family: 'swissNormalCondensed';
    src:         url('webfonts/231A74_0_0.eot');
    src:         url('webfonts/231A74_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/231A74_0_0.woff') format('woff'), url('webfonts/231A74_0_0.ttf') format('truetype');
}

.clr {
    clear: both;
}

@media all {

    body {
        font-family: "Arial", Arial, Helvetica, sans-serif;
        background:  url("../../img/bg.jpg") repeat-x scroll left top #E5E5E5;
    }

    html {
        height: 100%;
        /*background: #FFFFFF;*/
    }

    #main {
        /*height:100%;*/
        position: relative; /* Required to enable cleartype in IE8 when using filter */
        /* continue your css for the wrapper here. */
        padding:  43px 0;
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5' ,GradientType=0 );*/
    }

    #top {
        margin-bottom: 12px;
    }

    #def {
        -moz-box-shadow:    0 2px 6px #999999;
        -webkit-box-shadow: 0 2px 6px #999999;
        box-shadow:         0 2px 6px #999999;
        background:         white;
    }

    #def header {
        height:      160px;
        background:  url(../../img/bg_head.png) repeat top left #004669;
        margin-left: -2px;
        width:       1004px;
    }

    #def header a#logo {
        display: block;
        width:   160px;
        height:  110px;
        padding: 25px 18px 25px 22px;
    }

    #def header a#logosmall {
        display: block;
        width:   160px;
        height:  84px;
        padding: 25px 20px;
    }

    #def header .ym-g1000-8 {
        margin-left: 2px;
    }

    #def header img {
        border: none;
        margin: 0;
    }

    #def #body {
        background: url('../../img/bg-ol.jpg') no-repeat left top;
    }

    #def #body #content {
        background:     url('../../img/bg-ur.jpg') no-repeat right bottom;
        min-height:     400px;
        padding-bottom: 50px;
    }

    #def footer {
        background:       #075476;
        background-image: -moz-linear-gradient(top, #004669 0%, #075476 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004669), color-stop(100%, #075476));
        background-image: -webkit-linear-gradient(top, #004669 0%, #075476 100%);
        background-image: -o-linear-gradient(top, #004669 0%, #075476 100%);
        background-image: -ms-linear-gradient(top, #004669 0%, #075476 100%);
        background-image: linear-gradient(top, #004669 0%, #075476 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004669', endColorstr='#075476' ,GradientType=0 );*/
        height:           11px;
        padding:          12px 0;
    }

    #footer-left  ul {
        margin:  -6px 0 0 -2px;
        padding: 0;
    }

    #footer-left  ul li {
        float:        left;
        list-style:   none;
        margin-right: 5px;
    }

    #footer-left  ul li a {
        display:   block;
        padding:   4px 0 0 25px;
        height:    21px;
        color:     white;
        font-size: 9px;
    }

    #footer-left  ul li.rss a {
        background: url(../../img/ico-blue.png) no-repeat left -22px;
    }

    #footer-left  ul li.rss a:hover {
        background: url(../../img/ico-blue_over.png) no-repeat left -22px;
    }

    #footer-left  ul li.twitter a {
        background: url(../../img/ico-blue.png) no-repeat left 0;
    }

    #footer-left  ul li.twitter a:hover {
        background: url(../../img/ico-blue_over.png) no-repeat left 0;
    }

    #footer-left  ul li.newsletter a {
        background: url(../../img/ico-blue.png) no-repeat left -46px;
    }

    #footer-left  ul li.newsletter a:hover {
        background: url(../../img/ico-blue_over.png) no-repeat left -46px;
    }

    #footer-right  ul {
        margin:          -3px 0 0 0;
        padding:         0;
        list-style-type: none;
    }

    #footer-right  ul li {
        float:   right;
        margin:  0;
        padding: 0;
    }

    #footer-right  ul li a {
        display:      block;
        padding:      0 4px;
        margin-right: 4px;
        color:        white;
        font-size:    9px;
    }

    #footer-right  ul li:before {
        content: '|';
        float:   right;
        color:   white;
    }

    #footer-right  ul li:first-child:before {
        display: none;
    }

    #toolbar {
        float:         right;
        white-space:   nowrap;
        padding-left:  15px;
        padding-top:   7px;
        padding-right: 18px;
    }

    .topspacer50 {
        height: 50px;
    }

    .submitButton {
        position: absolute;
        top:      -1000px;
        left:     -1000px;
    }

    .title-bl {
        font-family: "swissNormalCondensed", Arial, sans-serif;
        font-size:   13px;
        font-weight: 100;
        margin:      0 0 7px 0;
        padding:     1px 0 5px 5px;
        background:  url('../../img/blue-line.png') no-repeat left bottom;
        color:       #004669;
    }

    .title-bl2, .title-bl2 h2, .title-bl2 h3  {
        font-family: "Arial", sans-serif;
        font-size:   12px;
        margin:      0;
        color:       #004669;
    }

    .title-bl2 {
        padding:     2px 0 5px 5px;
        background:  url("../../img/blue-line-long.png") no-repeat scroll right bottom transparent;
    }

    .title-bl2 h2, .title-bl2 h3 {
        display: inline;
    }

    ul.list-default {
        margin:          0;
        padding:         0;
        list-style-type: none;
    }

    ul.list-default li {
        font-family: "Arial", sans-serif;
        font-size:   12px;
        margin:      0 0 0 5px;
        padding:     0 0 5px 10px;
        background:  url('../../img/arrow.png') no-repeat 0 5px;
        line-height: 1.5em;
        color:       #919191;
    }

    ul.list-default li a {
        color:           #004669;
        text-decoration: underline;
    }



    ul.list-default li.twitter {
        padding-left: 18px !important;
        background: url(../../img/socialmedia/twitter_neu.gif) no-repeat left 0;
    }

    ul.list-default li.rss {
        padding-left: 18px !important;
        background: url(../../img/socialmedia/rss_neu.gif) no-repeat left 0;
    }


    ul.list-default li.newsletter {
        padding-left: 18px !important;
        background: url(../../img/socialmedia/newsletter_neu.gif) no-repeat left 0;
    }

    ul.list-default li.twitter a,
    ul.list-default li.rss a,
    ul.list-default li.newsletter a{
        padding-left: 10px;
        background: url("../../img/arrow.png") no-repeat scroll 0 5px transparent;

    }


    ul.list-default li a:hover {
        text-decoration: none;
    }

    .module {
        margin: 0 0 21px 0;
    }

    .homepage .module {
        margin-top: 21px;
    }

    .toggle {
        margin: 0 0 17px 0;
    }

    .toggle .close, .toggle .open {
        cursor: pointer;
    }

    .toggle .title-toggle span, .toggle .title-toggle2 span, .toggle .title-toggle h2, .toggle .title-toggle2 h2, .toggle .title-toggle h3, .toggle .title-toggle2 h3 {
        padding: 0 15px 0 0;
        font-size: 1em;
    }

    .toggle .close span, .toggle .close h2, .toggle .close h3 {
        background: url('../../img/ico-downup-blue.png') no-repeat right 5px; font-weight: normal;
    }

    .toggle .open span, .toggle .open h2, .toggle .open h3 {
        background: url('../../img/ico-downup-blue.png') no-repeat right -7px; font-weight: normal;
    }

    .toggle .content {
        padding-top: 7px;
        margin:      0 0 10px 0;
    }

    #content .ym-grid .ym-g1000-4:last-child .toggle .content {
        width: 185px;
    }

    .toggle .content p:last-child {
        margin-bottom: 0;
    }

    .ym-g1000-16 .toggle .content {
        width: 790px;
    }

    .ym-g1000-12 .toggle .content {
        width: 590px;
    }

    .ym-g1000-8 .toggle .content {
        width: 390px;
    }

    .ym-g1000-4 .toggle .content {
        width: 190px;
    }

    .col2-1 .toggle .content, .col2-2 .toggle .content, .col3-1 .toggle .content, .col3-2 .toggle .content, .col3-3 .toggle .content {
        width: auto;
    }

    .col2-1 .vcard .email, .col2-2 .vcard.email, .col3-1 .vcard .email, .col3-2 .vcard .email, .col3-3 .vcard .email {
        width: 149px;
    }

    .toggle .contenttabs {
        margin: 10px 0 10px;
    }

    div.breadcrumb {
        padding: 5px 0 20px;
    }

    div.breadcrumb ul {
        font-family:     "Arial", sans-serif;
        font-size:       11px;
        list-style-type: none;
        margin:          0;
        padding:         0;
    }

    div.breadcrumb ul li {
        float:   left;
        margin:  0 4px 0 0;
        padding: 0;
        color:   #666;
    }

    div.breadcrumb ul li:after {
        content: '>';
        padding-left: 2px;
    }

    div.breadcrumb ul li:last-child:after {
        content: '';
    }

    div.breadcrumb ul li.last:after {
        content: '';
        display: none;
    }

    div.breadcrumb ul li a {
        color: #666;
    }

    #content .ym-grid .ym-gl:last-child .ym-gbox {
        margin-right: 10px;
    }

    .columnar {
        width: 49%;
        margin-right: 0.9%;
        float: left;
    }
}