/* Reset -------------------------------------------------------------------- */
body,legend{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,hr,th{margin:0;padding:0;}
table{}
fieldset,img,hr{border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a,address{font-style:normal;text-decoration:none;}
input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;}

/* Tools -------------------------------------------------------------------- */
.hide           { display:none; }
.replace        { text-indent:-999em; background-repeat:no-repeat; }
.accessibility  { position:absolute; top:-999em; left:-999em; }

.noindent       { margin:0; }
.nomargin       { margin-top:0; margin-bottom:0; }

/* Typography --------------------------------------------------------------- */
body    { font:.75em Arial,Helvetica,sans-serif; }

/* Headings */
h1	{ font-size:2em; font-weight:bold; }
h2	{ font-size:1.75em; font-weight:bold; }
h3	{ font-size:1.5em; font-weight:bold; }
h4	{ font-size:1.25em; font-weight:bold; }
h5	{ text-transform:uppercase; font-weight:bold; }
h6	{ font-weight:bold; }

/* Text */
p, hr,
dl, ul, ol,
li.spaced, .spaced li,
address, table			{ margin-bottom:1.5em; }
.important          	{ font-size:1.25em; }

/* Lists */
dt          			{ font-weight:bold; }
ul     					{ padding-left:1.5em; }
ol						{ list-style-position:inside; }
li.plain, .plain		{ list-style:none; }

/* Tables */
table       {  }

/* Links */
a,
a.inline	{ text-decoration:underline; color:#6f7e89; }
a.anchor    { display:none; }

/* Other */
hr          { color:#444; background:#444; height:1px; clear:both; }

/* Content ------------------------------------------------------------------ */

/* Column */
.col				{ float:left; overflow:hidden; margin:0; }
.col-first          { margin-left:0; }
.col-last           { margin-right:0; }

.col-two            { width:50%; }
.col-three          { width:33%; }
.col-four           { width:25%; }

img.left,
img.right			{ margin-bottom:1em; display:inline; }
img.left 			{ margin-right:1em; float:left; }
img.right 			{ margin-left:1em; float:right; }

/* Icons */
.icon						{ display:inline-block; background:no-repeat 0 50%; vertical-align:text-top; outline:none; overflow:hidden; text-indent:-999em; width:16px; min-height:16px; }
.iconText					{ text-indent:18px; width:auto; }
.iconAdd					{ background-image:url('/images/icons/add.png'); }
.iconCss					{ background-image:url('/images/icons/css.png'); }
.iconDbImport				{ background-image:url('/images/icons/dbImport.gif'); }
.iconDelete					{ background-image:url('/images/icons/delete.png'); }
.iconEdit					{ background-image:url('/images/icons/edit.png'); }
.iconExit					{ background-image:url('/images/icons/exit.png'); }
.iconLock					{ background-image:url('/images/icons/lock.png'); }
.iconPrinter				{ background-image:url('/images/icons/printer.png'); }
.iconStar					{ background-image:url('/images/icons/star.png'); }
.iconTable					{ background-image:url('/images/icons/table.png'); }
.iconTableLink				{ background-image:url('/images/icons/tableLink.png'); }
.iconArrowRight				{ background-image:url('/images/icons/iconArrowRight.png'); }
.iconArrowUp				{ background-image:url('/images/icons/iconArrowUp.png'); }

/* Special icons on the right */
.iconRight					{ background-image:url('/images/icons/right.gif'); background-position: right; padding-right: 18px; }
.iconDownArrow				{ background-image:url('/images/icons/downArrow.png'); background-position: right; padding-right: 18px; }

/* Media list icons */
.mediaList li a.icon				{ display:inline-block; background:no-repeat 0 50%; vertical-align:text-top; outline:none; overflow:hidden; text-indent:-999em; width:32px; min-height:32px; }
.mediaList li a.iconText			{ text-indent:45px; width:auto; }
.mediaList li a.iconWeather			{ background-image:url('/images/templates/default/vader.jpg'); }
.mediaList li a.iconCam				{ background-image:url('/images/templates/default/webbkamera.jpg'); }
.mediaList li a.iconMovies			{ background-image:url('/images/templates/default/filmer.jpg'); }
.mediaList li a.iconContact			{ background-image:url('/images/templates/default/kontakta.jpg'); }
.mediaList li a.iconNewsletter		{ background-image:url('/images/templates/default/nyhetsbrev.jpg'); }
.mediaList li a.iconInfo			{ background-image:url('/images/templates/default/info.jpg'); }


.searchForm						{ margin: 0px; width: 265px; }
.searchForm .field				{ line-height:2; width: 220px; float:left; margin-right:2px; text-align: right; }
.searchForm .field label		{ position: relative; bottom: 1px; display: inline; font-size: 11px; }
.searchForm .field input.text	{ width: 89px; height: 14px; padding:2px 0 0 0; margin:0 2px 0 10px; border: 1px solid #ABADB3; font-size: 11px; }
.searchForm .buttons			{ position: relative; top: 10px; left: 10px; width:40px; clear:none; margin-top:2px; }
.searchForm .arrivalField img,
.searchForm .departField img	{ cursor:pointer; position:relative; top:2px; }
.searchForm .buttons button 	{ background: url('/images/templates/default/searchButton.png') no-repeat scroll left top; color:#FFFFFF; cursor:pointer; display:block; font-size:10px; height:25px; width:33px; text-indent: 9999px; border: none; }

/* Tree list */
.treeList,
.treeList ul 				{ margin:0; }

/* Data table */
.dataTable					{ width:100%; }
.dataTable th				{ color:#fff; text-align:left; background:#0080C7; border:none; padding:3px 5px; }
.dataTable th a				{ color:#fff; }
.dataTable tr				{ background-color:#fff; }
.dataTable tr:hover			{ background-color:#dadada; }
.dataTable td				{ padding:3px 5px;  }

/* Form in table */
.inTable .field				{ position:relative; }
.inTable .field label		{ position:absolute; top:-1.5em; left:0; width:100%; text-indent:-999em; }
.inTable .field input,
.inTable .field select		{ width:95%; }

/* Pagination */
ul.paginationList			{ border:0; margin:10px 0; padding:0; display:block; }

ul.paginationList li		{ border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left; }
ul.paginationList a			{ border:solid 1px #6a6a6a; margin-right:2px; }
ul.paginationList .previous-off,
ul.paginationList .next-off { color:#666666; display:block; float:left;	font-weight:bold; padding:3px 4px; }
ul.paginationList .next a,
ul.paginationList .previous a		{ font-weight:bold; }
ul.paginationList li.active a		{ color:#0080C7; font-weight:bold;	display:block; float:left; padding:3px 6px; }
ul.paginationList a:link,
ul.paginationList a:visited 		{ color:#9C7D51; display:block; float:left; padding:3px 6px; text-decoration:none; }
ul.paginationList a:hover			{ border:solid 1px #ffffff; color:#9C7D51; }
.entriesTotal						{ clear:both; color:#808080; }

dl.marginal					{ overflow:hidden; }
dl.marginal dt				{ width:10em; float:left; clear:left; }

.ajaxLoad{
	height:300px;
	background:transparent url('/images/templates/default/throbber.gif') no-repeat center center;
}

.infoContent p, .infoContent div{
	padding:5px;
}

h2.newsHeadline {
	font-size: 14px;
	color: #16314F;
}
.newsTable td.newsImage {
	width: 88px;	
}

.newsTable td.newsImage {
	width: 42%;	
}
.newsTable td.newsText {
	width: 58%;	
}

.newsTable td.newsImage,
.newsTable td.newsText {
	padding-bottom: 5px;	
	border-bottom: 1px solid #CCCFE4;
}

#imageSlideshow {
	width: 539px;
	height: 239px;
}
/* Form styles -------------------------------------------------------------- */
/* Inline form */
form.inline fieldset,
fieldset.inline .field              { display:inline; float:left; }

/* Vertical form */
.vertical .field                { margin-bottom:.25em; }
.vertical label                 { display:block; }

.vertical .multiple             { margin-bottom:.25em; }
.vertical .multiple .field      { margin-bottom:0; }
.vertical .multiple label,
.vertical .result label         { display:inline; }

/* Marginal form */
.marginal .field                { margin-bottom:.25em; height:100%; overflow:hidden; }
.marginal label                 { width:11.5em; float:left; }

.marginal .multiple             { margin-bottom:-2em; }
.marginal .multiple .field      { margin-bottom:0; position:relative; top:-2em; left:11.5em; }
.marginal .multiple label,
.marginal .result label			{ width:auto; float:none; }

/* Form --------------------------------------------------------------------- */
form            { width:100%; overflow:hidden; }
form .field     { line-height:2; }
fieldset        { border:0; margin-bottom:1.25em; padding:0; padding-top:.5em; }
legend          { font-size:18px; font-weight:bold; line-height:1; color:#fff; }
label           { font-weight:bold; cursor:pointer; }
.result label	{ font-weight:normal; }

/* Input */
/*
input.text,
input.secret,
select,
textarea        { border:1px solid #455560; }
*/
input.text,
input.secret	{ text-indent:5px; padding:.25em 0; }
textarea        { /*padding:5px;*/ width:250px; }
input.radio		{ border:0; background:none; }

/* Multiple */
fieldset.multiple           { border:0; margin:0; padding:0; }
/*fieldset.multiple legend    { text-transform:none; font-size:1em; line-height:2; color:#000; }*/
fieldset.multiple .field    { float:left; clear:left; position:relative; }
fieldset.multiple label		{ padding-left:1.25em; font-weight:normal; }
fieldset.multiple input     { position:absolute; top:.5em; left:0; }

/* Control & Output */
button              { padding:0; overflow:visible; cursor:pointer; }
form .buttons       { overflow:hidden; margin-bottom:0; }

form .error         { color:#ed1c24; }
form .error input   { border-color:#ed1c24; }
#contactOuter .notice,
form .notice        { color: #539C26; }
form .success       {  }

/** Contact Us **/
#contactInner form .field label[for=contactName] {
	width: 434px;
}
#contactInner form .field input#contactName.text {
	width: 170px;
}
#contactInner form .field label[for=contactEmail] {
	width: 434px;
}
#contactInner form .field input#contactEmail.text {
	width: 170px;
}
#contactInner form .field label[for=contactPhone] {
	width: 434px;
}
#contactInner form .field input#contactPhone.text {
	width: 170px;
}
#contactInner form .field label[for=contactContent] {
	width: 434px;
}
#contactInner form .field textarea#contactContent {
	height: 120px;
	width: 430px;
}
#contactInner form .buttons button {
	background: url(/images/templates/default/sendBtn.jpg) no-repeat;
	border: 0;
	float: right;
	height: 22px;
	width: 80px;
	text-indent: 9999px;
}

body, p, div, h1, h2, h3, h4, h5, form, input, table {
	margin: 0;
	padding: 0;
}

body, html {
	background: #FFFFFF url(/images/templates/default/body_bg.jpg) top left repeat-x;
	color: #373737;
	font: 12px Helvetica, Arial, sans-serif;
	margin: 0 auto;
	padding: 0;
}

#outer {
	margin: 0 auto;
	width: 1010px;
}

#campaignList li {
	padding-top: 5px;
}

#outerheader {
	background: url(/images/templates/default/outer-header.jpg) no-repeat;
	height: 320px;
	margin: 0 auto;
	width: 1010px;
}
	#innerheader {
		height: 300px;
		margin: 0 auto;
		padding-top: 24px;
		width: 970px;
	}
		#innerheader .top {
			height: 78px;
			position: relative;
			width: 970px;
		}
		#innerheader .top .logo {
			float: left;
			height: 68px;
			width: 216px;
		}
		#innerheader .top .flags {
			float: right;
			height: 20px;
			margin-top: 10px;
			width: 80px;			
		}
		
		#innerheader .top .loginForm {
			height: 40px;
			margin-top: 10px;
			width: 311px;
			position: absolute;
			bottom: 0;
			right: 0;
			text-align: right;
		}		
			#innerheader .top .loginForm h1,
			#innerheader .top .loginForm label {
				display: none;
			}
			
			#innerheader .top .loginForm input {
				float: left;
				width: 110px;
			}
			#innerheader .top .loginForm .field {
				float: left;
				width: 118px;
			}		
		
			#innerheader .top .loginForm p.buttons {
				width: 70px;
			}
		
			#innerheader .top .loginForm span {				
				position: relative;
				bottom: 4px;
				color: #fff;
			}
		
		#innerheader .top ul {
			list-style-type: none;
			width: 311px;
			padding: 0;
			margin: 0;
			position: absolute;
			bottom: 0;
			right: 0;			
			text-align: right;
		}
			#innerheader .top ul li {
				display: inline-block;
				margin: 0 10px 5px 0;
			}
		
		#innerheader .bottom {
			height: 210px;
			width: 970px;
		}
		#innerheader .bottom .slideshow {
			float: left;
			height: 210px;
			width: 648px;
		}
		/* Slideshow */
		.slideshow { position:relative; }
		.slideshow img { opacity: 0; position:absolute; top:0; left:0; z-index:8; }
		.slideshow img.active { z-index:10; visibility: visible; opacity: 1; }
		.slideshow img.last-active { z-index:9; }

		#innerheader .bottom .bokaonline {
			background: url(/images/templates/default/bokaonline.jpg) no-repeat;
			float: left;
			height: 210px;
			margin-left: 10px;
			width: 312px;
			position: relative;
			color: #000;
		}
		
		#innerheader .bottom .bokaonline ul {
			list-style-type: none;
			float: right;
			margin: 30px 20px 0 0;
			width: 150px;
		}
			#innerheader .bottom .bokaonline ul  ul.sublevel {
				display:none;
			}
			#innerheader .bottom .bokaonline ul li {				
				line-height: 22px;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 12px;
				color: #16314F;
			}
				#innerheader .bottom .bokaonline ul li a {
					line-height: 15px;
					font-weight: bold;
					font-size: 1.1em;
					text-decoration: none;
					color: #16314F;
				}
		#innerheader .bottom .bokaonline #search {
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 35px;
		}
			#innerheader .bottom .bokaonline #search h2 {
				color: #AE0A48;
				font-size: 15px;
				display: block;
				text-transform: uppercase;
				float: left;				
				margin: 12px 0 0 10px;				
			}			

#outermiddle {
	background: url(/images/templates/default/outer-middle.png) repeat-y;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 10px;
	width: 1010px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

	#innernavbar {
		background: url(/images/templates/default/navbar_bg.jpg) no-repeat;
		height: 33px;
		margin: 0 auto;
		width: 970px;
	}
	
		#innernavbar ul {
			display: inline;
			position:relative;
			list-style-type: none;
		}
		
		#innernavbar ul li {
			display: block;
			position: relative;
			float: left;
			margin-left: 30px;
			padding: 10px 0 3px 0;
			width: auto;
		}
		
		#innernavbar ul li a {
			color: #FFFFFF;
			font: 13px Helvetica, Arial, sans-serif;
			font-weight: bold;
			height: 33px;
			display: block;
			text-decoration: none;
			text-transform: uppercase;
		}
		
	#innermiddle {
		margin: 0 auto;
		padding: 12px 0 0 0;
		width: 970px;
	}

#outerfooter {
	background: url(/images/templates/default/outer-footer.png) no-repeat;
	margin: 0 auto;
	overflow: hidden;
	width: 1010px;
}
	#innerfooter {
		color: #585858;
		margin: 0 auto;
		width: 970px;
	}
		#innerfooter .left {
			float: left;
			margin-top: 25px;
			width: 440px;
		}
		#innerfooter .right {
			float: left;
			margin-left: 10px;
			margin-top: 25px;
			width: 520px;
			font-size: 11px;
			color: #585858;
		}
		#innerfooter a {
			margin: 0 2px 0 2px;
			color: #2686BA;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
		}
		#innerfooter .bottom {
			margin-top: 5px;
		}
		#innerfooter .bottom .argo {
			float: right;
			margin-top: 2px;
		}

/** Text **/

/** Images **/

img {border:none; margin:0; padding:0; text-decoration:none; line-height:0; font-size:0;}

/** Other **/

.clear {clear:both; font-size:0; line-height:0; height:0;}

/** infoContent **/

#infoContentOuter {
	/*background: url(/images/templates/default/infocontent.jpg) no-repeat;*/
	color: #585858;
	float: left;
	margin-left: 10px;
	width: 572px;
}
#infoContentInner {
	padding: 0 17px 0 17px;
}
	#infoContentInner p {
		margin: 10px 0 10px 0;
		text-align: justify;
	}
	#infoContentInner h1 {
		color: #ae0a48;
		font-size: 28px;
		margin-bottom: 15px;
	}

/** News **/
div.newsList {
	float: left;
	width: 170px;
}
div.newsList .top {
	background: url(/images/templates/default/newslist-top.gif) no-repeat;
	height: 31px;
	width: 170px;
}
	div.newsList h1 {
		margin: 0 !important;
		padding-left: 25px;
		padding-top: 10px;
	}
div.newsList .content {
	background: url(/images/templates/default/newslist-content.jpg) repeat-y;
	margin: 0;
	overflow: hidden;
	width: 170px;
}
	div.newsList ul {
		list-style-type: none;
		padding: 5px 7px 0 17px;
	}
	div.newsList ul li {
		padding-bottom: 13px;
	}
	div.newsList ul li a {
		color: #FFFFFF;
		font-size: 13px;
		line-height: 13px;
		text-decoration: none;
	}
	
div.newsList .bottom {
	background: url(/images/templates/default/newslist-bottom.jpg) no-repeat;
	height: 16px;
	width: 170px;
}

div.newsShow {
	color: #585858;
	float: left;
	margin-left: 10px;
	width: 572px;
}
	div.newsShow h2 {
		color: #16314f;
		font-size: 26px;
		margin-bottom: 20px;
	}
	div.newsShow .newsShort {
		font-size: 15px;
	}
	div.newsShow p {
		margin-top: 20px;
	}


/* Front */
#front #mediaOuter {
	margin-left: 0 !important;
}

#front .newsTable .top {
	background: #fff url("/images/templates/default/newsHeader.png") no-repeat;
	height: 60px;	
}
	#front .newsTable .top h1 {
		margin: 0 !important;
		padding-left: 50px;
		padding-top: 10px;
	}
#front .newsTable .top h3 {
	position: relative;
	text-transform: uppercase;
	top: 8px;
	left: 52px;
	color: #fff;
}

#front .newsTable {
	width: 430px;
	margin: 0 0 0 10px;
	float: left;
}

#front .dataTable {
	width: 410px;
}

#front .dataTable tr,
#front .dataTable th {
	background-color: #fff;
}

/** Contact **/

#contactOuter {
	background: url(/images/templates/default/contactus.jpg) no-repeat;
	color: #585858;
	float: left;
	margin-left: 10px;
	width: 468px;
}
#contactInner {
	padding: 75px 17px 0 17px;
}

/** Media **/
#mediaOuter {
	/*background: url(/images/templates/default/media.jpg) no-repeat;*/
	color: #585858;	
	float: left;
	margin-left: 10px;
	width: 207px;
}
	#mediaInner {
		padding: 0 7px 0 7px;
	}

/** VäderPrognos **/

#vaderprognos {
	color: #585858;
	float: left;
	margin-left: 10px;
	width: 468px;
}

/** Evenemang **/

#evenemangOuter {
	/*background: url(/images/templates/default/evenemang.jpg) no-repeat;*/
	float: right;
	margin-left: 10px;
	width: 312px;
}
#evenemangInner {
	padding: 0 7px 0 7px;
}

/** Resepaket **/

#resepaket-evenemangContainer {
	float: right;
	width: 312px;
}

#resepaketOuter {
	/*background: url(/images/templates/default/resepaket.jpg) no-repeat;*/
	float: right;
	clear: right;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 312px;
}
#resepaketInner {
	padding: 0px 7px 0 7px;
}

h1.columnHeader {
	font-size: 14px;
	color:#FFFFFF;
	text-transform: uppercase;		
	margin-left:50px;	
	margin-top:10px;
	letter-spacing: 0.05em;
	z-index:9;
}
h1.columnHeader.noImage {
	left: 10px;
	letter-spacing: 0.05em;
}

ul.mediaList {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
	ul.mediaList li {
		margin-bottom: 12px;
	}
	ul.mediaList li a {
		font-size: 14px;
		color: #16314F;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 36px;
	}
	ul.mediaList li a img {
		display: block;	
	}
	ul.mediaList li span {
		font-size: 12px;
	}
	
.contactContent {
	margin: 15px 0 15px 0;
}


#eventList {
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

#eventList li {
	border-bottom: 1px solid #CCCFE4;
	padding-top: 5px;
}

#eventList a img {
	display: block;
	float: left;
	width: 79px;
	margin-right: 10px;
}

#eventList h2 {
	font-size: 14px;
	color: #539CCC;
}


#calendarList {
	width: 216px;
	float: left;
}

#calendarShow {
	width: 520px;
	margin-left: 10px;
	min-height:500px;
	height:auto !important;
	height:500px;
	float: left;
}
	#calendarShow h1 {
		color: #ae0a48;
		font-size: 28px;
		margin-bottom: 15px;
	}
	
/** Evenemang small **/
#calendarList {
	background: url(/images/templates/default/evenemang_small.jpg) no-repeat;
	color: #585858;
	float: left;
	width: 208px;
}
	#calendarListInner {
		padding: 35px 0px 0 0px;
	}
		#calendarListInner #cal {
			margin: 0 auto;
			height: 210px;
		}
			#calendarListInner #cal .ui-datepicker {
				width: 190px;
				margin: 0 auto;
			}

.productCategoryList ul.treeList.mainlevel {
	padding-left: 0;
}

.productCategoryList ul.treeList.mainlevel li a.iconText {
	text-indent: 0;
}


/* Navigation --------------------------------------------------------------- */

#innernavbar li.selected,
#innernavbar li:hover { }

#innernavbar li { position: relative; }
#innernavbar li ul { z-index:9999; padding: 0; margin: 0; line-height:10px; background-color:#0080C7;
height:auto; float:none; position: absolute; top:100px; left:-2px; }

#innernavbar li li { float:none; white-space:nowrap; }
#innernavbar li li ul { top:0; left:100%; margin-left:-10px; }
#innernavbar li li.subTree { background-position:100% -54px; }
#innernavbar li li.selected,
#innernavbar li li:hover { border-left:0; border-right:0; }

#innernavbar li ul li { padding: 0; margin: 10px; }
#innernavbar li ul li a { display: inline; word-spacing: 4px; height: auto; font-size: 12px; }

#innernavbar li ul { position:absolute; top:-999em; }
#innernavbar li:hover ul { top:35px; }
#innernavbar li:hover li ul { top:-999em; }
#innernavbar li:hover li:hover ul { top:0; }

.templateInfoHider .hideInfo { margin: 5px; float: right; }
.templateInfoHider { width: 100%; height: 20px; }

div#imageGalleryList {
	margin: 0 0 0 10px;
	float: left;
	width: 730px;
}
div#imageGalleryList ul { list-style-type: none; padding: 0; margin: 10px 0 0 0; }
div#imageGalleryList ul li {
	border:1px solid #C0C0C0;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px;	
	overflow:hidden;
	padding:5px;
	text-align:center;
}

div#imageGalleryList ul li img {
	width: 100px;
	height: 75px;
}

ul#imageInfoSlideshow,
ul#imageInfoSlideshow li {
	list-style-type: none;
	padding: 0;
}

ul#productList li h2 {
	color: #0080C6;
}

ul#productList li p.noPic {
	width: 122px;
	padding: 55px 0 0 60px;
}