/*=============================================================
  Tamaco Holding
  Overall screen css styles
  Author: Thor Madsen-Holm - Scanad 
===============================================================*/

/*================== Reset styles =============================*/
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, header {
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
}

/*================== HTML BODY ================================*/
body  { background: #efefec url(/files/System/img/bg_body.png) repeat-x; font: 12px Arial, Helvetica, sans-serif; }

/*================== Headings ================================*/
h1, h1.h1  { color: #4f4f4f; font: 20px Arial, Helvetica, sans-serif; }
h2  { color: #4f4f4f; font: 15px Arial, Helvetica, sans-serif; }
h3  { color: #505050; font: 14px Arial, Helvetica, sans-serif; }
h4  { color: #7d7d79; font: 13px Arial, Helvetica, sans-serif; }
h5  { color: #747471; font: 12px Arial, Helvetica, sans-serif; padding: 0 0 13px 0; text-transform: uppercase; }

/*================== Hyperlinks ================================*/
a  {}
a.readMore, 
h2.readMore,
a.readMoreActive,
h2.readMoreActive,
a.download  {
  background: url(/files/System/img/menu_sprite.png) no-repeat 0px -11px; 
  color: #4f4f4f; 
  font-size: 15px;
  line-height: 11px;
  height: 11px;
  padding: 0 0 0 20px;
  text-decoration: none; 
  text-transform: uppercase;
}
a.product  {
  background: url(/files/System/img/menu_sprite.png) no-repeat 0px -33px; 
  color: #505050; 
  font-size: 13px;
  line-height: 11px;
  height: 9px;
  padding: 0 0 2px 23px;
  text-decoration: none; 

}
a.readMore:hover, 
h2.readMore:hover, 
a.download:hover,
a.product:hover  { background: url(/files/System/img/menu_sprite.png) no-repeat 0px 0px; color: #b01642; }
a.readMoreActive, 
a.readMoreActive:hover, 
h2.readMoreActive, 
h2.readMoreActive:hover,
a.activeProductLink,
a.activeProductLink:hover  { background: url(/files/System/img/menu_sprite.png) no-repeat 0px -22px; color: #b01642; }
a.download  { background: url(/files/System/img/menu_sprite.png) no-repeat 0px -33px; color: #636362; height: 10px; padding: 1px 0 0 20px; font-size: 13px; }

/*================== Text styles ================================*/
p  { color: #40403f; line-height: 18px; }
.subpageTopText li,
.subProduct li  { color: #40403f; margin: 0 0 0 39px; padding: 0 0 0 10px; list-style-type: disc; }

/*================== Master styles ============================*/
.pageWrapper  { background: url(/files/System/img/bg_wrapper.png) no-repeat 0px 63px; margin: 0 auto; padding: 0 56px 0 56px; width: 860px; }
  .pageInnerWrapper  { background: #efefec; twidth: 860px; }
    .pageTop  { height: 150px; position: relative; z-index: 50; width: 860px; }
      .logo  { margin: 0 0 0 0; }
      .pageTopRight  { position: relative; width: 551px; }
        .menuTop  { background: #40403f; height: 27px; padding: 8px 0 0 0; width: 551px; }
          .menuTop a,
          .menuTop input,
          .menuTop span  { color: #efefec; }
          .searchForm  { margin: 0 0 0 195px; width: 190px; }
            .searchForm span  { margin: 0 5px 0 0; }
            .searchField  { background-color: #40403f; border: 1px solid #7b7b7b; height: 13px; }
          .menuTopUL  { list-style-type: none; }
            .menuTopUL li  { background: url(/files/System/img/menuTop_splitter.png) no-repeat right top; margin: 0 8px 0 0; padding: 0 8px 0 0; }
            .menuTopUL a  {  text-decoration: none; }
        .menuMain  { height: 92px; list-style-type: none; margin: 12px 0 0 0; width: 551px; }
          .menuMainLevel1  { border-right: 1px solid #dcdcd6; padding: 40px 18px 0 0; margin: 0 18px 0 0; height: 51px; }
            .linkLevel1  { 
              background: url(/files/System/img/menu_sprite.png) no-repeat 0px -11px; 
              color: #4f4f4f; 
              font-size: 15px;
              line-height: 11px;
              height: 11px;
              padding: 0 0 0 20px;
              text-decoration: none; 
              text-transform: uppercase;
            }
            .linkLevel1:hover  { background: url(/files/System/img/menu_sprite.png) no-repeat 0px 0px; color: #b01642; }
        .menuMega  { 
          background: #efefec; 
          border-top: 3px solid #b01842; 
          height: 117px; 
          left: 0px;
          padding: 10px 0 0 19px;
          position: absolute; 
          top: 151px; 
          width: 532px;
          z-index: 100;
        }
          ul.megaColOne  { width: 168px; }
          ul.megaColTwo  { width: 204px; }
          ul.megaColThree  { width: 150px; }
            .menuMega ul li  { position: relative; z-index: 100; list-style-type: none;}
              .menuMega ul li a  { color: #40403f; line-height: 20px; text-decoration: none; }
              .menuMega ul li a:hover  { color: #b01842; }
    .pageContent  { position: relative; width: 860px; }  
    .pageFooter  { background: url(/files/System/img/bg_footer.png) repeat-x; height: 264px; margin: 70px 0 0 0; width: 860px; }
      .footerColumn1 li,
      .footerColumn2 li,
      .footerColumn3 li  { list-style-type: none; }
      .footerColumn1,
      .footerColumn2  { line-height: 17px; margin: 53px 0 0 20px; }
      .footerColumn1  { margin-right: 152px; }
      .footerColumn3  { line-height: 17px; margin: 53px 10px 0 0; width: 302px; }
        .footerColumn3 img  { margin: -53px 0 0 0; }
        .footerColumn2 a,
        .footerColumn3 a  { color: #747471; text-decoration: none; }
        .footerColumn2 a:hover,
        .footerColumn3 a:hover  { color: #747471; text-decoration: underline; }

/*================== Forside styles ==============================*/
.frontCompany  { position: relative; padding: 0 0 10px 0; width: 519px; }
  .frontCompany img  { margin: 0 0 13px 0; }
  .frontCompany .readMore  { bottom: 0px; position: absolute; right: 0px;}

/*================== Underside styles ==============================*/
.companyPictures  { height: 375px; overflow: hidden; position: relative; width: 309px; }
  .companyPictures img  { left: 0; position: absolute; top: 0px; z-index: 10; }
  img.activeHeaderPic  { z-index: 15; }
.subpageTopText  { border-bottom: 1px solid #636362; margin: 32px 0 0 0; padding: 0 20px 21px 0; width: 500px; }
  .subpageTopText h1  { padding: 0 0 10px 0; }
.companyInfoWrap  { border-bottom: 9px solid #636362; margin: 54px 0 27px 0; position: relative; width: 520px; }
  .companyInfoWrap h2.count1  { left: 0px; position: absolute; top: -40px; }
  .companyInfoWrap h2.count2  { left: 195px; position: absolute; top: -40px; }
  .companyInfoWrap h2.count3  { left: 344px; position: absolute; top: -40px;}
  .hiddenCompanyContent  { padding: 0 0 20px 0; }
    .coworker  { height: 113px; margin: 0 0 32px 0; overflow: hidden; width: 250px;}
      .coworkerPlaceholder  { width: 85px; height: 113px; }
      .coworkerInfo  { 
        border-left: 1px solid #40403f; 
        color: #4e4e4e;
        font-size: 11px;
        margin: 42px 0 0 10px;
        padding: 0 0 0 10px;
        width: 144px;
      }
.companyProductsHeader  { border-bottom: 1px solid #000; margin: 0 0 3px 0; padding: 0 0 6px 0; width: 860px; }
  .companyProductsHeader h1  { background: url(/files/System/img/bg_productH1.png) no-repeat right 2px; margin: 0 15px 0 340px; padding: 0 15px 0 0; }
  .companyProductsHeader a  { margin: 8px 0 0 0; text-decoration: none; }
.companyProducts  { width: 331px; }
.subProduct  { margin: 20px 0 0 0; width: 520px;}
  .productWrap  { border-bottom: 1px solid #c9c9c7; margin: 10px 0 10px 0; padding: 0 0 6px 0; width: 520px; }
    .productInfo  { margin: 7px 0 0 23px; padding: 0 0 14px 0; width: 480px; }
      .smallProduktText { width: 350px; }
  
/*================== News styles ==============================*/
.newsListItem  { margin: 0 0 22px 0; width: 350px; }
.newsFullItem  { margin: 10px 0 0 0px; width: 500px; }
  .newsListItem span,
  .newsFullItem span  { color: #4f4f4f; padding: 0 0 1px 0; }
  .newsListItem h3,
  .newsFullItem h3  { font-size: 16px; padding: 0 0 7px 0; text-decoration: underline; }
  .newsListItem a  { color: #4f4f4f;}
.newsBreadcrumb  { margin: -12px 0 0 340px; }
  .newsBreadcrumb li  { color: #797878; display: inline; font: 10px Arial, Helvetica, sans-serif; }
    .newsBreadcrumb a  { color: #797878; }
    
/*================== Kontaktside styles ==============================*/
.contactWrapper  { margin: 21px 0 0 20px; }
  .contactHeader  { height: 11px; width: 817px;}
    .contactHeader h1  { font-size: 15px; margin: -3px 0 0 23px; }
    .contactHeaderBgInactive  { background: url('/files/System/img/contactFoldOut_sprite.png') no-repeat 0px -11px; }
    .contactHeaderBgActive  { background: url('/files/System/img/contactFoldOut_sprite.png') no-repeat 0px 0px; }
    .contactHeaderBgHover  { background: url('/files/System/img/contactFoldOut_sprite.png') no-repeat 0px -22px; color: #b01842; }
  div.seperator  { background-color: #c9c9c7; height: 1px; line-height: 1px; margin: 8px 0 10px 0px; width: 817px;}
  .contactWrap  { width: 817px; }
    .contactleftColumn  { font-size: 12px; width: 220px; }
    .contactRightColumn  { padding: 0 0 35px 0; width: 525px; }
 
/*================== Tab menu styles - Large and Small ==============================*/
.menuTabs  { width: 323px; }
  .menuTabs li  { list-style-type: none; margin: 0 0 1px 0; }
  .menuTabLink,
  .menuTabLinkActive   {
    background: url(/files/System/img/btn_sprite.png) no-repeat 0px -35px; 
    color: #edefec;
    font-size: 15px;
    height: 25px;
    padding: 10px 0 0 20px;
    text-decoration: none;
    width: 303px;
  }
  .menuTabLink:hover  { color: #b01842; }
  .menuTabLinkActive  { background: url(/files/System/img/btn_sprite.png) no-repeat 0px 0px; }
.menuTabsLarge  { width: 331px; }
  .menuTabsLarge li  { list-style-type: none; margin: 0 0 1px 0; }
  .menuTabLargeLink,
  .menuTabLargeLinkActive   {
    background: url(/files/System/img/btn_sprite.png) no-repeat 0px -130px; 
    color: #edefec;
    font-size: 15px;
    height: 50px;
    padding: 10px 0 0 20px;
    text-decoration: none;
    width: 311px;
  }
  .menuTabLargeLink:hover  { color: #b01842; }
  .menuTabLargeLinkActive  { background: url(/files/System/img/btn_sprite.png) no-repeat 0px -70px; }

/*================== Global Class's ===========================*/
.floatLeft  { float: left; }
.floatRight  { float: right; }
.displayBlock  { display: block; }
.displayNone  { display: none; }
.noMargin  { margin: 0 !important; }
.noBorder  { border: none; }
.noBg  { background: none !important; }
.uppercase  { text-transform: uppercase; }
.clearLeft  { clear: left; }
.bold  { font-weight: bold; }
.pointer  { cursor: pointer; }

/*================== Disable Skype buttons on phone no. ===============================*/
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}