@charset "utf-8";
/* stylesheet File Google Map										*/
/* map.css 															*/
/* Modified June 01th 2009							 				*/
/* http://www.meresverige.dk/										*/


/* mapholder style */

.mapholder {
	position: relative;
	z-index: 88;
}	
.mapholder#visible {
	width: 940px;
	height: 440px;
	margin: 0px 10px 0px 10px;
	visibility: visible;
	display: block;
}
.mapholder#hidden {
	width: 940px;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 8px 0px;
	visibility: hidden;
	display: none;
}
.mapholder#hidden .topmedia {
	margin: 0px -10px -8px -10px;
	padding: 0px 10px 0px 10px;
}

/* map style */

#map, #holder {
	width: 940px;
	height: 440px;
}
#holder {
	position: relative;
}

/* poi style */

#poi {
	width: 516px;
	width: /**/474px;
	height: 434px;
	height: /**/352px;
	padding: 61px 21px 21px 21px;
	background: transparent url(../images/background_map_poi.png) no-repeat left top;
	position: absolute;
	cursor: default;
	z-index: 999;
	top: 3px;
	left: 3px;
}
#poi .close {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 17px;
	right: 16px;
}
#poi .close:link, #poi .close:active, #poi .close:visited {
	background: #ffffff url(../images/button_close.gif) no-repeat left top;
	text-decoration: none;
	color: #676767;
}
#poi .close:hover, #poi .close:visited:hover {
	background: #ffffff url(../images/button_close.gif) no-repeat left bottom;
	text-decoration: none;
	color: #e64415;
}
#poi .mask {
	width: 204px;
	height: 143px;
	background: transparent url(../images/google_popup_mask.png) no-repeat center top;
	position: relative;
	cursor: pointer;
	z-index: 2;
}
#poi .mask:hover {
	background-position: center bottom;
}
#poi .video-mask {
	width: 204px;
	height: 143px;
	background: transparent url(../images/google_popup_mask.png) no-repeat center -143px;
	position: relative;
	cursor: pointer;
	z-index: 2;
}
#poi .photo {
	width: 204px;
	height: 143px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}
#poi .photo img {
	width: 204px;
	height: 143px;
}
#poi h1 {
	width: 446px;
	position: absolute;
	z-index: 1;
	top: 17px;
	left: 20px;
}
#poi h4 {
	margin: 10px 0px 0px 0px;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #676767;
}
#poi h5, #poi a {
	margin: 0px 0px 0px 0px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #e64415;
}
#poi .textarea {
	position: relative;
	overflow: hidden;
	height: 312px;
}
#poiText {
	position: relative;
	top: 0px;
}
#poi p {
	margin: 0px 0px 12px 0px;
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	word-spacing: 0px;
	color: #676767;
}
#poi .column {
	width: 472px;
}
#poi .column .one {
	width: 204px;
}
#poi .column .one a {
	width: 30px;
	clear: both;
	display: block;
	white-space: nowrap;
}
#poi .column .two {
	width: 250px;
}
#poi .action.special {
	margin: -2px 20px 0px 0px;
	float: left;
}
#poi .action.special:link, #poi .action.special:active, #poi .action.special:visited {
	text-decoration: none;
	color: #e64415;
}
#poi .action.special:hover, #poi .action.special:visited:hover  {
	text-decoration: none;
	color: #676767;
}

/* advice style */

#advice {
	width: 516px;
	height: auto;
	position: absolute;
	z-index: 9999;
	left: 212px;
	top: 35px;
	top: 68px;
}
#advice .header {
	width: 480px;
	height: 36px;
	padding: 16px 18px 0px 18px;
	background: transparent url(../images/advice_head.png) no-repeat center top;
	position: relative;
	z-index: 1;
}
#advice .info {
	width: 460px;
	height: auto;
	padding: 8px 28px;
	background: transparent url(../images/advice_body.png) repeat-y center top;
	position: relative;
	z-index: 3;
}
#advice .footer {
	width: 480px;
	height: 56px;
	margin: 0px;
	padding: 12px 18px 0px 18px;
	background: transparent url(../images/advice_foot.png) no-repeat center top;
	position: relative;
	z-index: 2;
}
#advice .header .close {
	width: 18px;
	height: 18px;
	background: transparent url(../images/advice_close.gif) no-repeat 0px 0px;
	position: absolute;
	z-index: 4;
	right: 18px;
	top: 19px;
}
#advice .header .close:hover {
	background-position: 0px -20px;
}
#advice .header h1 {
	margin: 0;
	font-size: 17px;
	color: #ffffff;
}
#advice .info h3 {
	margin: 0;
	padding-bottom: 10px;
}
#advice .info p {
	margin: 0;
	padding-bottom: 10px;
}
#advice .info em {
	width: 98px;
	height: 77px;
	background: transparent url(../images/advice_flower.png) no-repeat left top;
	position: absolute;
	bottom: -72px;
	right: 32px;
	display: block;
}
#advice .footer strong {
	width: 400px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	display: block;
}
#advice .info .arrow {
	position: absolute;
	bottom: 5px;
	right: 26px;
}

/* mapmenu style */

.mapmenu {
	width: 179px;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	z-index: 98;
	right: 21px;
	top: 0px;
}
.mapmenu li {
	width: 179px;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	float: right;
}
.mapmenu li a {
	width: 126px;
	height: 27px;
	margin: 0px 3px 0px 3px;
	padding: 5px 32px 0px 13px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	display: block;
	float: right;
}
.mapmenu li a:link, .mapmenu li a:active, .mapmenu li a:visited {
	text-decoration: none;
	color: #777777;
}
.mapmenu li a:hover, .mapmenu li a:visited:hover {
	text-decoration: none;
	color: #9b4689;
}
.mapmenu li#close {
	display: block;
	visibility: visible;
}
.mapmenu li#open {
	display: none;
	visibility: hidden;
}
.mapmenu li#close {
	background: transparent url(../images/mapmenu_tab.png) no-repeat 0px -64px;
}
.mapmenu li#close:hover {
	background: transparent url(../images/mapmenu_tab.png) no-repeat 0px -96px;
}
.mapmenu li#open {
	background: transparent url(../images/mapmenu_tab.png) no-repeat 0px 0px;
}
.mapmenu li#open:hover {
	background: transparent url(../images/mapmenu_tab.png) no-repeat 0px -32px;
}

/* pinmenu style */

.pinmenu {
	width: 179px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	background: transparent url(../images/pinmenu_head.png) no-repeat center top;
	list-style-type: none;
	position: absolute;
	z-index: 1;
	right: 11px;
	top: 36px;
}
.pinmenu .bottom {
	width: 179px;
	height: 8px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../images/pinmenu_foot.png) no-repeat center top;
	line-height: 1px;
	font-size: 1px;
}
.pinmenu ul {
	width: 179px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/pinmenu_body.png) repeat-y center top;
	list-style-type: none;
}
.pinmenu ul li {
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 2px 8px;
	background: transparent url(../images/pinmenu_divider.gif) no-repeat center bottom;
}
.pinmenu ul li a {
	margin: 0px 0px 0px 0px;
	padding: 3px 25px 3px 10px;
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	background-image: url(../images/pinmenu_tab.gif);
	background-position: 0px -26px;
	background-repeat: no-repeat;
	display: block;
}
.pinmenu ul li a:link, .pinmenu ul li a:active, .pinmenu ul li a:visited {
	text-decoration: none;
	color: #777777;
}
.pinmenu ul li a:hover, .pinmenu ul li a:visited:hover {
	text-decoration: none;
	background-position: 0px -102px;
	color: #9b4689;
}
.pinmenu ul li.first {
	padding: 0px 8px 2px 8px;
}
.pinmenu ul li.first a {
	padding: 5px 25px 3px 10px;
	background-position: 0px 0px;
}
.pinmenu ul li.first a:hover {
	background-position: 0px -76px;
}
.pinmenu ul li.last {
	padding: 0px 8px 0px 8px;
	background: none;
}
.pinmenu ul li.last a {
	padding: 3px 25px 5px 10px;
	background-position: 0px -50px;
}
.pinmenu ul li.last a:hover {
	background-position: 0px -126px;
}
.pinmenu ul li.open,
.pinmenu ul li.lastopen {
	padding: 0px 8px 0px 8px;
	background: none;
}
.pinmenu ul li.open a,
.pinmenu ul li.lastopen a {
	padding: 3px 25px 6px 10px;
	background-position: 0px -181px;
}
.pinmenu ul li.open a:hover,
.pinmenu ul li.lastopen a:hover {
	background-position: 0px -181px;
}
.pinmenu ul li.firstopen {
	padding: 0px 8px 0px 8px;
}
.pinmenu ul li.firstopen a {
	padding: 5px 25px 6px 10px;
	background-position: 0px -152px;
}
.pinmenu ul li.firstopen a:hover {
	background-position: 0px -152px;
}

/* pinmenu sublevel style */

.pinmenu ul li .sublevel {
	width: 163px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	background: transparent url(../images/pinmenu_background.gif) no-repeat center top;
	display: none;
	visibility: hidden;
}
.pinmenu ul li.lastopen .sublevel {
	padding: 4px 0px 4px 0px;
	background: transparent url(../images/pinmenu_background.gif) no-repeat center bottom;
}
.pinmenu ul li .sublevel li {
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 1px 2px;
	background: transparent url(../images/pinmenu_sublevel.gif) repeat-y center top;
}
.pinmenu ul li .sublevel li a {
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 1px 8px;
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	background: none;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.pinmenu ul li .sublevel li.divider {
	width: auto;
	height: auto;
	margin: 2px 0px 3px 0px;
	padding: 0px 7px 0px 7px;
	background: none;
	line-height: 1px;
	font-size: 1px;
}
.pinmenu ul li .sublevel li.divider img {
	width: 149px;
	height: 1px;
	margin: 0px 0px 0px -16px;
	margin: /**/0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff url(../images/divider_dotted.gif) repeat-x left top;
}
.pinmenu ul li .sublevel li a:link, .pinmenu ul li .sublevel li a:active, .pinmenu ul li .sublevel li a:visited {
	background-position: 137px 0px;
	text-decoration: none;
	color: #777777;
}
.pinmenu ul li .sublevel li a:hover, .pinmenu ul li .sublevel li a:visited:hover {
	background-position: 137px -20px;
	text-decoration: none;
	color: #777777;
}
.pinmenu ul li .sublevel li.active a:link, .pinmenu ul li .sublevel li.active a:active, .pinmenu ul li .sublevel li.active a:visited {
	background-position: 137px -20px;
}
.pinmenu ul li .sublevel li.active a:hover, .pinmenu ul li .sublevel li.active a:visited:hover {
	background-position: 137px -20px;
}
.pinmenu ul li #theme0.sublevel li a,
.pinmenu ul li #theme0.sublevel li a:hover {
	color: #777777;
}
.pinmenu ul li #theme0.sublevel li.active a,
.pinmenu ul li #theme0.sublevel li.active a:hover {
	color: #E75795;
}
.pinmenu ul li #theme1.sublevel li a,
.pinmenu ul li #theme1.sublevel li a:hover {
	color: #777777;
}
.pinmenu ul li #theme1.sublevel li.active a,
.pinmenu ul li #theme1.sublevel li.active a:hover {
	color: #4C93CB;
}
.pinmenu ul li #theme2.sublevel li a,
.pinmenu ul li #theme2.sublevel li a:hover {
	color: #777777;
}
.pinmenu ul li #theme2.sublevel li.active a,
.pinmenu ul li #theme2.sublevel li.active a:hover {
	color: #E86B24;
}
.pinmenu ul li #theme3.sublevel li a,
.pinmenu ul li #theme3.sublevel li a:hover {
	color: #777777;
}
.pinmenu ul li #theme3.sublevel li.active a,
.pinmenu ul li #theme3.sublevel li.active a:hover {
	color: #ED1E3A;
}

/* terrains style */

.terrains {
	width: auto;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	z-index: 1;
	left: 11px;
	top: 0px;
}
.terrains li {
	width: auto;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	float: left;
}
.terrains li a {
	width: auto;
	height: 27px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 0px 10px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	background: transparent url(../images/terrains_center.png) repeat-x left top;
	display: block;
	float: left;
	position: relative;
}
.terrains li.first a {
	padding: 5px 11px 0px 19px;
	background: transparent url(../images/terrains_left.png) no-repeat left top;
}
.terrains li.last a {
	padding: 5px 19px 0px 11px;
	background: transparent url(../images/terrains_right.png) no-repeat right top;
}
.terrains li.divider {
	width: 2px;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../images/terrains_divider.png) no-repeat left top;
	line-height: 1px;
	font-size: 1px;
	display: block;
	float: left;
	clear: none;
	position: relative;
	z-index: 5;
}
.terrains li.divider img {
	width: 2px;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.terrains li a:link, .terrains li a:active, .terrains li a:visited {
	text-decoration: none;
	color: #777777;
}
.terrains li a:hover, .terrains li a:visited:hover {
	text-decoration: none;
	color: #9b4689;
}
.terrains li.active a:link, .terrains li.active a:active, .terrains li.active a:visited {
	color: #9b4689;
}
.terrains li.active a:hover, .terrains li.active a:visited:hover {
	color: #9b4689;
}

/* slider style */

#holder .slider {
	width: 32px;
	height: 56px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	z-index: 100;
	left: 35px;
	top: 120px;
}
#holder .slider #track {
	display: none;
	visibility: hidden;
}
#holder .slider .zoomIn {
	width: 32px;
	height: 28px;
	background-image:url(../images/slider_simple_areadigital.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;				
}
#holder .slider .zoomIn:hover {
	background-position: 0px -56px;
}
#holder .slider .zoomIn:active {
	background-position: 0px -112px;
}
#holder .slider .zoomOut {
	width: 32px;
	height: 28px;
	background-image:url(../images/slider_simple_areadigital.png);
	background-repeat: no-repeat;
	background-position: 0px -28px;
	display: block;						
}
#holder .slider .zoomOut:hover {
	background-position: 0px -84px;
}
#holder .slider .zoomOut:active {
	background-position: 0px -140px;
}

/* controls style */

#holder .controls {
	width: 80px;
	height: 76px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	z-index: 100;
	left: 11px;
	top: 40px;
}
#holder .controls .up {
	width: 80px;
	height: 27px;
	background-image:url(../images/controls_areadigital.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;						
}
#holder .controls .up:hover {
	background-position: 0px -76px;
}
#holder .controls .up:active {
	background-position: 0px -152px;
}
#holder .controls .left {
	width: 27px;
	height: 22px;
	background-image:url(../images/controls_areadigital.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;
	display: block;
	float:left;				
}
#holder .controls .left:hover {
	background-position: 0px -103px;
}
#holder .controls .left:active {
	background-position: 0px -179px;
}
#holder .controls .center {
	width: 26px;
	height: 22px;
	background-image:url(../images/controls_areadigital.png);
	background-repeat: no-repeat;
	background-position: -27px -27px;
	display: block;
	float:left;					
}
#holder .controls .center:hover {
	background-position: -27px -103px;
}
#holder .controls .center:active {
	background-position: -27px -179px;
}
#holder .controls .right {
	width: 27px;
	height: 22px;
	background-image:url(../images/controls_areadigital.png);
	background-repeat: no-repeat;
	background-position: -53px -27px;
	display: block;
	float:left;
}
#holder .controls .right:hover {
	background-position: -53px -103px;
}
#holder .controls .right:active {
	background-position: -53px -179px;
}
#holder .controls .down {
	width: 80px;
	height: 27px;
	background-image:url(../images/controls_areadigital.png);
	background-repeat: no-repeat;
	background-position: 0px -49px;
	display: block;
	float:left;
}
#holder .controls .down:hover {
	background-position: 0px -125px;
}
#holder .controls .down:active {
	background-position: 0px -201px;
}

/* mask style */

.mask {
	width: 12px;
	height: 12px;
	background: transparent url(../images/mask_inner_corners.png) no-repeat 0 0;
	position: absolute;
	z-index: 998;
}
.mask.lt {
	background-position: 0 0;
	left: 0px;
	top: 0px;
}
.mask.rt {
	background-position: -12px 0;
	right: 0px;
	top: 0px;
}
.mask.lb {
	background-position: 0 -12px;
	bottom: 0px;
	left: 0px;
}
.mask.rb {
	background-position: -12px -12px;
	bottom: 0px;
	right: 0px;
}