/* CSS Romsdal.com */
/* iSi AS, Oktober 2011 */
html {
	background:url(design/bgColor-S.gif) repeat-x #e0dedb; }
	
body {
	margin: 0;
	padding: 0;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	outline-width: 0px;
	font-size: 9pt; }
	
#social {
  float: left;
  width: 250px;
  margin-left: 30px;
  padding-top: 3px; }
.fb-like {
	width: 120px; }
	
a , a:visited , .link {
	color:#666;
	font-weight:bold;
	text-decoration:none;
	cursor: pointer;}
	
a:hover , .link:hover {
	text-decoration:underline;}

ul {
	list-style:none;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	margin-left:0px; }

div {
	margin: 0;
	outline-width: 0;
	display: block; }

.main{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: white; }

/* header start */
.main .header{
    height: 189px;
    overflow: hidden;
    border-top:5px solid #a4bdc6; }

.main .topHeader{
    width:100%;
    background-color:rgb(192,210,0);
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    height: 25px; 
    border-bottom:5px solid rgb(240,238,237);}

.topHeader #searchBox {
	float: right;
	height: 25px;
	background-color: #ffa500;
	width: 167px; }
	
.topHeader input {
	float:left;
	width:115px;
	height:13px;
	margin:3px 0 0 5px;
	padding-left:3px; 
	font-size:8pt;
	color:#A3B3C4;
	background:none repeat scroll 0 0 white;}
	
.userAuth {
	float: left;
	width: 260px; }	
.topHeader a.newUser , .topHeader a.lnkLogin , .topHeader a.lnkLogout , .topHeader span.doSearch {
	float: right;
	width: 57px;
	height: 11px;
	margin-top: 8px;
	padding-top: 1px;
	color: white;
	text-align: center;
	letter-spacing: 1px;
	font-size: 8px;
	border: none;
	cursor: pointer; }
.topHeader a.newUser{
	width: 64px;
	margin-right: 10px;
	background: url( newuser.gif ) no-repeat;}
.topHeader a:hover , .topHeader .doSearch:hover {
	text-decoration: none;
	color: #C0D200; }
.topHeader span.doSearch {
	width: 25px;
	margin-right: 8px;
	background: url( sok.gif ) no-repeat; }
.topHeader a.lnkLogin , .topHeader a.lnkLogout{
	background: url( logbg.png ) no-repeat;}

.userAuth p {
	float: right; 
	margin: 5px 20px 0 0;
	color: #666;}

/* Login dialog box */
#dialogLogin{
	width:600px;
	height:220px;
	background-color:#e0dedb;
	border-color:#766E67; }
.label {
	color: #f79232;
	font-size: 10pt;
	font-weight: bolder; }
.btnLoginLabel{
	color: #ffffff;
	font-size: 10pt;
	font-weight: bolder; }
.dialogMessage {
	font-size: 8pt; }
#lblLoginMessage{
	font-size: 12pt; }
#btnLogin {
	background-color: #ff6633; }

.main .middleHeader{
    width:100%;
    height:102px;
    overflow: hidden;
    border-top: 6px solid rgb(240,238,237);
    border-bottom: 6px solid rgb(240,238,237); }

.header .middleHeader .logo{
    float:left;
    width: 142px;
    margin: 20px 0 0 20px;
    border-left: 5px solid white; }

.header .middleHeader .HeadimgSlideshow{
	float:left;
	overflow: hidden; }
.header .middleHeader .HeadimgSlideshow img{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0; }
/*header end */

/*content start*/
.content{
	background: url(leftTile.png) no-repeat;
	overflow: hidden; }

.col1 , .col11 {
	float: left; 
	width: 355px;
	padding-right: 10px; }
.col11 { width: 450px; }

.col2 , .col12 {
	float: right; 
	width: 355px;
	margin-right: -10px; }
.col12 { width: 230px; }

.col2 img.news { width: 355px; }
	
/*  css for left menu */
 .content .contentLeft{
	float: left;
	width: 168px;
	min-height: 509px;
	position: relative;
	z-index: 100; }
.content .info_margin{
	margin-top: 0px; }

.leftMenu {
	padding-left: 0px;
	list-style: none;
	margin-top: 0px; }

.leftMenu li {
	height:19px;
	color:#FFFFFF;
	font-size:9px;
	margin-bottom:5px;	
	padding: 5px 0 0 10px; 
	background-color: rgb(222,56,49);}
.lowerUl .leftMenu li{
	background-color: rgb(163,179,196) ;
	background-repeat: no-repeat;
	padding: 6px 0 0 20px;	
	background-position: 5px 2px;  }
.leftMenu li:hover {
	background-color: rgb(104,126,151);}

.leftMenu a , leftMenu a:visited {
	float: left;
	width: 158px;
	height: 12px;
	padding-top: 2px;
	color:#FFFFFF;
	text-decoration:none; }
.lowerUl .leftMenu a {
	width: 148px;
	padding-left: 10px; }

.lowerUl{
	padding-top:11px;
	margin-bottom:15px; }

li.walk{
	background-image:url(routes/walk.gif); }
li.bike{
	background-image:url(routes/bike.gif); }
li.ski{
	background-image:url(routes/ski.gif); }
li.cult{
	background-image:url(location/c-alone.gif); }
li.nat{
	background-image:url(location/m-alone.gif); }

.content .contentLeft .topImg , .content .contentLeft .firstImg {
	height: 13px;
	background-color:rgb(222,56,49);
	margin-top:20px;
	color:#ffffff;
	text-align:center;
	font-size:11px; }
.content .contentLeft .firstImg {
	margin-top: 0; }
	
#findCriteria {
	width: 180px;
	height: 125px;
	padding-left:0px;
	margin:0px;
	padding-top:8px;
	margin-bottom: 10px;}

#findCriteria  select {
	width: 150px;
 	height: 20px;
 	font-size:8pt;
	margin: 0 10px 3px 10px ;}
	
#findCriteria  select option {
	padding: 1px 2px ;}
	
p.findText{
	padding: 10px;
	color: #333; 
	clear: both;}

.leftImage{
	width: 168px;
	height: 120px;
	margin-bottom: 9px;
	padding-top: 3px; 
	overflow: hidden; }
.leftImage img {
	position: relative;
	width: 173px;
	margin-top: -5px;
	margin-left: -2px; }
#footer{
	width: 935px;
	height: 15px;
	margin-top: 12px;
	padding: 2px 0 0 25px; 
	font-size: 8pt;
	color: white;
	background-color: rgb(192,210,0); }
#footer a {
	padding-left: 6px;
	font-size: 7pt;
	color: rgb( 118, 110, 103); }
#footer span {
	margin-right: -5px; }
#footer span a {
	padding-left: 0; 
	font-size: 8pt;}
#footer a:hover{
	text-decoration: underline; }

/*main content part */
.content .contentMiddle , .content .Page , #Page {
	float: left;
	width: 606px; 
	min-height: 593px;
	background-color: #ffffff;
	border-left: #ffffff solid 12px; }
.contentMiddle .middle1{
	display: block; }
	
.content #pBody {
	font-size: 9pt;
	color: rgb( 95, 86, 78 );
	padding: 0 20px;
	margin: 40px 0 20px 0; }

.content .Page , #Page {
	position: relative;
	width:750px; }
	
.content .Page .xspTextComputedField {
	font-weight: inherit; }

.content .Page h1 , #Page h1 {
	position: absolute;
	width: 770px;
	height: 20px; 
	padding: 2px 0 1px 20px;
	font-size: 13pt;
	font-weight: bold;
	color: rgb( 95, 86, 78 );
	background-color: rgb( 226, 231, 236 ); }
	
.content .Page p , #Page p {
	margin-bottom:10px; }
.content .Page p.sitat {
	font-weight: bold; }
.content .Page p.sortering {
	margin-left: -20px;
	font-size: 9pt;
	font-weight: bold;
	padding: 10px;
	background: #e2e7ec; }
	
.content .Page h2 , .content .Page h3 , #Page h2 {
	font-size: 11pt;
	font-weight: bold;
	color: rgb( 95, 86, 78 );
	margin: 20px 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid rgb( 226, 231, 236 ); }
#Page h2 {
	width: 100%; 
	margin: 0 0 5px 0;}
.col1 > h2:first-child , .col2 > h2:first-child , .col11 > h2:first-child , .col12 > h2:first-child {
	margin-top: 0 ; }
.col1 > h3:first-child , .col2 > h3:first-child , .col11 > h3:first-child , .col12 > h33:first-child {
	margin-top: 0 ; }
.content .Page h3 {
	font-size: 10pt;
	margin: 20px 0 5px 0;
	padding-bottom: 2px; }
	
.content .Page li {
	list-style: disc;
	list-style-position: outside;
	margin: 0 0 5px 15px; }	
	
.content .Page img.i1 , #Page img.i1{
	float: left;
	width: 750px;
	margin: 15px 0; }
	
.content .Page img.i2 , #Page img.i2 {
	float: left;
	width: 340px;
	margin: 15px 0; }
	
.contentMiddle .middle2{
	float: left;
	clear: both;
	font-size: 8pt;
	margin: 10px 0 9px 0;
	padding: 2px 0;
	border-top: 2px solid #E2E7EC;
	border-bottom: 2px solid #E2E7EC;
	background: white; }
.contentMiddle .middle2 ul{
	float: left;
	width: 141px;
	height: 41px;
	margin-bottom: 0;
	padding: 15px 6px;
	color: #666; 
	background: #ecf0f3; }
.contentMiddle .middle2 ul.first{
	width: 128px;
	font-weight: bold;}
.contentMiddle .middle2 ul.last{
	border-right: none;}
.contentMiddle .middle2 a , .contentMiddle .middle2 span.txt {
	float:left;
	background:transparent url(arrow.gif) no-repeat scroll 0 0.15em;
	padding-left: 15px;
	clear: both; }
.contentMiddle .middle2 span.num {
	float:right;
	padding-right:15px; }
.clearBoth {
	clear: both;
	height: 0px; }
.contentMiddle .middle2 .middle2Con {
	float: left;
	height: 55px; 
	margin: 2px 0px;
	padding:6px;
	color: #333;
	border-right:1px solid #E2E7EC; }

.contentMiddle .middle3{
	background-color: #FFFFFF; }

.bBox , .wBox , .contentLeft .dropDown {
	float: left;
	width: 180px;
	height: 145px;
	margin-left:5px;
	background:url("design/bgColor-Bx.gif") repeat-x; }
.contentMiddle .bBox img {
	width: 170px;
	cursor: pointer; }
.contentLeft .dropDown{
	width: 168px;
	height: 137px;
	margin-top: 1px; }
.contentMiddle .wBox{
	width: 232px; }
.contentMiddle .firstBox , .contentRight .bBox , .contentLeft .dropDown {
	position: relative;
	margin-left:0px; }
	
#weekRoute {
	position: absolute;
	left: 5px;
	bottom: 9px;
	width: 170px; }  
#weekRoute a {
	position: relative;
	display: block;
	width: 160px;
	padding: 2px 5px;
	color: white;
	font-size: 8pt;
	font-weight: normal; 
	background-color: rgb( 118,110,103);
	filter:alpha(opacity=60); 	/* for IE */
  	opacity:0.6;  }

.bBoxCont {
	height: 105px; 
	padding: 10px 5px 5px 5px;
	color: #5f564e;
	border-top: 3px solid white;
	overflow: hidden; }
.bBoxCont p { 
	font-size: 8pt;
	padding: 5px 15px 10px 5px; }
.bBoxCont img.logo { 
	margin-left: 9px; }

.wBox .c1 , .wBox .c2{
	padding: 2px 3px;
	background: white;
	text-align: center;
	font-size: 9pt;
	color: rgb( 95, 86, 78 );
	font-weight: bold; }
	
.wBox .c2 , .tHead{
	background: rgb( 194, 204, 214 );
	font-size: 10pt;
	color: white;}

.topImg{
	height: 13px;
	background-color:rgb(222,56,49);
	color:#FFFFFF;
	text-align:center;
	font-size:11px; }
.searchImg {
	float:right;
	background-image:url(button/Finn.gif);
	height:18px;
	width:45px;
	border:none;
	cursor:pointer;
	margin-right:20px;
    margin-top:3px;}

.content .contentRight{
	float:right;
	width: 166px;
	min-height: 519px;
	background-color:rgb(226,231,236); }

.contentRight .topImg{
	margin-top: 19px;
	height: 13px;
	background-color:rgb(222,56,49);
	color:#ffffff;
	text-align:center; }
.contentRight .rightTop , .contentRight .bBox .topImg { margin-top: 0;}
.contentRight .rightImage{ cursor: pointer; } 

.contentRight #news {
	float: right;
	height: 197px;
	overflow: hidden;
	margin: 0 0 9px 0;
	padding: 5px;
	font-size: 8pt;
	color: #333;
	background-color: #ff9900; }
.contentRight #news p {
	position: relative;
	margin: 0 0 3px 35px;  }
.contentRight #news a {
	font-weight: normal;  }
.contentRight #news span {
	position: absolute;
	color: white;
	margin-left: -35px;
	margin-right: 5px;  }
	
.input, select {
	display:block; }

.panel_width {
	width:100px;
	background-color:#E2E7EC; }

.middle1 .big_img{
	height:430px;
	width:600px; }

/* search page classes */
#searchHeader {
	float: none;
	height: 30px;
	padding: 40px 20px 10px 20px;}
#searchHeader h3 {
	float: left;
	margin-top: 5px;
	border: none; }
#searchHeader .searchQuery{
	margin-left:20px; }
#searchHeader input {
	height:20px;
	margin:0 20px; }
	
#searchResults .xspDataTableViewPanelHeaderStart ,
#searchResults .xspDataTableViewPanelHeaderMiddle ,
#searchResults .xspDataTableViewPanelHeaderEnd {
	display: none; }
#searchResults th.colDocTitle { width: 450px; }
#searchResults th.colDocType , #searchResults th.colDocDate { width: 150px; }
	
.search_box{
	width:380px;
	margin-left:10px;
	height:20px; }

.searchQuery{
	margin-left:20px; }
	
/* classes for webkamera section */
.image_cols{ background-color:transparent;
	float: left;
	width: 245px;
	height: 162px;
	margin-left: 5px;
	padding-bottom: 10px; }

/* classes for webkamera enlarged images */
#slideShow1{
	height:350px!important;
	padding-bottom:8px;
}
#slideShow1 img{
	height:350px;
	width:600px;}

#slideShow2 img{
	height:100px;
	width:622px;}

.slideShowTitle{
	display:none;}

#dojoxLightboxDialog{
	width:750px;
	height:700px;
	position:absolute;
	margin-top:0px;}

#dojoxLightboxDialog img{
	max-width:750px;
	max-height:900px;}
#dojoxLightboxDialog img.Portrait{
	height:550px; }

.menuItems{
	width:117px;
	background-color:red;
	text-align:center;
	font-size:8px;
	padding-top:2px; }

/* classes for AREAMAP */
.areaMap {
	background-image:url(Romsdal.gif);
	float:left;
	margin:0;
	position:relative;
	width:301px;
	height:343px;
	cursor:pointer; }

a.aTF{
	height:118px;
	left:0;
	top:49px;
	width:47px; }
a.aSA {
	height:123px;
	left:243px;
	top:145px;
	width:59px; }
a.aEI {
	height:122px;
	left:247px;
	top:42px;
	width:55px;}
a.aME {
	height:63px;
	left:165px;
	top:143px;
	width:82px;}
a.aAN {
	height:53px;
	left:135px;
	top:95px;
	width:53px;}
a.aMA {
	height:109px;
	left:21px;
	top:59px;
	width:93px;}
a.aRV {
	height:57px;
	left:74px;
	top:50px;
	width:63px;}
a.aIN {
	height:97px;
	left:55px;
	top:110px;
	width:90px;}
a.aTS {
	height:91px;
	left:126px;
	top:137px;
	width:61px;}
a.aVJ {
	height:56px;
	left:174px;
	top:92px;
	width:42px;}
a.aBJ {
	height:100px;
	left:237px;
	top:242px;
	width:65px;}
a.aBR {
	height:101px;
	left:138px;
	top:238px;
	width:143px;}
a.aTA {
	height:72px;
	left:72px;
	top:270px;
	width:94px;}
a.aST {
	height:62px;
	left:0;
	top:145px;
	width:56px;}
a.aNO {
	height:94px;
	left:103px;
	top:7px;
	width:96px;}
a.aLA {
	height:102px;
	left:70px;
	top:184px;
	width:111px;}
a.aKA {
	height:53px;
	left:180px;
	top:43px;
	width:82px;}
a.aVI {
	height:66px;
	left:173px;
	top:0;
	width:129px;}
a.aVR {
	height:66px;
	left:177px;
	top:199px;
	width:101px;}
a.aGD {
	height:92px;
	left:190px;
	top:74px;
	width:83px;}

.areaIcons a {
	position:absolute;
	z-index:10;}

.areaIcons a i {
	display: none; }

a.aGD:hover {
	background-image:url(AreaTn/GD-i.gif);}
a.aTF:hover {
	background-image:url(AreaTn/TF-i.gif);}
a.aVJ:hover {
	background-image:url(AreaTn/VJ-i.gif);}
a.aVI:hover {
	background-image:url(AreaTn/VI-i.gif);}
a.aTS:hover {
	background-image:url(AreaTn/TS-i.gif);}
a.aTA:hover {
	background-image:url(AreaTn/TA-i.gif);	}
a.aST:hover {
	background-image:url(AreaTn/ST-i.gif);}
a.aSA:hover {
	background-image:url(AreaTn/SA-i.gif);}
a.aRV:hover {
	background-image:url(AreaTn/RV-i.gif);}
a.aNO:hover {
	background-image:url(AreaTn/NO-i.gif);}
a.aME:hover {
	background-image:url(AreaTn/ME-i.gif);}
a.aMA:hover {
	background-image:url(AreaTn/MA-i.gif);}
a.aLA:hover {
	background-image:url(AreaTn/LA-i.gif);}
a.aKA:hover {
	background-image:url(AreaTn/KA-i.gif);}
a.aIN:hover {
	background-image:url(AreaTn/IN-i.gif);}
a.aEI:hover {
	background-image:url(AreaTn/EI-i.gif);}
a.aBR:hover {
	background-image:url(AreaTn/BR-i.gif);}
a.aBJ:hover {
	background-image:url(AreaTn/BJ-i.gif);}
a.aAN:hover {
	background-image:url(AreaTn/AN-i.gif);}
a.aVR:hover {
	background-image:url(AreaTn/VR-i.gif);}
a.aGD:hover,  a.aTF:hover,  a.aVJ:hover,  a.aVI:hover,  a.aTS:hover,  a.aTA:hover,  a.aST:hover,  a.aSA:hover,  a.aRV:hover,  a.aNO:hover,  a.aME:hover,  a.aMA:hover,  a.aLA:hover,  a.aKA:hover,  a.aIN:hover,  a.aEI:hover,  a.aBR:hover,  a.aBJ:hover,  a.aAN:hover,  a.aVR:hover {
	background-repeat:no-repeat;
	border:medium none;
	z-index:10;
	text-decoration:none;}

/* class for popupmap */
#selectArea{
	padding-bottom:10px;}

.dijitDialogTitleBar {
	color: #999; }

/* class for translator */
#translate-this{
	float: left;
	margin-left:20px; 
	padding-left:5px;
	padding-top:5px; }

/* classes for the drop down menu */
#mainMenu {
	float: left;
	width: 960px;
	z-index: 900; }
	
#mainMenu ul {
	height: 21px;
	margin: 0;
	padding: 0;
	border-top: 3px solid white;
	border-bottom: 4px solid rgb( 196,210,0); 
	z-index: 900; }

#mainMenu ul li{
	float: left;
	width: 120px;
	display: inline;
	text-align: center; 
    background: transparent url("navBar.gif") no-repeat ; }
#mainMenu ul li#first {
	width: 122px;
	background: transparent url("navBar-f.gif") no-repeat ; }
#mainMenu ul li#last {
	width: 118px;
	background:transparent url("navBar-r.gif") no-repeat ; }
	
#mainMenu ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	display: block;
	padding: 4px 0 2px 0; }
#mainMenu ul li:hover , #mainMenu ul li a:hover {	
 	background:transparent url("navBar-o.gif") no-repeat ; }
#mainMenu ul li#first:hover , #mainMenu ul li#first a:hover {	
 	background:transparent url("navBar-of.gif") no-repeat ; }

#mainMenu ul li div {
	position: absolute;
	display: none;
	margin-top: -2px;
	padding: 0;
	z-index: 2000;}
	
#mainMenu ul li div a {
	position: relative;
	display: block;
	width: 113px;
	padding-left: 5px;
	color: white;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	background: rgb( 163,179,196);
	border-top: 1px solid white ; }
#mainMenu ul li#first div a {
	width: 115px; }
#mainMenu ul li div a:hover , #mainMenu ul li#first div a:hover{
	color: rgb( 95,86,78);
	background: rgb( 194,204,214);}
#mainMenu ul li div > a:first-child {
	border-top: 2px solid rgb( 196,210,0); }
	
#navHistory {
	float: left;
	margin: 2px 0 0 30px;
	height: 15px;
	font-size: 7pt; 
	color: #333;
	text-transform: capitalize; }
	
.source h4 {
	float: right;
	margin-top: 30px;
	font-size: 9pt;
	color: #666; }

/* Make sub menu visible */
#mainMenu ul li:hover , #mainMenu ul li a:hover , #mainMenu ul li:hover div{ display: block; }

/* classes for location pages */
#placeMenu {
	position: relative;
	float: left;
	width: 100%;
	height: 27px;
	background: white;
	border-bottom: 4px solid rgb( 196,210,0); }
#placeMenu h1 {
	float: left;
	width: 296px;
	font-size: 14pt;
	color: rgb( 95,86,78 );
	padding: 1px 0 1px 30px;
	background-color: rgb( 196,210,0 ); }
	
#placeMenu img.titleIcon , #placeMenu img.pdfIcon{
	position: absolute;
	top: 2px;
	left: 300px; }
#placeMenu img.pdfIcon {
	left: 350px;
	width: 22px;
	cursor: pointer; }

#placeMenu ul , {
	float: left;
	width: 620px; }

#placeMenu li {
	float: right;
	width: 118px;
	margin-left: 2px;
	text-align: center;
	display: inline;
	cursor: pointer; 
	background: url("navPlace.gif") no-repeat ; }
	
#placeMenu li a {
	color: rgb( 95,86,78 );
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	display: block;
	padding: 6px 0 4px 0; }
#placeMenu li:hover , #placeMenu li a:hover , #placeMenu a.active {
 	background: url("navPlace-o.gif") no-repeat ; }

#placeContainer {
	float: left;
	position: relative;
	clear: both; }

#placeLeft , #areaLeft {
	float: left;
	width: 326px;
	min-height: 485px;
	margin: 0;
	padding-bottom: 22px;
	font-size: 8pt;
	border-top: #ffffff solid 10px;}
	
#placeLeft h2 , #areaLeft h2 {
	float: none;
	width: 296px;
	margin-bottom: 20px; 
	padding: 5px 0 5px 30px;
	font-size: 13pt;
	font-weight: normal;
	color: rgb(196,210,0);
	background-color: rgb(118,110,103); }
	
#placeLeft h3 , #areaLeft h3 {
	float: none;
	position: relative;
	width: 296px;
	margin: 10px 0 ;
	font-size: 9pt;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	padding: 5px 0 5px 30px;
	background-color: rgb(163,179,196); }
#areaLeft h3 {
	margin: 0; }
#placeLeft h3 span , #areaLeft h3 span {
	position: absolute;
	right: 10px;
	text-transform: none;
	font-size: 7pt;
	cursor: pointer; }

#placeLeft p , #areaLeft p {
	position: relavtive;
	font-size: 8pt;
	color: #666;
	margin-left: 100px; 
	padding: 2px 10px 2px 30px; }
#placeLeft label {
	position: absolute;
	font-weight: bold;
	margin-left: -100px; }
#placeLeft .aRight {
	float: right;}
#areaLeft p {
	margin: 10px 0 10px 0; }
#placeActions , #routeActions {
	position: absolute;
	bottom: 0; }
#placeActions a {
	float: left;
	width: 100px;
	padding: 3px 10px;
	margin-left: 10px;
	text-align: center;
	font-size: 9pt;
	color: #333;
	background-color: #ccc; }
#placeActions a:hover {
	background-color: rgb( 153,204,204); }	

#routeActions a {
	float: left;
	width: 55px;
	margin-right: 8px;
	padding: 5px 10px;
	font-size: 8pt;
	font-weight: bold;
	color: #fff; 
	text-align: center;
	cursor: pointer;
	background: #777 url(button/bg.png) repeat-x bottom;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px #666; }
#routeActions a:hover {
	background-position: 0 center;}
#routeActions:last-child {
	margin-right: 0; }
	
#placeData {
	position: relative;
	float: left;
	width: 624px;
	margin-left: 10px;
	color: rgb( 95,86,78);
	border-top: #ffffff solid 10px; }
	
#placeLeft h2 { color: white; margin-bottom: -10px;}
.routeBG1 , #placeLeft h2.routeBG1 { background: #009966; margin-bottom: 5px;}
.routeBG2 , #placeLeft h2.routeBG2 { background: #3366cc; margin-bottom: 5px;}
.routeBG3 , #placeLeft h2.routeBG3 { background: #cc3333; margin-bottom: 5px;}
.routeBG4 , #placeLeft h2.routeBG4 { background: black; margin-bottom: 5px;}
.gridBg { float: left; width: 50px; height: 15px; }

#placeLeft img.threeD{ width: 325px; }

#placeData p {
	margin-right: 20px; }

#placeData img {
	width: 100%;
	margin-bottom: 10px; }
#placeData img.imgMiss {
	float: right;
	width: 250px;
	margin-left: 20px; }
	
#rInfoLeft {
	float: left;
	margin: 8px 0 30px 15px;
	width: 419px; }
	
#rInfoLeft p {
	line-height: 120%; }
	
#rInfoLeft div {
	width: 424px;
	height: 1px;
	margin-bottom: 10px; }
	
#rInfoLeft h3 {
	font-size: 16pt; }
	
#rInfoLeft h4 {
	margin: 20px 0 5px 0;
	font-size: 12pt; }
	
.routeFG1 { color: #009966; }
.routeFG2 { color: #3366cc; }
.routeFG3 { color: #cc3333; }
.routeFG4 { color: black;}

#rInfoLeft .rResume {
	margin: 10px 0;
	font-weight: 600;
	color: rgb( 95,86,78); }

#rInfoRight {
	float: right;
	width: 166px; }

#rSeason {
	margin: 0 0 10px 0; }
#rSeason td {
	text-align: center;
	text-decoration: line-through;
	color: #333;
	background:	#ccc; }
#rSeason td.season {
	text-decoration: none;
	color: white;
	background:	rgb(101,117,28); }

#rIcons {
	float: left;
	width: 326px;
	margin: 0 ;
	clear: both; }
	
#rIcons span {
	float: left;
	width: 50px;
	height: 40px;
	margin-right: 5px; 
	padding-left: 30px;}

#rIcons span img{
	margin-top: 10px; }

#rIcons table {
	float: left;
	margin-left: 20px;
	color: #999;
	margin: 0; }
#rIcons table td {
	width: 55px;
	margin: 0;
	text-align: center;}
	
td.R , th.R , .R {
	text-align: right; }

#imgList .imgRepeat a {
	float: left;
	width: 190px;
	height: 150px;
	margin: 0 0 10px 10px;
	overflow: hidden; }
#imgList .imgRepeat img {
	min-height: 150px;
	margin: 0 auto ; }
	
#weather { margin-left: -10px;}
#weather table.wBox { width: 202px; margin: 0 20px 20px 0; padding-top: 5px;}
#weather h2 { width: 222px; margin:0 0 10px 0; padding: 0;}
#weather p { margin-left: 20px; }
.bBoxCont table.wBox { margin-left: -5px; height: auto; }
	
.xspPagerRight {
	margin-right: 20px; }
		
#routesNear  {
	max-height: 220px;
	overflow: auto; }
	
#placesNear ul , #routesNear ul {
	margin: 0 10px; }
#placesNear ul  , #placesNear ul a  , #routesNear ul  , #routesNear ul a  , #mapResults .resultContent li , #mapResults .resultContent li a {
	font-size: 7pt; }
#placesNear img , #routesNear img , #mapResults .resultContent li img {
	width: 14px;
	height: 14px;
	margin-right: 10px; }
	
#map , #mapLarge { 
	float: left;
	width: 630px; 
	height: 500px;
	margin-left: 20px;
	z-index: 400; }
#map image { 
	cursor: pointer; }	
#mapLarge { 
	width: 1500px; 
	height: 1100px;
	z-index: 5000; }
	
#selectLayer .selectBox {
	float: left;
	width: 90px; }

#cRights {
	float: right;
	padding-right: 10px;
	font-size: 8pt; }
	
#markerInfo {
	position: absolute;
	left: 0;
	padding: 2px 5px;
	font-size: 9pt;
	color: #333;
	z-Index: 2000;
	background-color: white; }
	
/* CSS for sortering områder */
#mapSorting {
	float: left;
	width: 135px;
	height: 510px;
	background-color: rgb(163,179,196);
	border-right: white 1px solid ;  }
	
#mapSorting h3 , #mapSorting h3.checked {
	float: left;
	width: 115px;
	margin: 0;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	padding: 2px 0 2px 20px;
	cursor: pointer;
	border-bottom: white 1px solid ; }
#mapSorting h3:hover {
	color: #666; 
	background: url( "button/pil_ned.gif" ) no-repeat 6px 7px; }
	
#mapSorting .sortFilter {
	display: none;
	float: left;
	width: 130px;
	padding: 0 0 0 5px;
	background: #e2e7ec; }
#mapSorting .show {
	display: block; }
#mapSorting .sortFilter li {
	float: left;
	font-size: 8pt;
	color: rgb( 95,86,78 );
	width: 125px;
	cursor: pointer;
	background: url(box-uncheck.gif) no-repeat right center ; }
#mapSorting .sortFilter li.checked {
	background: url(box-checked.gif) no-repeat right center  ;}
#mapSorting .sortParent {
	font-weight: bold;}

#mapResults {
	float: right;
	width: 190px;}
	
.resultTabs {
	position: relative; 
	float: left;
	text-align: center;
	display: inline;
	cursor: pointer; 
	width: 190px; }
.resultTabs li {
	width: 94px;
	float: left;
	color: white;
	font-weight: bold;
	background-color: rgb( 163,179,196) ; }
.resultTabs > li:first-child {
	margin-right: 2px; }
.resultTabs li:hover , li.resultTabActive {
	background-color: rgb( 222,56,49); }
.resultContent { 
	display: block;
	float: left;
	height: 490px;
	margin-left: 5px;
	overflow: auto;
	width: 185px; }

.mypageTabs {
	position: relative; 
	float: top;
	text-align: center;
	display: inline;
	cursor: pointer; 
	width: 100%; }
.mypageTabs li {
	width: 94px;
	float: left;
	color: white;
	font-weight: bold;
	background-color: #E2E7EC ; }
.mypageTabs > li:first-child {
	margin-right: 2px; }
.mypageTabs li:hover , li.mypageTabActive {
	background-color: rgb( 153,149,166); }
.mypgageContent { 
	display: block;
	float: bottom;
	height: 490px;
	margin-left: 5px;
	overflow: auto;
	width: 100%; }
	
.dojoxGridCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	cursor: pointer; }
	
#mapResults .dojoxGridRowOdd , #mapResults .dojoxGridRow {
	height: 20px;
	font-size: 7pt;
	background: #e7ece2; }
#mapResults .dojoxGridCell:hover {
	text-decoration: underline;
	color: #333;
	background: #e7ece2; }
	
.xspTabbedPanelOuter {
	float: left;
	width: 700px;
	margin-top: 40px; }
.xspTabTabbedPanel { padding-top: 20px; }
.xspInputFieldEditBox { padding-left: 2px; }

.rowContent {
	float: left;
	width: 210px;
	height: 150px;
	margin: 10px; }
.rowContent p {
	font-size: 8pt;
	margin: 0; }
.rowContent .myImage {
	float: left;
	width: 100%;
	height: 115px;
	overflow: hidden; }
		
.hidden {
	display: none; }

.myImages a.remove {
	display: none;
	position: absolute;
	left: 50px;
	top: 50px;
	width: 20px;
	height: 20px;
	background: transparent url(close.png) no-repeat;
	text-indent: -2000em;
	overflow: hidden;
}
.myImages a.remove.hover {
	background-position: 0 -20px;
}

.myImages:hover a.remove {
	display: block;
}

.dojoxLegendIcon {
	margin-top: 30px; }