html{ height: 100%; }




#site{
        margin: 0px auto;
        min-width: 836px; max-width: 1500px;
        padding: 0px;


}

#floater{ display: block; height: 0px; }

#NavTop{;position: relative; background-color:#ffffff;height:0px; margin: 0px; width: 100%; min-width: 836px;  max-width: 1550px; }
#dividers{ padding: 25px 0px 12px 0px; height: 1px; }
#bottom{ position:relative;text-align:left; top:50px;left:0px; width: 100%; overflow: hidden; }
#footer{ line-height: 24px; height: 24px; text-align: right; }

#splash{ position: absolute; }
#nav{ position: absolute; width: 330px; height: 0px; }
#main{ width: 100%; max-width: 1100px;  }

#main .container{}
#main .container h1{ font-size: 14px; margin: 0px 0px 0.5em 0px; padding: 0px; font-weight: bold; line-height: 100%; }
#main .container h2{ font-size: 14px; margin: 0px 0px 0.5em 0px; padding: 0px; font-weight: bold; line-height: 100%; }
#main #main_container{ overflow: hidden; }

/* splash */

#splash select{ font-family: nobel, arial, helvetica, sans-serif; color: #442A19; background-color: #ffffff; border: 0px solid; margin: 1px; padding: 2px; }
#choose-wrapper select{ font-family: nobel, arial, helvetica, sans-serif; color: #442A19; background-color: #ffffff; border: 0px solid; margin: 1px; padding: 2px; }
#splash .input_button{ font-family: nobel, arial, helvetica, sans-serif; color: #ffffff; background-color: #442A19; border: 0px solid #442A19; padding: 2px 10px; }
#choose-wrapper .input_button{ font-family: nobel, arial, helvetica, sans-serif; color: #ffffff; background-color: #442A19; border: 0px solid #442A19; padding: 2px 10px; }

/* top */

#logo{ position: absolute; margin-left: 24px; margin-top: 1px; }

#topnav{ position: absolute; right: 24px; text-transform: uppercase; }
#topnav{ color: #819597; font-size: 11px; }
#topnav a{ color: #819597; text-decoration: none; }
#topnav a:hover{ color: #432918; text-decoration: none; }

        /* page long & scrollers */
        #main .container .content{ background: url('../img/shadow_right.png') -11px 0px repeat-y; padding-left: 8px; padding-right: 50px; }
        #main .container .content p{ margin-bottom: 0.5em; }
        #main .up{ float: right; width: 19px; height: 11px; background-image: url('../img/up.gif'); cursor: pointer; }
        #main .down{ float: right; margin-top: -19px; width: 19px; height: 11px; background-image: url('../img/down.gif'); cursor: pointer; }
        #main .fade{ position: absolute; margin-top: -50px; margin-right: 125px; z-index: 10; height: 50px; background: url('../img/fade.png') repeat-x; }

        #main .controls{ position: absolute; bottom: 10px; right: 24px; text-transform: uppercase; color: #819597; font-size: 11px; }
        #main .controls a{ color: #819597; text-decoration: none; }
        #main .controls a:hover{ text-decoration: underline; }

        /* stores */
        #main .pos{ float: left; width: 120px; margin: 0px 1em 1em 0px; min-height: 85px; line-height: 15px; overflow: hidden; }
        #main .webshop{ float: left; width: 165px; margin: 0px 1em 0.25em 0px; }

        /* ideas */
        #main .container .content .input_text{ margin-bottom: 3px; padding: 2px; font-size: 11px; color: #b2b2b2; border: 1px solid #B7BFC0; background: url('../img/empty.gif'); font-style: italic; font-family: nobel, arial, helvetica, sans-serif; }
        #main .container .content .input_textarea{ margin: 0px 0px 3px 0px; padding: 2px; font-size: 11px; color: #b2b2b2; border: 1px solid #B7BFC0; background: url('../img/empty.gif'); font-style: italic; font-family: nobel, arial, helvetica, sans-serif; }
        #main .container .content input.has_value{ font-style: normal; }
        #main .container .content input.error{ border: 1px solid #ff0000; background-color: #F3DEE7; color: #ff0000; }
        #main .container .content .input_button{ margin-bottom: 3px; padding: 2px; width: 100px; color: #819698; border: 1px solid #B7BFC0;  font-size: 11px; font-family: nobel, arial, helvetica, sans-serif; }

        /* faq */
        #main .container .content.faq .toggler{ cursor: pointer; }
        #main .container .content.faq .toggler:hover{ color: #819597; }
        #main .container .content.faq .toggler.active{ color: #819597; }
        #main .container .content.faq .element{ padding-left: 1em; }

        /* sitemap */
        #main .container .content ul.sitemap{ list-style: none; margin: 0px; padding: 0px;}
        #main .container .content ul.sitemap>li{ float: left; margin-right: 1em; text-transform: lowercase; font-weight: bold; }
        #main .container .content ul.sitemap>li a{ text-decoration: none; }
        #main .container .content ul.sitemap ul{  list-style: none; margin: 0px; padding: 0px; margin-top: 1em; margin-bottom: 1em; }
        #main .container .content ul.sitemap ul li{ list-style: none; margin: 0px; padding: 0px; text-transform: lowercase; max-width: 120px; font-weight: normal; }
        #main .container .content ul.sitemap ul li a{ text-decoration: none; }

/* dividers */

#dividers .left{ float: left; width: 40px; height: 1px; font-size: 1px; line-height: 1px; background-color: #432918; }
#dividers .right{ float: right; width: 40px; height: 1px; font-size: 1px; line-height: 1px; background-color: #432918; }

/* bottom */

#bottom>.container{ position: relative; height: 100%; width: 100%; }
#bottom #chunkfinder{ cursor: move; }
#bottom #chunkfinder .box{ float: left; padding: 0px 10px 10px 0px; }
#bottom #chunkfinder .box>.container{ text-align: center;  }

#bottom .image_txt{ position: absolute; z-index: 10; font-size: 20px; text-transform: uppercase; font-weight: bold; font-family: basilia, times, serif; line-height: 20px; margin: 0px; padding: 0px; }
#bottom .image_txt .line.left{ width: 40px; height: 1px; font-size: 1px; line-height: 1px; background-color: #432918; margin-bottom: 10px; }
#bottom .image_txt .line.right{ float: right; width: 40px; height: 1px; font-size: 1px; line-height: 1px; background-color: #432918; margin-top: 9px; }

#bottom .img{ float: left; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; }
#bottom .img img{ display: none; }
#bottom .img img.video{ position: absolute; margin-top: 40px; margin-left: 40px; display: block; }
#bottom .img.short{ width: 436px; }
.no-backgroundsize #bottom .img{ background: #EEEEED !important; }
.no-backgroundsize #bottom .img img{ display: block; }

.tooltipbox{ background-color: #E4E4E4; padding: 5px 10px 15px 10px; box-shadow: 1px 1px 3px #ddd; }
.tooltipbox .tip-text{ font-style: italic;  }

/* iframe */

.chunkframe{ overflow: hidden; }
#ibody{ overflow: hidden; background-color: #EEEEED; }

#ibody #chunk{ height: 100%; }

        #ibody #chunk .info{ float: left; font-size: 15px; width: 300px; height: 100%; background: url('../img/shadow_right.png') -11px 0px repeat-y; padding-left: 10px; padding-right: 50px; }
        #ibody #chunk .info h1{ font-size: 22px; font-weight: normal; margin: 0px 0px 0.4em 0px; padding: 0px; }

        #ibody #chunk .label{ margin-top: 1em; color: #819597; font-size: 12px; }
        #ibody #chunk .label a{ color: #819597; }
        #ibody #chunk .label img{ position: relative; top: -4px; }

        #ibody #loader{ position: absolute; width: 500px; text-align: center; margin-top: 160px; }

        #ibody #chunk_rotator { float: left; width: 500px; height: 100%; background: url('../img/shadow_right.png') -11px 0px repeat-y; padding-left: 10px; margin-top: -25px; padding-bottom: 25px; }
                #ibody #chunk_rotator .rotateimg{ display: none; margin: 0px; background: center center no-repeat; width: 500px; height: 400px; }
                #ibody #chunk_rotator .hotspot{ position: absolute; cursor: pointer; display: none; left: 261px; width: 32px; height: 32px; text-align: center; border: 2px solid #ffffff; border-radius: 16px; }
                #ibody #chunk_rotator .hotspot:hover{ background: url('../img/hotspot_active.png') !important; }
                #ibody #chunk_rotator .hotspotmsg{ position: absolute; width: 112px; height: 62px; padding: 5px 5px 5px 20px; background: #F7F7F7; left: 0px; top: 0px; z-index: 100; }
                #ibody #chunk_rotator .title{ position: absolute; margin-left: 0px; width: 500px; text-align: center; margin-top: 12px; }
                #ibody #chunk_rotator .slider{ position: absolute; margin-left: 180px; margin-top: 360px; width: 140px; height: 1px; background: #E3E3E3 repeat-x; }
                #ibody #chunk_rotator .knob{ position: absolute; left: 67px; margin-top: -10px; width: 5px; padding: 0px 3px; cursor: e-resize; height: 20px; background: #432918; }

        #ibody #chunk .controls{ position: absolute; margin-top: 333px; margin-left: 0px; font-size: 11px; word-spacing: 4px; color: #819597; text-transform: uppercase; }
        #ibody #chunk .controls a{ color: #819597; text-decoration: none; font-weight: normal; font-size: 11px; }
        #ibody #chunk .controls a:hover{ color: #432918; text-decoration: none; }

/* footer */

#footer{ text-transform: uppercase; font-size: 11px; color: #819597; }
#footer a{ color: #819597; text-decoration: none; }
#footer a:hover{ color: #432918; text-decoration: none; }
#footer .controls{ position: absolute; }

/* xfader */

#xfader .item{ display: none; width: 100%; height: 100%; z-index: 5; }

/* lbox */

#lbox-overlay{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ffffff; z-index: 100; display: none; }
#lbox-wrapper{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 101; display: none; }
#lbox-container{ position: absolute; background-color: #EEEEED; }
#choose-overlay{ position: fixed; width: 840px; height: 520px; top: 50%; left: 50%; margin-top: -260px; margin-left: -420px; background-color: #EEEEED; z-index: 100; display: none; }
#choose-wrapper{ position: absolute; width: 840px; height: 520px; top: 50%; left: 50%; margin-top: -260px; margin-left: -420px; z-index: 101; display: none; box-shadow: 5px 5px 10px #aaa; -moz-box-shadow: 5px 5px 10px #aaa; -webkit-box-shadow: 5px 5px 10px #aaa; }
#choose-container{ width: 300px; margin: 100px auto; }