/**
 * CSS
 *
 * @author by Oliver Musebrink
 * @link http://www.olivermusebrink.de/
 * @copyright Dual licensed under the MIT or GPL Version 2 licenses
 * @version 1.0
 */


/**
 * Global box model
 */
*,
*:before,
*:after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/**
 * HTML
 */
html
{
    width:  100%;
    height: 100%;
}



/**
 * Body
 */
body
{
    width:            100%;
    height:           100%;
    font-size:        16px;
    line-height:      1.5;
    color:            #27251b;
    background-color: #dfdfd7;
}


/**
 * Grid
 */
.grid
{
    margin:   auto;
    overflow: visible;
    width:    100%;
}

.row
{
    margin:   0.0% 0.0%;
    overflow: inherit;
    width:    auto;
}

.column
{
    margin:   0.0% 0.0%;
    display:  inline;
    overflow: inherit;
    float:    left;
}

.element1  { width:  6.6667%; }
.element2  { width: 13.3333%; }
.element3  { width: 20.0000%; }
.element4  { width: 26.6667%; }
.element5  { width: 33.3333%; }
.element6  { width: 40.0000%; }
.element7  { width: 46.6667%; }
.element8  { width: 53.3333%; }
.element9  { width: 60.0000%; }
.element10 { width: 66.6667%; }
.element11 { width: 73.3333%; }
.element12 { width: 80.0000%; }
.element13 { width: 86.6667%; }
.element14 { width: 93.3333%; }
.element15 { width: 100.0000%; }

.space1  { margin-left:  6.6667%; }
.space2  { margin-left: 13.3333%; }
.space3  { margin-left: 20.0000%; }
.space4  { margin-left: 26.6667%; }
.space5  { margin-left: 33.3333%; }
.space6  { margin-left: 40.0000%; }
.space7  { margin-left: 46.6667%; }
.space8  { margin-left: 53.3333%; }
.space9  { margin-left: 60.0000%; }
.space10 { margin-left: 66.6667%; }
.space11 { margin-left: 73.3333%; }
.space12 { margin-left: 80.0000%; }
.space13 { margin-left: 86.6667%; }
.space14 { margin-left: 93.3333%; }

.space1.rtl  { margin-left: 0.0% !important; margin-right: 6.6667%; }
.space2.rtl  { margin-left: 0.0% !important; margin-right: 13.3333%; }
.space3.rtl  { margin-left: 0.0% !important; margin-right: 20.0000%; }
.space4.rtl  { margin-left: 0.0% !important; margin-right: 26.6667%; }
.space5.rtl  { margin-left: 0.0% !important; margin-right: 33.3333%; }
.space6.rtl  { margin-left: 0.0% !important; margin-right: 40.0000%; }
.space7.rtl  { margin-left: 0.0% !important; margin-right: 46.6667%; }
.space8.rtl  { margin-left: 0.0% !important; margin-right: 53.3333%; }
.space9.rtl  { margin-left: 0.0% !important; margin-right: 60.0000%; }
.space10.rtl { margin-left: 0.0% !important; margin-right: 66.6667%; }
.space11.rtl { margin-left: 0.0% !important; margin-right: 73.3333%; }
.space12.rtl { margin-left: 0.0% !important; margin-right: 80.0000%; }
.space13.rtl { margin-left: 0.0% !important; margin-right: 86.6667%; }
.space14.rtl { margin-left: 0.0% !important; margin-right: 93.3333%; }

.content
{
    margin: 0.0em 1.5em;
    width:  auto;
}

.grid:after
{
    display:    block;
    visibility: hidden;
    clear:      bloth;
    height:     0px;
    content:    '\0020';
}

.clear
{
    display:    block;
    visibility: hidden;
    overflow:   hidden;
    clear:      both;
    width:      0px;
    height:     0px;
}

.row,
.clear
{
    zoom: 1;
}

.row:before,
.row:after,
.clear:before,
.clear:after
{
    display:    block;
    visibility: hidden;
    overflow:   hidden;
    width:      0px;
    height:     0px;
    content:    '\0020';
}

.row:after,
.clear:after
{
    clear: both;
}


/**
 * Spacing
 */
.row.spacing:first-child
{
    margin-top: 0.0em !important;
}

.row.spacing
{
    margin-top: 1.5em;
}

.column.center
{
    margin-left:  auto !important;
    margin-right: auto !important;
    float:        none !important;
}


/**
 * Directions
 */
.column.ltr { float: left  !important; }
.column.rtl { float: right !important; }


/**
 * Visibility
 */
.overflow-visible { overflow: visible !important; }
.overflow-hidden  { overflow: hidden  !important; }

.invisible
{
    visibility: hidden !important;
}

.hidden
{
    display:    none   !important;
    visibility: hidden !important;
}

.visible-print
{
    display: none !important;
}

@media print
{
    .visible-print { display: inherit !important; }
    .hidden-print  { display: none    !important; }
}


/**
 * Container
 */
#container
{
    margin:    0.0em auto 12.0em auto;
    padding:   0.0em 1.5em;
    width:     100%;
    min-width: 960px/*960px,1080px,2560px*/;
}


/**
 * Logo
 */
#logo
{
    margin:  3.0em 0.0em;
    display: block;
    width:   10.0em;
    height:  2.125em;
}

#logo > img
{
    width:  100%;
    height: auto;
}


/**
 * Pages
 */
#pages
{

}

#pages ul
{
    margin-bottom: 1.5em;
}

#pages li
{
}

#pages .title
{
    font: normal normal normal 1.0em/1.5 'Open Sans Bold', sans-serif;
}

#pages .page
{
    font:            normal normal normal 1.0em/1.5 'Open Sans Light', sans-serif;
    text-align:      left;
    text-decoration: none;
    color:           #27251b;
}

#pages .page:hover,
#pages .page.active
{
    text-decoration: none;
    color:           #de2804;
}


/**
 * Language switcher
 */
#language-switcher
{
    margin:          3.3125em 0.0em;
    float:           right;
    font:            normal normal normal 1.0em/1.5 'Open Sans Light', sans-serif;
    text-align:      left;
    text-decoration: none;
    color:           #a6a6a1;
}

#language-switcher span
{
    margin:  0.0em 0.25em;
    padding: 0.05em;
    display: inline-block;
}

#language-switcher .flag
{
    margin:          0.0em 0.25em;
    padding:         0.05em;
    display:         inline-block;
    width:           2.0em;
    vertical-align:  text-bottom;
    text-decoration: none;
    color:           #a6a6a1;

}

#language-switcher .flag:hover
{
    margin:          0.0em 0.25em;
    padding:         0.05em;
    display:         inline-block;
    text-decoration: none;
    color:           #de2804;
}

#language-switcher .active
{
    color: #a6a6a1/*#27251b*/;
}


/**
 * Content
 */
#content
{
    margin-bottom:   4.5em;
    font:            normal normal normal 1.0em/1.5 'Open Sans Light', sans-serif;
    text-align:      left;
    text-decoration: none;
    color:           #27251b;
}


/**
 * Motifs
 */
#image
{
    margin-bottom: 7.5em;
}

#thumbnails .motif,
#image .motif
{
    display:  block;
    position: relative;
}

#thumbnails .motif img,
#image .motif img
{
    padding:            12.5%;
    display:            block;
    position:           absolute;
    border:             1px solid #f1f1f1;
    background-color:   #eeeeef;
    -webkit-box-shadow: 0.0em 0.1666em 0.3333em rgba(0, 0, 0, 0.3333);
       -moz-box-shadow: 0.0em 0.1666em 0.3333em rgba(0, 0, 0, 0.3333);
            box-shadow: 0.0em 0.1666em 0.3333em rgba(0, 0, 0, 0.3333);
}

#image .motif img
{
    margin:  0% auto;
    padding: 4.5em !important;
}

#thumbnails .title
{
    margin:          1.5em 1.5em 3.0em 1.5em;
    font:            normal normal normal 1.0em/1.5 'Open Sans Light', sans-serif;
    text-align:      center;
    text-decoration: none;
    color:           #27251b;
}

#thumbnails .thumbnail:hover .title
{
    text-decoration: none;
    color:           #de2804 !important;
}


/**
 * Motif navigation
 */
#motif-navigation
{
}

#motif-navigation a
{
    display:         inline-block;
    text-decoration: none;
    color:           #27251b;
}

#motif-navigation a:hover
{
    text-decoration: none;
    color:           #de2804;
}

#motif-navigation .close
{
    margin: 0.0em 0.75em;
}


/**
 * Typography
 */
.typography
{
    font:            normal normal normal 1.0em/1.5 'Open Sans Light', sans-serif;
    text-align:      left;
    text-decoration: none;
    color:           #27251b;
}

.typography em
{
    font-family: 'Open Sans Light Italic', sans-serif;
}

.typography strong
{
    font-family: 'Open Sans Bold', sans-serif;
}

.typography em > strong,
.typography strong > em
{
    font-family: 'Open Sans Bold Italic', sans-serif;
}

.typography del,
.typography s,
.typography strike
{
    text-decoration: line-through;
}


/**
 * Links
 */
.typography a
{
    text-decoration: underline;
    color:           #27251b;
}

.typography a:hover,
.typography a:focus,
.typography a:active
{
    text-decoration: underline;
    color:           #de2804;
}

/*.typography a:visited
{
    text-decoration: underline;
    color:           #27251b;
}*/


/**
 * Headings
 */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6
{
    font:            normal normal normal 1.0em/1.5 'Open Sans Bold', sans-serif;
    text-align:      left;
    text-decoration: none;
    color:           #27251b;
}

.typography h1
{
    margin:      0.7373em 0.0em;
    font-size:   3.0518em;
    line-height: 1.4746;
}

.typography h2
{
    margin:      0.6144em 0.0em;
    font-size:   2.4414em;
    line-height: 1.2288;
}

.typography h3
{
    margin:      0.768em 0.0em;
    font-size:   1.9531em;
    line-height: 1.5360;
}

.typography h4
{
    margin:      0.96em 0.0em;
    font-size:   1.5625em;
    line-height: 1.92;
}

.typography h5
{
    margin:      0.6em 0.0em;
    font-size:   1.25em;
    line-height: 1.2;
}

.typography h6
{
    margin:      0.0em 0.0em;
    font-size:   1.0em;
    line-height: 1.5;
}


/**
 * Lists
 */
.typography ul
{
    list-style-type:     disc;
    list-style-position: outside;
}

.typography ol
{
    list-style-type:     decimal;
    list-style-position: outside;
}

.typography li
{
    margin-left: 1.5em;
}

.typography li li
{
    margin-left: 3.0em;
}


/**
 * Alignment
 */
.align-left    { text-align: left    !important; }
.align-right   { text-align: right   !important; }
.align-center  { text-align: center  !important; }
.align-justify { text-align: justify !important; }


/**
 * Floating
 */
.float-left   { float: left  !important; }
.float-right  { float: right !important; }
.float-center { margin-left: auto !important; margin-right: auto !important; }


/**
 * Dimensions
 */
.size1  { width:  6.6667%; }
.size2  { width: 13.3333%; }
.size3  { width: 20.0000%; }
.size4  { width: 26.6667%; }
.size5  { width: 33.3333%; }
.size6  { width: 40.0000%; }
.size7  { width: 46.6667%; }
.size8  { width: 53.3333%; }
.size9  { width: 60.0000%; }
.size10 { width: 66.6667%; }
.size11 { width: 73.3333%; }
.size12 { width: 80.0000%; }
.size13 { width: 86.6667%; }
.size14 { width: 93.3333%; }
.size15 { width: 100.0000%; }

.full-width  { width: 100%; height: auto; }
.full-height { width: auto; height: 100%; }

.min-width  { min-width: 100%; height:     auto; }
.min-height { width:     auto; min-height: 100%; }

.max-width  { max-width: 100%; height:     auto; }
.max-height { width:     auto; max-height: 100%; }


/**
 * Images
 */
.typography img
{
    -webkit-box-shadow: 0.0em 0.1666em 0.3333em rgba(0, 0, 0, 0.3333);
       -moz-box-shadow: 0.0em 0.1666em 0.3333em rgba(0, 0, 0, 0.3333);
            box-shadow: 0.0em 0.1666em 0.3333em rgba(0, 0, 0, 0.3333);
}

img.float-none
{
}

img.float-left
{
    margin-right: 1.0em;
    float:        left;
}

img.float-right
{
    margin-left: 1.0em;
    float:       right;
}

img.float-center
{
    margin-left:  auto;
    margin-right: auto;
    display:      block;
}


/**
 * Textboxes
 */
.textbox
{
    margin-bottom: 3.0em;
}

.textbox .image
{
    float: left;
    width: 33.3333%;
}

.textbox .text
{
    padding-left: 1.5em;
    float:        right;
    width:        66.6667%;
}