/*
Common
*/

#header {
	position: relative;
	background: #fff url('../img/view-gotland-beta.png') left top no-repeat;
	height: 100px;
	width: 100%;
}
	#header a {
		display: block;
		width: 300px;
		height: 100px;
		text-indent: -10000px;
	}
	#header.fullscreen {
		display: none;
	}
	
	#language {
		position: absolute;
		right: 0;
		top: 10px;
		width: 300px;
	}
		#language label {
			font-size: .833em;
			color: #ccc;
			text-transform: uppercase;
			margin-bottom: 1em;
		}
		a#chooselanguage {
			height: 40px;
			background: transparent url('../img/language.png') left top no-repeat;
			text-indent: 0;
		}
			a#chooselanguage:hover {
				text-decoration: none;
			}
			#chooselanguage span {
				display: block;
				text-align: right;
				margin-right: 30px;
				line-height: 45px;
				font-family: neuelight,Helvetica,Georgia,Arial;
				font-size: 2em;
				color: #fff;
				text-transform: uppercase;
			}

#container {
	height: 100%;
}
	#container #content {
		height: 100%;
		position: relative;
	}

#panorama {
	display: block;
	width: 100%;
	height: 450px;
	background: #171717;
	cursor: move;
}

#map {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
}

/*
Types
nav					Navigation				förflyttning till panoramor, finns men är igentligen ingen typ
accommodation		Logi					hotell vandrarhem camping bed and breakfast konferens
business			Näringsliv				företag
eat					Mat						restaurang fik bageri
entertainment		Nöje / aktivitet		bar nattklubb golf simhall kanot sport konserter utställningar teater marknader
service				Samhällsservice			post polis sjukhus bank uttagsautomat bensinstation
shop				Handel					butiker gallerior matbutik klädbutik
sight				Sevärdhet				kyrkor stränder natur kulturminnen
transport			Transport				resa busshållsplatser taxi tåg flyg hamn
*/
.accommodation { background: transparent url('../img/icons/accommodation-32.png') left top no-repeat!important; }
.business { background: transparent url('../img/icons/business-32.png') left top no-repeat!important; }
.eat { background: transparent url('../img/icons/eat-32.png') left top no-repeat!important; }
.entertainment { background: transparent url('../img/icons/entertainment-32.png') left top no-repeat!important; }
.navigation { background: transparent url('../img/icons/nav-32.png') 0 0 no-repeat!important; }
.service { background: transparent url('../img/icons/service-32.png') left top no-repeat!important; }
.shop { background: transparent url('../img/icons/shop-32.png') left top no-repeat!important; }
.sight { background: transparent url('../img/icons/sight-32.png') left top no-repeat!important; }
.transport { background: transparent url('../img/icons/transport-32.png') left top no-repeat!important; }


/*
Navigation
*/
#nav {
	width: 100%;
	height: 60px;
	background: #0b0b0b url('../img/nav-bg.png') left top repeat-x;
	z-index: 10000;
	overflow: visible;
}
	#search {
		position: absolute;
        left: 10px;
		top: 10px;
		width: 380px;
        background: #fff url('../img/search-bg.png') left top no-repeat;
	}
        #search fieldset label {
            position: absolute;
            top: 10px;
            left: 20px;
            font-size: 1.2em;
            color: #999;
        }
		#search fieldset input {
			position: relative;
            left: 0;
            top: 0;
            width: 360px;
			font-size: 1.2em;
			padding: 10px 0 10px 20px;
			background: transparent;
			border: 0;
			color: #999;
		}
		#search #search-btn,
		#search #search-close-btn {
			position: absolute;
			left: 353px;
			top: 10px;
			width: 20px;
			height: 20px;
			background: #fff url('../img/go-btn.png') left top no-repeat;
			text-indent: -9999px;
			cursor: pointer;
		}
		
		#search #search-close-btn {
			display: none;
			background: #fff url('../img/close-btn.png') left top no-repeat;
		}
		
	#nav ul li a {
		background: transparent url('../img/nav-item-bg.png') left top no-repeat;
		padding: 0 30px;
		color: #fff;
		font-size: .833em;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 60px;
		cursor: pointer;
	}
		#nav ul li a:hover,
		#nav ul li.active a {
			background: #0b0b0b url('../img/nav-active.png') left top repeat-x;
			color: #0597c8;
			text-decoration: none;
		}
		#nav ul li a:focus {
			outline: 0;
		}
	
	#nav div.drop {
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		height: 10px;
		background: transparent url('../img/nav-bg-drop.png') left top repeat-x;
	}

/*
Settings DropDown
*/
.settings-dropdown {
	display: none;
	position: absolute;
	right: 10px;
	background: transparent url('../img/trans-90.png') left top repeat;
	width: 400px;
	overflow: hidden;
}
	#panorama-toggle-spots {
		background: transparent!important;
		color: #ccc!important;
	}
		#panorama-toggle-spots.active {
			color: #0597C8!important;
		}
		
	#map-types,
	#filter-types {
		position: relative;
		float: left;
		width: 200px;
	}
		.settings-dropdown h5 {
			color: #ccc;
			font-size: .833em;
			margin: 10px 0;
			border-bottom: 1px solid #333;
			text-indent: 14px;
			line-height: 30px;
		}
		.settings-dropdown ul {
			margin-top: 5px;
		}
		.settings-dropdown ul li {
			float: none!important;
			margin-left: 10px;
		}
			.settings-dropdown ul li a {
				height: 40px;
				line-height: 32px!important;
				text-indent: 10px;
				color: #ccc!important;
			}
			.settings-dropdown ul li a.nav { background: transparent url('../img/icons/nav-32.png') left top no-repeat!important; }

	#map-types h5 {
		text-indent: 10px;
	}
		#map-types ul li a {
			color: #666!important;
		}
		#map-types ul li a.active {
			color: #0597C8!important;
		}
		#map-types ul li a.map {
			background: transparent url('../img/maptype-map-32.png') left top no-repeat;
		}
		#map-types ul li a.satellite {
			background: transparent url('../img/maptype-satellite-32.png') left top no-repeat;
		}
		#map-types ul li a.hybrid {
			background: transparent url('../img/maptype-hybrid-32.png') left top no-repeat;
		}

			
/*
Search Result
*/
#search-panel {
	display: none;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
	background: transparent url('../img/trans-60.png') left top repeat;
	color: #fff;
}
	#search-scroll {
		position: relative;
		left: 20px;
		top: 0;
		width: 920px;
		height: 450px;
	}
	#search-scroll .previous,
	#search-scroll .next {
		position: absolute;
		top: 200px;
		display: block;
		background: #222;
		width: 40px;
		height: 60px;
		text-indent: -10000px;
	}
	#search-scroll .previous {
		left: -20px;
		background: #333 url('../img/arrows-60.png') -10px 0px no-repeat;
	}
	#search-scroll .next {
		right: -20px;
		background: #333 url('../img/arrows-60.png') -90px 0px no-repeat;
	}
	#search-result div {
		position: relative;
		float: left;
		width: 210px;
		height: 420px;
		margin: 10px 10px 0 10px;
		background: transparent url('../img/trans-90.png') left top repeat;
	}
		#search-result div h2 {
			margin: 10px 0 0 10px;
			line-height: 32px;
			text-indent: 40px;
		}
		#search-result div h2.nav { background: transparent url('../img/icons/nav-32.png') left center no-repeat; }
		#search-result div ul {
			display: block;
            margin-bottom: 10px;
		}
			#search-result div ul li a {
				display: block;
				width: 195px;
				color: #fff;
				padding: 4px 0 2px 14px;
			}
				#search-result div ul li a:hover {
					background: #333;
					text-decoration: none;
				}
				#search-result div ul li a span {
					display: block;
					text-transform: uppercase;
					color: #ccc;
					font-size: .7em;
					line-height: 1.2em;
					font-weight: normal;
				}
		
		#search-result div a.more {
			display: block;
			position: absolute;
			right: 0;
			bottom: 0
		}
		#search-result div ul.more-results {
			position: absolute;
			width: 680px;
			height: 380px;
			left: 220px;
			top: 10px;
			display: none;
			overflow: hidden;
		}
			#search-result div ul.more-results li {
				float: left;
			}

		#search-result div a.more {
			display: block;
			font-size: .833em;
			padding: 0 10px 10px 10px;
		}

#search-result #no-results {
    width: 90%;
}

/*
Help
*/
#help {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
	background: transparent url('../img/trans-90.png') left top repeat;
	color: #fff;
	overflow-y: scroll;
}
	#help-nav {
		min-height: 450px;
	}
		#help-nav ul li a {
			line-height: 2em;
			text-indent: 20px;
			border-bottom: 1px solid #333;
			margin: 0 10px;
		}
	#help-content {
	}
/*
Information
*/
#information {
	overflow: hidden;
}
	#information.fullscreen {
		display: none;
	}
	
/*
Welcome
*/
#welcome h1 {
	margin: 25px 0 10px 0;
}

/*
Client Contact
*/
#client-contact {
}
	#client-contact div {
		background: #f1f1f1;
		overflow: hidden;
		min-height: 340px;
		padding: 10px;
		font-size: .915em;
	}
	
#current h5,
#new h5,
#client-contact h5 {
	font-size: .833em;
	color: #ccc;
	text-transform: uppercase;
	margin-bottom: 1em;
}

/*
Current
*/
#current {
}
	#current img {
		display: block;
	}
	#current div {
		background: #f1f1f1;
		overflow: hidden;
		min-height: 360px;
	}
		#current div h5 {
			margin: 1em 0 .4em 10px;
			text-transform: uppercase;
			color: #666;
		}
		#current div h2 {
			color: #0099cc;
			margin: 0 0 5px 10px;
		}
		#current div p {
			margin-left: 10px;
		}
		#current div a {
			position: relative;
			display: block;
			background: transparent url('../img/button-bg.png') left bottom repeat-x;
			height: 40px;
			color: #333;
			padding-left: 50px;
			margin: 0 10px 10px 10px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
			#current div a:hover {
				text-decoration: none;
			}
			#current div a span {
				position: relative;
				font-weight: bold;
				white-space: nowrap;
				overflow: hidden;
			}
			#current div a span.icon {
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				width: 50px;
				height: 40px;
				background-position: center center!important;
			}
			#current div a span.icon.nav {
				background: transparent url('../img/icons/nav-32.png') center center no-repeat!important;
			}
			#current div a span.lnglat {
				top: 2px;
				display: block;
				text-transform: uppercase;
				color: #fff;
				font-size: .7em;
				line-height: 1.8em;
				font-weight: normal;
			}
	
/*
New
*/			
#new {
	overflow: hidden;
	background: none;
	width: 230px;
	margin-right: 0!important;
}
	#new ul {
		background: #333;
		overflow: hidden;
		min-height: 360px;
	}
		#new ul li:first-child {
			margin-top: 10px;
		}
		#new ul li a {
			padding-left: 50px;
			margin-bottom: 10px;
			color: #fff;
			background-position: 10px 0!important;
		}
			#new ul li a:hover {
				text-decoration: none;
				background-color: #000;
			}
			#new ul li a span {
				display: block;
				text-transform: uppercase;
				color: #ccc;
				margin-top: .1em;
				font-size: .7em;
				line-height: 1.2em;
				font-weight: normal;
			}
		#new ul li a.nav { background: transparent url('../img/icons/nav-32.png') 10px 0 no-repeat; }

	#new a.more {
		display: block;
		background: #333;
		font-size: .833em;
		padding: 0 10px 10px 10px;
	}

/*
Client Navigation
*/
#client-navigation {
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	background: #333;
	overflow: hidden;
}
	#client-navigation a.next,
	#client-navigation a.previous {
		position: absolute;
		top: 0;
		display: block;
		width: 70px;
		line-height: 60px;
		text-align: center;
		text-indent: -10000px;
	}
	#client-navigation a.previous {
		left: 0;
		background: #333 url('../img/arrows-60.png') left center no-repeat;
	}
	#client-navigation a.next {
		right: 0;
		background: #333 url('../img/arrows-60.png') right center no-repeat;
	}
	#client-navigation div {
		position: relative;
		left: 60px;
		width: 840px;
		overflow: hidden;
	}
	#client-navigation div ul {
		display: block;
		overflow: hidden;
	}
	#client-navigation div ul li a {
		width: 205px;
		margin: 0 10px 0 0;
		color: #fff;
		font-family: neuelight;
		font-size: 1em;
		overflow: hidden;
	}
		#client-navigation div ul li a span {
			display: block;
			height: 50px;
			margin: 10px 0 0 110px;
			white-space: normal;
			line-height: 1.2em;
		}
	#client-navigation div ul li.active a {
		color: #0597C8;
	}
	#client-navigation div ul li a:hover {
		text-decoration: none;
	}
	#client-navigation div ul li a:focus,
	#client-navigation div ul li a:active {
		outline: 0;
	}

/*
Footer
*/
#footer {
	position: relative;
	width: 100%;
	clear: both;
	margin-top: 20px;
	background: #fff url('../img/footer-bg.png') left top repeat-x;
	overflow: hidden;
}
	#footer.fullscreen {
		display: none;
	}
	#quicklinks {
		position: relative;
		left: 30px;
		top: 30px;
		width: 900px;
		font-size: .833em;
		margin-bottom: 60px;
		overflow: hidden;
		min-height: 420px;
	}
		#quicklinks.loading {
			background: transparent url('../img/loader.gif') right top no-repeat;
		}
		#quicklinks h2 {
			margin-bottom: .3em;
		}
		#quicklinks ul {
			margin-bottom: 2em;
		}
		#quicklinks ul li a {
			color: #000;
		}
		
		#quicklinks-nav {
			width: 100%;
			background: transparent url('../img/quicklinks-header.png') left top repeat-x;
		}
			#quicklinks-nav ul li a {
				line-height: 25px;
				padding: 0 20px;
				color: #fff;
			}
			#quicklinks-nav ul li a:hover {
				background: #F2F2F2;
				text-decoration: none;
				color: #0597C8;
			}
			#quicklinks-nav ul li.active a {
				background: #F2F2F2;
				text-decoration: none;
				color: #0597C8;
				font-weight: bold;
				border-right: 1px solid #fff;
				line-height: 23px;
				padding-top: 2px;
			}
		
#footer-info {
	clear: both;
	position: relative;
}
	#digiplant {
		display: block;
		width: 181px;
		height: 40px;
		position: absolute;
		top: 0;
		right: 0;
		background: transparent url('../img/digiplant.png') left top no-repeat;
		text-indent: -10000px;
	}
	#wec360 {
		display: block;
		width: 160px;
		height: 40px;
		text-indent: -10000px;
		position: relative;
		background: transparent url('../img/wec360.png') left top no-repeat;
		clear: both;
		margin: 20px 0 20px 0;
	}

/*
Typography / Styles
*/
body {
	color: #333;
}

@font-face {
	font-family: 'neuelight';
	src: url('../font/HelveticaNeueLTStd-Lt.eot');
	src: local('Helvetica Neue LT Std 45 Light'), local('HelveticaNeueLTStd-Lt'), url('../font/HelveticaNeueLTStd-Lt.otf') format('opentype');
}

@font-face {
	font-family: 'neuebold';
	src: url('../font/HelveticaNeueLTStd-Bd.eot');
	src: local('Helvetica Neue LT Std 75 Bold'), local('HelveticaNeueLTStd-Bd'), url('../font/HelveticaNeueLTStd-Bd.otf') format('opentype');
}

h1,h2 {
	font-family: neuelight, Helvetica, Georgia, Arial;
	font-weight: normal;
}
h1 {
	text-transform: uppercase;
	color: #ccc;
}
h2 {
	font-size: 1.7em;
	line-height: 1.3em;
}
a {
	color: #0099cc;
}
strong {
	font-weight: bold;
}