@charset "UTF-8";
/**
 *
 * (en) Screen layout based on YAML
 * (de) Bildschirmlayout auf YAML basierend
 *
 */
@media screen, projection {

    #layer {
        padding: 1px 0 5px;
        background-color: #fff;
        background-image: none;
        width: 100%;
        text-align: left;
        position: relative;
        z-index: 104;
        color: #444444;
        filter:alpha(opacity=100); /* ie hack */
    }

    #layer.nostyle {
        padding: 0;
        background: none transparent
    }

    #layer h3 {
        color: #fff;
        height: 26px;
        line-height: 26px;
        background-image: url(images/bg_layerheader.png);
        background-color: #333;
        background-repeat: repeat-x;
        background-position: top left;
        border-top: 1px solid #aaa;
        border-right: 1px solid #777;
        border-bottom: 1px solid #777;
        border-left: 1px solid #aaa;
        padding: 5px 5px 5px 10px;
        margin: 3px 3px 0 3px;
    }

    div.layer-content {
        clear: both;
        background-image: url(images/bg_layercontent.png);
        background-repeat: repeat-x;
        background-position: top left;
        padding: 16px 10px 3px 10px;
    }

    div.layer-content-noshadow {
        clear: both;
        padding: 10px 10px 3px 10px;
    }

    div.layer-footer {
        clear: both;
        background-image: url(images/bg_layerfooter.gif);
        background-repeat: repeat-x;
        background-position: top left;
        padding: 16px 10px 3px;
    }

    div.layer-process {
        float: left;
        background-image: url(images/bg_layerprocess.gif);
        background-repeat: repeat-x;
        background-position: 0px 2px;
        padding: 0;
        height: 40px;
        width: 380px;
        overflow: hidden !important;
        display: block;
    }

    div.layer-process-container {
        float: left;
        width: 500px;
    }

    div.layer-process-container div {
        float: left;
        background-image: url(images/bg_layerprocess_arrow.gif);
        background-repeat: no-repeat;
        background-position: top right;
        padding: 9px 10px 10px 3px;
        vertical-align: middle;
        height: 19px;
        font-weight: normal;
    }

    div.layer-process div.last {
        background: none;
    }

    div.layer-process div.active {
        color: #C60;
        font-weight: bold;
    }

    td.layer-label {
        padding: 0.5em 0 0;
    }

    td.layer-input {
        padding: 4px 0;
    }

    td.layer-buttons {
        padding: 4px 0;
    }

    div.layer-form-row {
        margin: 0.5em 0 0;
        min-height: 26px;
        clear: both;
    }

    div.layer-form-row-last {
        margin: 0.5em 0 10px;
        min-height: 26px;
        clear: both;
    }

    div.layer-block-left {
        width: 320px;
    }

    div.layer-block-left input {
        width: 318px;
    }

    div.layer-block-left .form-select {
        width: 320px;
    }

    div.layer-block-left input[type=checkbox] {
        width: 15px;
    }

    div.layer-buttons-text input[type=checkbox], div.layer-radiobuttons input[type=radio] {
        float: left;
        margin: 3px 8px 3px 0;
    }

    div.layer-radiobuttons label {
        clear: left;
        display: block;
        width: 310px;
        font-weight: normal;
    }

    div.layer-radiobuttons {
        padding: 4px 0 10px;
    }

    div.layer-block-left label.box-text {
        display: block;
        float: left;
    }

    div.layer-submit, div.layer-close, div.layer-right {
        float: right;
        text-align: left;
    }

    div.layer-buttons-text {
        clear: left;
        padding: 4px 0 0;
    }

    div.layer-close {
        float: right;
    }

    div.layer-close img {
        vertical-align: top;
    }


    a.layer-popuplink {
        text-decoration: underline;
        color: #444;
    }

    .layer-form-spacebefore {
        padding-top: 15px;
    }

    #layer-messages {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    #layer-load{
        height:51px;
        width:51px;
    }

    #layer-captcha {
        min-height: 95px;
    }

    #captcha-reload {
        margin-right: 38px;
    }

    #popup-overlay {
        position: fixed;
        z-index:100;
        top: 0px;
        left: 0px;
        height:100%;
        width:100%;
        background-color:#000;
        filter:alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
    }

    * html #popup-overlay { /* ie6 hack */
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }

    #popup-window {
        position: absolute;
        z-index: 102;
        display:none;
        border: none;
        text-align:left;
        color: white;
        height:100%;
    }

    #popup-load{
        position: fixed;
        display:none;
        height:51px;
        width:51px;
        z-index:100;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */
    }

    * html #popup-load { /* ie6 hack */
        position: absolute;
        margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
    }


    #popup-iframe-content{
        clear:both;
        border:none;
        margin-bottom:-1px;
        margin-top:1px;
    }

    #popup-ajax-content{
        clear:both;
        padding: 0;
        overflow:auto;
        text-align:left;
        height: 100%;
    }




    /**
    * GALLERY
    */
    #gallery-fade-bg {
        width: 800px;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    #gallery-slider {
        margin-top: 5px;

        width: 800px;
        height: 82px;
        padding: 0px 0;

        border: 1px solid #ddd;
        background: url(images/bg_gallery_slider.png) top left repeat-x;
    }

    #gallery-slider div.container {
        float: left;
        width: 575px;
        height: 82px;
        overflow: hidden;
    }

    #gallery-slider a.move {
    }

    #gallery-slider a.prev {
        float: left;
        width: 29px;
        height: 82px;
        border-right: 1px solid #ddd;
        display: block;
        padding-right: 1px;
    }

    #gallery-slider a.next {
        float: right;
        display: block;
        width: 29px;
        height: 82px;
        border-left: 1px solid #ddd;
        padding-left: 1px;
    }


    #gallery-slider .move {
        float: left;
        display: block;
        width: 29px;
        height: 82px;
        cursor: pointer;
        text-indent: -10000px;
    }

    #gallery-prev {
        border-right: 1px solid #ddd;
        padding-right: 1px;
        background: url(images/gallery_previous.png) top left no-repeat;
    }

    #gallery-slider .inactive {
        background: none;
    }


    #gallery-next {
        border-left: 1px solid #ddd;
        padding-left: 1px;
        background: url(images/gallery_next.png) top left no-repeat;
    }


    #gallery-slider-inner a {
        float: left;
        padding-top: 5px;
        padding-left: 13px;
    }

    #gallery-slider-inner .ytthumb {
        display: block;
        width: 128px;
        height: 72px;
        background-position: center;
        background-repeat: no-repeat;
    }
}