/***********************************************/
/* styles.css                                  */
/* Use with Strand Hotel templates             */
/* Developed by Innoventi (C) 2007             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #f9f9f3;
	color: #7f7b76;
	text-align: center;
	margin: 0;
	padding: 0;
}
p {
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1 {
	padding: 0;
	margin: 0;
	color: #88784a;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
h2 {
	padding: 0;
	margin-bottom: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #88784a;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
h3 {
	padding: 0;
	margin-bottom: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #88784a;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}


/***********************************************/
/* Layout Divs and Tables                      */
/***********************************************/

#webWrapper {
	position: relative;
	width: 903px;
	margin: 0 auto;
}
#topContainer {
	position: relative;
	width: 903px;
	height: 102px;
	background-image: url(images/top_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer1 {
	position: relative;
	width: 893px;
	height: 287px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/header_forside.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer2 {
	position: relative;
	width: 893px;
	height: 287px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/header_hotellet.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer3 {
	position: relative;
	width: 893px;
	height: 287px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/header_restauranten.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer4 {
	position: relative;
	width: 893px;
	height: 287px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/header_kurs.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer5 {
	position: relative;
	width: 893px;
	height: 287px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/header_historien.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer6 {
	position: relative;
	width: 893px;
	height: 287px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/header_galleri.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer7 {
	position: relative;
	width: 893px;
	height: 287px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/header_julebord.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer8 {
	position: relative;
	width: 893px;
	height: 287px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/header_bryllup.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#footerContainer {
	position: relative;
	width: 898px;
	padding-top: 20px;
	padding-right: 5px;
	background-image: url(images/footer_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
}


/***********************************************/
/* Component Divs (Boxes)                      */
/***********************************************/


.logo {
	position: absolute;
	width: 121px;
	height: 64px;
	top: 14px;
	left: 391px;
}
#menuContainer {
	position: relative;
	width: 885px;
	height: 31px;
	padding-left: 9px;
	padding-top: 9px;
	padding-right: 9px;
	background-image: url(images/menu_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
}
.headerBoks1 {
	position: absolute;
	top: 256px;
	right: 9px;
}
.headerBoks2 {
	position: absolute;
	top: 256px;
	left: 9px;
}
#smContainer {
	width: 190px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 5px;
	background-image: url(images/sm_bg.gif);
	background-position: top;
	background-repeat: repeat-y;
	text-align: left;
}
#smBottom {
	width: 208px;
	height: 10px;
	background-image: url(images/sm_bottom.gif);
	background-position: top;
	margin-bottom: 20px;
}
.sm {
	width: 160px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #f4f4ed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
.sm a {
	color: #88784a;
	text-decoration: none;
}
.sm a:hover {
	text-decoration: underline;
}
.smDivider {
	height: 5px;
	background-color: #FFF;
}

/***** content styles *****/

#contentContainer {
	position: relative;
	width: 903px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7f7b76;
	text-align: center;
	background-image: url(images/content_bg.gif);
	background-position: top;
	background-repeat: repeat-y;
}
#frontpageContainer {
	position: relative;
	width: 885px;
	padding-left: 9px;
	padding-top: px;
	padding-right: 9px;
}
.frontpageTable {
	background-image: url(images/text_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.frontpageLeft {
	width: 463px;
	padding-left: 16px;
	padding-top: 21px;
}
.frontpageRight {
	width: 390px;
	padding-right: 16px;
}
.subpageLeft {
	width: 208px;
	padding-left: 16px;
}
.subpageRight {
	width: 621px;
	font-size: 11px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.subpageRight a {
	color: #88784a;
	text-decoration: underline;
}
.subpageRight a:hover {
	text-decoration: none;
}
#historieContainer {
	width: 350px;
	height: 300px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	font-size: 11px;
	background-image: url(images/frontpage_right_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#historieContainer a {
	color: #88784a;
	text-decoration: underline;
}
#historieContainer a:hover {
	text-decoration: none;
}

#intro1 {
	width: 419px;
	padding-left: 16px;
	padding-top: 16px;
	padding-right: 16px;
	background-image: url(images/frontpage_left_bg1.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
#intro2 {
	width: 419px;
	padding-left: 16px;
	padding-top: 16px;
	padding-right: 16px;
	background-image: url(images/frontpage_left_bg2.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#intro3 {
	width: 419px;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 11px;
}
#intro3 a {
	color: #88784a;
	text-decoration: underline;
}
#intro3 a:hover {
	text-decoration: none;
}

.introLeft {
	width: 116px;
}
.introRight {
	width: 295px;
	padding-left: 8px;
/*	padding-top: 8px;*/
}
#contactContainer {
	width: 845px;
	padding-left: 29px;
	padding-top: 10px;
	padding-right: 29px;
	padding-bottom: 8px;
	background-image: url(images/linje_vert.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
}
.galleryLeft {
	width: 290px;
}
.galleryMiddle {
	width: 21px;
}
.galleryRight {
	width: 310px;
}
.flagContainer {
	padding-left: 5px;
}
img#facebook {
position: absolute;
right: -10px;
bottom: 103px;
}
.tableHeaderBG {
background-color: #685d3f;
color: #fff;
}
.tableRowBG {
background-color: #f4f4ed;
}
.tableBorder {
border-left: 1px solid #fff;
}
img {
border: 0;
}


/**** jQuery galleri ****/
#slideshow { 
width: 885px;
height: 663px;
overflow: hidden;
margin: 0 2px 0 0;
background-color: #000;
}
#slideshow img {
}
#nav { 
width: 900px;  
float: left;
margin: 0px;
padding: 0px;
}
#nav li { width: 52px; float: left; margin: 3px 3px 0 0; list-style: none; display: block }
#nav a { width: 50px; padding: 1px; display: block; }
#nav li.activeLI { background: #685d3f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block; }