@import 'background.css';

HTML {

}

BODY {
  font-family : Helvetica, Arial, sans;
  font-size : 13px;
  line-height : 17px;
  color : #ffffff;
  padding-top : 5px;
  padding-bottom : 55px;
}

  /* language menu */
DIV#jflanguageselection {
  clear : both;
  text-align : right;
  float : none;
  height : 25px;
  padding-right : 25px;
}

  DIV#jflanguageselection SELECT {
    border : 0;
    color : #323437;
  }

  LABEL.jflanguageselection {
    display : none;
  }


/* main menu */
DIV#navigation {
  background : transparent url('../images/bg_mainmenu.png') repeat scroll left top;
  display : block;
  height : 24px;
  overflow : hidden;
  clear : both;
}

  UL#mainlevel {
    list-style : none outside none;
    text-align : center;
  }

    UL#mainlevel LI {
      display : inline;
      margin-right : 15px;
    }

      UL#mainlevel LI A {
        font-size : 12px;
        line-height : 23px;
        text-decoration : none;
        text-transform : uppercase;
        letter-spacing : -0.02em;
        color : #323437;
      }

      UL#mainlevel LI A:hover {
        color : #8c002c;
      }

      UL#mainlevel LI A#active_menu {
        color : #8c002c;
      }

      UL#mainlevel LI UL LI {
        float : none;
        display : block;
        text-align : right;
        width : 100%;
      }

        UL#mainlevel LI UL LI A {
          text-transform : lowercase;
          color : #828282;
          line-height : 14px;
        }

/* content area */
DIV#content {
  background : transparent url('../images/bg_contentarea2.png') repeat scroll top left;
  width : 586px;
  height : 600px;
  overflow : hidden;
  margin : 0 auto 0 auto;
}

/* text styles */
A {
  color : #8c002c;
}

A.btn {
  background : #a89793;
  display : block;
  height : 17px;
  clear : both;
}

DIV#content H1, DIV#content DIV.componentheading, H1 {
  font-size : 14px;
  font-weight : bold;
  color : #8c002c;
  padding-top : 20px;
  padding-bottom : 3px;
}

H2 {
  font-size : 14px;
  line-height : 16px;
  font-weight : normal;
  color : #403b3b;
  letter-spacing : 0.01em;
  padding-top : 0;
  padding-bottom : 3px;
  text-transform : uppercase;
}

DIV#content P, P {
  padding-top : 5px;
  padding-bottom : 15px;
}

LABEL {
  font-size : 12px;
}

DIV#content LABEL {
  /*color : #403b3b;*/
  color : #ffffff;
}

.black { color : #252421; }
.white { color : #ffffff; }

OL {
  margin-left : 20px;
}

OL LI {
  padding-bottom : 10px;
}



/* forms */
FIELDSET.input {
  border : 0;
}

FIELDSET.input .inputbox {
  background : #bdaea8;
  border : 0;
  padding : 3px;
  color : #ffffff;
}




/* content-area template */
DIV.contentarea-wrapper {
  overflow : hidden;
  clear : both;
  width : 585px;
  z-index: -1;
}

DIV.contentarea-wrapper.border_left {
  background : transparent url('../images/bg_border_contentarea.gif') repeat-x scroll left top;
  padding-left : 1px;
}

DIV.contentarea-wrapper.border_right {
  background : transparent url('../images/bg_border_contentarea.gif') repeat-x scroll right top;
  padding-right : 1px;
}

  DIV.contentarea-wrapper DIV.half {
    width : 50%;
    float : left;
    overflow : hidden;
  }

  DIV.contentarea-wrapper DIV.content-text {
    width : 292px;
    float : left;
    overflow : hidden;
  }

  DIV.contentarea-wrapper DIV.content-image {
    width : 293px;
    float : left;
    overflow : hidden;
  }

  DIV.contentarea-content {
    padding-right : 15px;
    padding-left : 15px;
  }

  DIV.contentarea-content.gallery {
    background : #ffffff url('/templates/linnanen/images/bg_contentarea_gallery.gif') no-repeat scroll center bottom;
    height : 600px;
    overflow : hidden;
    padding-left : 32px;
  }

    DIV.contentarea-content.gallery A IMG {
      padding-right : 16px;
      padding-bottom : 16px;
    }
    
    DIV.contentarea-content A IMG {
      padding-right : 20px;

    }
    
  DIV.contentarea-content TABLE {
    background-color : #bfada8;
    width : 100%;
  }
  
    DIV.contentarea-content TABLE TD {
  	  text-align : center;
    }
    
      DIV.contentarea-content TABLE TD A {
        color : #252421;
        text-decoration : none;
      }

  /* tradition subpage */
  DIV.contentarea-wrapper DIV.tradition-subpage {
    background : #f6f6f6;
  }
    DIV.contentarea-wrapper DIV.tradition-subpage .head {
      height : 157px;
      clear : both;
      float : none;
      overflow : hidden;
      color : #403b3b;
    }

    DIV.contentarea-wrapper DIV.tradition-subpage .foot {
      height : 443px;
      clear : both;
      float : none;
      overflow : hidden;
    }
    
  /* DEFINITION LIST */
  DL.formList {
    width : 100%;
  }
  
    DL.formList DT {
      width : 80px;
      float : left;
    }
    
    DL.formList DD {
      float : left;
    }
    


/* validate form */
FORM#contactForm {

}

FORM#contactForm INPUT,
FORM#contactForm TEXTAREA,
FORM#form-login INPUT.button
{
  background : #BDAEA8;
  border : 0;
  padding : 3px;
  margin : 0 0 5px 0;
  display : block;
}

FORM#contactForm INPUT
{
  width : 165px;
}

FORM#contactForm TEXTAREA
{
  width : 245px;
  height : 55px;
}

FORM#contactForm INPUT.submit,
FORM#form-login INPUT.button
{
  text-transform : uppercase;
  color : #ffffff;
}

FORM#contactForm INPUT.submit {
  width : 55px;
}

SPAN.error {
  color : #813e45;
  font-size : 10px;
}


/* LOGIN FORM */
FORM#form-login {
  color : #000000;
}

FORM#form-login UL {
  display : none;
}

FORM#form-login P#form-login-remember {
  display : none;
}


/* default dialog */
.dialog {
  background : #af9e98;
  width : 400px;
  position : absolute;
  top : 0;
  left : 0;
}

.dialog .container {
  background : #d1c6c2;
  margin : 7px;
  padding : 10px;
  overflow : hidden;
}

.dialog .container .head {
  
}

.dialog .container .body {

}

.dialog .container .foot {

}

.dialog A.dialog-close {
  font-size : 125%;
  font-weight : bold;
  text-decoration : none;
  color : #af9e98;
}






/* measurement tables */
BODY#measure-table {
  background-image : url();
  background-color : #c6bbb9;
  color : #373535;
}

BODY#measure-table DIV#wrapper {
  width : 720px;
}

BODY#measure-table FIELDSET {
  border : 0;
  padding-bottom : 20px;
  overflow : hidden;
  margin : 0 auto;
}

BODY#measure-table H1 {
  background-color : #decfc7;
  display : block;
  text-align : center;
  line-height : 25px;
  padding : 0;
  margin : 0;
  height : 25px;
}

TABLE.measure-container {

}
  TABLE.measure-container TD.item {
    width : 235px;
    padding-top : 30px;
  }
  
UL.measure-container {
  list-style : none outside none;
  clear : both;
}

  UL.measure-container LI.item {
    float : left;
    width : 235px;
    padding-top : 30px;
  }

TABLE.measure-table {
  width : 230px;
}

  TABLE.measure-table TD.image {
    width : 65px;
    height : 180px;
  }
  
  TABLE.measure-table TD.description {
    height : 155px;
    color : #373535;
  }
  
  TABLE.measure-table TD.description.short {
    height : 130px !important;
  }
  
    TABLE.measure-table TD.description H3 {
      font-size : 14px;
      line-height : 18px;
      color : #65474d;
      text-transform : uppercase;
    }
  
  TABLE.measure-table TD.measure {
    background : #decfc7;
    border-bottom : 2px solid #c6bbb9;
    height : 25px;
    text-align : right;
  }
    
    TABLE.measure-table TD.measure LABEL {
      padding : 3px 7px;
      color : #65474d;
      line-height : 23px;
    }
    
    TABLE.measure-table TD.measure LABEL INPUT {
      background : transparent;
      border : 0;
    }
    
BODY#measure-table TABLE.personal_information {
  width : 50%;
  float : left;
}

BODY#measure-table TABLE.personal_information INPUT {
  background : #decfc7;
  border : 3px solid #decfc7;
  margin-bottom : 3px;
}

#musta {
  background-image : none;
  background-color : #000000;
}