@charset "UTF-8";
    /**
        @name:          sqeenCMS
        @version:       2.x
        @package:       template
        @subpackage:    sqc_core
        @access:        frontend
        @author:        sqeen
        @copyright:     sqeen
        @since:         2010
        @todo:          cascading style sheet for all browsers
    */



    /* Main styles */
        html, body {
            width:              100%;
            /*min-height:         100%;
            height:             100%;*/
            text-align:         center;
            position:           relative;
            overflow:           hidden;
            background:         #8a8585;
        }

        * html body {
            behavior:           url(admin/css/csshover3.htc);
        }

        * {
            margin:             0;
            padding:            0;
            border:             0;
            outline:            0;
        }

        img {
            -ms-interpolation-mode:bicubic;
        }


    /* Welcome Layer */
        #divWelcomeScreen {
            position:           fixed;
            width:              100%;
            height:             100%;
            z-index:            10;
            background:         #FFF;
        }

        #divWelcomeScreen img {
            margin:             0 auto;
        }


        #divContainer {
            position:           fixed;
            top:                0px;
            left:               0px;
            width:              100%;
            height:             100%;
            overflow:           auto;
            z-index:            2;
        }

        #divHead {
            float:              left;
            width:              100%;
            height:             28px;
            margin:             65px 0 55px 0;
            background:         #cebca5;
        }

        #divHeadContainer {
            position:           relative;
            width:              1040px;
            height:             28px;
            margin:             0 auto;
        }

        #aLogo {
            display:            block;
            z-index:            5;
            position:           absolute;
            height:             104px;
            width:              324px;
            top:                -43px;
            left:               15px;
            background:         url(../images/becker_event_exclusiv_logo.png) no-repeat;
        }

        #divMenu {
            position:           absolute;
            z-index:            4;
            top:                3px;
            left:               308px;
            width:              750px;
        }

        #divMenu a {
            font-family:        Arial, sans-serif, Verdana, Thahoma;
            font-size:          12px;
            color:              #000;
            text-decoration:    none;
            text-transform:     uppercase;
        }

        #divMenu a:hover {
            text-decoration:    underline;
        }

        #divMenu a.active {
            color:              #fff;
        }

        #divMain {
            position:           relative;
            width:              1000px;
            height:             530px;
            margin:             0 auto;
        }

        #imgMain {
            float:              left;
            height:             450px;
            width:              490px;
            margin:             0 25px 0 0;
        }

        #aExitGallery {
            position:           absolute;
            top:                159px;
            right:              13px;
            background:         #2A2522;
            border:             1px solid #423A35;
            padding:            6px 10px;
            z-index:            100;
            color:              #fff;
            font-weight:        bold;
            font-size:          13px;
            text-decoration:    none;
            font-family:        arial, verdana, sans-serif;
        }

        #aExitGallery:hover {
            background:         #342E2A;
            border:             2px solid #423A35;
            top:                158px;
            right:              12px;
        }

        #divSubMenu {
            position:           absolute;
            z-index:            3;
            top:                190px;
            right:              13px;
            width:              460px;
            background:         #cebca5;
            text-align:         left;
        }

        #divSubMenu a {
            font-family:        Arial, sans-serif, Verdana, Thahoma;
            font-size:          12px;
            color:              #000;
        }

        #divSubMenu a:hover {
            text-decoration:    none;
        }

        #divContent {
            position:           relative;
            top:                0;
            float:              left;
            width:              485px;
            height:             449px;
            font-family:        Arial, sans-serif, Verdana, Thahoma;
            font-size:          12px;
            color:              #000;
            text-align:         left;
            line-height:        140%;
        }

        #divContent #divCustomElmt1 {
            width:              459px;
            height:             297px;
            float:              left;
            padding:            13px;
            background:         #cebca5;
        }

        #divContent #divCustomElmt2 {
            width:              459px;
            height:             66px;
            float:              left;
            margin-top:         5px;
            padding:            13px;
            background:         #cebca5;
            overflow:           hidden;
        }
        
        #divContent #divCustomElmt3 {
            float:              left;
            overflow:           hidden;
            background:         none;
        }

        #divContent #divElement1 {
            width:              459px;
            height:             394px;
            float:              left;
            padding:            13px;
            background:         #cebca5;
        }

        #divContent h1 {
            width:              459px;
            padding:            13px 13px 0 13px;
            background:         #cebca5;
            text-transform:     uppercase;
            font-size:          12px;
            font-weight:        bold;
            line-height:        140%;
        }

        #divContent h2 {
            text-transform:     uppercase;
            font-size:          12px;
            font-weight:        bold;
            line-height:        140%;
            margin:             3px 0 3px 0;
        }

        #divContent a {
            color:              #000;
            text-decoration:    underline;
        }

        #divContent a:hover {
            text-decoration:    none;
        }

        #divContent ul, #divContent ol {
            margin:             5px 25px;
        }

        #divContent hr {
            height:             1px;
            border-top:         1px solid #B2967A;
            border-bottom:      1px solid #E0CFB8;
        }

        #divFoother {
            width:              1000px;
            float:              left;
            margin:             60px 0 0 0;
            text-align:         center;
            font-family:        Arial, sans-serif, Verdana, Thahoma;
            font-size:          12px;
            color:              #fff;
            text-decoration:    none;
            text-shadow:        1px 1px 2px #000;
        }

        #divFoother a {
            font-family:        Arial, sans-serif, Verdana, Thahoma;
            font-size:          12px;
            color:              #fff;
            text-decoration:    none;
            text-transform:     uppercase;
        }

        .divGallery {
            position:           absolute;
            top:                0px;
            left:               -515px;
            width:              1000px;
            height:             450px;
            z-index:            6;
            background:         url(../images/bg_black.png) repeat;
        }

        .divGallery .divGalleryImg {
            float:              left;
            height:             340px;
            width:              1000px;
            text-align:         center;
        }

        .divGallery .divGalleryImg img {
            max-height:         328px;
            max-width:          600px;
            margin-top:         7px;
        }

        .divGalleryDescription {
            display:            none;
        }

        .divGallery .divGalleryImg .next, .divGallery .divGalleryImg .prev {
            position:           absolute;
            display:            block;
            top:                160px;
            height:             50px;
            width:              50px;
            cursor:             pointer;
        }

        .divGallery .divGalleryImg .next:hover, .divGallery .divGalleryImg .prev:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
            filter: alpha(opacity=60);
            -moz-opacity: 0.6;
            -khtml-opacity: 0.6;
            opacity: 0.6;
        }

        .divGallery .divGalleryImg .next {
            right:              0px;
            background:         url(../images/next.png) no-repeat;
        }

        .divGallery .divGalleryImg .prev {
            left:               0px;
            background:         url(../images/prev.png) no-repeat;
        }

        .divGallery .divGalleryImg .loader {
            margin-top:         178px;
            height:             16px;
            width:              16px;
            background:         url(../images/loader.gif) no-repeat;
        }

        .divGalleryThumbs {
            float:              left;
            height:             90px;
            width:              993px;
            margin:             0 0 0 7px;
        }

        .divGalleryThumbs a, .divGalleryThumbs img {
            float:              left;
            width:              50px;
            height:             50px;
            margin:             1px 2px 1px 0;
        }

        /*.divElement.contact, .divElement.content {
            float:              left;
            position:           relative;
            width:              465px;
            margin-top:         5px;
        }*/




        .divElement.contact .row {
            float:              left;
            width:              304px;
            padding:            3px 0;
        }

        .divElement.contact .row .name {
            float:              left;
            width:              60px;
            padding:            5px 10px 0 0;
            text-align:         right;
        }

        .divElement.contact .row .field {
            float:              left;
            width:              234px;
        }

        .divElement.contact .field input {
            width:              342px;
            padding:            6px 6px;
            font-size:          12px;
            color:              #000;
            font-family:        Arial, sans-serif, Verdana, Thahoma;
        }

        .divElement.contact textarea {
            height:             65px;
            width:              342px;
            padding:            6px;
            font-size:          12px;
            color:              #000;
            font-family:        Arial, sans-serif, Verdana, Thahoma;
        }

        .divElement.contact .row.controls {
            float:              left;
            width:              234px;
            margin:             0 0 0 70px;
        }

        .divElement.contact .row.controls input {
            padding:            3px 6px;
        }

        .divElement.contact .contact.message {
            position:           absolute;
            top:                -32px;
            right:              -18px;
            padding:            13px;
            width:              263px;
            background:         #CECECE;
            color:              #000;
            font-size:          12px;
        }

        .divElement.contact .contact.message.failure {
            border:             2px solid #85110D;
        }

        .divElement.contact .contact.message.succes {
            border:             2px solid #45852B;
        }



        /** --------- SCROLLBAR ------------ */
        #divCustomElmt1 #scrollContent {
            position:           relative;
            top:                0;
            width:              459px;
            height:             300px;
        }

        .divElement #scrollContent {
            position:           relative;
            top:                0;
            width:              459px;
            height:             394px;
        }

        #scrollContent .customScrollBox {
            position:           relative;
            height:             100%;
            overflow:           hidden;
        }

        #scrollContent .customScrollBox .container {
            position:           relative;
            width:              446px;
            top:                0;
            float:              left;
        }

        #scrollContent .customScrollBox .content {
            clear:              both;
        }

        #scrollContent .customScrollBox img {
            border:             5px solid #fff;
        }

        #divCustomElmt1 #scrollContent .dragger_container {
            position:           relative;
            width:              2px;
            height:             300px;
            float:              left;
            margin-left:        7px;
            background:         #CEBCA5;
            cursor:             pointer;
            -moz-border-radius:2px;
            -khtml-border-radius:2px;
            -webkit-border-radius:2px;
            border-radius:      2px;
            cursor:             s-resize;
        }

        .divElement #scrollContent .dragger_container {
            position:           relative;
            width:              2px;
            height:             394px;
            float:              left;
            margin-left:        7px;
            background:         #CEBCA5;
            cursor:             pointer;
            -moz-border-radius:2px;
            -khtml-border-radius:2px;
            -webkit-border-radius:2px;
            border-radius:      2px;
            cursor:             s-resize;
        }

        /*#scrollContent .dragger {
            position:           absolute;
            width:              2px;
            height:             60px;
            background:         #000;
            text-align:         center;
            line-height:        60px;
            color:              #666;
            overflow:           hidden;
            cursor:             pointer;
            -moz-border-radius: 2px;
            -khtml-border-radius:2px;
            -webkit-border-radius:2px;
            border-radius:      2px;
        }*/

        #scrollContent .dragger, #scrollContent .dragger_pressed {
            position:           absolute;
            width:              5px;
            margin-left:        -1px;
            height:             60px;
            background:         #000;
            text-align:         center;
            line-height:        60px;
            color:              #666;
            overflow:           hidden;
            /*-moz-border-radius: 4px;
            -khtml-border-radius:4px;
            -webkit-border-radius:4px;*/
            border-radius:      4px;
            cursor:             pointer;
        }
