/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
color:#0b4770;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 11px;
font-family: verdana;
vertical-align: baseline;
}

/* PUBLIC */

html{
  margin: 0 auto;
  text-align: center;
  height: 100%;
  }

body{
  margin: 0 0 0 0;
  text-align: center;
  width: 100%;
  background-image:url(/data/assets/images/bg.png);
  background-position:top;
  background-color:#909090;
  height: 100%;
}

.page{
  margin: 0 auto;
  width: 1024px;
  position:relative;
  height: inherit;
  max-height: inherit;
}

.torso{
  background-image:url(/data/assets/images/bg.png);
  background-repeat:repeat-x;
  float:left;
  width: 100%;
  height: 39px;
  text-align:center;
}

.contentContainer{
  background-color:#FFF;
  width: 100%;
  height:inherit;
  margin-bottom: -39px;
  }  
  

.content{
  margin: 0 auto;
  background-color:#FFF;
  float:left;
}

.lefthand{
  background: url(../data/assets/images/venstre.png);
  width: 130px;
  height: 148px;
  position:absolute;  
  margin-left: 943px;
  top: 240px;
}

.righthand{
  background: url(../data/assets/images/hojre.png);
  width: 153px;
  height: 176px;
  position:relative;  
  top: 81px;
  left: -38px;
}

/* KONTAKT BAR */
#kontakt{
  width: 33px;
  height: 106px;
  float:left;
  position:relative;
  left:-33px;
  top: 331px;
  }
  
/* ContentContainere */

#topContainer{
  margin: 0 auto;
  height:auto;
  width: 900px;
  text-align:center;
  padding-top: 38px;
  margin-bottom: 27px;
  }
  
.sectionContainer{
  width: 786px;
  left: 57px;
  float: left;
  position:relative;
  padding-top: 24px;
  margin-left: 57px;
  margin-right: 57px;
  padding-bottom: 30px;
  text-align:center;
  }
  
.sectionContainerAlignBottom{
  width: 786px;
  left: 57px;
  float: left;
  position:relative;
  padding-top: 24px;
  margin-left: 57px;
  margin-right: 57px;
  text-align:center;
  }
  
/* Footer */  

.footer{
  padding-left: 80px;
}

#footer{
  width: 900px;
  left: 57px;
  float: left;
  padding-top: 24px;
  padding-left: 57px;
  padding-bottom: 44px;
  text-align:left;
}

.footerCol{
  width: 121px;
  padding-right: 12px;
  float:left;
  text-align:left;
  }
  
.footerCol li{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
}
  
.contactInfo{
  padding-right: 12px;
  float:left;
  text-align:left;
  position: relative;
}
  
.contactInfo p{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
}

.contactHeader{
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000;
font-size: 12px;
line-height: 16px;
}

/* Sections */

.fullColText{
  width: 900px;
  float: left;
  left: 57px;
  position: relative;
  padding-top: 15px;
  padding-bottom: 18px;
  text-align:center;
  }


.fullTopColText{
  width: 786px;
  float: left;
  text-align:left;
  }
  
.fullTopColText span{
  line-height: 40px;
}


.leftCol{
  text-align:left;
  float: left;
  width: 254px;
  margin-right: 12px;
  }
  
.leftCol p{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
}

.leftCol li{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
}
  
.centerCol{
  text-align:left;
  float: left;
  width: 254px;
  margin-right: 12px;
  }

.fullCol{
  text-align:left;
  float: left;
  width: 786px;
  margin-right: 12px;
  }
  
.mapCols{
  text-align:left;
  float: left;
  width: 320px;
  }
  
.centerCol p{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
}

.centerCol li{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
}

.rightCol{
  float: left;
  width: 254px;
  text-align:left;
  }
  
.rightCol p{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
}

.rightCol li{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
}
  
.rightColAlignTopBottom{
  float: left;
  width: 254px;  
  margin-top: -24px;
  margin-bottom: -30px;
}  

.twoCol{
  float:left;
  width: 520px;
  text-align:left;
  }
  
.oneCol{
  width: 254px;
  padding-right: 12px;
  padding-top: 40px;
  float:left;
  text-align:left;
  }
  
.threeCol{
  float:left;

  word-break: break-all;
  padding-bottom: 30px;
  padding-left: 138px;
  width: 510px;
  text-align:center;
  }

.fullCol p{
  font: 17px Georgia, "Times New Roman", Times, serif;
  word-break: normal;
  padding: 0 77px 0 81px;
  text-align: left;
  }
.fullCol p strong{
  font: 17px Georgia, "Times New Roman", Times, serif;
  font-weight:bold;
  }
.fullCol p strong a{
  font: 17px Georgia, "Times New Roman", Times, serif;
  font-weight:bold;
  }
    
.threeCol p{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
    word-break: normal;
  }
  
.caseText p{
  font: 15px/20px Georgia;
  width:486px;
  float: left;    
}
  
.threeCol h2{
    width: 786px;
  }  
  
.rightPic{
    width: 138px;
  position:absolute;
  right: 0px;
  bottom: 0px;
  }

/* Scroll elements*/

.fullColScrollFrontpage{
  width: 900px;
  float: left;
  left: 55px;
  position: relative;
  padding-top: 24px;
  padding-bottom: 30px;
  text-align:center;
  }    

.fullColScroll{
  width: 900px;
  height: 460px;
  float: left;
  left: 57px;
  position: relative;
  padding-top: 41px;
  text-align:center;
  }  


hr{
  color:#e31837;
  background-color:#e31837;
  width: 900px;
  float: left;
  left: 57px;
  position: relative;
  height: 1px;
  border: 0;
  margin: 0 0 0 0;
  }
  
/* Dette fikser line-height inkompatabilitet som cufon har */  
.cufon{
  padding-bottom: 4px;
  text-decoration:none;
  }

/* Headers */
h1{
  color: #e31837;
  font-size: 32px;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding-bottom: 16px;
}
h1.thirtytwo{
  padding-top: 40px;
  font-size: 32px;
  padding-bottom: 16px;
}
h1.caseThirtytwo{
  font-size: 32px;
  padding-bottom: 16px;
}
  
h1.twentyfour{
  font-size: 24px;
  padding-bottom: 16px;
}

h1.eightteen{
  font-size: 18px;
  padding-bottom: 0px;
}

h2{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
  font-weight:bold;
  color: #000;
  }
  
p.twelve{
  font-size: 12px;
  margin-bottom: 20px;
  color: #e31837;
  text-transform:uppercase;
  }

p strong{
  font: 12px/16px Georgia,"Times New Roman",Times,serif;
  font-weight:bold;
  color:#000;
  }

#logo{
  float: left;
  width: 261px;
  left: -100px;
  padding-bottom: 15px;
  }
#yellowBox{
  float: left;
  position:relative;
  padding-bottom: 15px;
  left: 89px;
  }
/* TOP MENU */  
#topMenu{
  float: left;
  width: 134px;
  }  
#topMenu li{
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
  margin-bottom: 4px;
}

/* SUBMENU */
.subMenu{
  padding-bottom: 40px;
  width: 786px;
  float: left;
  position:relative;
  margin-left: 57px;
  margin-right: 57px;
  text-align:center;
  padding-top: 4px;
  left: 57px;
}
#topMenu a{
  font-size: 16px;
}

a.menuItem{
  text-decoration:none;
  font-size: 16px;
  }



a.menuItem:hover{
  color: #000;
  text-decoration:none;
  font-size: 16px;
  }  

a.submenuItem{
  padding-right: 22px;
  line-height: 24px;
  }

a.selected{
    color:#000;
    text-decoration:none;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:16px;
  }


a.selected:hover{
    color:#000;
    text-decoration:none;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:16px;
  }

a.selectedSubmenuItem{
  color:#000;
  text-decoration:none;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  padding-right: 22px;
  line-height: 24px;
}
  
a.link{
  font-size: 12px;
  color: #e31837;
  text-transform:uppercase;
  text-decoration:none;
  text-align:right;
  position: absolute;
  bottom: 30px;
  right: 0px;
  }
  
a:hover{
    color: #e31837;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
  text-decoration:underline;}
a{
    color: #e31837;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
  text-decoration:none;}


a.teaserScrollHeader, a.teaserScrollHeader:hover{
 font-size: 32px;
}

a.teaserScrollText, a.teaserScrollText:hover{
  color: #000;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  line-height: 46px;
  }


a.link:hover{
  color: #e31837;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  text-decoration:underline;
  }
  
a.cufonlink{
  color: #e31837;
  font-size:12px;
  text-transform:uppercase;
    text-decoration:none;
  text-align:right;
  position: absolute;
  bottom: 30px;
  right: 0px;
  }

a.cufonlink:hover{
  color: #000000;
  font-size:12px;
  text-transform:uppercase;
   text-decoration:none;
  text-align:right;
  position: absolute;
  bottom: 30px;
  right: 0px;
}
  
a.cufonlink2{
  color: #e31837;
  font-size:12px;
  text-transform:uppercase;
    text-decoration:none;
  text-align:right;
  position: absolute;
  bottom: 30px;
  right: 266px;
  }

a.cufonlink2:hover{
  color: #000000;
  font-size:12px;
  text-transform:uppercase;
   text-decoration:none;
  text-align:right;
  position: absolute;
  bottom: 30px;
  right: 266px;
}


a.cufonlink3{
  color: #e31837;
  font-size:12px;
  text-transform:uppercase;
    text-decoration:none;
  text-align:right;
  position: absolute;
  bottom: 30px;
  right: 536px;
  }

a.cufonlink3:hover{
  color: #000000;
  font-size:12px;
  text-transform:uppercase;
   text-decoration:none;
  text-align:right;
  position: absolute;
  bottom: 30px;
  right: 536px;
}

li{
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#000;
  font-size:12px;
  text-align:left;
  list-style:none;
}  

p{
  color: #000;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  }


span{
  color: #000;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  line-height: 20px;
  }
  
#customerScroll  {
  width: 786px;
  left: 57px;
  float: left;
  height: 24px;
  position:relative;
  padding-top: 4px;
  margin-left: 57px;
  margin-right: 57px;
  text-align:center;
}
  
/* SLIDER */  
.leftScroll{
  width: 57px;
  position: relative;
  top: 124px;
  float:left;
  }

.leftScrollCases{
  width: 57px;
  position: relative;
  top: 180px;
  float:left;
  }  
  
.rightScrollCases{
  width: 57px;
  position: relative;
  top: 180px;
  float:left;
  }  

.rightScroll{
  width: 57px;
  position: relative;
  top: 124px;
  float:left;
  }  
.leftCustomerScroll{
  width: 28px;
  position: relative;
  float:left;
  }

.rightCustomerScroll{
  width: 28px;
  position: relative;
  float:left;
  }
  
.scrollable{
  position:relative;
  overflow:hidden;
  height: 280px;
  width: 786px;
  float:left;
  }
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

.browse{
  cursor: pointer;
  }

.scrollableCustomers{
  position:relative;
  overflow:hidden;
  height: 24px;
  width: 730px;
  float:left;
  }

.scroll{
  position:relative;
  overflow:hidden;
  height: 460px;
  width: 786px;
  float:left;
  }
  
.casesText{
  position:relative;
  width: 786px;
  float:left;
  top: 11px;
  font: 12px/16px Georgia, "Times New Roman", Times, serif;
  color:#000;
  }
  
.scroll .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
  
.scrollableCustomers .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

.customerScrollItem{
  padding-left: 15px;
  padding-right: 15px;
  }

/*
  a single item. must be floated in horizontal scrolling.
  typically, this element is the one that *you* will style
  the most.
*/
.items div {
  float:left;
}

.items a{
  text-decoration:none;
  }

.cases{
  position: absolute;
  left: 57px;
  float:left;
  font-size: 12px;
  text-transform:uppercase;
  color: #e31837;
  z-index: 1;  
  background-color:#FFF;
  }

/* LOGO */
#logoImg{
  height: 65px;
  padding-top: 79px;
  padding-bottom: 29px;
  }

/* formular overlay */
#overlay {
    background-image:url(../data/assets/images/overlay_transparentBg.png);
    color:#efefef;
  }
  
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:500px;
    overflow-y:auto;
  }

.apple_overlay{
  width: 316px;
  display: none;    
}


.lukknap
{
  float: right;
  position: absolute;
  top: -29px;
  left: 316px;
}






















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */