/* @override http://dev/~nikolai/seilmagasinet/css/havneguiden.css */

/* $Id: havneguiden.css 27340 2010-10-21 07:08:09Z vidars $ */
body {
  background-color: #fff;
  font-family: verdana, Helvetica, arial, sans-serif;
  font-size: 62.5%;
  margin-left: 10px;
}
/* globals */
* {
  padding: 0;
  margin: 0;
}
a {
  color: #069;
  text-decoration: none;
}
a:hover { text-decoration: underline; }
p { margin-bottom: .5em; }
ul { list-style: none; }
#frontpage ul,
#article ul,
#folder ul,
#formpage ul { /* regular ul needed in these areas */
  list-style: disc;
  padding: 1ex 1ex 0 1ex;
  margin: 0 1ex 0 1em;
}
#frontpage ul li,
#article ul li,
#folder ul li,
#formpage ul li { /* regular li needed in these areas */
  padding: 0;
  margin: 0 0 1em 0;
}
/* positions */
#mainframe {
  width: 989px;
  margin: 0px 0 10px 0;
}
#topmenu { position: relative; }
#header { height: 100px; }
#leftcol {
  float: left;
  width: 220px;
  margin-right: 20px;
}
#tree {
  margin-bottom: 15px;
}
#content {
  float: left;
  width: 550px;
  margin-right: 19px;
}
.addons {
  float: left;
  width: 180px;
  margin-right: 0px;
}

.addons .title {
  background: url(../gfx/havneguiden/rcoltop.gif);
  height: 14px;
  padding: 3px 5px;
  color: #9dc0da;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1em;
}

#leftcol .title {
  background: url(../gfx/havneguiden/lcoltop.gif);
  height: 14px;
  padding: 3px 5px;
  color: #9dc0da;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1em;
}



#tree .title {
  background: url(../gfx/havneguiden/rcoltop.gif);
  height: 14px;
  padding: 3px 5px;
  color: #9dc0da;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1em;
}

#adrow
{
  height: 150px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

#adrow .top768
{
  width: 809px;
  float: left;
  background: url(../gfx/annadrow.gif) no-repeat 17px 30px;
  text-align: right;
}

#adrow .top180
{
  width: 180px;
  float: left;
}

#adcol
{
  float: right;
  width: 180px;
  padding-top: 7px;
  border-top: 1px #cccccc solid;
}

#adcol .litennhyhet .title
{
  border-left: 8px solid #b20710;
  font-weight: bold;
  padding-left: 3px;
  margin-bottom: 4px;
}

#adcol .litennhyhet .body
{
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
  padding-bottom: 3px;
}

.ads_top_right
{
  position: absolute;
  top: 0;
  left: 999px;
}

/* canvasstyle */

a.butt {
  border: 1px #fff solid;
  padding: 1px 3px 1px 3px;
  background: #d8d8d8;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #2f74a8;
}
#mainframe { background: #fff url(../gfx/ccc.gif) repeat-y 119px 0; }
#topmenu { background: #fff; }
#topmenu ul { float: right; }
#topmenu ul li {
  float: left;
  border-left: 1px #000 solid;
  padding: 0 15px 0 15px;
}
#topmenu ul li.first { border-left: none; }
#topmenu ul li.last { padding-right: 0; }
#topmenu li a {
  display: block;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.1em;
}
#topmenu li a:hover { color: #069; }
#topmenu li.selecta a { color: #ccc; }
#header {
  height: 109px;
  background: #727C83 url(../gfx/havneguiden/header2.jpg) repeat-y bottom;
  margin-bottom: 10px;
  position: relative;
}

#header a.logo {
  position: absolute;
  top: 45px;
}

#header a.logo img {
  border: 0;
}

#header #topp {
  background: #727C83 url(../gfx/havneguiden/topptoppbg.gif) repeat-y;
  height: 26px;
  padding-top: 8px;
  position: relative;
}

#header #topp .toptxt {
  margin-left: 13px;
  font-size: 1.1em;
  margin-top: 1px;
}

#header #topp #sok {
  position: absolute;
  width: 163px;
  right: 17px;
  top: 7px;
}

#header a.button.first {
  position: absolute;
  right: 83px;
  top: 91px;
  font-size: 9px;
  width: 96px;
  height: 18px;
  background-color: transparent;
  background-image: url(../gfx/havneguiden/omhavne.png);
}

#header a.button.first:hover {
  background-image: url(../gfx/havneguiden/omhavne_over.png);
  background-color: #fff;
  position: absolute;
  right: 83px;
  top: 89px;
  font-size: 9px;
  width: 96px;
  height: 20px;
}

#header a.button.next {
  position: absolute;
  right: 18px;
  top: 91px;
  font-size: 9px;
  width: 61px;
  height: 17px;
  background-image: url(../gfx/havneguiden/kontakt.png);
  background-color: transparent;
}

#header a.button.next:hover {
  position: absolute;
  right: 18px;
  top: 89px;
  font-size: 9px;
  width: 61px;
  height: 20px;
  background-image: url(../gfx/havneguiden/kontakt_over.png);
  background-color: #fff;
}

#header #topp #sok a.butt {
  padding: 1px 3px 2px 3px;
  margin-top: 1px;
}

#quicksearch input {
  width: 117px;
  padding: 0.2em 0 0.1em 0.3em;
  font-size: 1em;
}

#tree h3 {
  background: #fff;
  font-size: 1.3em;
  color: #444;
  padding: 0 0 4px 12px;
}
#tree ul.treeroot { margin-bottom: 1px;}
#tree a {
  display: block;
  padding: 3px 0 3px 5px;
  font-size: 1.1em;
}

#tree ul a:hover {
  background-color: #3e79b6;
  text-decoration: none;
}
#tree .firstlevel { font-weight: bold; }
#tree ul ul a:hover { background-color: #c0d8ec; }
#tree li { height: 1%; }
#tree a { color: #fff; }
#tree ul a { background-color: #4A8DC0;}
#tree ul ul a {
  font-size: 1.1em;
  background-color: #B9D1E5;
  color: #3C75A1;
  font-weight: bold;
  border-bottom: 1px solid #d0e1ed;
}
#tree ul ul ul a {
  background-color: #E5EDF4;
  font-weight: normal;
  font-style: normal;
}
#tree ul ul ul a:hover { background-color: #fff; }
#tree ul ul ul li { margin-left: 5px; }

#path {
  font-size: 1.2em;
  margin-top: .1em;
  border-bottom: 1px #ccc solid;
  padding-bottom: .4em;
}

.addons { margin-top: 1.9em; }
.addons li {
  margin-bottom: 15px;
  background: #edf4f9;
  padding: 7px 0;
  border: 1px #d6e0e8 solid;
}

img#hideshowarrow {
  margin-left: 25px ;

}

a img {
  border: 0px;
}


.addons li li { border: none; }
.addons ul li .title {
  padding: 1px 12px 1px 7px;
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 1.2em;
}
.addons ul li .date {
  padding: 0 7px;
  margin-bottom: -10px;
}
.addons ul li .body {
  padding: 0 7px;
  font-size: 1.1em;
}
.addons ul.items li {
  margin-bottom: 0;
  padding: 0;
}
.addons ul.items li .title {
  background: transparent;
  margin: 7px 0 0 0;
}
.addons ul.items li .body {
  margin-left: .8em;
  font-size: 1em;
}
.addons ul a {
  padding-left: 18px;
  display: block;
  min-height: 16px;
}

.gallerythumbs {
  background-color: #B6C1C9;
}
.gallerythumbs .galleryitem{
  padding: 0px 5px 0px 5px;
  background-color: #B6C1C9;
}

.addons a.icondoc { background: transparent url(../gfx/icon16/doc.gif) no-repeat left center; }
.addons a.iconpdf { background: transparent url(../gfx/icon16/pdf.gif) no-repeat left center; }
.addons a.iconppt { background: transparent url(../gfx/icon16/ppt.gif) no-repeat left center; }
.addons a.iconxls { background: transparent url(../gfx/icon16/xls.gif) no-repeat left center; }
.addons a.iconhtml { background: transparent url(../gfx/icon16/html.gif) no-repeat left center; }
.addons a.iconlink { background: transparent url(../gfx/icon16/link.gif) no-repeat left center; }

/*
.addons li { position: relative; }
.corner {
  width: 5px;
  height: 5px;
  position: absolute;
}
.corner.north.west { background: transparent url(../gfx/corner_nw.gif) no-repeat left top; top: -1px; left: -1px; }
.corner.north.east { background: transparent url(../gfx/corner_ne.gif) no-repeat right top; top: -1px; right: -1px; }
.corner.south.west { background: transparent url(../gfx/corner_sw.gif) no-repeat left bottom; bottom: -1px; left: -1px; }
.corner.south.east { background: transparent url(../gfx/corner_se.gif) no-repeat right bottom; bottom: -1px; right: -1px;}
*/

#footer {
  height: 2px;
}
#footer span {
  border-left: 1px #fff solid;
  padding: 0 1em;
}
#footer span.first { border: none; }
#footer span a {
  color: #fff;
  text-decoration: none;
}

/* typestyle */
#content h1 {
  margin-bottom: .5em;
  color: #444;
}
#content h2,
#content h3,
#content h4 {
  margin-bottom: 0;
  color: #444;
}

#content h1 { font-size: 1.6em; }
#content h2 { font-size: 1.5em; }
#content h3 {
  font-family: Helvetica;
  font-size: 2.2em;
  line-height: 30px;
  font-weight: bold;
  color: #346782;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
#content h4 { font-size: 1.3em; }
#content p {
  margin-bottom: 1em;
}
#content .caption {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
  color: #555;
}
#content .body { color: #000; }
#content .caption p { font-size: 100%; } /* stop inheritance */



#havn h3 {
border-bottom: 1px dotted #94b3ca;
border-top: 1px dotted #94b3ca;
}

#havn div.infoboks span.info {
  width: 260px;
  float: right;
  display: block;
  line-height: 1.5em;
}

#havn div.infoboks span.infopunkt {
  width: 170px;
  font-weight: 700;
  display: block;
  float: left;
  line-height: 1.5em;
}

#havn .kommentarer{
  background-color: #E5EDF4;
  padding: 10px;
}
#havn .kommentarer #addcomment form label{
  float: left;
  margin-bottom: 5px;
  width: 100px;
}

#havn .kommentarer #addcomment form input{
  float: left;
  width: 250px;
}
#havn .kommentarer #addcomment form textarea{
  float: left;
  width: 250px;
}


.loginbox, .sistekommentarer .item {
  background-color: #B6C1C9;
  padding: 5px;
}

.sistekommentarer .item {
  font-size: 1.1em;
}

.addons .havninfo .meslesteboks {
  background-color: #B6C1C9;
  padding: 10px 5px;
  line-height: 1.5em;
}
.addons .havninfo .meslesteboks a{
  color: #000;
}

.loginbox .text{
  color: #fff;
  font-weight: 700;
  font-size: 1.1em;
  line-height: 1.3em;
}
.addons .havninfo .partnereboks .top{
  border-bottom: 1px dotted #94b3ca;
  margin-bottom: 10px;
  height: 14px;
  padding: 3px 5px;
  color: #9dc0da;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1em;

}
.addons .havninfo .partnereboks {
  text-align: center;
}
.addons .havninfo .partnereboks img {
  margin-bottom: 10px;
}
.addons .havninfo .title a{
  color: #9dc0da;
  text-decoration: none;
}
.loginbox img{
  float:left;
}
.loginbox .minsideinfo{
  padding-left: 5px;
  float: left;
}
.loginbox .minsideinfo form{
  margin-top: 5px;
}

#tpl_1001100010100 .message {
  margin:7px 2px 5px 110px;
  position: relative;
}

#havn div.body {
  color: #666666;
  line-height: 14px;
  padding-top: 10px;
  padding-bottom: 15px;
  /*border-bottom: 1px dotted #94b3ca;*/
  border-top: 1px dotted #94b3ca;
}

#havn div.body .note {
  float: right;
  width: 180px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #E5EDF4;
}

#havn div.body .note .title{
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 5px;
}

#havn div.infoboks {
  margin-bottom: 10px;
}

#havn .navi{
  border-bottom: 1px dotted #94b3ca;
  border-top: 1px dotted #94b3ca;
  padding-bottom: 4px;
}
#havn .navi .neste{
  float: right;
  margin-top: 5px;
  text-decoration: none;
}
#havn .navi .forrige{
  float: left;
  margin-top: 5px;
  text-decoration: none;
}

#havnicons {
  margin-top: 10px;
}

#ikonforkl {
  height: 10px;
}


.alert { color: #F30; }
/* objectstyle */



#frontpage,
#article,
#folder,
#formpage,
#debate,
#search {
  margin-top: 10px;
  line-height: 180%;
}

#frontpage {
  position: relative;
}

#frontpage .item { width: 224px; }
#frontpage .item.wide { width: auto; }
#frontpage .item.left { float: left; }
#frontpage .item.right { float: right; }
#frontpage h1 a,
#frontpage h2 a {
  color: #000;
  text-decoration: none;
}
#frontpage h2 { margin-bottom: .5em; }
#frontpage .caption {
  font-weight: normal;
  margin-bottom: .2em;
}
#frontpage .item img.format6 {
  float: left;
  margin: 3px 5px 3px 0;
}
#frontpage .readmore { font-size: 1.2em; }
#frontpage .date { font-size: 80%; }

#frontpage .havnetittel {
  position: absolute;
  left: 20px;
  top: 10px;
  width: 415px;
  border: 0 #ccc solid;
  background-color: #fff;
  padding-left: 5px;
  font-weight: bold;

}

.byline {
  border: 0 #ccc solid;
  border-width: 1px 0;
  padding: 2px 0 1px 0;
  margin: 0 0 1em 0;
}
.byline .date,
.byline .author {
  font-size: 1.1em;
  line-height: normal;
  display: inline;
}
#article #keywords {
  font-size: 1.1em;
  margin: 15px 0;
}
#article #keywords h4 {
  display: inline;
  font-size: 1.1em;
}

#search ul { margin-bottom: 2em; }
#search ul li .title {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 2em;
}
#search ul li .body { line-height: normal; }
#search ul li .date { font: 80% normal; }

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform input[type="file"]{
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

#formpage legend { display: none; }
#formpage fieldset {
  background: #f1f1f1;
  border: 2px #e2e3e4 solid;
  padding: 0 2px;
  margin: 15px 0;
  font-size: 1.1em;
}
#formpage fieldset .title { padding: 1ex; }
#formpage .alert { font-weight: bold; }
#formpage label {
  width: 150px;
  float: left;
  text-align: right;
  margin: 0 1ex 1ex 0;
  /*clear: both;*/
}
#formpage .text,
#formpage .textarea,
#formpage .select,
#formpage .multiple,
#formpage .radioselect {
  float: left;
  margin-bottom: 1ex;
}
#formpage .check,
#formpage .radio {
  float: left;
  margin-bottom: 0;
}
#formpage .select,
#formpage .multiple,
#formpage .text,
#formpage .textarea { width: 220px; }
#formpage span.checkval {
  /*display: block;*/
  float: left;
  margin-left: .2ex;
}
#formpage a.butt { margin: 0 0 1ex 155px; }

ul.contentlist {
  font-size: 1.2em;
  line-height: normal;
}
ul.contentlist li { list-style: none; }
ul.contentlist .caption {
  font-size: 80%;
  font-weight: normal;
  margin-bottom: 0;
}
ul.contentlist p { margin-bottom: 0; }
ul.contentlist .date { font-size: 80%; }

.comments {
  background: #f1f1f1;
  border: 2px #e2e3e4 solid;
  padding: 0 2px;
  margin: 15px 0;
  font-size: 1.1em;
}
.comments h5 {
  font-size: .9em;
  margin-bottom: 0;
}
.comments h4 {
  display: inline;
  font-size: 1.1em;
}
.comments p { font-size: 1em; }
.comments table {
  border: 1px #e2e3e4 solid;
  margin: 1px 0;
}
.comments th {
  text-align: left;
  font-size: .9em;
}
.comments th,
.comments td {
  padding: 1px 2px;
  border-bottom: 1px #e2e3e4 solid;
}
.comments tr.flip th,
.comments tr.flip td { background-color: #fbfbfb; }
.comments tr.flop th,
.comments tr.flop td { background-color: #fff; }
.comments .alert { font-weight: bold; }
.comments tr.spacerow td { background-color: transparent; }

.prevnext { text-align: center; }
.prevnext .prev {	float: left; font-weight: bold; }
.prevnext .next {	float: right; font-weight: bold; }

#commentWin { border-bottom: 1px #000 solid; }
#commentWin .comment {
  padding: 5px;
  border-top: 1px #000 solid;
}
#commentWin .caption { margin: 5px 5px .2em 5px; }
#commentWin h1 { margin: 5px 5px .2em 5px; }
#commentWin h2 { margin-bottom: 5px; }
#commentWin .body { margin: 5px 0; }
#commentWin h3 {
  width: 70%;
  float: left;
  font-size: 1em;
  margin-bottom: 0;
}
#commentWin .date {
  float: right;
  width: 25%;
  text-align: right;
  font-weight: bold;
}
#commentWin .body {
  clear: both;
  padding-top: 5px;
}
#commentWin a.report {
  display: block;
  text-align: right;
}
#commentWin h5 {
  font-size: 1em;
  margin: 5px 0 0 0;
}

#gtips { padding: 5px 10px; }

.comments.tips .left {
  width: auto;
  float: left;
  margin-right: 10px;
}

.comments a.icon { background: transparent url(/common/gfx/icon16/all_tips.png) no-repeat; height: 16px; }
.comments a.icon.facebook { background-position: 0px -1px;}
.comments a.icon.twitter { background-position: 0px -18px; }

.comments.tips a.icon {
  padding: 0px 0px 0px 20px;
  margin-right: 15px;
  display: block;
  float: left;
}

/* dynaparked */
.gimage { background: transparent; }
.gimage div {
  font-size: .8em;
  line-height: normal;
}
.gimage.left {
  float: left;
  padding: 10px 10px 10px 0;
}
.gimage.right {
  float: right;
  padding: 0 0 10px 10px;
}
.gimage.center {
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
}
.gimage .gbottom { padding-top: 3px; }
.gimage .gtop { padding-bottom: 3px; }
img.gimg { border: 0; }
.annonse
{background: url(../gfx/ann.gif) no-repeat right top;}
/* useful stuff */
.spacer {
  clear: both;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 1px;
  height: 1px;
}
.spacer.one { height: 1px; }
.spacer.five { height: 5px; }
.spacer.fifteen { height: 15px; }
.spacer.thirty { height: 30px; }
/*outline: 1px red dashed;*/
.dotter {
  height: 3px;
  border-top: 1px dotted #94b3ca;
  }
.left { float: left; }
.right { float: right; }
.translate {
  text-align: right;
}

.translate img {
  height: 12px;
}

#content h4.comment_box {
  float: left;
  margin-bottom: 3px;
  font-size: 1.3em;
  text-decoration: underline;
  color: black;
}

/** CSS for upload of userpictures **/

#havn .kommentarer .leggtil {
  margin-top: 5px;
}

#havn .kommentarer .leggtil a.addpicture {
  margin-left: 30px;
}

#havn .kommentarer #gallery_items a.gallery_image {
  margin-left: 15px;
  text-decoration: none;
}

#havn .kommentarer #gallery_items a#gallery_link {
  margin-left: 15px;
  text-decoration: none;
}

/** CSS for fancybox **/

#fancybox-left-ico {
 left: 20px;
}

#fancybox-right-ico {
 right: 20px;
 left: auto;
}

#gallery_title {
  text-align: left;
}

#gallery_title b {
  display: block;
  margin-right: 80px;
}

#gallery_title span {
  float: right;
}

.addons #facebook_addon {
	margin-bottom: 10px;
}

.addons #twitter_addon {
  margin-bottom: 10px;
}