/* * * * * Index start * * * * *
 * Center
 * Main
 * Page Menu
 * Right
 * Section Menu
 * sIFR Screen
 * System edit box
 * Flash
 * * * * *  Index end  * * * * */
/* * * * * Here comes "Center" * * * * */
.centercontent {
  float: left;
  width: 770px;
}

.centercontent h1 {
  font-size: 12px;
}

.centercontent .document {
  border-bottom: 1px solid #eee;
  font-size: 12px;
  margin-bottom: 15px;
  padding-bottom: 8px;
}

.centercontent .document h1 {
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 20px;
}

.centercontent .document h2, .centercontent .document h3, .centercontent .document h4 {
  font-weight: bold;
  font-size: 11px;
}

.centercontent .document img {
  margin: 0 0 20px 20px;
}

.news {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.news a.more,
.boxes a.more {
}

.news .article {
  border: 1px solid #ddd;
  margin: 0 0 15px 0;
  height: 100%;
  position: relative;
  clear: left;
}

.news .row {
  /*background: transparent url(/uploads/chrome/content_boxes_bg.png) left bottom no-repeat;*/
  float: left;
  position: relative;
  margin-bottom: 10px;
}

.news hr {
  visibility: hidden;
  clear: both;
}

.news .row .article {
  float: left;
  margin: 0 0 15px 0;
  position: static;
  border: 1px solid #e2e1e1;
  clear: none;
  height: 320px;
  width: 375px;
}

.news .row .article.second {
  margin: 0 0 15px 15px;
}

.news h6.title {
  font-size: 11px;
  padding: 3px 5px 0 20px;
  background-color: #ddd;
  line-height: 1em;
  margin:10px 10px 10px 0;
  display:inline-block;
}

.news h2, .news h3 {
  font-size: 11px;
  text-transform: uppercase;
}

.news h3 a:link,
.news h3 a:active,
.news h3 a:visited {
  color: #000;
  text-decoration: none;
}

.news h3 a:hover {
  text-decoration: underline;
}

.news .content {
  padding: 10px;
  clear: left;
  margin-top: 30px;
}

.news .content img {
  float: right;
  margin: 0 0 20px 20px;
  position: relative;
  top: -30px;
}

.pictures .box {
  float: left;
  width: 135px;
  height: 130px;
  margin: 0 2px 15px 0;
}

.pictures .third {
  margin-right: 0;
}

.pictures .picture {
  background-color: #eee;
  text-align: center;
  padding: 5px;
}

.pictures h3 {
  font-weight: normal;
}

#articles .article {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#articles .article h3 {
  margin-bottom: 5px;
}

#articles .article img {
  float: right;
  margin: 0 0 20px 20px;
}

.article {
  font-size: 11px;
}

.article h1 {
  font-size: 20px;
  font-weight: normal;
  margin: 25px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.boxes {
  margin-top: 35px;
}

.boxes hr {
  visibility: hidden;
  clear: right;
}

.boxes .row {
  position: relative;
  float: left;
}

.boxes .article {
  float: left;
  width: 220px;
  padding-right: 20px;
  margin: 0 20px 20px 0;
  border-right: 1px solid #eee;
  border-bottom: none;
}

.boxes .third {
  margin-right: 0;
  border-right: none;
  padding-right: 0;
}

.boxes .article h3 {
  margin-bottom: 10px;
}

.about {
  margin-bottom: 15px;
}
.products .row .more
{
  
}
.about .centercontent
{
  margin-top: 10px;
}

.driftsstopp {
  margin-bottom: 20px;
}

/* * * * * Here comes "Main" * * * * */
html, body, h1, h2, h3, h4, h5, h6, form, p, blockquote, th, td, ul, ol, li {
  margin: 0;
  padding: 0;
}

body {
  font: normal 11px/1.5 'Tahoma', 'Verdana', Sans-Serif;
}
p, fieldset, table {
  margin: 0 0 1em;
}

img, a, object, iframe {
  border: none;
  outline: 0;
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
}

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

a:hover {
  text-decoration: underline;
}

a.more {
  font-weight: bold;
  background: transparent url(/uploads/chrome/more_arrow.png) 100% 4px no-repeat;
  padding-right: 10px;
  text-transform: uppercase;
}

h1 a:link, h1 a:active, h1 a:visited,
h2 a:link, h2 a:active, h2 a:visited,
h3 a:link, h3 a:active, h3 a:visited,
h4 a:link, h4 a:active, h4 a:visited,
h5 a:link, h5 a:active, h5 a:visited,
h6 a:link, h6 a:active, h6 a:visited {
  color: #000;
}

.b-page {
  width: 960px;
  margin: 20px auto;
}

.header {
  margin-bottom:15px;
  float:left;
  width: 960px;
}

.nameplate {
  float: left;
  padding:20px 20px 0 10px;
  width: 140px;
}
.main {
  /*padding: 20px 0;*/
}

/*.pageframe .right,
.pageframe .header,
.pageframe .left {
display: none;
}*/

.pageframe .footer {
  clear: left;
  width: 547px;
  margin-top: 25px;
}
.article ul {
  margin:0.5em 0 1em;
}
.article li {
  margin:0 0 0 2.5em;
}
dl#faqAnswers dt {
  font-weight:bold;
}

.validationmessages {
  color: #F00;
}

/* * * * * Here comes "Page Menu" * * * * */
.pagemenu {
  font-family:Tahoma,Arial,sans-serif;
  list-style: none;
  position: relative;
  z-index: 0;
  top: -4px;
  border: solid 1px #eee;
  border-top: 0;
  padding: 0;
  margin: 0 45px 10px 202px;
  background: url(/uploads/chrome/pagemenu_bg.png) repeat-x left bottom;
  clear: both;
}

* html .pagemenu {
  display: inline;
  top: 0;
}

.pagemenu li, .pagemenu ul ul {
  display: inline;
}

.pagemenu a {line-height: 30px;text-transform: uppercase;}

.pagemenu li.lvl2 {
  display: none;
}

.pagemenu li a:link,
.pagemenu li a:active,
.pagemenu li a:visited {
  color: #000;
  display:-moz-inline-box;
  display:inline-block;
  text-decoration: none;
  padding: 0 10px;
}

.pagemenu li a:hover,
.pagemenu li.active a {
  background-color: #eee;
  border-bottom: none;
}
.hide {/*Fjern når PayEx-meny er fjernet.*/
  display:none!important;
}

/* * * * * Here comes "Right" * * * * */
.right {
  background: transparent url(../uploads/chrome/action_box_bg.png) top left no-repeat;
  width: 180px;
  float: right;
  padding: 12px 0;
  position: relative;
}

.right .right {
  background: none;
  width: auto;
  float: none;
  padding: 0;
  position: static;
  margin-top: 0;
}

.right fieldset {
  border: none;
  padding: 0;
}

.right h2, .right h3, .right legend {
  text-transform: uppercase;
  font: bold 11px 'Tahoma', 'Verdana', Sans-Serif;
  margin-bottom: 0;
  color: #000;
}

.right legend {
  /* Compensate for IE's inability to respect 'padding' on legends */
  position: relative;
}

.right input.blur {
  color: #999;
}

.right .action-box {
  height: 100px;
  padding: 12px 0 0 18px;
  overflow:visible;
  margin-bottom:1em;
}

.right .action-box a.button {
  display: block;
  margin-bottom: 4px;
}

.right #login input.text {
  background-image: url(../uploads/chrome/login_field.png);
  width: 48px;
  margin-right: 4px;
}

.right .store-locator {
  margin-left: 16px;
}

.right div.store-locator {
  margin-bottom: 10px;
}

.right .store-locator select {
  width: 145px;
}

.right .search {
  background: url(../uploads/chrome/search_bg.png) bottom left no-repeat;
  height: 50px;
  padding: 0 0 12px 14px;
  position: relative;
  margin-bottom:20px;
}

.right .search legend {
  border-bottom: 5px solid #fff;
}

.right .search input.query {
  width: 114px;
  background: url(../uploads/chrome/search_field.png) top left no-repeat;
  border: none;
  font: normal 10px 'Tahoma', 'Verdana', Sans-Serif;
  text-transform: uppercase;
  padding: 2px 4px 0 4px;
  display: -moz-inline-box;
  display: inline-block;
  height: 16px;
  top: 20px;
  position: absolute;
  z-index: 2;
}

.right .search input.button {
  background: transparent url(../uploads/chrome/button.png) top right no-repeat;
  border: none;
  width: 26px;
  cursor: pointer;
  text-indent: 100px;
  padding-left: 100px;
  overflow: hidden;
  position: absolute;
  right: 14px;
  top: 18px;
}


.right .snippets {
  list-style-type: none;
  margin:0;
  padding: 12px 14px;
  border: 1px solid #ddd;
  border-width: 0 1px;
  font-size: 11px;
}

.right .snippets h3 a:link,
.right .snippets h3 a:active,
.right .snippets h3 a:visited {
  color: #000;
  text-decoration: none;
}

.right .snippets h3 a:hover {
  text-decoration: underline;
}

.right .snippets li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.right .snippets img {
  display: block;
  margin-bottom: 10px;
}

.right .synsam-login {
  background: transparent url(../uploads/chrome/action_box_bottom.png) left bottom no-repeat;
  width: 160px;
  height: 100%;
  padding:0 5px 20px 18px;
  margin-bottom: 10px;
  
  
}
.right .login-header
{
  background: transparent url(../uploads/chrome/action_box_bg.png) top left no-repeat;
  padding: 15px 0 0 18px;
  margin: 0;
}

.synsam-login input {
  font:11px Tahoma, Verdana, Helvetica, Arial;
}

.synsam-login label {display:block;}

.synsam-login .info { font-weight:bold; }

* html .right .synsam-login { height:170px;}

.synsam-login .toolbar input.button {
  background:url(../uploads/chrome/button_login.png) no-repeat left top;
  border:0;
  height:0;
  margin:5px 0;
  overflow:hidden;
  width:143px;
  padding-top:20px;
  display:block;
  cursor:pointer;
  clear:both;
  *height:20px;
}

.synsam-login .loggedin a {
  background:url(../uploads/chrome/button_logout.png) no-repeat left top;
  border:0;
  display:block;
  height:0;
  margin:5px 0;
  overflow:hidden;
  width:143px;
  padding-top:20px;
  *height:20px;
}

.synsam-login .toolbar a {display:block; font-size:9px; }

.synsam-login .validationmessages span {
  float:left;
  padding:2px;
}
#wrapper .right
{
  display:none;
}

/* * * * * Here comes "Section Menu" * * * * */
ul.menu {
  background: transparent url(/uploads/Chrome/menu_bg.png) no-repeat center bottom;
  height: 54px;
  margin: 24px 0 0 0;
  line-height: 68px;
  z-index: 2;
  margin:0;
  padding: 14px 10px 0 2px;
  list-style-type: none;
  width: 770px;
  float: left;
  /*   background: url(/uploads/chrome/menu_item_bg.png) no-repeat left 27px;*/
  /*border: 1px solid red;*/
}

* html ul.menu {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/uploads/chrome/menu_bg.png', sizingMethod='scale');
  position: static;
  width: 770px;
  height: 1%;
}

ul.menu li {
  float: left;
  margin: 0;
  padding: 0;
  /*border: 1px solid blue;*/
  border-right: 1px #FFF solid;
}

ul.menu li a {
  position: relative;
  z-index: 10;
  float: left;
  height: 0;
  text-decoration: none;
  padding: 49px 20px 0;
  color: #000;
  background: url(/uploads/chrome/menu.png) no-repeat left top;
  overflow: hidden;
  width: 30px;
  border-left: 1px #EEEEEE solid;
}

/*ul.menu li.home a {
background-position: -10px 0;
}

ul.menu li.home a:hover,
.home ul.menu li.active a  {
background-position: -10px -49px;
}*/

ul.menu li.products a {
  width: 55px;
  margin-left: 30px;
  background-position: -27px 0;
}

ul.menu li.products a:hover,
.products ul.menu li.active a {
  background-position: -27px -49px;
}

ul.menu li.optics a {
  background-position: -120px 0;
}

ul.menu li.optics a:hover,
.optics ul.menu li.active a {
  background-position: -120px -49px;
}

ul.menu li.view a {
  background-position: -190px 0;
}

ul.menu li.view a:hover,
.view ul.menu li.active a {
  background-position: -190px -49px;
}

ul.menu li.about a {
  width: 60px;
  background-position: -255px 0;
}

ul.menu li.about a:hover,
.about ul.menu li.active a {
  background-position: -255px -49px;
}

ul.menu li.stores a {
  width: 80px;
  background-position: -355px 0;
}

ul.menu li.stores a:hover,
.stores ul.menu li.active a {
  background-position: -355px -49px;
}

ul.menu li.webshop a {
  width: 60px;
  background-position: -479px 0;
}

ul.menu li.webshop a:hover,
.webshop ul.menu li.active a {
  background-position: -479px -49px;
}

ul.menu li.booking a {
  width: 45px;
  background-position: -585px 0;
}

ul.menu li.booking a:hover,
.booking ul.menu li.active a {
  background-position: -585px -49px;
}
/* * * * * Here comes "sIFR Screen" * * * * */
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/

.sIFR-active h1,
.sIFR-active h2,
.sIFR-active .article h3,
.sIFR-active .document h3,
.sIFR-active .right h3,
.sIFR-active h4,
.sIFR-active legend {
   visibility: hidden;
   line-height: 1em;
}

.sIFR-active h1 {
    font-size: 16px;
}

.sIFR-active h2 {
   font-size: 12px;
}

.sIFR-active h3 {
   font-size: 11px;
}

.sIFR-active h4 {
   font-size: 10px;
}

.sIFR-active legend {
   font-size: 11px;
}

.news h2.sIFR-replaced {
   padding-bottom: 0;
}
/* * * * * Here comes "System edit box" * * * * */
.b-editbox {
   background-color: #333;
   border: 1px solid #111;
   color: #eee;
   padding: 5px;
   font: 9px Verdana, sans-serif;
   position: fixed;
   top: 5px;
   right: 5px;
   z-index: 999;
   opacity: 0.75;
   filter: alpha(opacity=75);
}

* html .b-editbox {
   position:absolute;
}

.b-editbox input {
   font: 9px Verdana, sans-serif;
   color: #222;
   vertical-align:middle;
}

.b-editbox ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.b-editbox li {
   display: inline;
   padding: 0 5px;
   border-left: 1px solid #666;
}

.b-editbox li.first {
   padding-left: 0;
   border-left: none;
}

.b-editbox li.last {
   padding-right: 0;
}
/* * * * * Here comes "Flash" * * * * */
.pageframe .header {
  display: block;
  width: 770px;
}

.right,
.centercontent {
}

* html .right,
* html .centercontent {
}