/*
	Dette er kode som er skrevet etter tirsdag 26. august
	- Så har vi litt kontroll på hva som utvikles når
*/


/*  Visit Norway logo
-------------------------------------------------------------------------------------------*/
#visit-norway a {
	display: block; 
	position: relative; 
	top: 5em; 
	left: 97.2em; 
	background: transparent url(../graphics/logo-norway-visitnorway_en.gif) left top no-repeat; 
	height: 80px; 
	width: 119px;
	text-indent: -3200em;
}	


/*  Booking-knapp på produkter
-------------------------------------------------------------------------------------------*/
.tellus .booking {
	padding: 0 18px;
	width: 19.5em;
	margin-left: -1.5em;
	margin-bottom: 1em;
	font-family: georgia, times, serif;
	font-weight: bold;
}
.booking span {
	padding-left :6.5em;
}
.tellus h3 {
	clear: both;
}
/*  Fokusboks, med flere artikler
-------------------------------------------------------------------------------------------*/
#focus {
	padding-bottom: 1em
}
#focus div {
	border: 1px solid #41525c;
	margin-bottom: 2em;
}
#focus h3 {
	margin-top: 0;
	padding-top: 0;
	line-height: 1em;
}
/*  Værvarsling
-------------------------------------------------------------------------------------------*/
#WeatherContainer {
	position:relative;
	clear:left;
	left:33em;
	color: #000;
	text-transform: none;
	font-family: verdana, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	padding:0.3em 0 0.5em 0;
	margin:-1.7em 0 0 0;
	width:15em;
	text-align:right;
}


#WeatherContainer .weather {
    height:100%;
}

#WeatherContainer .weather a {
	text-decoration: none;
	height:2em;
}
#forecast {
	width: 587px;
	height:122px;
	padding: 30px 10px 30px 15px;
	position: absolute;
	left: -18em;
	top: 2em;
	text-align:left;
	background: transparent url(../graphics/bg-forecast.png) top left no-repeat;
	z-index:200;
}
.forecast-container {
	width: 115px;
	float: left;
	padding-bottom: 1em;
	border-right: 1px solid #ccc;
}
.last {
	border: none
}
.date {
	display: block;
	padding-bottom: 0.5em;
	text-align: center;
	font: 1.2em/1em georgia, sans-serif;
}
#WeatherContainer .weather .degrees {
	padding: 0.4em 0 0.5em 3em;
	color: #333;
	text-transform: capitalize;
	background-color:Transparent;
}

#forecast .degrees {
	margin: 0 10px;
	padding: 5px 0 10px 35px;
	text-transform: capitalize;
	font: 12px verdana, arial, sans-serif;
	color: #333;
}

#forecast .wind {
	margin: 20px 10px;
	padding: 10px 0 10px 35px;
	font: 12px verdana, arial, sans-serif;
	color: #333;
	vertical-align:middle;
}

#forecast .windSpacer
{
    height:15px;
    display:block;
}

#forecast p 
{
    margin-top:5px;
	color: #999;
	font-size: 12px;
}
/*  Klasser  for værikoner
-------------------------------------------------------------------------------------------*/
.icon-01 {
	background: transparent url(../graphics/weather/01.gif) left top no-repeat;
}
.icon-02 {
	background: transparent url(../graphics/weather/02.gif) left top no-repeat;
}
.icon-03 {
	background: transparent url(../graphics/weather/03.gif) left top no-repeat;
}
.icon-04 {
	background: transparent url(../graphics/weather/04.gif) left top no-repeat;
}
.icon-05 {
	background: transparent url(../graphics/weather/05.gif) left top no-repeat;
}
.icon-06 {
	background: transparent url(../graphics/weather/06.gif) left top no-repeat;
}
.icon-07 {
	background: transparent url(../graphics/weather/07.gif) left top no-repeat;
}
.icon-08 {
	background: transparent url(../graphics/weather/08.gif) left top no-repeat;
}
.icon-09 {
	background: transparent url(../graphics/weather/09.gif) left top no-repeat;
}
.icon-10 {
	background: transparent url(../graphics/weather/10.gif) left top no-repeat;
}
.icon-11 {
	background: transparent url(../graphics/weather/11.gif) left top no-repeat;
}
.icon-12 {
	background: transparent url(../graphics/weather/12.gif) left top no-repeat;
}
.icon-13 {
	background: transparent url(../graphics/weather/13.gif) left top no-repeat;
}
.icon-14 {
	background: transparent url(../graphics/weather/14.gif) left top no-repeat;
}
.icon-15 {
	background: transparent url(../graphics/weather/15.gif) left top no-repeat;
}
.icon-16 {
	background: transparent url(../graphics/weather/16.gif) left top no-repeat;
}
/*  Kalender
-------------------------------------------------------------------------------------------*/
#cal {
	margin-left: 60px;
}
#cal #cal-filter {
	width: 195px;
	color: #41525c;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #d9dcde;      
	padding-bottom: 25px;
}
#cal-filter dt {
	padding: 20px 10px 10px 16px;
	margin: 0;
	font: 1.5em georgia, times, serif;
	color: #41525c;
}
#cal-filter dd {
	padding: 0 10px 5px 16px;
	margin: 0;
	
}
#cal-filter .label {
	padding-left: 10px;
	vertical-align:middle; 
	padding-top: 3px;
	
}
#cal-filter input {
}
#cal .cal-item {
	width: 431px;
	float: right;
	color: #41525c;
	padding: 10px 0;
}
#cal .alt {
	background-color: #e8f4d9;
}
#cal .cal-item h2 {
	padding: 0 15px 0.5em 15px;
}
.cal-item p {
	padding: 0 15px 10px 15px;
}
.cal-item .tag {
	padding-bottom: 0;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2em;
}
.cal-item .tag span {
	padding: 0 1.5em;
	border-left: 1px solid #41525c
}
.cal-item .tag span.tag-geo {
	border: none;
	padding-left: 0
}
/*  Liste 2 (30. sept)
-------------------------------------------------------------------------------------------*/
#content div.column1 {
	width: 28em;
	margin-left: 4em;
	float: left;
	
}
#content div.column2 {
	width: 28em;
	margin-left: 4em;
	float: right;
	
}
#content div.column1 p, #content div.column2 p {
	width: 100%;
}
#content div.column1 img, #content div.column2 img {
	width: 28em;
	padding-bottom: 1em;
}

#content div.column3 {
	width: 28em;
	margin-left: 9em;
	float: left;
	clear: none;
	clear: right;
}
#content div.column4 {
	width: 28em;
	float: right;
	margin-left: 4em;
}
#content div.column3 p, #content div.column4 p {
	width: 100%;
}
#content div.column3 img, #content div.column4 img {
	width: 28em;
	padding-bottom: 1em;
}

/*  Mest lest - høyre kolonne (30. sept)
-------------------------------------------------------------------------------------------*/
.related .read {
	background-color: #7a868d;
	padding: 1em 2em 2em 2em
}
.related .read dt {
	font: 1.5em/2em georgia, times, serif;
}
.related .read dd {
	margin: 0;
	padding: 0 2em;
	background: transparent url(../graphics/arrow-right-white.gif) left 0.4em no-repeat;
	padding-bottom: 0.5em;
}
.related .read dd a {
	font-size: 1.1em;
	line-height: 1.3em;
	color: #000;
	font-style: italic;
	text-decoration: none;
}
.related .read dd a:hover {
	color: #fff
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

	
#TellusSearch .archive DD 
{
    width:60em;
}

.bookingButton
{
    position:relative;
    top:1.5em;
    left:74.5em;

    cursor:hand;
    z-index:1000;
}

.sitesRightSpacer
{
    float:right;
    width:8px;
    height:47px;
}

.ModalBooking
{
    width:950px;
    height:600px;
    background-color:White;
}

.rowstart
{
    clear:both;
}