/*
colors:	ljusgrå, mörkgrå, textgrå
	color: #aaa;
	color: #666;
	color: #707070;
*/	

@import "reset-elements.css";

strong, b{
	font-weight:bold;
}

i, em {
	font-style: italic;
}

a{
	color: #3280b6;
	text-decoration: none;
}

h1, h1 a, h2, h2 a, .Content .article_head{
	font: 22px Trebuchet MS, Helvetica, Arial, Sans-serif;
	color: #3280b6;
	letter-spacing: -1px;

}

body {
	text-align: center;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	color: #707070;
	font-size: 11px;
	line-height: 15px;
}


.Center{
	margin: 0 auto;
	width: 960px;
	text-align: left;
	padding-top: 90px;
	overflow: visible;
	position: relative;
}



.Header{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 920px;
	z-index: 100;
}
.Menu{
	width: 684px;
	position: absolute;
	top: 0;
	left: -2px;
	height:52px;
	z-index: 200;
	background: url(menubackright.png) no-repeat top right;
	overflow: hidden;
}
.Menu ul{
	height:52px;
	background: url(menubackleft.png) no-repeat top left;
	padding-top: 3px;
	padding-left: 3px;
}

.Menu ul li{
	width: 134px;
	height: 47px;
	float: left;
	background: url(menuspacer.png) no-repeat top left;
	padding-left:2px;
	overflow: hidden;
}
.Menu ul li.First{
	padding-left:0px;
	background: none;
}
.Menu ul li a{
	display: block;
	height: 47px;
	width: 134px;
	background: url(menubutton.png) no-repeat;
	position: relative;
}
.Menu ul li a:hover{
	background-position: 0 -47px;
}
.Menu ul li a:active,
.Menu ul li.menu_level1_active a
{
	background-position: 0 -94px;
}
.Menu ul li a span{
	position: absolute;
	text-align: center;
	width: 132px;
	font-size: 12px;
	font-weight: bold;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	cursor: pointer;
}
.Menu ul li a span.Shadow{
	top: 19px;
	left: 2px;
	color: white;

}
.Menu ul li a span.Highlight{
	top: 18px;
	left: 1px;
	color: #666;
}
.Menu ul li a:hover span.Highlight{
	color: #2b7ad3;
}


/*-----------------------*/

.Header .Logo{
	position: absolute;
	height: 100px;
	top: 30px;
	left: -80px;
	width: 80px;
	background: url(tagtwine.png) no-repeat;
}

.Header .Logo a#Logo{
	position: absolute;
	display: block;
	width: 275px;
	height: 115px;
	top: 60px;
	left: 0;
	background: url(tag.png) no-repeat;
}
.Header .Logo a#Logo.en{
	background: url(tag-en.png) no-repeat;
}
.Header .Logo a#Logo.de{
	background: url(tag-ty.png) no-repeat;
}

.Header .Logo a#Logo:hover{
	background-position: 0 -115px;
}

.Header .Logo a#Logo span{
	display: none;
}

.Weather{
	float: left;
	width: 112px;
	margin-left: 695px;
	margin-top: 3px;
}

.Weather p{
	width: 90px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	margin-left: auto;
	margin-right: auto;
}

.Weather p img{
	float: left;
	padding-left: 8px;
} 

.Weather p span{
	display: block;
	font-size: 18px;
	line-height: 18px;
	float: left;
	padding-top: 0;
	margin-top: 4px;
}



.Header .Language{
	float: right;
	width: 108px;
	padding-top: 22px;
}
#LanguageList li{
	float: left;
}

#LanguageList li a{
	display: block;
	width: 36px;
	height: 30px;
	background: url(language.jpg) no-repeat;	
}

#LanguageList li.de a{background-position: 0 top;}
#LanguageList li.en a{background-position: -36px top;}
#LanguageList li.no a{background-position: -72px top;}

#LanguageList li.de.Active a,
#LanguageList li.de a:hover{background-position:0 bottom;}
#LanguageList li.en.Active a,
#LanguageList li.en a:hover{background-position:-36px bottom;}
#LanguageList li.no.Active a,
#LanguageList li.no a:hover{background-position:-72px bottom;}

#LanguageList li a span{
	display: none;
}

 
.TackFlodesvy{
	float: left;
	display: block;
	padding-bottom:10px;
	margin-bottom: 20px;
	background: url(top-shadow.png) no-repeat 0 bottom;
}
.TackFlodesvy .TackFlode{
	height: 330px;
	margin-left: 20px;
	width: 920px;
	overflow: hidden;
	position: relative;
}

.TackFlodesvy .TackFlode div{
	position: absolute;
 }
 
.TackFlodesvy img.Small{
	cursor: pointer;
}
 
.TackFlodesvy .TackFlode #FadeLeft,
.TackFlodesvy .TackFlode #FadeRight{
	position: absolute;
	top: 0;
	width: 30px;
	height: 330px;
	cursor: pointer;
}

.TackFlodesvy .TackFlode #FadeLeft{
	left: 0;
	background: url(fade-left.png) repeat-y;
}

.TackFlodesvy .TackFlode #FadeRight{
	right: 0;
	background: url(fade-right.png) repeat-y;
}


.Season{
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-right: 20px;
	height: 80px;
}
#SeasonText{
	font: 13px Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	color: #aaa;
	margin-bottom: 5px;
}
#SeasonText #CurrentSeason{
	color: #666;
}

#SeasonMenu li{
	float: left;
}

#SeasonMenu li a span{
	display: none;
}
#SeasonMenu li a{
	display: block;
	width: 34px;
	height: 34px;
	background: url(seasons.jpg) no-repeat;
	padding: 0 5px;
}

#SeasonMenu li#SeasonSummer a{background-position: -50px top;}
#SeasonMenu li#SeasonFall a{background-position: -100px top;}
#SeasonMenu li#SeasonWinter a{background-position: -150px top;}
#SeasonMenu li#SeasonSpring a{background-position: 0 top;}
#SeasonMenu li#SeasonSummer.Active a,
#SeasonMenu li#SeasonSummer a:hover{background-position: -50px bottom;}
#SeasonMenu li#SeasonFall.Active a,
#SeasonMenu li#SeasonFall a:hover{background-position: -100px bottom;}
#SeasonMenu li#SeasonWinter.Active a,
#SeasonMenu li#SeasonWinter a:hover{background-position: -150px bottom;}
#SeasonMenu li#SeasonSpring.Active a,
#SeasonMenu li#SeasonSpring a:hover{background-position: 0 bottom;}


/*temp only summer

#SeasonMenu{
	display: none;
}
.Season #SeasonText{
	color: white;
	position: relative;
	top: 11px;
	height: 34px;
	width: 0px;
	padding-left: 50px;
	background: url(seasons.jpg) no-repeat -50px bottom;
}
#SeasonText span{
	position: absolute;
	top: 9px;
	left: 0;
	padding-left: 50px;
}

end temp*/



.TackFlodesvy .Text{
	width: 440px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	height: 80px;
	overflow: hidden;
}
.TackFlodesvy .Text a .Headline{
	color: #666;
	margin-right: 4px;
	font: 15px Trebuchet MS, Helvetica, Arial, Sans-serif;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
}

.TackFlodesvy div.Text p a{
	color: #707070;

}
.TackFlodesvy .Text a:hover{

}
.TackFlodesvy .Text a:hover .Headline{
	color: #333;
	text-decoration: underline;
}

.TackFlodesvy .Ad{
	width: 200px;
	float: left;
	margin-left: 20px;
	height: 60px;
}

.SectionBanner{
	float: left;
	width:680px;
	height: 300px;
	margin-left: 20px;

	position: relative;	
}

.SectionBanner .CornersShadow{
	position: absolute;
	width:680px;
	height: 300px;
	top: 0;
	left:0;
	background: url(sectionbanner-shadow.png) no-repeat;
}
.SectionBanner p{
	color: #d707070;
	font-size: 8px;
	text-align: right;
	padding-right:6px;
	position: absolute;
	z-index: 10;
	width:680px;
	right: 0;
	top:240px;
	
}



.FrontTextList{
	float: left;
	width: 440px;
	overflow: hidden;
}

.Content h1, .Content h1 a
{
	font-size: 22px;
	display: block;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	margin-bottom: 10px;
}
.Content h2, .Content h2 a, .Content .article_head, td#article_head.stripes{
	font-size: 20px;
	display: block;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	margin-bottom: 10px;
}

.Content .article{
	display: block;
	float: left;
	padding-bottom: 40px;
}
.Content .article a.readmore{
	margin:5px 0;
	display: block;
	float: left;
	width: 200px;
	padding: 3px;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	padding:3px 25px;
	background: url(link-arrow.png) no-repeat 5px center;
	font-size:10px;
}


.article a:hover{
	text-decoration: underline;
}

.article li{
	list-style-type: circle;
}


.article table{
	border: 2px solid #ddd;
}

.article table td{
	padding: 5px;
	color: #666;
	border: 1px solid #ddd;
}



.Content .article_links,
.Content table
{
	clear: both;

}

.ImageContainer,
.ImageContainerSearchResult{
	clear: both;
	position: relative;
	margin-bottom:10px;
	display: block;
	padding: 6px;
	background: url(image-frame.png) no-repeat;	
}

.ImageContainer.align-left,
.ImageContainerSearchResult.align-left{
	float:left;
	margin-right:15px;
	
}
.ImageContainer.align-right,
.ImageContainerSearchResult.align-right{
	float:right;
	margin-left:15px;	
}

.ImageContainer img,
.ImageContainerSearchResult img{
	display: block;
}

.ImageContainer .Bottom,
.ImageContainerSearchResult .Bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	width: 100%;
	background: url(image-frame-bottom.png) no-repeat;
}
.ImageContainer .Right,
.ImageContainerSearchResult .Right{
	position: absolute;
	right: 0;
	top: 0;
	width: 6px;
	height: 100%;
	background: url(image-frame-right.png) no-repeat;
}
.ImageContainer .Corner,
.ImageContainerSearchResult .Corner{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 6px;
	height: 6px;
	background: url(image-frame-corner.png) no-repeat;
}


/* Sökresultat tillfällig lösning */

.ImageContainerSearchResult img{
	width: 150px;
}
td.article_head_list a{
	font: 17px Trebuchet MS, Helvetica, Arial, Sans-serif;
	color: #3280b6;
	letter-spacing: -1px;
	padding-bottom: 5px;
	display: block;
}

td.searchlist_picture{
	width: 170px;
}	

td.searchlist_address{
	width: 200px;
	padding-left:20px;
}	









.Content .SearchColumn{
	float: left;
	margin-left: 20px;
	width: 200px;
}
.Content .SearchColumn .Activities{
	
}
div.Booking p{
	display: block;
	height: 90px;
	width: 200px;

	margin-bottom: 20px;
}

div.Booking a{
	display: block;
	height: 90px;
	width: 200px;
	position:relative;
	background: url(bigbutton.png);
	overflow: hidden;
}
div.Booking a span{
	position: absolute;
	text-align: center;
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	cursor: pointer;
}
div.Booking a span.Shadow{
	top: 40px;
	left: 1px;
	color: white;

}
div.Booking a span.Highlight{
	top: 39px;
	left: 0;
	color: #666;
}
div.Booking a:hover span.Highlight{
	color: #2b7ad3;
}
div.Booking a:hover{
	background-position: 0 -90px;
}
div.Booking a:active{
	background-position: 0 -180px;
}






.Content{
	width: 680px;
	float: left;
	margin-left: 20px;
}

.Sidebar {
	float: right;
	min-height: 600px;
	width: 200px;
	margin-right: 20px;
	padding-left: 29px;
	background: url(sidebar-shadow.png) no-repeat 0 0;
}

.Sidebar .Map{
	width: 200px;
	height: 145px;
	margin-bottom: 20px;
	background: url(map.jpg) no-repeat;
}

.Sidebar .Ads table.banner.bannerAnnonser{
	margin:10px 0;
	width: 200px;
	overflow: hidden;
}
.Sidebar .Ads table.banner.bannerAnnonser tr a{
	padding:10px 0;
	display: block;
	width: 200px;
}


/* -- */

.Sidebar .Search input{
	margin-right:10px;	
}
.Sidebar .Search {
	margin-bottom:10px;	
}

div.Submenu{
	margin-bottom: 10px;
}

div.Submenu h2.ActiveSubmenu{
	display: block;
	margin-bottom:10px;
	
}

.Submenu li a span.Shadow{
	display: none;
}

.Submenu li a{
	display: block;
	border-top:1px dotted #aaa;
	padding:10px 25px;
	background: url(submenu-arrow.png) no-repeat 5px center;
}
.Submenu ul{
	border-bottom:1px dotted #aaa;
}
.Submenu li a:hover{
	text-decoration: underline;
}



.Footer{
	float: left;
	clear: left;
	margin: 20px;
	width: 700px;
	border-top:1px dotted #aaa;
	padding: 10px 0 20px 0;
}

.Footer .Logo{
	float: left;
	margin: 0 20px 0 0;
	padding: 5px 0;
}
.Footer .Links{
	float: left;
	margin:0 0 5px 20px;
}

.Links ul li{

	margin-right: 20px;
}
.Links ul li span.Shadow{
	display: none;
}

.Links a{
	display: block;
	height: 12px;
	padding:5px 0;
}
.Links a:hover{
	text-decoration: underline;
}
.Links a span{
	display: block;

}

.ContactInfo{
	float: left;
	margin:0 0 10px 20px;
}
.ContactInfo p{
	display: block;
	height: 12px;
	padding:5px 0;
	margin-right: 10px;
}
.ContactInfo p.PostalAddress{
	padding-left:20px;
	background: url(footer-address.png) no-repeat 0 center;
}
.ContactInfo p.email{
	padding-left:20px;
	background: url(footer-email.png) no-repeat 0 center;
}

.ContactInfo p.Phone{
	padding-left:20px;
	background: url(footer-phone.png) no-repeat 0 center;
}


table.travel_schedule td,

	padding-right: 20px;
}

table.travel_contact{
	width: 100%;
}
table.travel_contact tr{
	display: block;
	vertical-align: top;
	padding: 5px 0;
	overflow: auto;
}
table.travel_contact td{
	float: left;
	clear: both;
}
table.travel_contact tbody{
	display: block;
	margin-bottom:10px;
}

table.travel_contact td.article{
padding: 0;}



table.SearchResultsCompact{
	width: 100%;
}

table.SearchResultsCompact td{
padding: 0 20px 5px 0;}

table.SearchResultsCompact th{
	padding:20px 0 10px;
	font-size: 16px;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	margin-bottom: 10px;
}






/*  */

input, select, textarea 
{ 
	font-size: 100%;
	font-family: inherit;
	color: #707070;
}