body,
input,
textarea,
select,
button{
	font-family: verdana, arial, tahoma, sans-serif;
}

input,
textarea,
select,
button{
	font-size: 1em;
}

body{
	font-size:.7em;
	line-height:1.3em;
	margin:0;
}

input,
textarea,
button{
	font-size: 100%;
}

input.text,
textarea{
	border: 1px solid #ff9a21;
	background-image: url(../../binary?id=12034);
	padding: 1px 2px 2px 2px;
}

input.button{
	background-color: #ffd39e;
	background-image: url(../../binary?id=12035);
	border: 1px solid #36C;
	font-size: 90%;
	font-weight: bold;
	color: #039;
	padding: 0 3px 1px 3px;
	height: 18px;
}
#district input.text, textarea {
	border: 1px solid #ff9a21;
}
#district input.button {
	background-color: #ffd39e;
	border: 1px solid #ff9a21;
	color: #613602;
}
#district #searchbox input.text {
margin-right: 5px;
}

input.error,
textarea.error{
	background-color: #F0F0F0;
}

#q-submit {
    background-color:#FFF;
    border:1px outset #000;
    color:#318283;
}

form{
	margin: 0;
	padding: 0;
}

fieldset.contact-info{
    clear:both;
    margin-bottom:.8em;
}

a{
	text-decoration: none;
	color: #613602;
}

a:hover{
	text-decoration: underline;
}

.string-to-upper {
    text-transform:uppercase;
}

#article-tools {
	margin-top:9px;
	clear:both;
}

a.tool-button{
	float:left;
	display: block;
	color: #0054A7;
	border: 1px solid #ED1B24;
	padding: 5px;
	margin-right:9px;
}

hr {
}

hr.rescueboat {
	display:none;
}

.print{
	display: none;
}

.required{
	color: #F00;
	margin-left: .1em;
}

div.error{
	color: #F00;
	font-weight: bold;
}


div.feedback{
	color: #008000;
	font-weight: bold;
}

div.rescueboatheading {
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 16px;
}

h1,
.sys-Heading1 {
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 0;
}

h2,
.sys-Heading2{
	font-size: 1.2em;
}

img{
	border: 0;
}

img.border{
	border: 1px solid black;
}

img.icon{
	width: 16px;
	height: 16px;
}

img.icon.text{
	vertical-align: middle;
	margin-right: .3em;
}

div.spacer{
	height: 8px;
	font-size:0;
    line-height:0;
    clear:both;
}

div.image-cropped{
	background-color: #F3F7FF;
	background-repeat: no-repeat;
   overflow: hidden;
}

/* framework styles */
div#validate {
	width: 956px;
	margin: auto;
	padding: 10px;
	border: 1px dotted #ccc;
}

div.framework{
	width: 956px;
	margin: 8px;
	background-color: #fff;
	color: #000;
	float: left;
}

div.framework.one-column{
	background-image: none;
}

div#left-column{
	float: left;
	width: 180px;
	padding: 0;
	margin-right: 8px !important;
	clear: both;
	border: 0px solid red;	
}
div#center-column {
float: left;
width: 580px;
margin: 0 8px 0 0 !important;
padding: 0;
border: 0px solid red;	
}

div#right-column{
	float: left;
	width: 180px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border: 0px solid red;
}
div#header {
width: 180px;
margin: 0;
padding: 0;
}




#rescueBoatImage {
	width:579px;
	margin-left:auto;
	margin-right:auto; 
}

#rescueBoatBlock{
	clear:both;
	margin: 2px 20px 0px 20px;
	padding:0;
	border:0;
}

#rescueBoatElement {
	font-weight: 600; !important
	font-weight: bold;
	margin:0;
	padding:0;
	border:0;
}

#rescueBoatData {
	display:block;
	text-align:left;
	text-indent:-3px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 20px;
	border: 0;
}

div.content{
	float: left;
	width: 580px;
	padding: 0;
	min-height: 35em;
	overflow: hidden;
}

div.content h1{
  margin-top:1em;
  margin-bottom:1em;
	font-size: 1.3em;
	color: #613602;
}

div.content div#printer-version{
	cursor: pointer;
	float: right;
	color: #369;
}

div.content.one-column {
	width: 940px;
}

div.content.two-columns {
	width: 767px;
}

div#tip {
	margin-top: 2em;
	border-top: 1px dotted #ddd;
	padding: 1em 0 1em 0;
}

div#tip input.text{
	margin-right: 2em;
	width: 20%;
}

div#tip span{
	font-weight: bold;
	margin-right: 2em;
}

div#user-info{
	color: white;
	float: right;
	display:none;
}

div#user-info span.username{
	font-weight: bold;
	display:none;
}

div#user-info button{
	color: white;
	padding: 0;
	border: 0;
	cursor: pointer;
	display:none;
}

div#print-page,
div#close-window{
	display: none;
}



img#logo-screen{
	width: 180px;
	height: 184px;
	float: left;
}

img#logo-print{
	width: 180px;
	height: 187px;
}

div#banner-top {
	width: 768px;
	height: 150px;
	float:left;
	/*margin-bottom: 8px;*/
}

div#footer{
	text-align:center;
	font-size:.8em;
	clear: both;
	margin: 0;
	padding: .5em;
	background-color: #FFF;
	height: 1em;
}

div#left-column p, div#right-column p{
	margin: 0 0 1em 0;
}

.text-sm {
    font-size:.9em;
}

/* end framework styles */

/* frame styles */
div.frame{
	overflow: hidden;
}

div.frame h4{
	background-color: #ffd39e;
	margin: 0;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: normal;
	height: 17px;
	padding: 0 5px 0 16px;
	background-image: url(../../binary?id=12036);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	color: #613602;
}
div.frame-content.border{
	border: 1px solid #ffd39e;
	border-top: 0;
}
#district .frame.newscontainer h4 {
background-color: #ffd39e;
color: #613602;
}
#district .frame.newscontainer {
background-color: #fff3e5;
}
#district div.frame-content.border {
	border: none;
	border-top: 2px solid #fff;
}
#district #right-column .frame h4 {
background-color: #ffd39e;
color: #613602;
}
#district #right-column .frame .frame-content.border {
	border: 1px solid #ffd39e;
	border-top: none;
}
div.frame-content.padding{
	padding: 8px;
}
/* end frame styles */

/* errorhandler styles */
div#errorhandler h2{
	margin: 0;
	color: #F00;
}
/* end errorhandler styles */


#content {
	float:left;
	margin-left:1em;
	color: #ccc;
	width:420px;
}

div.content-end {
	clear: both;
	border-top:1px solid #ff9a21;
    margin:8px 0;
}

div#menu-top {
    background-color: #ff9a21;
		width:580px;
    height:18px;
    line-height: 18px;
    float:left;
    margin-top: 8px;
}
.districtSlogan {
color: #fff;
font-weight: bold;
padding-left: 5px;
}


/* menu styles */
ul.menu a,
ul.menu div{
	text-decoration: none;
	font-weight: bold;
}

ul.menu,
ul.menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.menu.vertical li { /* all list items */
	position: relative;
	float: left;
	line-height: 1.25em;
	width: 178px;
	border: 1px solid #ff9a21;
	border-bottom: 0;
}

ul.menu.vertical li.last {
	border: 1px solid #ff9a21;
}
ul.menu.vertical li ul.subs { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left: 178px;
	margin-top: -2.22em;
	z-index:100;
}

ul.menu.vertical li ul.subs ul { /* third-and-above-level lists */
	left: -999em;
	margin-left: 178px;
	margin-top: -2.20em;
	z-index:100;
}

ul.menu.vertical li ul.subs ul ul { /* fourth-and-above-level lists */
	left: -999em;
	margin-left: 178px;
	margin-top: -2.20em;
	z-index:100;
}
ul.menu.vertical li ul.subs ul ul ul { /* fifth-and-above-level lists */
	left: -999em;
	margin-left: 178px;
	margin-top: -2.20em;
	z-index:100;
}

ul.menu.vertical li ul.normal li { /* second-level lists normal */
	background-color: #ffe2bf;
	border-width: 1px 0 0 0;
	z-index:100;
}

ul.menu.vertical li ul.subs li a{ /* second-level anchor */
	font-weight: normal;
	border: 0;
	padding-left: 7px;
	padding-top: 4px;
	width: 164px;z-index:100;
}

ul.menu.vertical li ul.subs li { /* second-level lists flyouts */
	background-color: #ffe2bf;
	z-index:100;
}

ul.menu.vertical li a {
    color: #613602;
    display: block;
    padding: 3px 7px 6px 6px;
    width: 164px;
	 /*height: 14px;*/
    text-decoration: none;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
	/* overflow: hidden;*/z-index:100;
}

/**
** Fiks for normal, nivå 2 og 3
*/
ul.menu.vertical li.path ul li ul li ul li ul li ul {
	border-right: 1px solid #ff9a21;
	border-bottom: 1px solid #ff9a21;
	border-left: 1px solid #ff9a21;
}

ul.menu.vertical li.path ul.subs  {
	border-right: 1px solid #ff9a21;
	border-bottom: 1px solid #ff9a21;
	border-left: 1px solid #ff9a21;
}

ul.menu.vertical li a:hover {
	text-decoration: none;
    background-color: #ffe2bf;
    z-index:100;
}

ul.menu.vertical ul.subs li a:hover, ul.menu.vertical li ul ul.subs li a:hover {
	background-color: #FFF;z-index:100;
}

ul.menu.vertical a.active{
	color: #000;z-index:100;
}

/**
* 1 2 3 og 4 nivå
*/
ul.menu.vertical li:hover ul,
ul.menu.vertical li:hover ul ul,
ul.menu.vertical li:hover ul ul ul,
ul.menu.vertical li:hover ul ul ul ul,

/**
* .sfhover er kun for IE (se også js i menuMain.xsl)
*/
ul.menu.vertical li.sfhover ul,
ul.menu.vertical li.sfhover ul ul,
ul.menu.vertical li.sfhover ul ul ul,
ul.menu.vertical li.sfhover ul ul ul ul {
	left: -999em;
}

ul.menu.vertical li ul li.sfhover ul,
ul.menu.vertical li ul li.sfhover ul ul,
ul.menu.vertical li ul li.sfhover ul ul ul,
ul.menu.vertical li ul li.sfhover ul ul ul ul

ul.menu.vertical li ul li ul li.sfhover ul,
ul.menu.vertical li ul li ul li.sfhover ul ul,
ul.menu.vertical li ul li ul li.sfhover ul ul ul,
ul.menu.vertical li ul li ul li.sfhover ul ul ul ul {
	left: -999em;
}

ul.menu.vertical li:hover ul,
ul.menu.vertical li li:hover ul,
ul.menu.vertical li li li:hover ul,
ul.menu.vertical li li li li:hover ul,

ul.menu.vertical li.sfhover ul,
ul.menu.vertical li li.sfhover ul,
ul.menu.vertical li li li.sfhover ul,
ul.menu.vertical li li li li.sfhover ul {
	left: auto;
}

ul.menu.vertical li ul li.sfhover ul,
ul.menu.vertical li ul li li.sfhover ul,
ul.menu.vertical li ul li li li.sfhover ul,
ul.menu.vertical li ul li li li li.sfhover ul

ul.menu.vertical li ul li ul li.sfhover ul,
ul.menu.vertical li ul li ul li li.sfhover ul,
ul.menu.vertical li ul li ul li li li.sfhover ul,
ul.menu.vertical li ul li ul li li li li.sfhover ul {
	left: auto;
}

ul.menu.vertical li.path li a{
	font-weight: normal;
	padding-left: 15px;
	padding-top: 4px;
	width: 156px;
	border: 0;
}

ul.menu.vertical li.path li a:hover{
	background-color: #F3F7FF;
}

ul.menu.vertical li.path li.path li a{
	padding-left: 31px;
	width: 140px;
}

ul.menu.vertical li.path li.path li.path li a{
	padding-left: 47px;
	width: 124px;
}

ul.menu.vertical li.path li a.active{
	font-weight: bold;
}

ul.menu a div.menu-bullet{
	float: right;
	font-weight: normal;
}
ul.menu a span.menu-bullet{
	float: right;
	font-weight: normal;
}
/* end menu styles */

/* items styles */
div.search-bar{
    background-color:#D7E4FF;
    padding:4px 8px 4px 8px;
    margin-bottom: 8px;
}

div.item-vertical{
    float:left;
    margin-bottom: 8px;
}

div.h-spacer{
    margin-right: 8px;
}

div.item-vertical p{
    background-color:#F3F7FF;
    margin-top: 8px;
    padding: 8px;
}

div.item{
	padding: 0;
	clear: both;
	height: 100%;
}

div.item-left {
    float:left;
}
div.item-right {
    float:right;
}

div.item img{
	float: right;
}

div#item div.related{
	/*clear: both;*/
	/*float:right;*/
	width:220px;
	background-color:#ffd39e;
	padding:.7em;
	font-size:.9em;
}

div.item.first{
	border: 0;
}
div.item h1 {
	font-size: 1.4em;
	margin-bottom: 1em;
	color: #613602;
}
div.item h2{
	margin: 0;
}

div#item h2{
	margin: 1em 0 0 0;
}

div.byline{
	font-size: .8em;
}

div.read-more{
	text-align: left;
}

div#item h1 {
	margin-bottom: 1em;
}

div#item div#images {
	width: 230px;
	margin-top: 8px;
}

div#item div#images div.image {
	margin: 0 0 0 0;
	width: 220px;
}

div#item div#images div.image img{
	cursor: url(/binary/68926/file), pointer !important;
}

div#item div#images div.image div.text, div.text,.sys-Imagetext {
	background-color:#ffd39e;
	font-size: .8em;
	/*margin-top: 1em;*/
	/*padding:.7em;*/
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 100%;
}

div#item div#preface{
	font-weight: bold;
}

div#body {
    color:#000;
}

#article-left {
	/*float:left;*/
}

#article-right {
	float:right;
	width:230px;
	margin-left:1em;
}

/* end items styles */

/* list styles */

table.list-general {
	width: 100%;
	border-left:1px solid #ffd39e;
	border-right:1px solid #ffd39e;
}

table.list-general tr.head,table.list th {
	background-color: #ffd39e;
	margin: 0;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: normal;
	background-image: url(../../binary?id=12036);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	color: #613602;
}
table.list-general div.list-general-header {
	padding: 0 5px 0 16px;
}


table.list-general td {
	padding: .3em;
	border-bottom:1px solid #ffd39e;
}

div.thumbnail-container {
}

div.thumbnail {
    float:left;
    height:125px;
    text-align:center;
    margin:9px;
    padding:9px 0 9px 0;
    border:1px solid #EFEFEF;
}

div.thumbnail div {
    background-color: #F3F7FF;
    padding:5px;
    margin-top:6px;
}

div.thumbnail-divider {
    border-bottom:1px solid #EFEFEF;
}

table.list-border, table.list-no-border {
	width: 100%;
}

table.list-border td,
table.list-no-border td,
table.list-border th,
table.list td, table.list th {
	padding: .3em;
}

table.list-border th {
    text-align:left;
    font-weight:bold;
    color:#335EA8;
}

table.list th {
    text-align:left;
}

table.list-border td {
	border-bottom:1px solid #EFEFEF;
}

table.list{
	width: 100%;
}

table.list input.text,
table.list textarea{
	width: 90%;
}

table.list input.radio{
	vertical-align: middle;
}


table.list.form td{
	vertical-align: top;
	width: 80%;
}

table.list.form button{
	margin-right: .3em;
}

table.list td.error{
	color: #F00;
	padding-bottom: 0;
}

table.list label.help{
	cursor: default;
	border-bottom: 1px dotted;
}

table.list tr.separator td{
	font-size: 50%;
}

table.list tr.form-separator div{
	padding-bottom: .2em;
	border-bottom: 1px solid #CCC;
	margin: .5em 0 .5em 0;
	font-weight: bold;
}

table.list th.nowrap,
table.list td.nowrap{
	white-space: nowrap;
}

table.list th.right,
table.list td.right{
	text-align: right;
}
/* end list styles */

/* navigation menu styles */
div#navigation-header{
	background-color: none;
	padding: 0;
	margin-bottom:1em;
}

ul#navigation-menu{
	border-top: 1px solid #eee;
	margin: 0;
	margin-top:1em;
	padding: 0;
	list-style-type: none;
	color: #999;
	clear: both;
}

ul#navigation-menu li{
	display: inline;
	padding: .2em .3em .2em .3em;
}

ul#navigation-menu li.numbers.active{
	font-weight: bold;
	color: #000;
}
/* end navigation menu styles */

/* filelist styles */
div#tree-menu{
	float: left;
	width: 29%;
	margin-right: 10px;
}

div#tree-menu a.active{
	background-color: #DDD;
	padding: 1px;
}

table.list.file-list{
	width: 69%;
}
/* end filelist styles */

/* boxes on frontpage - middle 49%-boxes */
div.image img, div.item.topright div.image img {
 margin: 0 0 5px 5px;
 border: none;
}
div.item.bottom a h2 {
font-weight: normal;
}

div.item-middle{
	clear: none;
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}

div.item-middle.first{
	margin: 0 8px 1em 0;
}

div.item-middle img{
	float: right;
}

div.item-middle a h2 {
margin: 0;
padding: 0;
}
div.item-middle p, div#right-column div.frame div.item.topright p {
margin: 3px 0;
padding: 0;
}

div.frame.newscontainer {
	float: left;
	width: 579px;
	margin: 0;
}

div.frame.newscontainer.first {
	margin-right: 8px;
}

table.frontpage-list td{
	vertical-align: top;
}

table.frontpage-list td.date{
	padding-right: 4px;
}

table.list td h2 {
margin: 0;
padding: 0;
}

/* End boxes on frontpage - middle 49%-boxes */

/* Search styles */
div#search-navigation-header {
    background-color:#EEE;
	padding:.3em .3em;
}

ul#search-navigation-menu{
	margin: 0;
	padding: .4em 0 0 0;
	list-style-type: none;
	color: #999;
	clear: both;
}

ul#search-navigation-menu li{
	display: inline;
	padding: 0 .3em 0 .3em;
}

ul#search-navigation-menu li.numbers.active{
	font-weight: bold;
	color: #000;
}

div.search-item {
	border-top: 1px solid #CCC;
	padding: .8em 0 .8em 0;
	clear: both;
	margin: 0;
	height: 100%;
}

div.search-item.first{
	border: 0;
}

div.search-item h2 {
    font-size:1.2em;
    margin:0;
}

div.search-item span.highlight {
    font-weight:bold;
}

div.search-item .context {
    float:left;
    width:70%;
}

div.search-item .location {
    display:block;
    margin:0 0 1em 0;
    font-size:.8em;
}

div.search-item .relevance {
    font-size:9px;
}

div.search-item .relevance .bar {
    float:left;
    width:100px;
    border:1px solid #7694D2;
    font-size:1px;
    background-color:#B6CDFF;
}

div.search-item .relevance .bar .percent {
    height:11px;
    font-size:1px;
    background-color:#7694D2;
}

div.search-item .relevance .score {
    float:left;
    width:20px;
    margin-left:1em;
}
/* end search styles */


/* Lightbox start */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#prevLink img { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#nextLink img { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../shared/images/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../shared/images/nextlabel.png) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Lightbox slutt */