/* main */

html{
background:white url(../img/header-background2.gif) no-repeat scroll center top;
margin:0;
overflow-y:scroll;
padding:0;
}

html body  {
	padding: 0;
	margin: 0 auto;
	width: 980px;
	
}

/* CONTENT */

#head {
	float: left;
	width: 100%;
}

#body { 
	float: left;
	width: 960px;
	background: white;
	padding: 0 10px;
}


#content {
	float: left;
	margin: 0 0 20px 0;
	width: 640px;
}

/*CONTEXT*/
#context{
	float: left;
	margin: 0 0 20px 0;
	width:320px;
}

/*FOOTER*/
#footer {
    border-top:1px solid #CCCCCC;
    float:left;
    margin:0 0 0 20px;
    padding:10px 0 0;
    width:940px;
}

#footer h3 
{
    background:url("../img/footer-logo.gif") no-repeat scroll left top transparent;
    display:block;
    float:left;
    height:62px;
    line-height:1000px;
    margin:0 10px 10px 0;
    overflow:hidden;
    width:46px;
}

#footer p
{
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height:16px;
}
#footer p em 
{
    color:#BBBBBB;
    font-style:normal;
    line-height:22px;
}

/* COLUMNS */

.c1 {
	float: left;
	width: 80px;
}

.c2 {
	float: left;
	width: 160px;
}

.c3 {
	float: left;
	width: 240px;
}

.c4a {
	
	width: 320px;
}

.c4 {
	float: left;
	width: 320px;
}

.c5 {
	float: left;
	width: 400px;
}

.c6 {
	float: left;
	width: 480px;
}

.c7 {
	float: left;
	width: 560px;
}

.c8a {
	width: 640px;
}
.c8 {
	float: left;
	width: 640px;
}

.c9 {
	float: left;
	width: 720px;
	margin: 0 20px 0 0;
}

.c10 {
	float: left;
	width: 800px;
}
.c11 {
	float: left;
	width: 880px;
}

.c12 {
	float: left;
	width: 960px;
}

/* global */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* links */

a {
	color: #F15C22;
}
a:hover {
	color: #09C;
}
a:visited {
	color: #FC
}
/* headers */

h1 {
	font-size: 21px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 20px 0;
	padding: 0;
}
h2 {
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 20px 0;
}
h4 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
	margin: 0 0 20px 0;
}
p {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 20px 0;
}
/* lists */
ul {
	margin: 0;
	padding: 0;
}
ul li, ol li {
	font-size: 12px;
	line-height: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote {
	padding: 0;
	margin: 0;
	color: #690;
}
/* table */

table tr th {
	font-family: verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
}
table tr td {
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
}

/* IMAGES */
img{
    border: 0
}
/* HEADER */
#header{
	/*background: url(../img/header-background.gif) top white no-repeat;*/
	position: relative;
	width: 960px;
	height: 280px;
	margin: 0 0 20px 0;
	padding: 0 10px;	
}

/* IDENT */

#ident {
	position: absolute;
	top: 84px;
	float: left;
	width: 800px;
	margin: 0 0 0 10px;
}

#ident h1
{
    background: url("../img/header-ident.png") no-repeat scroll left center transparent;
	/*background: url(../img/header-ident.png) left no-repeat;*/
	margin: 0;
	overflow: hidden;
	width: 163px;
	height: 165px;
	line-height: 1000px;
	display: block;
	float: left;
	margin:0 0 0 -24px;
}


#ident h1 a {
    background: url("../img/header-ident.png") no-repeat scroll left center transparent;
	/*background: url(../img/header-ident.png) left no-repeat;*/
	margin: 0;
	overflow: hidden;
	width: 163px;
	height: 165px;
	line-height: 1000px;
	display: block;
	float: left;
}

#ident h2
{
	position: absolute;
	left: 580px;
	background: url(../img/header-illustration.png) left no-repeat;
	margin: 0;
	overflow: hidden;
	width: 204px;
	height: 194px;
	display: block;
	float: left;
	z-index:1000;
}

#ident h3{
	font-weight: normal;
	line-height: 16px;
	margin: 60px 0 0 20px;
	width: 480px;
	float: left;
}

/*OPENING_HOURS*/

#opening-hours{
	position: absolute;
	left: 800px;
	top: 124px;
	width: 200px;
}

#opening-hours p{
	font-size: 15px;
	line-height: 24px;
}


/* LANGUAGE*/
#language {
	position: absolute;
	left: 820px;
	top: 104px;
}

#language h3 {
	font-weight: normal;

}

#language h3 a {
	font-size: 12px;
	font-style: normal;
	color: black;
	background: url(../img/english-version.gif) left no-repeat;
	padding: 0 0 0 24px;
	margin: 0;
}

#language ul li {
	float: left;
	display: block;
	width: 24px;
	height: 16px;
	margin: 10px 10px 0 0;
}

#language ul li a{
	display: block;
	width: 24px;
	height: 16px;
	overflow: hidden;
	line-height: 1000px;
}

#language ul li.norwegian a{
	background: url(../img/lang-norwegian.gif) no-repeat left;
}

#language ul li.english a{
	background: url(../img/lang-english.gif) no-repeat left;
}

#language ul li.german a{
	background: url(../img/lang-german.gif) no-repeat left;
}

#language ul li.dutch a{
	background: url(../img/lang-dutch.gif) no-repeat left;
}



/* MAIN MENU */

#mainmenu {
	position: absolute;
	float: left;
	width: 100%;
	top: 260px;
	left: 10px;
}
#mainmenu ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
#mainmenu ul li {
	float: left;
	background: url(../img/header-menu-line.gif) right no-repeat;
	padding: 0 10px;

}
#mainmenu ul li a {
	font-size: 14px;
	text-decoration: none;
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	color: black;
}

#mainmenu ul li a:hover {
	display: block;
	float: left;
	padding: 0;
	text-decoration: underline;
}

#mainmenu ul li a strong
{
    
	text-decoration: underline;
	font-weight: normal;
	}/*INGRESS*/

#ingress {
}

#ingress h2{
}

#ingress {
	float: left;
	width: 600px;
	height: 150px;
	margin: 10px 20px 20px 10px;
	padding: 20px 20px 20px 0;
	border-bottom: #eee 1px solid;
	border-top: #eee 1px solid;
}

#ingress h2, #ingress h2 p  {
	font-style: italic;
	font-size: 26px;
	line-height: 38px;
}

#ingress h2 strong , #ingress h2 p strong {
	color: #F15C22;/* #F15C22;*/
	font-weight: normal;
}


/*CALENDAR*/
#calendar { 
	float: left;
	width: 280px;
	height: 170px;
	background: black;
	padding: 10px;
	margin: 10px 10px 20px 0;
	/*overflow-y:auto;*/
}

#calendar h3{
	color: #F15C22;
	text-transform: uppercase;
	margin: 0 0 4px 0;
}


#calendar ul li {
	font-size: 13px;
	line-height: 24px;
	color: white;
}

#calendar ul li a{
	color: white;
}

#calendar ul li a:hover{
	color: #F15C22;
	text-decoration: underline;

}

#calendar ul li strong{
	font-weight: normal;
	width: 80px;
	display: block;
	float: left;
}

#calendar ul li em a{
	font-size: 13px;
	line-height: 30px;
	color: #F15C22;
	text-decoration: none;
	font-style: normal;
}

#calendar ul li em a:hover{
	text-decoration: underline;
}

/*HIGHTLIGHTS*/
#story { 
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: #eee 1px solid;

}

#story .highlightStory {
	float: left;
	margin: 0 10px 20px 10px;
	width:100%; /*added to fix ie problem*/
}
	
#story .highlightStory h1{
	margin: 10px 0 2px 0;
	}
	
#story .highlightStory h1 a{
	color: black;
	text-decoration: none;
	}
	
#story .highlightStory h1 a:hover{
	text-decoration: underline;
	}
	
#story .highlightStory h4{
	color: black;
	text-decoration: none;
	margin: 0 0 10px 0;
}

/*STORY FEATURE*/
.storyFeature {
	float: left;
	margin: 0 10px;
}

.storyFeature h1{
	font-size: 29px;
	line-height: 40px;
	margin: 10px 0;
}

.storyFeature h4{
	margin: 0 0 10px 0;
}

.storyFeature p em{
	font-size: 16px;
}

.infobox {
	background: black;
	width: 120px;
	padding: 10px 10px 20px 10px;
	margin: 6px 20px 0 0;
	float: left;
	color: white;
}

.infobox h3{
	font-size: 13px;
	color: #F15C22;
	margin: 0;
	text-transform: uppercase;
}

.infobox p, .infobox a {
	color: white;
	margin: 0;
}
	
	

	


/*SMALL STORY*/

.smallStory {
	margin: 0 10px;
}

.smallStory h1,
.smallStory h1 a{
	font-size: 15px;
	line-height: 14px;
	text-decoration: underline;
	margin: 0 0 10px 0;
	}

.smallStory h4{
	margin: 0 0 10px 0;
	}
	
.smallStory p{
	font-size: 12px;
	}
	
	
/*ADDED 29.04.2010*/	
.row 
{
    border-bottom:1px solid #EEEEEE;
    float:left;
    margin:0 10px 20px;
    padding:0;
    width:620px;
}

.highlightStory 
{
    float:left;
    margin:0 10px 20px 0;
    width:300px;
}	

.highlightStory h1 
{
    margin:10px 0 2px;
}

.highlightStory h1 a 
{
    color:#000000;
    text-decoration:none;
}
.highlightStory h1 a:hover 
{
    color:#000000;
    text-decoration:underline;
}

.relations 
{
    float:left;
    margin:0 10px 20px;
    border:solid 1px #ffffff;
}

.bookingmodule
{
    background:white url(../img/background-bookingmodule.gif) no-repeat scroll center top;
    height:384px;
    width:300px;
    
}

.bookingmodule img,.bookingmodule h3
{
    margin:10px 0px 0px 15px;
    font-family:Verdana;
    font-weight:bolder;
}

.bookingmodule iframe
{
    margin:5px 0px 0px 15px;
    font-family:Verdana;
    font-weight:bolder;
}