
/*
Baggrundsfarve i banner: R 255, G 255, B 255 (lysere hvid)

Baggrundsfarve på hele siden: R 251, G 249, B 244 (cremehvid)   #FBF9F4

Menufarve/ramme om billeder/ramme om selve siden: R 194, G 192, B 135 (sandfarve) #C2C087, alt: #66624C

Skriftfarve: R 128, G 103, B 0  #806700

*/
fieldset,img { border : 0; } 

BODY {
    background-image: url(../images/gradient.png);
    background-repeat: repeat-x;
    background-color: #333333;
    font-family: Tahoma, Helvetica;
    font-weight: normal;
    font-size: 0.8em;
    color: #806700;
    line-height: 1.5;
    margin:15px 0;
    padding:0;
}

.contentBox {
    position: relative;
    top:10px;
    width: 920px;
}

.contentBox div {
    position: relative;
    top:40px;
    width: 920px;
}


.mainContent {
    position: relative;
    left: 16px;
    top: 230px;
    clear: both;
    width:920px;
}

.headLine {
    font-family:Georgia,Times,serif;
    margin:0 0 0.5em;
    letter-spacing: 1px;
    font-size: 1.3em;
}

.outerWrap {
	background-color: #FBF9F4;
	width:960px;
	height:620px;
	border:2px solid #C2C087;
	margin:0 auto;	
}

.innerBorder {
	width:952px;
	height:612px;
	border:2px solid black;	
	position:relative;
	left:2px;
	top:2px;
}

.header {
	position: absolute;
	left: 16px;
	top: 14px;
	width:920px;
	height: 180px;
}

.headerLogo {
	float: left;
        width: 180px;

}

.headerImage {
    width: 740px;
    float: left;
    clear: right;
}

.theMenu {
	top: 200px;
	z-index: 1;
	position:absolute;
}

.theMenuDK {
	left: 182px;
}

.theMenuUK {
	left: 189px;
}


/* Forside */
.forsideInfo {
    width: 675px;
    position: relative;
    top:26px;
    margin: 0 auto;
}

.forsideText {
    height: 170px;
}


/* Aktuelt page */
.aktueltInfo {
    width:400px;
    float: left;
    position: relative;
    text-align: justify;
    height: 260px;
}

.aktueltWrapper {
    width: 696px;
    margin: 0 auto;
    top: 20px;
    position: relative;
}

.newsletter {
    float: left;
    width: 252px;
    left:10px;
    position: relative;
    clear: right;
}

/* Hotel page */
.hotelInfo .i3 {
    height: 300px;
}

.hotelPrices .i3 {
    height: 270px;
}

.hotel {
    float: left;
    width: 445px;
    text-align: justify;
}

.hotelPrices {
    float: right;
    width: 420px;
}

.hotelPrice2 {
    position: relative;
}

/* Selskaber */
.selskaberInfo .i3 {
    height: 300px;
}

.selskabRight .i3{
    height: 280px;
}

.selskabLeft {
    float: left;
    width: 445px;
    text-align: justify;
}

.selskabRight {
    float: right;
    width: 420px;
    clear: right;
}


.menuEksempel {
    margin-top: 20px;
    margin-bottom: 60px;
}

.menuEksempel .td1 {
    vertical-align: top;
    width: 60px;
}

.menuEksempel .td2 {
    width:280px;
}

.menuEksempel .td3 {
    vertical-align: bottom;
    width: 65px;
}

/* Konferencer */
.konferenceInfo {
    text-align: justify;
}

.konferenceWrapper {
    width: 636px;
}

.konferenceWrapper .i3 {
    height: 190px;
}


.konferenceLeft{
    position: relative;
    float: left;
    width: 290px;
}

.konferenceMiddle {
    position: relative;
    float: left;
    width: 290px;
}

/* Galleri */
.informationGalleri {
    margin: 0 auto;
    width: 825px;
}

.informationGalleriList {
   position:relative;
   top:-5px;
}

/* Restaurent */
.restaurant .cb {
    height: 240px;
}

.restaurentInformationMenuWrapper {
    width: 780px;
    left:35px;
    position: relative;
}

.restaurentInformationMenuLeft {
    width:320px;
    float: left;
    margin-top: 30px;
}

.restaurentInformationMenuRight {
    float: left;
    width:400px;
    margin-top: 30px;
    margin-bottom: 10px;
}

/* Beliggenhed/beskrivelse + googlemaps */
.beskrivelseInfo {
    width:590px;
    left:10px;
    float: left;
    text-align: justify;
}

.googleMapMarkerInfo {
    height: 135px;
}

/* Referencer */
.referenceBox {
    width: 400px;
    margin: 50px auto;
}

/* Small static google map */
.staticGoogleMap {
    float: right;
    width: 270px;
    position: relative;
 }

/* GIA Page */
.giaInfoBox {
    position: relative;
    margin: 30px auto;
    width: 600px;
}

.giaInfoBox .i3 {
    height: 220px;
}

.giaLogos {
    position: relative;
    width: 266px;
    margin: 0 auto;
    top:20px;
}

ul.smallListText {
    font-size: 85%;
}

ul.smallListTextNoMargin {
    margin-top: 0;
    margin-bottom: 0;
}

.listItemNoBullet{
    list-style-type: none;
}

.footer {
	position:absolute;
	top:570px;
	width: 920px;
	font-size: 12px;
        left: 16px;
}

.footer hr {
	color: #C2C087;
	background-color: #C2C087;
	height: 1px;
}

.footerIcons {
	left:840px;
	position:absolute;
	top:15px;
}

.centeredText {
	text-align: center;
}
/*
a:link {background-color: #FBF9F4;}
a:visited {background-color: #FBF9F4; color: #FBF9F4;}
a:focus { outline: none; }
a:hover {text-decoration: none;}
a:active {background-color: #FBF9F4;}
*/

a:link {color: #FBF9F4;}
a:visited {color: #FBF9F4;}
a:focus { outline: none; }
a:hover {text-decoration: none;}
a:active {color: #FBF9F4;}


.visibleLink A:link {color: #806700;}
.visibleLink A:visited {color: #806700;}
.visibleLink A:hover {text-decoration: none;}
.visibleLink A:active {color: #806700;}


/*
.footerIcons A:link {color: #FBF9F4;}
.footerIcons A:visited {color: #FBF9F4;}
.footerIcons A:active {color: #FBF9F4;}
.footerIcons A:hover {text-decoration: none;}

.class2 A:link {color: #333;}
.class2 A:visited {color: #333;}
.class2 A:active {color: #333;}
.class2 A:hover {text-decoration: underline; color: #93C7FB;}
*/
#slides {
	height:550px;
}

.ull {
	line-height: 130%;
}
	
	
.contact {
	position: relative;
	top: 15px;
	left: 250px;
	font-size: 75%;
	height: 50px;
}

#links {
	position: relative;
	overflow:auto;
	height: 300px;
	padding-right: 130px; /* RC fullwidth + CC padding */
}

div.markerTooltip, div.markerDetail {
   color: black;
   font-weight: bold;
   background-color: white;
   white-space: nowrap;
   margin: 0;
   padding: 2px 4px;
   border: 1px solid black;
}

.map {
    width: 90px;
}


