@import url("./editor.css");

html, body, form
{
	margin: 0;
	padding: 0;
	width: 100%;
	min-width:320px;
	height:100%;
	z-index:1;
    background-color:black;
}
#printheader
{
display:block;
}
#wrapperTop
{
    display:block;
    position:relative;
	width:100%;
	height: 15%;
	min-height:65px;
	background-color:black;
	z-index:25;

display:none;
	
}
#containerTop
{
    max-width: 860px;
    width:100%;
    height:100%;
    margin: 0 auto;
}
#wrapperSpacer{
    float: left;
    min-width: 100px;
    width:25%;
    height:100%;
}

#wrapperMenu 
{
    position:relative;
    float: left;
    min-width:200px;
    width: 75%;
    height:100%;
}
.navheader { 
    font-size: 12px;
}
.slide-trigger {
  display: none; /* need this */
  border: 1px solid #CCCCCC;
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
  padding:10px;
}
.slide-trigger span {
  background-image: url("dropdown-arrows.png");
  background-position: 0 -14px;
  display: block;
  float: right;
  margin-top: 3px;
  height: 14px;
  width: 32px;
}
#mainmenu
{
    z-index:30;
    position:absolute;
    right:0px;
    bottom:0px;
}
.navigation 
{
    background: #000;
    padding: 0;
}
.navigation li {
    float: left;
    padding: 10px 0 10px 22px;
}
.navigation li a 
{
    font: 400 14px/1.2 'Roboto Condensed';
    color: #fff;
    text-decoration:none;
    display: block;
    color: #fff;
    padding-bottom:5px;
}
.navigation li a.current
{
    font: 400 14px/1.2 'Roboto Condensed';
    color: #956d32;
    text-decoration:none;
    border-bottom: 2px solid #956d32;
}
#wrapperSlider{
    position:relative;
    z-index:15;
    
display:none;
}
#full-width-slider 
{
  width: 100%;
  color: #000;
  z-index:15;
}
#full-width-slider.rsFullscreen .rsOverflow,
#full-width-slider.rsFullscreen .rsImg,
#full-width-slider.rsFullscreen {
    height: 100% !important;
    padding:0 !important;
    margin-top:0 !important;
}
.rsNav
{
    position:absolute;
    bottom:0px;
    z-index:21;
    /*background: url("../layout/white_bg.png") repeat bottom;*/
    padding: 5px 0;
}
.infoBlock 
{
    position:absolute;
    font: 300 24px/1.2 'Roboto Condensed';
    left:auto;
    right: auto;
    top:auto;
    bottom:25px;
    overflow: hidden;
    color: #956d32;
}
.sliderWhite
{
    position:absolute;
    left:auto;
    right: auto;
    top:auto;
    bottom:0px;
    background:url("../layout/white_bg.png") repeat scroll center bottom rgba(0, 0, 0, 0);
    width:100%;
    height:82px;
}
#containerOverlay
{
    position:absolute;
    max-width: 860px;
    width:100%;
    margin-left: auto;
    margin-right:auto;
    left:0;
    right:0;
    z-index:20;
    top:0;
}
#wrapperLogo{
    float: left;
    min-width: 100px;
    width:25%;
}
#logo{
    width:100%;
}
#logo img{
    width:100%;
}
#wrapperControls {
    float: left;
    min-width:200px;
    width: 75%;
    height:100%;
}
#wrapperControls .zoomScreenBtn {
	right: 0;
	top: 0;
	/*width: 44px;*/
	width: 32px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
}
#wrapperControls .zoomScreenIcn {
	display: block;
	margin: 6px 0;
	width: 32px;
	height: 32px;

	background: url('../images/sprite2.png') 0 0;
	background-color: rgba(0,0,0,0.85);
	border-radius: 2px;

}
#wrapperControls .zoomScreenIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
#wrapperBottom
{
	width:100%;
	height:25%;
	background-color:black;
}
#containerBottom
{
    max-width: 860px;
    width:100%;
    height:100%;
    margin: 0 auto;
}
#wrapperSubmenu{
    float: left;
    min-width: 100px;
    width:25%;
    
display:none;
}
#submenu
{
    padding-top:33px;
}
#submenu li
{
    font: 300 24px/1.4 'Roboto Condensed';
    color: #956d32;
    text-decoration: none;
    text-align:center;
    background: url('../layout/subnavi_seperator.png') no-repeat bottom;
    padding: 12px 0 32px 0;
}
#submenu li a
{
    font: 300 24px/1.4 'Roboto Condensed';
    color: #956d32;
    text-decoration: none;
}
#submenu li:last-child
{
    background: none;
}
#submenu li:only-child
{
    background: url('../layout/subnavi_seperator.png') no-repeat bottom;
}
#spacerContentTop {
    float: left;
    min-width:200px;
    width: 75%;
    
display:none;
}
#spacerContentLeft {
    float: left;
    width: 15%;
    height: 1px;
    
display:none;
}
#wrapperContent {
    float: left;
    min-width:200px;
width: 100%;
}
#scroll_contentblock
{
    font: 300 14px/1.6 'Roboto Condensed';
    color: #fff;
    text-decoration:none;
    width:100%;
    height:100%;
    text-align:justify;
    /*text-align-last: justify;*/
}
#scroll_contentblock a{
    font: 300 14px/1.6 'Roboto Condensed';
    color: #fff;
    text-decoration:none;
    /*word-spacing:0.2em;*/
}
#spacerContentBottom {
    float: left;
    min-width:200px;
    width: 75%;
    height: 25px;
    
display:none;
}

.hideWrapper
{
    display:none !important;
    z-index:1 !important;
}
.setContainerOverlayPrior
{
    max-width: 100% !important;
    z-index:2147483648 !important;
}
#containerOverlay.setContainerOverlayPrior #wrapperLogo img
{
    visibility:hidden !important;
}

.floatBlock{
    width: 50%;
    float: left;
}
    
@media only screen and (min-width:0px) and (max-width: 560px) {
    #wrapperSpacer{
        display:none;
    }
    #wrapperMenu 
    {
        width: 100%;
        height:100%;
    }
    #mainmenu
    {
        position:relative;
    }
    .navigation li {
        padding: 10px;
    }
    .slide-trigger { display: block; margin-top:15px;}
    .no-js .slide-trigger { display: none; }
    .navigation { display: none; }
    .no-js .navigation { display: block; }
    .navigation { margin: 0 15px; }
    .navigation li { float: none; }
    .navigation li a { border-bottom: 1px solid #fff; }
    #full-width-slider .rsOverflow,
    #full-width-slider {
        height: 300px !important;
    }
    .infoBlock 
    {
        position:absolute;
        font: 300 16px/1.2 'Roboto Condensed';
        bottom:30px;
        padding-left:15px;
        z-index: 9999999999 !important;
    }
    #wrapperLogo
    {
        margin-left:15px !important;
    }
    #wrapperControls .zoomScreenBtn
    {
        right:15px;
    }
    #wrapperSubmenu{
        clear: both;
        width: 100%;
    }
    #submenu
    {
        padding-top:33px;
    }
    #submenu li
    {
        font: 300 16px/1.4 'Roboto Condensed';
        color: #956d32;
        text-decoration: none;
        text-align:center;
        background: url('../layout/subnavi_seperator.png') no-repeat bottom;
        padding: 12px 0 32px 0;
    }
    #submenu li a
    {
        font: 300 16px/1.4 'Roboto Condensed';
        color: #956d32;
        text-decoration: none;
    }
    #submenu li:last-child
    {
        background: none;
    }
    #submenu li:only-child
    {
        background: url('../layout/subnavi_seperator.png') no-repeat bottom;
    }
    #wrapperContent {
        clear: both;
        width: 100%;
        height:auto;
    }
    #scroll_contentblock
    {
        /*font: 300 14px/1.6 'Roboto Condensed';*/
        width:auto;
        margin: 0 15px;
        text-align: left;

    }
    #scroll_contentblock a{
        /*font: 300 14px/1.6 'Roboto Condensed';*/
    } 
    .floatBlock
    {
        width:auto;
        float:none;
    }
    .fb_iframe_widget
    {
        margin-left:15px;
    }
}

@media only screen and (min-width:560px) and (max-width: 960px) {
    #mainmenu
    {
        right: 15px;
    }
    .navigation li
    {
        padding: 10px 0 10px 12px;
    }
    .navigation li a 
    {
        font: 400 11px/1.2 'Roboto Condensed';
    }
    .navigation li a.current
    {
        font: 400 11px/1.2 'Roboto Condensed';
    }
    .infoBlock 
    {
        position:absolute;
        font: 300 20px/1.2 'Roboto Condensed';
        bottom:25px;
        padding-left:15px;
        z-index: 9999999999 !important;
    }
    #spacerContentLeft {
        float: left;
        width: 5%;
        height: 1px;
    }
    #wrapperContent {
        float: left;
        min-width:200px;
        width: 70%;
    }
    #wrapperLogo
    {
        margin-left:15px !important;
    }
    #wrapperControls .zoomScreenBtn
    {
        right:15px;
    }
    #submenu
    {
        padding-left: 22px;
    }
    #scroll_contentblock
    {
        /*font: 300 12px/1.4 'Roboto Condensed';*/
        width:auto;
        margin: 0 15px;
        text-align: left;
    }
    #scroll_contentblock a{
        /*font: 300 12px/1.4 'Roboto Condensed';*/
    }
    .floatBlock
    {
        width:auto;
        float:none;
    }
    .fb_iframe_widget
    {
        margin-left:15px;
    }
}

@media screen and (min-width:960px) and (min-height:760px) {
    #full-width-slider .rsOverflow,
    #full-width-slider
    {
        height: 520px !important;
    }
}

@media screen and (min-width:960px) and (min-height:1200px) {
    #full-width-slider .rsOverflow,
    #full-width-slider
    {
        height: 660px !important;
    }
}

#facebook, #facebook_alike
{
    display:none;
}