html {
    background: url(/Content/images/html-bg.png) repeat center;    
}

.body {
    background-color: transparent;
    /*background: url(/Content/images/background16.jpg) repeat bottom center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;*/
    line-height: normal;   /* Somehow vertical scroll is visible if this is set to 1 as default (offcanvas) */
}

.logos-bg {
    background: url(/Content/images/top-bg.png) repeat-x;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.5);
    height: 106px;
}

.logos-container {
    background: url(/Content/images/main-bg.png) repeat-y center transparent;
}

.logos-container .columns {
    padding: 0;
}

.logos-container .row {
    max-width: none;
}

.logos-container .row .row {
    padding-top: 5px;
    background: url(/Content/images/top-bg.png) repeat-x;
    background-color: #000000;
    max-width: 63rem; 
    margin: auto;
}

.nav-bg {
    background-color: #333333;
    background-color: rgba(51, 51, 51, 0.5);
    min-height: 45px;
}

.nav-container {
    background: url(/Content/images/main-bg.png) repeat-y center transparent;
}

.nav-container .columns {
    padding: 0;
}

.nav-container .row {
    max-width: none;
}

.nav-container .row .row {
    max-width: 63rem; 
    margin: auto;
}

.main-bg {
    background: url(/Content/images/main-bg.png) repeat-y center transparent;
    /*background: url(/Content/images/background16.jpg) no-repeat bottom center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;*/
}

.main-container .columns {
    padding: 0;
}

.main-container .row {
    max-width: none;
}

.main-container .row .row {
    max-width: 63rem; 
    margin: auto;
}

.footer-bg {
    background: url(/Content/images/main-bg.png) repeat-y center transparent;
    /*background-color: #990000;
    background-color: rgba(153, 0, 0, 0.5);*/
    min-height: 45px;
}

/*
.footer-container {
    position: fixed;
    bottom: 24px;
    width: 100%;
}*/


.footer-container .columns {
    padding: 0;
}

.footer-container .row {
    max-width: none;
}

.footer-container .row .row {
    max-width: 63rem; 
    margin: auto;
}

/*
.footer-copyright-container {
    position: fixed;
    bottom: 0;
    width: 100%;
}*/

.footer-copyright-bg {
    background: url(/Content/images/main-bg.png) repeat-y center transparent;
    /*background-color: #660000;
    background-color: rgba(102, 0, 0, 0.5);*/
    min-height: 23px;
}

.footer-copyright-container .columns {
    padding: 0;
}


.footer-copyright-container .row {
    max-width: none;
}

.footer-copyright-container .row .row {
    max-width: 63rem; 
    margin: auto;
}

@media print {
    .logos-container, .nav-container, .tab-bar, #galleria, #galleria-startpage {
        display: none;
    }
}

.mainContent
{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fffefc;
    background-color: rgba(255, 254, 252, 0.97);
    border: solid 1px #e4e2d9;
}

.footer
{
    border-top: solid 2px #521a1b;
    border-bottom: solid 1px #521a1b;
    /*background-color: #e1bc64;*/
    background-color: #999;
    padding: 5px 0;
}

.footer-copyright {
    /*background-color: #ead49f;*/
    background-color: #888;
    color: #f0f0f0;
    padding: 5px 0;
}
    .footer-copyright a, .footer-copyright a.focus, .footer-copyright a:hover {
        color: #f0f0f0;
    }

.footer-copyright-div {
    font-size: 0.775rem;
}

#facebookdiv {
    height: 27px;
    float: right;
    margin-top: 10px;
    margin-left: 5px;
}

/* Fix for browser back button */
.fb-like {
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 30px;
  width: 81px !important;
  height: 22px !important;
  position: relative;
  z-index: 1002;
}
.fb-like > span {
  vertical-align: top !important;
  max-width: 81px !important;
  max-height: 22px !important;
}
.fb-like > span > iframe {
  max-width: 81px !important;
  max-height: 22px !important;
}
/* End fix */

.imageFrame {
	padding: 3px;
	border: solid 1px #ccc;
	background-color: #fff;
	
	-moz-box-shadow: 1px 1px 5px #333333;
	-webkit-box-shadow: 1px 1px 5px #333333;
	box-shadow: 1px 1px 5px #333333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#333333');
}

.languageselector-link {
	border: solid 1px #666666;
	
	-moz-box-shadow: 1px 1px 5px #333333;
	-webkit-box-shadow: 1px 1px 5px #333333;
	box-shadow: 1px 1px 5px #333333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#333333');
}

.BookingListAvailable
{
	background-color: #ffffff !important;
	cursor: pointer;
}

.BookingListBooked
{
	background-color: #ccffcc !important;
	cursor: pointer;
}

.RoomStatusUnavailable
{
	background-color: #ffcccc;
}

.RoomStatusAvailable
{
    background-color: #ccffcc;
}

.RoomListContainer
{
	width: 100%;
	height: 550px;
	overflow: auto;
}

.RoomItemContainer
{
	width: 100%;
	height: 550px;
	overflow: auto;
}

.Error
{
    color: Red;
    font-weight: bold;    
}

.PrintButton
{
	position: absolute;
	top: 0;
	right: 10px;
}

/* login */
#loginForm .validation-error {
    display: block;
    margin-left: 15px;
}

#loginForm .validation-summary-errors ul {
    margin: 0;
    padding: 0;
}

#loginForm .validation-summary-errors li {
    display: inline;
    list-style: none;
    margin: 0;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

            fieldset ol li input {
                margin: 0;
                padding: 0;
            }


label.checkbox {
    display: inline;
}

.input-validation-error, .ValidationError {
    background-color: #f7e7e7 !important;
}

@media (min-width: 40.063em)
{
    .login-top-padding
    {
        padding-top: 5rem;
    }

    .login-bottom-padding
    {
        padding-bottom: 5.5rem;
    }

    .mainContent {
        min-height: 400px;
    }
}

@media (max-width: 40.063em)
{
    .login-bottom-padding
    {
        padding-bottom: 0.5rem;
    }
}

/* Override from foundation.css */
a
{
    /*color: #660000;*/
    color: #111111;
}
    a:hover, a:focus
    {
        /*color: #660000;*/
        color: #111111;
    }

button, .button {
    background-color: #333333;
    border-color: #a79e9e;
}
    button:hover, button:focus, .button:hover, .button:focus
    {
        background-color: #8d8d8d;
    }

.button-red {
    background-color: #660000;
    border-color: #a79e9e;
}
    .button-red:hover, .button-red:focus
    {
        background-color: #8e7070;
    }

.button-green {
    background-color: #296600;
    border-color: #a79e9e;
}
    .button-green:hover, .button-green:focus
    {
        background-color: #7c8e70;
    }

form {
    margin: 0;
}

label
{
    margin-bottom: 0.25rem;
    cursor: default;
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

select {
    padding: 0.25rem;
}

.panel.radius
{
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.panel {
    padding: 0.65rem;
}

.row
{
    /*max-width: 971px;*/
    max-width: 63rem;
}

.row .row
{
    margin-left: -0.60rem;
    margin-right: -0.60rem;
}

.column,
.columns
{
    padding-left: 0.60rem;
    padding-right: 0.60rem;
}

p,
ul,
ol,
dl,
.row
{
    font-size: 0.875rem;
}

h1 {
  font-size: 2.075rem; }

h2 {
  font-size: 1.6375rem; }

h3 {
  font-size: 1.325rem; }

h4 {
  font-size: 1.095rem; }

h5 {
  font-size: 1.075rem; }

h6 {
  font-size: 1rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
    /*color: #521a1b;*/
    color: #111111;
}

.top-bar-section ul li > a {
    font-size: 0.8525rem;
}
.top-bar-section ul li.active > a {
    background: #111111;
    color: white; }
    .top-bar-section ul li.active > a:hover {
      background: #656565; }

.top-bar-section li.active:not(.has-form) a:not(.button) {
      background: #999; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #656565; }

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #656565;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background-color: #656565;
}
.off-canvas-wrap {
}

/* End Override */