﻿body {	
    background-color: #FFFFFF;
    background-image: url(images/bodyback.jpg);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
}

body, input, textarea, select, .normaltekst {
	font-family: Trebuchet MS;
	font-size: 11px !important;
	line-height: 150% !important;
	color: #474747;
}

table {
    border-collapse: collapse;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; } 
/* Hide from IE Mac \*/ 
.clearfix { display: block; } 
/* End hide from IE Mac */ 
    
img, a img {
    border: 0;
}

h1 {
    font-size: 14px;
    color: #363636!important;
    font-family: Trebuchet MS!important;
}

a:link, a:visited, a:active {
    color: #474747;
    text-decoration: none;
}

a:hover {
    color: Black;
}

.borderRight {
    border-right:solid 1px #b6b5b5;
}

.borderBottom {
    border-bottom:solid 1px #b6b5b5;
}
    
/* #### LAYOUT #### */

#construct {
    width: 971px;
    margin: 0 auto;
}

.topMain {
    width: 971px;
    height: 246px;
}

.topSub {
    position: relative;
}

#main {
    background-color: #f5f5f5;
    background-image: url(images/mainBack.png);
    background-repeat: repeat-x;
    width: 971px;
    margin: 0;
}

#footer {
    width: 971px;
    height: 30px;
    margin-top: 20px;
    text-align: center;
    font-size: 11px; 
    color: #626262;
}

#footer a {
    color: #626262!important;
}

#default {
    background-color: #f5f5f5;
    background-image: url(images/frontBack.jpg);
    background-repeat: repeat-x;
    width: 951px;
    min-height: 270px;
    margin: 0;
    padding: 30px 10px 10px 10px;    
}

#standard {
    background-color: #f5f5f5;
    background-image: url(images/defaultBack.jpg);
    background-repeat: repeat-x;
    width: 951px;
    min-height: 270px;
    margin: 0;
    padding: 30px 10px 10px 10px;    
}

.content {
    float:left;
    width: 575px;
    padding:0 55px 30px 65px;
    overflow:hidden;
}

.right {
    float: left;
    width: 220px;
}

.bottom {
    float:left;
    background-image: url(images/bottombar.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: White;
    width: 971px;
    height: 115px;
    padding-top: 20px;
}

.ingress {
    width: 100%;
    font-style: italic;
    margin-bottom: 20px;
}

/* #### BOOKING #### */

#booking {
    margin:0 76px 30px 75px;
    padding-top: 30px;
    font-size: 12px;
}

#bookingContent {
    background-image: url(images/bookingBack.jpg);
    width: 820px;
    height: 655px; 
    margin-top: 30px;   
}

#content1 {
    float: left;
    width: 175px;
    height: 355px;
    padding: 18px 38px 0 60px;
}

#content2 {
    float: left;
    width: 188px;
    height: 355px;
    padding: 18px 25px 0 60px;
}

#content3 {
    float: left;
    width: 175px;
    height: 355px;
    padding: 18px 38px 0 60px;
}

#content4 {
    float: left;
    width: 481px;
    height: 266px;
    padding: 16px 5px 0 60px;
}

#content5 {
    float: left;
    position: relative;
    width: 185px;
    height: 266px;
    padding: 16px 28px 0 60px;
}

/* #### MENU #### */

.l1 {
    height: 45px;
    background-image: url(images/menuBack.jpg);
    background-repeat: no-repeat;
    padding-top: 8px;
    text-transform: uppercase;
    font-size: 12px;
    border: none;
}

.l1 a:hover {
    background-image: url(images/menuMouseover.jpg);
    background-position: top;
    border: none;
}
.l1 a.selected {
    background-image: url(images/menuMouseover.jpg);
    background-position: top;
    border: none;
}

.topLink {
    float: left;
    display: block;
    width: 137px;
    height: 31px;
    padding-top: 15px;
    text-align: center;
    border: none;
    margin: 0;
}