/*
* Theme Name: 11com7
* Author: Jürgen Rabe
*/

@font-face
{
    font-family: 'Roboto-Light';
    src: url("/fonts/Roboto-Light-webfont.eot");
    src: url("/fonts/Roboto-Light-webfont.eot#iefix") format("embedded-opentype"), url("/fonts/Roboto-Light-webfont.woff") format("woff"), url("/fonts/Roboto-Light-webfont.ttf") format("truetype"), url("/fonts/Roboto-Light-webfont.svg#open_sansregular") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face
{
    font-family: 'Roboto-Regular';
    src: url("/fonts/Roboto-Regular-webfont.eot");
    src: url("/fonts/Roboto-Regular-webfont.eot#iefix") format("embedded-opentype"), url("/fonts/Roboto-Regular-webfont.woff") format("woff"), url("/fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("/fonts/Roboto-Regular-webfont.svg#open_sansregular") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face
{
    font-family: 'Roboto-Italic';
    src: url("/fonts/Roboto-Italic-webfont.eot");
    src: url("/fonts/Roboto-Italic-webfont.eot#iefix") format("embedded-opentype"), url("/fonts/Roboto-Italic-webfont.woff") format("woff"), url("/fonts/Roboto-Italic-webfont.ttf") format("truetype"), url("/fonts/Roboto-Italic-webfont.svg#open_sansregular") format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face
{
    font-family: 'Roboto-Medium';
    src: url("/fonts/Roboto-Medium-webfont.eot");
    src: url("/fonts/Roboto-Medium-webfont.eot#iefix") format("embedded-opentype"), url("/fonts/Roboto-Medium-webfont.woff") format("woff"), url("/fonts/Roboto-Medium-webfont.ttf") format("truetype"), url("/fonts/Roboto-Medium-webfont.svg#open_sanssemibold") format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face
{
    font-family: 'Roboto-Bold';
    src: url("/fonts/Roboto-Bold-webfont.eot");
    src: url("/fonts/Roboto-Bold-webfont.eot#iefix") format("embedded-opentype"), url("/fonts/Roboto-Bold-webfont.woff") format("woff"), url("/fonts/Roboto-Bold-webfont.ttf") format("truetype"), url("/fonts/Roboto-Bold-webfont.svg#open_sansbold") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face
{
    font-family: 'FontAwesome';
    src: url("/fonts/fontawesome-webfont.woff2") format("woff2"), url("/fonts/fontawesome-webfont.woff") format("woff"), url("/fonts/fontawesome-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html
{font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}

body
{margin: 0}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary
{display: block}

audio, canvas, progress, video
{display: inline-block}

audio:not([controls])
{display: none;height: 0}

progress
{vertical-align: baseline}

template, [hidden]
{display: none}

a
{background-color: transparent;-webkit-text-decoration-skip: objects}

a:active, a:hover
{outline-width: 0}

abbr[title]
{border-bottom: none;text-decoration: underline;text-decoration: underline dotted}

b, strong
{font-weight: inherit}

b, strong
{font-weight: bolder}

dfn
{font-style: italic}

h1
{font-size: 2em;margin: 0.67em 0}

mark
{background-color: #ffff00;color: #000000}

small
{font-size: 80%}

sub, sup
{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}

sub
{bottom: -0.25em}

sup
{top: -0.5em}

img
{border-style: none}

svg:not(:root)
{overflow: hidden}

code, kbd, pre, samp
{font-family: monospace, monospace;font-size: 1em}

figure
{margin: 1em 40px}

hr
{box-sizing: content-box;height: 0;overflow: visible}

button, input, select, textarea
{font: inherit;margin: 0}

optgroup
{font-weight: bold}

button, input
{overflow: visible}

button, select
{text-transform: none}

button, html [type="button"], [type="reset"], [type="submit"]
{-webkit-appearance: button}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner
{border-style: none;padding: 0}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring
{outline: 1px dotted ButtonText}

fieldset
{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em}

legend
{box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal}

textarea
{overflow: auto}

[type="checkbox"], [type="radio"]
{box-sizing: border-box;padding: 0}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button
{height: auto}

[type="search"]
{-webkit-appearance: textfield;outline-offset: -2px}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration
{-webkit-appearance: none}

::-webkit-input-placeholder
{color: inherit;opacity: 0.54}

::-webkit-file-upload-button
{-webkit-appearance: button;font: inherit}

*, *:after, *:before
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}

.clearfix:before, .clearfix:after
{content: " ";display: table}

.clearfix:after
{clear: both}

html
{font-size: 10px;background: #f4f4f4}

body
{font-family: 'Roboto-Light', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 300;font-size: 17px;font-size: 1.7rem;line-height: 1.5;color: #4b4b4b;overflow-y: scroll}

img
{max-width: 100%;vertical-align: middle;height: auto}

figure
{margin: 0}

nav ul, nav li
{list-style-type: none;margin: 0;padding: 0}

strong, b, th
{font-family: 'Roboto-Regular', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 400;color: #222222}

i
{font-family: 'Roboto-Italic', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 400;font-style: italic}

h1, h2, h3, h4
{font-family: 'Roboto-Regular', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 400}

main h2 a:link, main h2 a:visited, main h3 a:link, main h3 a:visited, main h4 a:link, main h4 a:visited
{color: #0052a3}

main h2 a:hover, main h3 a:hover, main h4 a:hover
{color: #3c8edf}

main ul, main li
{margin: 0;padding: 0}

hr
{border: none;border-bottom: 1px solid #e7e7e7;clear: both;margin: 10px 22px}

dl
{margin-bottom: 35px}

input[type="text"], input[type="search"]
{font-size: inherit;line-height: inherit}

.hide-text, #mobile-menu-trigger
{text-indent: 100%;white-space: nowrap;overflow: hidden}

span.space
{display: inline-block;width: 0.42rem}

.desktop-only
{display: none}

[class^="grid-"]
{float: left;min-width: 150px;padding: 0 15px;margin: 4% 0 4%}

[class^="grid-"]:last-child
{border-color: transparent}

[class^="grid-"] p:first-child
{margin-top: 3px}

[class^="grid-"] p:last-child
{margin-bottom: 0}

[class^="grid-"].no-margin-bottom
{margin-bottom: 0}

[class^="grid-"].no-margin-top
{margin-top: 0}

[class^="grid-"] h2:first-child
{margin: 0 !important}

dt[class^="grid-"], dd[class^="grid-"]
{margin: 1% 0 1%}

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

.grid h2, .grid h3, .grid h4
{margin: 0;margin-bottom: 10px}

.imageteaser
{background-size: cover;min-height: 400px;color: #ffffff;padding: 20px 0;margin-top: 35px;margin-bottom: 35px}

.imageteaser h2
{color: #ffffff;font-size: 30px;font-size: 3rem;font-family: 'Roboto-Medium', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 600}

.imageteaser strong, .imageteaser b
{color: #ffffff}

@media only screen and (min-width: 700px)
{
    .grid-1
    {width: 8.33333%}

    .grid-2
    {width: 16.66667%}

    .grid-3
    {width: 25%}

    .grid-4
    {width: 33.33333%}

    .grid-5
    {width: 41.66667%}

    .grid-6
    {width: 50%}

    .grid-7
    {width: 58.33333%}

    .grid-8
    {width: 66.66667%}

    .grid-9
    {width: 75%}

    .grid-10
    {width: 83.33333%}

    .grid-11
    {width: 91.66667%}

    .grid-12
    {width: 100%;float: none}
}

.grid:first-child .grid-12
{margin-bottom: 0}

.grid:first-child .grid-12 img
{margin-bottom: 0}

@media only screen and (max-width: 700px)
{
    [class^="grid-"]
    {width: 100%;border: none}

    #projekte .grid-4
    {width: 50%;min-height: 240px}

    .gallery-columns-4 .gallery-item
    {width: 25%}
}

@media only screen and (max-width: 400px)
{
    #projekte [class^="grid-"]
    {width: 100%;border: none}

    #projekte article
    {margin-bottom: 50px}
}

.no-margin [class^="grid-"]
{margin: 3% 0 0 !important}

#projekte [class^="grid-"]
{float: none;min-height: auto}

.projekt-liste
{display: flex;flex-flow: wrap}

a:link, a:visited, .widget a:link, .widget a:visited
{color: #0052a3;text-decoration: none;-moz-transition-property: color, background;-o-transition-property: color, background;-webkit-transition-property: color, background;transition-property: color, background;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s}

a:hover, a:active, a:focus, .widget a:hover, .widget a:active, .widget a:focus
{color: #0052a3;text-decoration: underline}

h1, .page-template-default h1
{font-size: 26px;font-size: 2.6rem;line-height: 1.2;margin-bottom: 10px;color: #222222}

h1 strong, h1 b, .page-template-default h1 strong, .page-template-default h1 b
{font-family: 'Roboto-Medium', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 600}

h2, .page-template-default h1
{color: #222222;font-family: 'Roboto-Light', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 300;font-size: 30px;font-size: 3rem;line-height: 1.3}

h2 + p, .page-template-default h1 + p
{margin-top: 0}

h3, .page-template-default h2
{color: #222222;font-family: 'Roboto-Medium', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 600;font-size: 20px;font-size: 2rem}

h3 + p, h3 + ol, h3 + ul, .page-template-default h2 + p, .page-template-default h2 + ol, .page-template-default h2 + ul
{margin-top: 0}

h3.subheadline, .page-template-default h2.subheadline
{font-size: 18px;font-size: 1.8rem;font-family: 'Roboto-Regular', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 400;color: #9c9c9c;margin-top: 5px}

.page-template-default h2
{font-size: 22px;font-size: 2.2rem;margin-top: 35px}

.page-template-default h3
{font-size: 18px;font-size: 1.8rem}

.grid h2 + h3
{margin-top: 20px}

.leistungen-keywords
{font-size: 18px;font-size: 1.8rem;font-family: 'Roboto-Bold', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 700;color: #222222;position: relative;margin-bottom: 35px !important}

.leistungen-keywords:after
{content: " ";display: block;background: #222222;width: 70px;height: 5px;position: absolute;left: 0;bottom: -20px}

a img
{opacity: 1;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-moz-transition-property: opacity;-o-transition-property: opacity;-webkit-transition-property: opacity;transition-property: opacity;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s}

a:hover img, a:active img, a:focus img
{opacity: 0.85}

a[href$=".jpg"], a[href$=".png"]
{cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in}

main ul
{font-size: 16px;font-size: 1.6rem}

main li
{margin-bottom: 6px;padding-bottom: 6px;position: relative;list-style-type: none;padding-left: 12px;border-bottom: 1px dotted #e7e7e7}

main li:before
{content: "\f0da";color: #0052a3;font-family: FontAwesome;font-weight: normal;margin-right: 3px;position: absolute;left: 0}

main li:last-child
{border: none}

main dl dt
{font-family: 'Roboto-Medium', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 600}

.wrapper
{margin: 0 auto;padding-top: 60px;background: #ffffff;max-width: 1280px;width: 100%}

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

#projekte
{margin-bottom: 20px}

#projekte article
{margin-bottom: 50px}

#projekte article a:hover
{text-decoration: none}

#projekte article a:hover .projekt-name
{color: #0052a3}

#projekte .projekt-name
{font-size: 16px;font-size: 1.6rem;margin-top: 15px}

#projekte .projekt-leistungen
{font-size: 13px;font-size: 1.3rem;border-top: 1px solid #e7e7e7;margin-top: 5px;padding-top: 5px}

#projekte .projekt-url
{font-size: 13px;font-size: 1.3rem;position: relative;padding-left: 16px;border-top: 1px solid #e7e7e7;margin-top: 5px;padding-top: 5px;display: block}

#projekte .projekt-url:hover
{text-decoration: underline}

#projekte .projekt-url:before
{content: "\f0c1";font-family: FontAwesome;font-weight: normal;margin-right: 3px;position: absolute;left: 0;top: 5px}

.single-projekte h1
{font-family: 'Roboto-Bold', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 700;font-size: 30px;font-size: 3rem}

.single-projekte h2
{font-size: 23px;font-size: 2.3rem}

.single-projekte .projekt-details
{font-size: 15px;font-size: 1.5rem}

.single-projekte .projekt-details p
{margin: 0}

.single-projekte .projekt-details b
{display: inline-block;min-width: 70px}

#team
{margin-bottom: 40px}

#team article
{font-size: 15px;font-size: 1.5rem}

#team article[class^="grid-"]
{margin: 1% 0}

#team hr
{margin-bottom: 0;margin-top: 0}

#team .team-name
{font-size: 18px;font-size: 1.8rem;margin-bottom: 0;-moz-transition-property: color;-o-transition-property: color;-webkit-transition-property: color;transition-property: color;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s}

#team a:hover
{text-decoration: none}

#team a:hover .team-name
{color: #0052a3}

#team .team-position
{color: #4b4b4b;margin-top: 0}

#team .team-content
{color: #222222;border-top: 1px solid #f4f4f4;padding-top: 10px}

#team .team-details
{text-align: right}

#team .team-email
{font-family: 'Roboto-Medium', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 600}

blockquote
{background: #f9f9f9;margin: 0 0 25px 0;padding: 35px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;position: relative;font-family: 'Roboto-Italic', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 400;font-style: italic}

blockquote p:last-child
{margin-bottom: 0}

blockquote p:first-child
{margin-top: 0}

blockquote cite
{color: #222222;font-size: 14px;font-size: 1.4rem;display: block;margin-top: 5px;font-family: 'Roboto-Regular', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 400;font-style: normal}

blockquote cite:before
{content: "\2014 \2009"}

.aligncenter
{display: block}

.alignright
{float: right;margin: 5px 0 20px 20px}

.alignleft
{float: left;margin: 5px 20px 20px 0}

figure.wp-caption img
{-moz-border-radius-bottomleft: 0;-webkit-border-bottom-left-radius: 0;border-bottom-left-radius: 0;-moz-border-radius-bottomright: 0;-webkit-border-bottom-right-radius: 0;border-bottom-right-radius: 0}

figure.wp-caption .wp-caption-text
{position: relative;background: #f4f4f4;font-size: 13px;font-size: 1.3rem;color: #222222;padding: 5px 12px;-moz-border-radius-bottomleft: 2px;-webkit-border-bottom-left-radius: 2px;border-bottom-left-radius: 2px;-moz-border-radius-bottomright: 2px;-webkit-border-bottom-right-radius: 2px;border-bottom-right-radius: 2px}

figure.wp-caption .wp-caption-text:before
{content: "";width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 7px solid #f4f4f4;position: absolute;top: -5px}

.gallery
{overflow: hidden;display: flex;flex-wrap: wrap}

.gallery .gallery-item
{overflow: hidden;position: relative;width: 50%;text-align: center;align-self: center;padding: 25px}

#page-header
{position: fixed;top: 0;z-index: 999;width: 100%;-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px}

#page-header .wrapper
{min-height: 60px;background: #ffffff;overflow: hidden;padding-top: 0}

.logo
{background: url('/gfx/logo-11com7.png?1423759742') transparent 0 0 no-repeat;background: none, url('/gfx/logo-11com7.svg?1423750836') transparent 0 0 no-repeat;background-size: cover;display: inline-block;width: 136px;height: 40px;float: right;margin-top: 8px}

#main-navigation
{line-height: 110px;display: none}

#main-navigation li
{display: inline-block}

#main-navigation li a
{margin-right: 5px;font-size: 16px;font-size: 1.6rem;color: #4b4b4b;font-family: 'Roboto-Regular', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 400;text-decoration: none;padding: 5px 12px;background: #ffffff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-transition-property: color, background;-o-transition-property: color, background;-webkit-transition-property: color, background;transition-property: color, background;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s}

#main-navigation li a:hover, #main-navigation li a:focus
{background: #e5e5e5;color: #222222}

#main-navigation li a.active
{background: #222222;color: #ffffff}

.single-jobs #main-navigation .menu-item-668 a
{background: #e5e5e5}

#mobile-menu-trigger
{position: absolute;top: 0;left: 0;display: block;height: 60px;width: 60px;color: #0052a3;text-decoration: none}

#mobile-menu-trigger:before
{font-family: FontAwesome;font-weight: normal;content: "\f0c9 ";font-size: 30px;font-size: 3rem;display: block;text-align: center;padding-top: 2px;line-height: 55px;text-indent: 0}

.mm-menu
{background: #0052a3;font-family: 'Roboto-Medium', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 600}

.mm-menu ul li
{border-bottom: 1px solid #196bbc}

.mm-menu ul li:after
{display: none !important}

.mm-menu ul li a
{color: #ffffff;font-size: 23px;font-size: 2.3rem;padding: 15px 25px;position: relative;display: block}

.mm-menu ul li a:after
{font-family: FontAwesome;font-weight: normal;content: "\f105";position: absolute;right: 15px;top: 15px}

#meta-navigation
{float: none}

#meta-navigation li
{display: inline;text-align: right;margin-left: 5px;padding-left: 5px;border-left: 1px solid #e7e7e7}

#meta-navigation li:first-child
{border: none;padding: 0;margin: 0}

.footer
{font-size: 13px;font-size: 1.3rem;border-top: 1px solid #e7e7e7; margin-top: 7rem}

.copyright
{float: none}

button, .button
{display: inline-block;padding: 8px 18px;border: 2px solid #0052a3;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color: #0052a3;font-family: 'Roboto-Regular', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 400;margin-right: 10px}

button:hover, button:active, button:focus, .button:hover, .button:active, .button:focus
{text-decoration: none;background: #0052a3;color: #ffffff}

button:hover .extra-info, button:active .extra-info, button:focus .extra-info, .button:hover .extra-info, .button:active .extra-info, .button:focus .extra-info
{color: rgba(255, 255, 255, 0.6)}

button .extra-info, .button .extra-info
{display: block;color: #a1a1a1;font-size: 13px;font-size: 1.3rem;-moz-transition-property: color;-o-transition-property: color;-webkit-transition-property: color;transition-property: color;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;line-height: 1;padding-bottom: 8px}

button.vcf-card, .button.vcf-card
{position: relative;padding-left: 75px}

button.vcf-card:before, .button.vcf-card:before
{content: "\f2bb";font-family: FontAwesome;font-weight: normal;position: absolute;left: 18px;top: 2px;font-size: 38px;font-size: 3.8rem}

.imageteaser .button
{display: inline-block;padding: 10px 22px;border: 2px solid #ffffff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color: #ffffff;font-family: 'Roboto-Regular', 'Segoe UI', Arial, Verdana, sans-serif;font-weight: 400}

.imageteaser .button:hover
{text-decoration: none;background: rgba(255, 255, 255, 0.2)}

@media only screen and (min-width: 480px)
{
    .gallery-columns-2 .gallery-item
    {width: 50%}

    .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item
    {width: 33.33%}
}

@media only screen and (min-width: 560px)
{
    .page-template-onepager h1
    {font-size: 36px;font-size: 3.6rem}

    [class^="grid-"]
    {padding: 0 22px}
}

@media only screen and (min-width: 768px)
{
    #team .team-content
    {padding-top: 22px}

    #meta-navigation
    {float: right}

    .copyright
    {float: left}
}

@media only screen and (min-width: 920px)
{
    .page-template-onepager h1
    {font-size: 50px;font-size: 5rem}

    #page-header
    {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;-moz-transition-property: box-shadow, background;-o-transition-property: box-shadow, background;-webkit-transition-property: box-shadow, background;transition-property: box-shadow, background;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s}

    #page-header .wrapper
    {border-top: 3px solid #0052a3}

    .wrapper
    {padding-top: 111px}

    #main-navigation
    {display: block}

    .logo
    {width: 170px;height: 50px;margin-top: 25px}

    #mobile-menu-trigger
    {display: none}

    .gallery-columns-2 .gallery-item
    {width: 50%}

    .gallery-columns-3 .gallery-item
    {width: 33.33%}

    .gallery-columns-4 .gallery-item
    {width: 25%}

    .gallery-columns-5 .gallery-item
    {width: 20%}
}

@media only screen and (min-width: 1024px)
{
    .desktop-only
    {display: block}
}

@media only screen and (min-width: 1140px)
{
    .readWidth, .gallery
    {padding: 0 20px}

    .wrapper
    {max-width: 1100px}
}

@media only screen and (min-width: 1250px)
{
    html
    {background: #f4f4f4}

    .readWidth, .gallery
    {padding: 0 70px}

    .wrapper
    {max-width: 1200px}
}

@media only screen and (min-width: 1400px)
{
    .readWidth, .gallery
    {padding: 0 110px}

    .wrapper
    {max-width: 1280px}
}

@media only screen and (min-width: 920px)
{
    .scrolled #page-header
    {-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;background: #ffffff;border-top: 3px solid #0052a3}

    .scrolled #page-header .wrapper
    {border-top: 0}
}

@media print
{
    *, *:before, *:after
    {background: transparent !important;color: #000000 !important;box-shadow: none !important;text-shadow: none !important}

    a, a:visited
    {text-decoration: underline}

    a[href]:after
    {content: " (" attr(href) ")"}

    abbr[title]:after
    {content: " (" attr(title) ")"}

    a[href^="#"]:after, a[href^="javascript:"]:after
    {content: ""}

    pre, blockquote
    {border: 1px solid #999999;page-break-inside: avoid}

    thead
    {display: table-header-group}

    tr, img
    {page-break-inside: avoid}

    img
    {max-width: 100% !important}

    p, h2, h3
    {orphans: 3;widows: 3}

    h2, h3
    {page-break-after: avoid}
}