@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; } /* LTR */
  select { padding: 1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    background: #fff;
    text-align: left; /* LTR */
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
  li {
    margin-left: 0.8em; /* LTR */
    line-height: 1.5em;
  }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content: ""; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative; }

  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung für #topnav Inhalte */
  #topnav { text-align: right; }  /* LTR */

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position:absolute;
    top: 10px;
    right: 10px; /* LTR */
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print, dfn {
    position: absolute;
    left: -1000em; /* LTR */
    top: -1000em;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
  }
}

/**
 * Main layout.
 *
 * @package boxetti
 * @author Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

@media screen, projection
{
    body {
        text-align: center;
    }
    .page_margins {
        margin: 0 auto;
        width: 972px;
        text-align: left;
    }
    .page {
        padding-top: 0.5em;
    }
    .inner-main {
        margin-bottom: 0.5em;
        border: 1px solid #838383;
    }

 /*------------------------------------------------------------------------------------------------------*/

    /* Header */
    #header {
        background: url(http://www.boxetti.com/themes/boxetti/images/abstraction.gif) no-repeat 89px 0;
    }
    #header .inner {
        height: 212px;
        background-repeat: no-repeat;
        background-position: 89px 0;
    }
    #header .inner-en {
        background-image: url(http://www.boxetti.com/themes/boxetti/images/nav_en.jpg);
    }
    #header .inner-lv {
        background-image: url(http://www.boxetti.com/themes/boxetti/images/nav_lv.jpg);
    }
    #header .inner-ru {
        background-image: url(http://www.boxetti.com/themes/boxetti/images/nav_ru.jpg);
    }
    #header .inner-de {
        background-image: url(http://www.boxetti.com/themes/boxetti/images/nav_de.jpg);
    }
    #header .inner-no {
        background-image: url(http://www.boxetti.com/themes/boxetti/images/nav_no.jpg);
    }
    /* Part I */
    #header .home {
    }
    #header .designer {
        background-position: 89px -212px;
    }
    #header .producer {
        background-position: 89px -424px;
    }
    #header .media {
        background-position: 89px -636px;
    }
    #header .news {
        background-position: 89px -848px;
    }
    #header .contacts {
        background-position: 89px -1060px;
    }
    /* Part II */
    body.home #header .home {
    }
    body.home #header .designer {
        background-position: 89px -1272px;
    }
    body.home #header .producer {
        background-position: 89px -1484px;
    }
    body.home #header .media {
        background-position: 89px -1696px;
    }
    body.home #header .news {
        background-position: 89px -1908px;
    }
    body.home #header .contacts {
        background-position: 89px -2120px;
    }
    /* Part III */
    body.designer #header .home {
        background-position: 89px -1272px;
    }
    body.designer #header .designer {
    }
    body.designer #header .producer {
        background-position: 89px -2332px;
    }
    body.designer #header .media {
        background-position: 89px -2544px;
    }
    body.designer #header .news {
        background-position: 89px -2756px;
    }
    body.designer #header .contacts {
        background-position: 89px -2968px;
    }
    /* Part IV */
    body.producer #header .home {
        background-position: 89px -1484px;
    }
    body.producer #header .designer {
        background-position: 89px -2332px;
    }
    body.producer #header .producer {
    }
    body.producer #header .media {
        background-position: 89px -3180px;
    }
    body.producer #header .news {
        background-position: 89px -3392px;
    }
    body.producer #header .contacts {
        background-position: 89px -3604px;
    }
    /* Part V */
    body.media #header .home {
        background-position: 89px -1696px;
    }
    body.media #header .designer {
        background-position: 89px -2544px;
    }
    body.media #header .producer {
        background-position: 89px -3180px;
    }
    body.media #header .media {
    }
    body.media #header .news {
        background-position: 89px -3816px;
    }
    body.media #header .contacts {
        background-position: 89px -4028px;
    }
    /* Part VI */
    body.news #header .home {
        background-position: 89px -1908px;
    }
    body.news #header .designer {
        background-position: 89px -2756px;
    }
    body.news #header .producer {
        background-position: 89px -3392px;
    }
    body.news #header .media {
        background-position: 89px -3816px;
    }
    body.news #header .news {
    }
    body.news #header .contacts {
        background-position: 89px -4240px;
    }
    /* Part VII */
    body.contacts #header .home {
        background-position: 89px -2120px;
    }
    body.contacts #header .designer {
        background-position: 89px -2968px;
    }
    body.contacts #header .producer {
        background-position: 89px -3604px;
    }
    body.contacts #header .media {
        background-position: 89px -4028px;
    }
    body.contacts #header .news {
        background-position: 89px -4240px;
    }
    body.contacts #header .contacts {
    }

    /* Logo */
    #header #logo {
        position: absolute;
        bottom: 45px;
        left: 20px;
    }

    /* Switcher */
    #header #lang-switcher {
        position: absolute;
        right: 2em;
        bottom: 7px;
        text-transform: uppercase;
        font-size: 0.9em;
    }
    #header #lang-switcher a {
        margin-left: 0.5em;
        text-decoration: none;
        color: #333;
    }
    #header #lang-switcher .current {
        color: #ff9b00;
    }

    /* Music */
    #header #music-switcher {
        position: absolute;
        right: 1.5em;
        top: 1em;
        font-size: 0.9em
    }
    #header #music-switcher img {
        vertical-align: middle;
    }
    #header #music-switcher a {
        color: #5c5c5c;
        text-decoration: none;
    }
    /* END: header */


    /* Footer */
    #footer {
        padding: 0 1em 0.5em;
        font-style: italic;
        font-size: 0.9em;
    }
    #footer a {
        /* text-decoration: none; */
        color: #5c5c5c;
    }
    #footer img {
        margin-left: 0.5em;
        vertical-align: middle;
    }
    #footer .developer {
        margin-left: 1em;
    }
    /* END: footer */


    /* Navigation */
    #nav {
        height: 212px;
        padding-left: 89px;
    }
    #nav img {
        display: block;
    }
    /* END: navigation */

 /*------------------------------------------------------------------------------------------------------*/

    #main {
        margin-bottom: 0.5;
    }
    #col3 {
        margin: 0;
    }
    #col3_content {
        margin: 0 auto;
        padding: 0;
        z-index: 0; /* fancy zoom fix */
    }


    /* Main carousel */
    #pages {
        height: 515px;
        overflow: hidden;
    }
    #pages ul.wrapper,
    #pages li.wrapper {
        list-style: none;
        margin: 0;
    }
    #pages li.wrapper {
        width: 972px;
        height: 515px;
    }
}
/**
 * Styles for HTML elements.
 *
 * @package boxetti
 * @author Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

@media all
{
  /* reset font size for all elements to standard (16 Pixel) */
  html * { font-size: 100.01%; }

  /* reset monospaced elements to font size 16px in all browsers
     @see: http://webkit.org/blog/67/strange-medium */
  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* base layout gets standard font size 12px */
  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75.00%;
    color: #5c5c5c;
  }


  /* --- Headings ------------------------------------------------------------------------ */

  h1, h2, h3, h4, h5, h6 {
    /* font-family: "Times New Roman", Times, serif; */
    font-family: Arial, Helvetica, sans-serif;
    /* color: #2e2e2d; */
    color: #5c5c5c;
    margin: 0 0 0.25em 0;
  }
  h1 {
    /* text-transform: uppercase; */
    font-size: 150%;
    font-weight: normal;
    line-height: 1.15em;
  }
  h1 { font-size: 200%; }                       /* 24px */
  h2 { font-size: 200%; }                       /* 24px */
  h3 { font-size: 150%; }                       /* 18px */
  h4 { font-size: 133.33%; }                    /* 16px */
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 100%; color: #599cc2; }       /* 14px */


  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #ff9b00; text-decoration: underline; outline: none; }

  a:focus,
  a:hover,
  a:active { color: #ff9b00; }


  /* --- Lists -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  ul li { list-style-type: disc; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { margin-left: 0.8em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }


  /* --- general text formatting ------------------------------------------ */

  p { line-height: 1.3em; margin: 0 0 1em 0; }

  blockquote, cite, q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

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

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  hr {
    color: #fff;
    background: transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border: 0;
    border-bottom: 1px #eee solid;
  }


  /* --- Generic Content Classes -------------------------------------------------------------------- */

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

  .float_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display: block; text-align: center; margin: 0.5em auto; }


  /* --- images (with optional captions) ------------------ */

  p.icaption_left { float: left; display: inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float: right; display: inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding: 0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display: block; overflow: hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables
  */

  table {
    border: 2px solid #d5d5cf;
    width: auto;
    border-collapse: collapse;
    margin-bottom: 1em;
  }
  table.full { width: 100%; }
  table.fixed { table-layout: fixed; }

  table caption { font-variant: small-caps; }
  th, td {
    border: 1px solid #d5d5cf;
    padding: 0.8em 0.5em;
    background-color: white;
  }
  thead th {
    background: #597987 url(http://www.boxetti.com/themes/boxetti/images/bg/line_03.gif) repeat-x left top;
    color: white;
  }
  tbody tr:hover td { background: #b6d49a; }
}
@media all
{
  /**
   *  YAML Forms - visual styling
   *
   *  visual form styling area
   */

  form.yform {
    margin: 0 0 1em 0;
  }
  form.yform fieldset {
    margin: 0;
    padding: 0 0 0.5em 0;
  }

  form.yform legend {
    font-size: 125%; font-weight: normal; color: #000;
  }

  form.yform label {
    color: black;
  }

  form.yform .type-text input,
  form.yform .type-text textarea,
  form.yform .type-select select {
    font-family: Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #aaa;
    color: #5c5c5c;
  }

  /* :hover and :focus status on form fields */
  form.yform div input:focus,
  form.yform div select:focus,
  form.yform div textarea:focus,
  form.yform div input:hover,
  form.yform div select:hover,
  form.yform div textarea:hover,
  form.yform div input:active,
  form.yform div select:active,
  form.yform div textarea:active {
    /*
    border: 1px #a66 solid;
    background: #fff;
    */
  }

  /* Styling of buttons */
  form.yform .type-button input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #000;
    background: #454545 url(images/button_gray.png) top left repeat-x;
    padding: .5em 1.2em;
  }

  form.yform .type-button input#reset { color: #300; background: #661717 url(images/button_red.png) top left repeat-x; }
  form.yform .type-button input#submit { color: #330; background: #5e5607 url(images/button_yellow.png) top left repeat-x; }

  /* :hover and :focus status on buttons */
  form.yform div.type-button input:focus,
  form.yform div.type-button input:hover,
  form.yform div.type-button input:active {
    border-top: 1px #444 solid;
    border-left: 1px #444 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #fff;
    background: #555; 
  }

  form.yform div.type-button input#reset:focus,
  form.yform div.type-button input#reset:hover,
  form.yform div.type-button input#reset:active {
    background: #800; color: #fff;
  }

  form.yform div.type-button input#submit:focus,
  form.yform div.type-button input#submit:hover,
  form.yform div.type-button input#submit:active {
    background: #880; color: #fff;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * Styling of forms where both label and input/select/textarea are styled with display: block;
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling */
  form.yform { overflow: hidden; }
  form.yform fieldset { overflow: hidden; }
  form.yform legend { background: transparent; border: 0; }
  form.yform label { display:block; cursor: pointer; }
  form.yform .message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  form.yform input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form.yform sup { color: #800; font-weight: bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form.yform div.type-text,
  form.yform div.type-select,
  form.yform div.type-check,
  form.yform div.type-button {
    margin: 0.5em 0;
    position: relative;
    overflow: hidden;
  }

  /* styling standard form elements with 'almost' equal flexible width */
  form.yform .type-text input,
  form.yform .type-text textarea {
    display: block;
    position: relative;
    padding: 0.5em 0.3em;
    width: 58.5%;
  }

  form.yform .type-select select {
    display: block;
    position: relative;
    padding: 0.3em 2px 0.3em 1px;
    width: 60%;
    cursor: pointer;
  }
  form.yform .type-select select optgroup {
    font-style: normal;
    font-weight: bold;
  }

  form.yform .type-check input { cursor: pointer; }
  form.yform .type-check label { display: inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input {
    width: auto;
    cursor: pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  form.yform div.error {
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 0.5em;
  }

  form.yform div.error label { color: #000; font-weight:bold; }
  form.yform div.error .message { color: #800; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float: left;
    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check { padding-left: 30%; }
  .columnar div.error .message { margin-left: 30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { width: 67.8%; }
  .columnar div.type-select select { width: 69.4%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width: 67.2%; }
  * html .columnar div.type-select select { width: 68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
  
  /* IE5.x & IE6 */
  * html form.yform legend { position:absolute; top: -.5em; left: .5em; }
  * html form.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html form.yform legend { position:absolute; top: -.5em; left: .5em; }
  *+html form.yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }
}

/**
 * Common layout elements.
 *
 * @package boxetti
 * @author Dmitri Lakachauskis <lakiboy83@gmail.com>
 */


/* Content block */
.content {
    overflow: hidden;
    height: 150px;
    padding: 10px 25px 10px;
    background: url(http://www.boxetti.com/themes/boxetti/images/bg/devider.gif) no-repeat 80% top;
}
.content .subcl {
    padding-right: 2em;
}


/* Loader */
.loader {
    padding: 100px 0;
    text-align: center;
}


/* Collection index page */
.content-collection .copyright img {
    margin-left: 14em;
    margin-top: 5em;
}


/* Collection slideshow */
.collection-slideshow {
    height: 310px;
}
.collection-slideshow img {
    display: block;
}
.collection-slideshow .loader { /* Specific loader */
    position: absolute;
    z-index: 500;
    width: 970px;
    padding-top: 140px;
}
.collection-slideshow .loader img {
    margin: 0 auto;
}
.collection-slideshow .item {
    background-position: 0 0;
    background-repeat: no-repeat;
}
.collection-slideshow .collection_1 {
    background-image: url(http://www.boxetti.com/themes/boxetti/images/collection/1.jpg);
}
.collection-slideshow .collection_2 {
    background-image: url(http://www.boxetti.com/themes/boxetti/images/collection/2.jpg);
}
.collection-slideshow .collection_3 {
    background-image: url(http://www.boxetti.com/themes/boxetti/images/collection/3.jpg);
}
.collection-slideshow .collection_4 {
    background-image: url(http://www.boxetti.com/themes/boxetti/images/collection/4.jpg);
}
.collection-slideshow .collection_block_1 {
    background-position: 0 -310px;
}
.collection-slideshow .collection_block_2 {
    background-position: 0 -620px;
}
.collection-slideshow .collection_block_3 {
    background-position: 0 -930px;
}
.collection-slideshow .collection_block_4 {
    background-position: 0 -1240px;
}
.collection-slideshow .collection_block_5 {
    background-position: 0 -1550px;
}


/* List of contents */
.content-list .images {
    position: relative;
    height: 310px
}
.content-list .images ul,
.content-list .images li {
    margin: 0;
    list-style: none;
}
.content-list .images li {
    width: 485px;
    height: 310px;
}

/*
.content-list .images span {
    position: absolute;
    left: 485px;
    top: 0;
    z-index: 1000;
    display: block;
    height: 310px;
    width: 1px;
    background-color: black;
}
*/
.content-list .images .trigger {
    z-index: 5000;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -38px;
    width: 36px;
    height: 76px;
    background-position: left top;
    backgound-repeat: no-repeat;
    background-image: url(http://www.boxetti.com/themes/boxetti/images/buttons/arrow2_left.png);
}
.content-list .images .trigger-next {
    left: auto;
    right: 0;
    background-image: url(http://www.boxetti.com/themes/boxetti/images/buttons/arrow2_right.png);
}
.content-list .images .trigger-disabled {
    background-position: 0 -76px;
}
.content-list h1 {
    position: relative;
    padding-left: 50px;
}
.content-list h1 em {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    margin-bottom: 1em;
    width: 25px;
    padding: 2px 4px 3px;
    background-color: #e5e5e5;
    font-style: normal;
    font-size: 0.4em;
    line-height: 1.2em;
    text-tranform: uppercase;
    text-align: center;
}
.content-list h1 span {
    display: block;
    padding-top: 1px;
    background-color: #fff;
    font-size: 0.9em;
}
.content-list .triggers {
    padding-left: 140px;
    padding-top: 4.5em;
}
.content-list .triggers a,
.content-list .triggers .ajax-loader {
    margin-left: 3em;
}
.content-list .triggers .ajax-loader {
    margin-left: 6em;
}


/* Collection block */
.collection-block h1 {
    margin-right: -100px;
    padding-left: 0;
    padding-right: 160px;
}
.collection-block h1 span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.5em;
}
.collection-block h1 span a {
    margin-left: 1em;
    color: #5c5c5c;
    text-transform: none;
}
.collection-block .switcher {
    position: absolute;
    z-index: 200;
}
.collection-block .switcher a {
    float: left;
    padding: 0.5em 0.75em;
    background-color: #fff;
    color: #5c5c5c;
}
.collection-block .switcher a:hover {
    background-color: #fff;
}
.collection-block .switcher a.current {
    text-decoration: none;
}
.collection-block .price {
    display: block;
    margin-left: 12em;
    margin-top: 3em;
    font-size: 1.2em;
    font-family: Arial;
    line-height: 1.5em;
}
.collection-block .price span {
    font-size: 0.7em;
    position: relative;
    top: -1.2em;
}
.collection-block .price strong {
    font-style: normal;
    font-size: 2em;
    font-weight: normal;
}


/* Contact form */
form.contact-form {
    margin-bottom: 0.5em;
    height: 240px;
    padding: 35px 65px;
}
form.contact-form .type-text textarea,
form.contact-form .type-text input {
    width: 350px;
    font-size: 1.1em;
}
form.contact-form .type-text textarea {
    height: 200px;
}
form.contact-form .type-text {
    padding-bottom: 1em;
}
form.contact-form .submit {
    margin-top: 7em;
}


/* "Definition" information */
.definitions {
    margin-top: 2em;
}
.definitions .subcl {
    padding-right: 0;
    border-right: 1px solid #ddd;
}
.definitions .subcr {
    padding-left: 2em;
}
.definitions dl {
    margin: 0;
}
.definitions dt,
.definitions dd {
    margin: 0;
    float: left;
}
.definitions dt {
    width: 80px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 0.9em;
}
.definitions dd {
    margin-bottom: 1em;
    width: 170px;
}


/* User2 module customization */
#loginUser,
#recoverPassword,
#resetPasswordContainer {
    margin-top: 2em;
    width: 66%;
}

/**
 * Common elements.
 *
 * @package boxetti
 * @author Dmitri Lakachauskis <lakiboy83@gmail.com>
 */


/* Message handling */
#message {
    position: absolute;
    z-index: 5000;
    right: 0;
    top: 0;
    max-width: 40%;
}
    #message a {
        position: absolute;
        right: 5px;
        top: 4px;
        display: block;
        width: 14px;
        height: 14px;
        text-decoration: none;
    }
    #message p {
        margin-bottom: 0;
        border: 1px solid #ccc;
        border-right: none;
        border-top: none;
        padding: 10px 35px 10px 10px;
        background-color: #f5f5f5;

        text-align: left;
        line-height: 1.2em;
        font-weight: bold;
    }
    #message .success {
        border-color: green;
        background-color: green;
        color: #fff;
    }
    #message .error {
        border-color: red;
        background-color: red;
        color: #fff;
    }
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/**
 * Portal module styles.
 *
 * @package boxetti
 * @author Dmitri Lakachauskis <lakiboy83@gmail.com>
 */