/* Generell formattering */
body 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
	margin-top: 0px;
	margin-left: 10px;
}

/* Tekst*/

h1
{	font-size: 1.6em; 
	font-weight: bold; 
	color: #111;
}

h2
{	font-size: 1.2em; 
	font-weight: bold; 
	color: #111;
}
	
h3 
{
    font-weight:bold;
    font-size: 1.1em;
	color: #111;    
}
h4, h5, h6
{	
	font-size: 1.0em; 
	font-weight: bold; 
	color: #111;
}

p {
	font-size:1.0em;
}
/*Lister*/
ul
{
	padding:0;
	margin:0;
}

li {
	font-size:1.0em;
	margin: 0px;
	padding: 0px;
}

/*Tables*/
td {
	font-size:1.0em;
}

td p {
	font-size:1.0em;
}

td li {
	font-size:1.0em;
}

/*Linker*/

a, a:active, a:link
{	
	color: #003399; 
	text-decoration: none;
}

a:visited {
	color: #3366ff; 
}
h3 a:visited, .flere a:visited, #extranet a:visited  {
	color: #003399; 
}

a:hover 
{
	text-decoration: underline;
}

IMG
{
	border:0;
}

/* Forms */

form{
	margin: 0;
	padding: 0;
}

INPUT 
{	
	width:70px;
	height: 16px;
	padding:0;
	margin:0;
}


/* Divs */

#wrapper
{
    width: 992px;
    min-height: 800px;
    background-color: #fff;
    margin: 0 auto;
}
#global
{
    float: left;
    margin-top: 14px;
}
#left
{
    width: 200px;
    float: left;
    margin-right: 30px;
}
#left .logo
{
    float: left;
    margin-left: 45px;
    margin-top: 40px;
    width:100%;
}
#left a
{
    margin-bottom: 10px;
    float: left;
}
#left h3 {
	font-weight:normal;
	font-size:1.0em;
}
.portselect
{
    float: left;
    margin-top: 5px;
    margin-bottom: 15px;
}
.portselect h3
{
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 3px;
}
.portselect .optionfont
{
    width: 200px;
}
.ews_calendar h3 {
	margin-bottom:-20px;
}

#calendar
{
    float: left;
    margin: 20px 0;
    border: 1px solid #999;
    position: relative;
    width: 200px;
}
#calendar a
{
    float: none;	
    color: #003399;
}
#calendar table
{
    width: 200px;
    font-size: 0.8em;
}
#calendar .calendarHeader td
{
    text-align: center;
    width: 26px;
}
#calendar .calendarDateNoActivity, #calendar .calendarDateActivity
{
    text-align: center;
    width: 26px;
}
#calendar .calendarDateActivity
{
	background-color: #ddd;
}
#calendar .calendarDateActivity a
{
	display: block;
	padding: 2px 0;
	margin-bottom: 0;
	margin-top: 0;
	width: 24px;
	text-decoration: none;
}
#calendar .calendarDateActivity a:hover
{
	background-color:#C8C8C8;
}

#calendar .fullDate
{
	background-color: #f33;
}
#calendar .calendarDateSunday
{
/*    color: #003399; */
}
#calendar .calendarDateSunday a
{
    color: #003399;
    padding-right: 5px;
    width: 21px;
}
.calendarHeaderText
{
    color: #fff;
    background-color: #336699;
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px;
}
.calendarYearLinks
{
    position: absolute;
    width: 60px;
    height: 16px;
    top: 0px;
    right: 5px;
    color: #fff;
    background-color: #336699;
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px;
}
#calendar .calendarYearLinks a
{
    color: #fff;
}
.calendarMonthLinks
{
    text-align: center;
    padding: 8px 8px 3px;
}
.calendarMonthLinks .monthName
{
    margin: 0 39px;
    text-transform: capitalize;
}
.calendarMonthLinks .monthNameLink
{
    text-transform: capitalize;
}
#left p
{
    float: left;
}
#main
{
    width: 745px;
    float: left;
}
#header
{
    float: left; 
}
#header .picture
{
    float: left;
    width:745px;
    height:169px;
    overflow:hidden;
    margin-bottom:1px;
}
#topnav
{
    width: 745px;
    float: left;
    color: #fff;
    height: 30px;
    list-style-type: none;
}
#topnav li
{
    float: left;
    height: 20px;
    margin-top: 7px;
    margin-left: 20px;
    text-align: center;
}
#topnav .DefaultNode
{
}
#topnav .SelectedNode
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #fff;
    padding: 1px 5px 5px;
    font-weight: bold;
    background-color:#fff;
}
#topnav .SelectedNode a
{
    color: #111;
}
#portnav
{
    width: 745px;
    float: left;
    color: #fff;
    height: 30px;
    list-style-type: none;
}
#portnav li
{
    float: left;
    height: 20px;
    margin-top: 7px;
    margin-left: 20px;
    text-align: center;
}
#portnav .DefaultNode
{
}
#portnav .SelectedNode
{    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #fff;
    padding: 1px 5px 5px;
    font-weight: bold;
    background-color:#fff;
}
#portnav .SelectedNode a
{
    color:#111;
}

#content
{
    width: 535px;
    float: left;
    margin-top: 20px;
}
#content h2
{
}
#content h3
{
    margin: 0px;
    margin-top: 10px;
}
#topfront
{
    float: left;
    width: 535px;
    border-bottom: 1px solid #999;
    padding-bottom: 25px;
}
#topfront h1
{
	margin-top:0;
}
#bottomfront
{
    float:left;
    width: 535px;
    margin-top: 25px;
    background: url(/images/bottomfrontborder.gif) repeat-y;
}
#bottomfront h2
{
    text-transform: uppercase;
    color: #111;
    margin-top: 0px;
    margin-bottom: 10px;
}
#bottomfront h3
{
    font-size: 1.0em;
}
#bottomfront .left
{
    float: left;
    width: 225px;   
}
#bottomfront .right
{
    float: right;
    width: 205px;
    margin-right:30px;
}
#retriever
{
    float: left;
}
.RssItem
{
    float: left;
}
.RssTitle
{
    float: left;
    width: 535px;
}
#retriever .RssTitle
{
    float: left;
    width: 225px;
}
.RssPubDate
{
    float: left;
    margin-bottom: 5px;
}

#portCalls
{
    text-align: left;
    font-size: 0.7em;
}
#portCalls td, #portCalls th
{
    padding: 1px;
}
#right
{
    width: 180px;
    float: left;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 20px;
}
#right h2
{
    float: left;
    width: 170px;
    text-transform: uppercase;
    font-size: 1.0em;
    padding: 5px;
}
#right h3
{
    font-size: 1.0em;
}
.rightbox
{
    float: left;
    margin-bottom: 20px;
}
.rightbox *
{
    float: left;
    margin: 0;
}
#Cruisenews .kortDok
{
    margin-bottom: 5px;
}
#Bransjenytt .readmore
{
    float: right;
    margin-left: 4px;
    margin-bottom: 10px;
}
#bottomfront .right h2, #Bransjenytt h2.banner, #Cruisenews h2.banner
{
	background-image:url('/images/flag_no.jpg');
	background-repeat: no-repeat;
	background-position:150px;
}
#Sok
{
    float: left;
    width: 180px;
}
#Sok input
{
    float: left;
    width: 100px;
    border: 1px solid #999;
    padding:3px;
    margin-right:2px;
}
#Sok button
{
    float: left;
    border: 1px solid #999;
    background: none;
    color: #003399;
    padding: 3px;
    width:50px;
}
#right .bannerlink
{
    float: left;
    width: 150px;
    height: 100px;
    margin-top: 25px;   
}
#footer
{
    float: left;
    width: 992px; 
    margin-top: 40px;
    border-top: 1px solid #999;
    margin-bottom: 10px;
    position:relative;
}
#logos {
	float:left;
	margin-top:40px;
	margin-bottom:-30px;
	width:535px;
	text-align:center;
	vertical-align:bottom;
}
#logos span, #logos img {
	float:left;
	margin-left:5px;
	margin-right:5px;
}
#extranet
{
    border: 1px solid #999;
    padding: 7px 30px 7px 15px;
    position: relative;
    float:left;
    margin-top: 40px;
}

.banner
{
    color: #fff;
    background-color: #336699;
}
.banner a
{
    color: #fff;
}
#right .banner
{
    margin-bottom: 5px;
}

.darkblue {	
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #252E33;
	background-color: #336699;
	width: 150px;
}
.darkblue .btnsearch
{
    width: 18px;
    height: 19px;
    float: left;
}
.paddingleftbottom5
{	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 5px;
	}
	.paddingleft5
{	padding-left: 5px;
	}
	.paddingleft5 input
	{
	    width: 105px;
	}
	.whitebold
{	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px; 
	font-variant: small-caps;
}
.logginnfelt
{
    float: left;
}
#gallery
{
    float: left;
    width: 535px;
    overflow: hidden;
}
.galleryitem
{
    float: left;
    width: 535px;
    position: relative;
    margin-bottom: 10px;
    min-height: 80px;
}
.galleryitemleft {
	float:left;
	margin-right:20px;
}

.gallerymenu
{
    float: left;
    width: 200px;
    list-style-type: none;
}
.gallerymenu li
{
    float: left;
    width: 200px;
    margin-bottom: 3px;
}
.gallerymenu .DefaultNode
{
}
gallerymenu .SelectedNode
{
}

.harbormap {width:100%;float:left;margin-top:15px; }

.harbormap img {max-width:535px; }



/*Menyene */

.Errormsg
{
	color: Red;
	}
	
/*Innholdstyper*/

.listArtk{ float: left; width:100%; margin-bottom:5px; }
.kortArtk{ float: left; width:100%; margin-bottom:10px; }
.kortArtkBilde{}
.kortArkTekst{}
.fullArtk{}
.fullArtkBilde{}
.fullArtkTekst{}
.searchArtk{ float: left; width:100%; margin-bottom:5px; }

.listDok{ float: left; width:100%; margin-bottom:5px; }
.kortDok{ float: left; width:100%; margin-bottom:10px; }
#content .kortDok{ float: left; width:100%; }
#content .kortDok h3 { float: left; width: 535px; }
.kortDok *
{
    float: left;
}
.fullDok{}
.searchDok{ float: left; width:100%; margin-bottom:5px; }

.listFil{ float: left; width:100%; margin-bottom:5px; }
.kortFil{ float: left; width:100%; margin-bottom:10px; }
#content .kortFil{ float: left; width:100%; }
#bottomfront .kortFil{ margin-top:0; }

.kortFil .ingress {
	display:none; /* kan fjernes  hvis de legger inn ordentlig ingresser */
}
.fullFil{}
.searchFil{ margin-bottom:5px; }

.listBilde{}
.searchBilde{}

.listLink{ float: left; width:100%; margin-bottom:5px; }
.kortLink{ float: left; width:100%; margin-bottom:10px; }
.fullLink{ float: left; width:100%; clear:both; margin-bottom:10px;}
.fullLink .image {
	float:left;
	margin-right:10px;
}
.searchLink{ float: left; width:100%; margin-bottom:5px; }

.ingress a {
	color: #333;
}
.dato {
	color: #666; 
}

.flere {
	float:right;
	width:100%;
	text-align:right;
}
/* Attractions*/
.Attraction
{
    float:left;
    margin-bottom:10px;
    }
.AttractionImage {float:left; width:200px; height:auto; margin-right:10px;}
.AttractionText {float:left; width:300px; margin-right:10px;}
.Attraction p
{
    margin:0;    
}

#content .Attraction h3
{
	margin-top:0px;
	font-weight:bold;
}
    
.AttractionTopText { 
	margin-top:0px;
}
.AttractionBottomText{}
.AttractionTeaser{ margin: 0px; margin-bottom: 10px; }

ul.themeslinks 
{
    width:100%;float:left;margin:20px 0px;
    list-style:none;
}
ul.themeslinks li
{
    width:100%;float:left;margin:5px 0px;
    font-size:1.2em;text-transform:uppercase;
}
ul.themeslinks li img
{
    float:left;margin-right:15px;
}
.fullDok.themes h1 img { float:left;margin-right:10px; }
.fullDok.themes h1 { font-size:1.8em; text-transform:uppercase;color:#FF4B30; }

.PdfMap
{
    border:1px solid #999;
}
#portsList
{
    height: 100px;
    float: left;
}
#searchArrivals
{
	width: 511px;
	float:left;
}
#searchForm input[type=submit]
{
    background:none repeat scroll 0 0 transparent;
    border:1px solid #999999;
    color:#003399;
    height:27px;
    padding:3px;
    width:60px;
    font-size: 10pt;
    float: left;
    margin-left: 61px;
}

#arrivals
{
    float: left;
    text-align: left;
    overflow: scroll;
    font-size:0.8em;
}
#arrivals input
{
    border:1px solid #999999;
    font-size: 0.9em;
}
#arrivals
{
    border: 1px solid #999999;
}
#arrivals th
{
    border-left: 1px solid #999999;
}
#arrivals td
{
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
}
#arrivals tr
{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
.register
{
    width: 800px;
}
.123
{
    border-right: 1px solid #999999;
}
.editing a
{
    margin-right: 5px;
    margin-left: 5px;
}
#newArrival input[type=button]
{
    background:none repeat scroll 0 0 transparent;
    border:1px solid #999999;
    color:#003399;
    height:27px;
    padding:3px;
    width:60px;
    font-size: 10pt;
    float: left;
}
#newArrival 
{
    float: left;
    width: 750px;
    margin-top: 1px;
}
.newArrivalColumn {
	float:left;
	width:150px;
	margin-right:50px;
}
.newArrivalLine {
	float:left;
	width:180px;
	margin-bottom:5px;
}

#newArrival label {
	float:left;
	width:70px;
}
#newArrival input
{
    float: left;
    border:1px solid #999999;
	width:80px;
	padding:2px;
}
.newArrivalColumn.right {
	width:250px;
	margin-right:0px;
}
.newArrivalColumn.right .newArrivalLine {
	width:250px;
}
#newArrival .newArrivalColumn.right input {
	width:150px;
}
.newArrivalButtons {
	width:100%;
	float:left;
	margin-left:70px;
	margin-top:10px;
}
.availablePortsList.arrivals {
	margin-left:150px;
	margin-top:-60px;
	float:left;
	height:30px;
}
#newArrival table
{
    float: left;
    width: 100%;
}
#addArrival
{
    cursor: pointer;
}

#message
{
    float: left;
    color: Red;
}
.eksportimport {
	float:right;
	margin:10px 50px 10px 0;
}
#export input[type=submit]
{
    background:none repeat scroll 0 0 transparent;
    border:1px solid #999999;
    color:#003399;
    height:27px;
    padding:3px;
    width:70px;
    font-size: 10pt;
}
#export {
	padding:10px;
	width:400px;
}
.exportdates {
	float:left;
	width:150px;
	margin:10px;
}
.exportdates label {
	width:50px;
	float:left;
}
.exportline {
	margin-bottom:5px;
}
#import {
	width:400px;
	float:left;
}
.importfields {
	padding:10px;
}
#import input[type=submit], #import input[type=file]
{
    background:none repeat scroll 0 0 transparent;
    border:1px solid #999999;
    color:#003399;
    height:27px;
    padding:3px;
    width:70px;
    font-size: 10pt;
    float:left;
    margin-right:10px;
}
.ews-link {
	float:left;
	margin-top:75px;
	margin-left:62px;
}
.ews-link a {
    background:none repeat scroll 0 0 transparent;
    border:1px solid #999999;
    color:#003399;
    height:17px;
    padding:10px;
    width:60px;
    font-size: 10pt;
    float: left;
}
.searchDate
{
	min-width: 160px;
	float: left;
}
.searchDate input[type=text]
{
	width:84px;
}
.searchDate .error
{
    color: Red;
}
#fullPortList
{
	float:left;
	margin-left: 30px;
}
#fullPortList table 
{
	background-color: #999;
}
#fullPortList td, #fullPortList th
{
	background-color: #fff;
}
.toppsak_bilde{
float:left;
width: 220px;

}
.toppsak_tekst{
float:right;
width:300px;
}
#newsletter h2, #newsletter h3 {
	font-weight:bold;
}
#newsletter h2 {
	margin-top:10px;
}
#newsletter h3 {
	margin-top:5px;
}

#skjema {
	float:left;
	width:100%;
}
#skjema #errors li {
	float:left;
	width:100%;
	color:red;
}
#skjema p {
	float:left;
	width:100%;
	margin-bottom:5px;
}
#skjema p label {
	float:left;
	width:100px;
}
#skjema p input {
	float:left;
	width:350px;
}

#skjema .radiofelt {
	float:left;
	width:100%;
	margin-bottom:10px;
}
#skjema .radiofelt .fortekst {
	float:left;
	min-width:100px;
	margin-right:10px;	
}
#skjema .radiofelt .valg {
	float:left;
	width:100px;
}
#skjema .radiofelt .valg2 {
	float:left;
	width:125px;
}
#skjema .radiofelt label {
	float:left;
}
#skjema .radiofelt input {
	float:left;
	width:10px;
	margin-right:5px;
}
#skjema h3 {
	float:left;
	width:100%;
	margin-top:15px;
}
#skjema p {
	float:left;
	width:100%;
}
#sendskjema {
	margin-left:100px;
}
#sendskjema input {
	width:120px;
	height:25px;
}
.portAvailability input[type=submit]
{
	height: 26px;
}
.portAvailability input[type=checkbox]
{
	width: 16px;
}
.portAvailability input[type=text]
{
	width: 115px;
}
.fullDates, .portForm
{
	float: left;
}
.fullDates
{
	margin-left: 20px;
}
.fullDates h4
{
	margin-top: 0px;
}
.