﻿body
{
    background-image:url("../images/bGVerticalGradient.jpg");
    background-repeat:repeat-x;
    font-family:Verdana;
    margin-top:0;
    margin-bottom:0;
}
#pageContainer
{
    padding:0.5em;
    width:65.5em;
    min-height:55em;
    height:60em;
    margin:0 auto;
    background-image:url("../images/Marena_Hotel_Background.jpg");
    background-position:left top;
    background-repeat:no-repeat;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
#header
{
    padding:0 5.688em 0 5.69em;
}
#pageTop
{
    height:8em;
}
#languageBar
{
    font-size:0.5em;
    float:right;
    padding-right:1em;
}
#languageBar a
{
    height:0.5em;
    display:inline;
}
#pageTop a
{
    display:block;
    text-decoration:none;
    width:54em;
    height:8em;
}
#pageTop
{
    height:8em;
    line-height:8em;
}
#pageTop h1
{
    padding:0;
    margin:0;
    text-align:center;
    vertical-align:middle;
}

#pageTop img.logo
{
    width:16.6875em;
    margin-top:0.6em;
    border:0;
}
#mainMenuContainer
{
    text-align:left;
}
#mainMenu
{
    list-style-type:none;
    height:2.3em;
    padding:0 0 0 13em;
    margin:0;
    background-image:url("../images/topBarGrey.jpg");
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
#mainMenu li
{
    float:left;
    text-align:left;
    margin-right:0.063em;
}
#mainMenu li a
{
    display:block;
    line-height:1.9em;
    padding:0.2em;
    width:9em;
    text-align:center;
    text-decoration:none;
    font-family:Verdana;
    color:#ffffff;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
#mainMenu li a:hover
{
    opacity:0.8;
}
#mainMenu li a.btn1
{
    background-image:url("../images/lillaBtn.jpg");
}
#mainMenu li a.btn2
{
    background-image:url("../images/greenBtn.jpg");
}
#mainMenu li a.btn3
{
    background-image:url("../images/beueBtn.jpg");
}
#mainMenu li a:hover
{
    text-decoration:underline;
}
#mainMenu li a.selected
{
    text-decoration:underline;
}
#content
{
    min-height:20em;
    padding:1em 7.7em 1em 7.7em;
}
#footer
{
    height:1em;
    font-size:0.5em;
    padding:0 12em;
    text-align:center;
}
#frontPageButtonsContainer
{
    text-align:center;
    padding:0 0em 0 0em;
    width:51em;
}
#frontPageArticle
{
    height:20em;
    clear:both;
    margin-top:1em;
    text-align:center;
}
#roomArticle
{
    background-image:url("../images/roomBox.jpg");
    padding:0.85em 0.85em 0.85em 0.78em;
    width:48em;
    height:26.5em;
    margin-left:0.4em;
    background-repeat:no-repeat;
}
#roomArticle .articleTitle
{
    font-size:1.5em;
    height:1.4em;
    padding:0.35em;
}
#roomArticle .articleText   
{
    margin-top:1em;
    font-size:0.75em;
}
#roomArticle .articleText p 
{
    line-height:1.3em;  
    padding-left:1em;
    margin-top:1em;
    margin-bottom:1em;
}
#roomArticle .leftColumn   
{
    width:18.29em;
    height:22.95em;
    float:left;
}
#roomArticle .leftColumn  .onlineBookingImage
{
    border:none;
}
#roomArticle .rightColumn   
{
    margin-left:21em;
    margin-top:0.05em;
    height:26.5em;
}
#roomArticle .rightColumn embed,#roomArticle .rightColumn object,#roomArticle .rightColumn iframe
{
    height:26.34em;
    width:27em;
    position:absolute;
}
#roomArticle .rightColumn .articleImage
{
    margin-left:-1.8em;
    position:absolute;
}

#content a.bigButton
{
    width:8.8em;
    height:5.6em;
    vertical-align:middle;
    text-align:center;
    background-repeat:no-repeat;
    background-position:top left;
    margin-left:0.65em;
    float:left;
    line-height:5.6em;
    color:#FFFFFF;
    text-decoration:none;
    font-size:1.8em;
}
#content a.bigButton:hover
{
    filter:alpha(opacity=80);
    opacity:0.8;
    
}
#content a.bigButton:first-child
{
    margin-left:0.13em;
}
#btnBooking
{
    background-image:url("../images/bookingBtn.jpg");
}
#btnRooms
{
    background-image:url("../images/roomsBtn.jpg");
}
#btnHotel
{
    background-image:url("../images/konferanseBtn.jpg");
}
.clearFloat
{
    clear:both;
}
.homeLink
{
    float:left;
    position:absolute;
}
.homeLink img
{
    border:none;
    width:5.5em;
}
.artLink img
{
    border:none;
}
.artLink
{
    float:right;
    margin-top:-36px;
    position:relative;
}