body { padding: 5px 0px 0px 0px; }

/*** TYPOGRAPHY ***/

body { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #252525; line-height: 1.5em; }

p { font-size: 1em; line-height: 1.6em; margin: 1em 0; }
p.breadcrumbs { font-size: 0.85em; line-height: 1em; margin: 0; position: absolute; top: 20px; left: 10px; }
h2 + p { margin: 0 0 1.6em 0; }

a { color: #3C9DD2; text-decoration: none; border-bottom: 1px dotted #3C9DD2; }
a:hover { color: #76BADF; border-bottom: 1px dotted #76BADF; }

/*h1 { font-size: 1.9em; color: #686A6D; line-height: 1.5em; }
h1 span { color: #3C9DD2; font-size: 1.2em; }*/
h1 { font-size: 2em; color: #3c9dd2; line-height: 1.5em; }
h1 span { font-size: 0.9em; color: #686a6d; }
h1.relatert { color: #FCAA1E; }
h2 { font-size: 1.4em; color: #232323; font-family: "Century Gothic", "Gill Sans MT", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em; }
h3 { font-size: 1.2em; line-height: 1.5em; color: #666; }
h4 { font-size: 1.4em; color: #56878A; font-family: "Century Gothic", "Gill Sans MT", Arial, Helvetica, sans-serif; letter-spacing: 1px; text-shadow: 0px 1px 2px #fff; line-height: 1.5em; }

h1 { margin: 1.5em 0; }
h2 { margin: 1em 0 0.5em 0; }
h3 { margin: 0.5em 0; }
h4 { margin: 0 0 1.8em 0; }
h1.logo { margin: 0; }

h1.relatert.forside { margin-bottom: 0; }

h3.kommersnart { color: #999; font-size: 1.40em; } /* delete me */

#Wrapper-Content ul, #Wrapper-Content ol { margin: 1.5em 0; }
#Wrapper-Content ul li { background: url(../images/ul-li.png) no-repeat 0px 7px; padding: 0px 0px 0px 17px; margin: 0.5em 0; }
#Wrapper-Content ol li { list-style-type: decimal; list-style-position: outside; margin: 0.5em 0 0.5em 1.5em; }

#Content > h1:first-child { margin: 0 0 1.5em 0; }
#Content > img:first-child ~ h1 { margin: 0 0 1.5em 0; }


#Banner .banner-text h2 { font-size: 23px; color: #A1B61D; margin: 0px 0px 25px 0px; line-height: 30px; font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#Banner .banner-text p { font-size: 15px; line-height: 25px; }
#Banner .banner-text a { display: block; padding: 0px 0px 0px 15px; width: 230px; background: url(../images/banner-raquo.gif) no-repeat 0px 10px; border: none; color: #232323; }
#Banner .banner-text a:hover { color: #666; }


.block h1 { display: block; width: 174px; height: 56px; line-height: 56px; margin: 0; font-family: "Century Gothic", "Gill Sans MT", Arial, Helvetica, sans-serif; color: #fff; text-shadow: 0px 1px 3px #777; }
.block p { margin: 0.8em 0; color: #232323; text-shadow: 0px 1px 3px #ddd; }
.block a { color: #252525; text-decoration: none; border-bottom: 1px dotted #232323; }
.block a:hover { color: #454545; border-bottom: 1px dotted #555; }
#Wrapper-Content .block ul li { margin: 1.2em 0; }
.block ul li { text-shadow: 0px 1px 3px #ddd; }

#Footer p { font-size: 0.9em; }
#Footer .footer-block.block-2 a { border: none; }

#Content img, #Content iframe { padding: 7px; background: #f2f2f2; border: 1px solid #e5e5e4; margin: 5px; }
#Footer .footer-block.block-1 img, #Footer .footer-block.block-2 img { margin: 0px 10px 10px 0px; }

strong { font-weight: bold; color: #232323; }
em { font-style: italic; }

em strong { font-weight: bold; font-style: italic; }
strong em { font-weight: bold; font-style: italic; }

.align-right { text-align: right; }
.align-left { text-align: left; }

.right { float: right; }
.left { float: left; }

.clear { clear: both; }

a.mer-info { background: url(../images/link-mer-info.png) no-repeat; display: block; width: 278px; height: 41px; text-align: center; line-height: 41px; font-family: "Arial Narrow", "Franklin Gothic Medium", Arial, sans-serif; font-size: 19px; font-weight: bold; color: #368CBC; text-decoration: none; text-shadow: 0px 2px 3px #FFF; padding: 0px 25px 0px 0px; border: none; }
a.mer-info:hover { color: #76BADF; }


table { }

tr.odd { background: #F4F4F4; }
td { border-bottom: 1px dashed #BEBEBE; padding: 12px; }
tr.first td { border-top: 1px dashed #BEBEBE; }
td.date { font-size: 0.85em; text-align: right; }

table.artikler a { border: none; }



/*** LAYOUT ***/

#Top-overlay { width: 100%; height: 100px; position: absolute; top: 0px; left: 0px; background: url(../images/top-overlay.png) repeat-x; z-index: 2; }

#Main { width: 920px; margin: auto; position: relative; z-index: 1; padding: 280px 0px 0px 0px; }

#Main h1.logo a { display: block; position: absolute; left: 20px; top: 34px; width: 230px; height: 210px; background: url(../images/logo.jpg) no-repeat; text-indent: -9999px; border: none; }

#Banner { width: 620px; position: absolute; top: 0px; right: 0px; height: 245px; margin: 0px 5px 0px 0px; overflow: hidden; }
#Banner .banner-block { width: 620px; height: 245px; }
#Banner .banner-image { float: right; margin: 0px 0px 0px -20px; }
#Banner .banner-text { width: 280px; padding: 100px 0px 0px 0px; }

#Menu { height: 58px; }

/*** DROPDOWN MENU ***/

#Menu ul.dropdown,
#Menu ul.dropdown li,
#Menu ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#Menu ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

#Menu ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

#Menu ul.dropdown li.hover,
#Menu ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

#Menu ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 53px; /* 100%*/
 left: 102px; /* 0 */
 z-index: 598;
 width: 100%;
 text-align: center; 
}

#Menu ul.dropdown ul li {
 float: none;
}

#Menu ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

#Menu ul.dropdown li:hover > ul {
 visibility: visible;
}

#Menu ul.dropdown-linear {
 width: 100%;
}

#Menu ul.dropdown-linear ul li {
 float: left;
}

#Menu ul.dropdown-linear li.hover,
#Menu ul.dropdown-linear li:hover {
 position: static;
}

#Menu ul.dropdown-linear ul ul {
 display: none !important;
}

/*** MENU DESIGN ***/

#Menu ul li { display: block; height: 58px; line-height: 58px; }

#Menu ul li ul li { display: block; height: 39px; }

#Menu ul li a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border: none; }

/* Primary */
#Menu ul li a.primary { padding: 0px 28px 0px 26px; font-size: 16px; color: #fff; line-height: 58px; background: url(../images/link.png) no-repeat top right; display: block; height: 58px; text-shadow: 0px 1px 3px #94A027;  }

#Menu ul li a.primary:hover { background: url(../images/link-hover.png) no-repeat top right; }

#Menu ul li a.primary.first { background: url(../images/link-first.png) no-repeat top left; width: 106px; text-align: center; padding: 0px; }
#Menu ul li a.primary.first:hover { background: url(../images/link-first-hover.png) no-repeat top left; }

#Menu ul li a.primary.last { background: url(../images/link-last.png) no-repeat top right; }
#Menu ul li a.primary.last:hover { background: url(../images/link-last-hover.png) no-repeat top right; }

/* Secondary */

#Menu ul li ul li { background: url(../images/link-secondary.jpg) top left repeat-x; }

#Menu ul li a.secondary, #Menu ul li a.secondary.last { background: transparent; color: #333; display: block; height: 39px; line-height: 39px; font-size: 14px; color: #6D7D13; padding: 0px 0px 0px 25px; }
#Menu ul li a.secondary.first { background: url(../images/link-secondary-first.jpg) top left no-repeat; padding: 0px 0px 0px 25px; }
#Menu ul li a.secondary.last { background: url(../images/link-secondary-last.jpg) top right no-repeat; padding: 0px 25px 0px 25px; }
#Menu ul li a.secondary:hover { color: #B2C329; }

/*#Menu ul li a { display: block; height: 58px; float: left; padding: 0px 28px 0px 26px; line-height: 58px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #fff; background: url(../images/link.png) no-repeat top right; text-decoration: none; }
#Menu ul li a:hover { background: url(../images/link-hover.png) no-repeat top right; }

#Menu ul li a.first { background: url(../images/link-first.png) no-repeat top left; width: 106px; text-align: center; padding: 0px; }
#Menu ul li a.first:hover { background: url(../images/link-first-hover.png) no-repeat top left; }

#Menu ul li a.last { background: url(../images/link-last.png) no-repeat top right; }
#Menu ul li a.last:hover { background: url(../images/link-last-hover.png) no-repeat top right; }*/

#Wrapper-Content { width: 920px; padding: 50px 0px; position: relative; }

#Content { width: 615px; float: left; margin: 0px 35px 0px 10px; position: relative; }
#Blocks { width: 248px; float: left; }

.block { width: 224px; margin: 0px 0px 15px 0px; padding: 12px; }

.block.block-1 { background: url(../images/block-1.jpg) top center no-repeat; }
.block.block-2 { background: url(../images/block-2.jpg) top center no-repeat; }
.block.block-3 { background: url(../images/block-3.jpg) top center no-repeat; }

.block .inner { width: 174px; padding: 0px 25px 5px 25px; }

.block.block-1 .inner { background: url(../images/block-1-inner.jpg) top center no-repeat; }
.block.block-2 .inner { background: url(../images/block-2-inner.jpg) top center no-repeat; }
.block.block-3 .inner { background: url(../images/block-3-inner.jpg) top center no-repeat; }

#Wrapper-Footer { width: 100%; background: url(../images/top-overlay.png) repeat-x; }
#Footer { width: 920px; margin: auto; background: transparent; }
#Footer .footer-block { margin: 15px; padding: 20px 15px 15px 15px; float: left; }
#Footer .footer-block.block-1 { width: 270px; background: none; }
#Footer .footer-block.block-2 { width: 310px; background: none; }
#Footer .footer-block.block-3 { width: 150px; background: none; }

#breadcrumbs { position: absolute; top: -20px; left: 0px; }

/*** FORM ***/

form * { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #1F1F1F; line-height: 180%; }
form label.left { display: block; float: left; width: 120px; margin: 5px 0px 5px 25px; font-weight: bold; color: #666; }
form label.required{ display: block; font-size: 10px; color: #C00; padding-left: 145px; }
form .middleColumn { margin: 10px 0px; }
form .middleColumn input, form .middleColumn textarea { padding: 5px; border-width: 1px; border-style: solid; border-color: #8E8E8E #E1E1E1 #E1E1E1 #8E8E8E; margin: 5px 0px; background: #fefefe url(http://www.jap-design.net/client/backgr_form.jpg) no-repeat; width: 50%; }
.typography form input { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.Actions { padding-left: 145px; }
form .Actions input.action { width: 114px; font-weight: bold; color: #666; }
form .Actions input.action:hover { color: #000; cursor: pointer; cursor: hand; }

.block-content { border-top: 1px dashed #BEBEBE; padding-bottom: 12px; }
.block-content.first { border: none; }
.date { font-size: 0.85em; }