@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

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

a img {
  border: none; }

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

/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0; }

.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px; }

.row {
  margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha {
  margin-left: 0; }

.column.omega, .columns.omega {
  margin-right: 0; }

/* Base Grid */
.container .one.column,
.container .one.columns {
  width: 40px; }

.container .two.columns {
  width: 100px; }

.container .three.columns {
  width: 160px; }

.container .four.columns {
  width: 220px; }

.container .five.columns {
  width: 280px; }

.container .six.columns {
  width: 340px; }

.container .seven.columns {
  width: 400px; }

.container .eight.columns {
  width: 460px; }

.container .nine.columns {
  width: 520px; }

.container .ten.columns {
  width: 580px; }

.container .eleven.columns {
  width: 640px; }

.container .twelve.columns {
  width: 700px; }

.container .thirteen.columns {
  width: 760px; }

.container .fourteen.columns {
  width: 820px; }

.container .fifteen.columns {
  width: 880px; }

.container .sixteen.columns {
  width: 940px; }

.container .one-third.column {
  width: 300px; }

.container .two-thirds.column {
  width: 620px; }

/* Offsets */
.container .offset-by-one {
  padding-left: 60px; }

.container .offset-by-two {
  padding-left: 120px; }

.container .offset-by-three {
  padding-left: 180px; }

.container .offset-by-four {
  padding-left: 240px; }

.container .offset-by-five {
  padding-left: 300px; }

.container .offset-by-six {
  padding-left: 360px; }

.container .offset-by-seven {
  padding-left: 420px; }

.container .offset-by-eight {
  padding-left: 480px; }

.container .offset-by-nine {
  padding-left: 540px; }

.container .offset-by-ten {
  padding-left: 600px; }

.container .offset-by-eleven {
  padding-left: 660px; }

.container .offset-by-twelve {
  padding-left: 720px; }

.container .offset-by-thirteen {
  padding-left: 780px; }

.container .offset-by-fourteen {
  padding-left: 840px; }

.container .offset-by-fifteen {
  padding-left: 900px; }

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px; }

  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px; }

  .column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px; }

  .column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 10px; }

  .alpha.omega {
    margin-left: 0;
    margin-right: 0; }

  .container .one.column,
  .container .one.columns {
    width: 28px; }

  .container .two.columns {
    width: 76px; }

  .container .three.columns {
    width: 124px; }

  .container .four.columns {
    width: 172px; }

  .container .five.columns {
    width: 220px; }

  .container .six.columns {
    width: 268px; }

  .container .seven.columns {
    width: 316px; }

  .container .eight.columns {
    width: 364px; }

  .container .nine.columns {
    width: 412px; }

  .container .ten.columns {
    width: 460px; }

  .container .eleven.columns {
    width: 508px; }

  .container .twelve.columns {
    width: 556px; }

  .container .thirteen.columns {
    width: 604px; }

  .container .fourteen.columns {
    width: 652px; }

  .container .fifteen.columns {
    width: 700px; }

  .container .sixteen.columns {
    width: 748px; }

  .container .one-third.column {
    width: 236px; }

  .container .two-thirds.column {
    width: 492px; }

  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px; }

  .container .offset-by-two {
    padding-left: 96px; }

  .container .offset-by-three {
    padding-left: 144px; }

  .container .offset-by-four {
    padding-left: 192px; }

  .container .offset-by-five {
    padding-left: 240px; }

  .container .offset-by-six {
    padding-left: 288px; }

  .container .offset-by-seven {
    padding-left: 336px; }

  .container .offset-by-eight {
    padding-left: 384px; }

  .container .offset-by-nine {
    padding-left: 432px; }

  .container .offset-by-ten {
    padding-left: 480px; }

  .container .offset-by-eleven {
    padding-left: 528px; }

  .container .offset-by-twelve {
    padding-left: 576px; }

  .container .offset-by-thirteen {
    padding-left: 624px; }

  .container .offset-by-fourteen {
    padding-left: 672px; }

  .container .offset-by-fifteen {
    padding-left: 720px; } }
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px; }

  .container .columns,
  .container .column {
    margin: 0; }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px; }

  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0; } }
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px; }

  .container .columns,
  .container .column {
    margin: 0; }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px; } }
img {
  max-width: 100%;
  width: 100%; }

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

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

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/*
 *	Vars
*/
/*
 *	Functions
*/
/* @group HTMLElemente */
/**
 * @section        HTML Elemente
 *
 * Alle HTML Elemente
 *
 * @see            Enter an optional external reference url or link to internal section scope (e.g. #section)
 */
header
, nav
, section
, article
, aside
, footer
, hgroup {
  display: block; }

html {
  font-size: 62.5%; }

body {
  font-family: 'Dosis', sans-serif;
  line-height: 1.4;
  background: #dddfe0;
  overflow-y: scroll; }

header {
  position: relative;
  z-index: 3; }
  header .wrapper {
    background-size: center;
    height: 230px; }

.day header {
  background: url(/themes/mysite/images/header_mount_day.png) repeat-x; }
  .day header .wrapper {
    background: url(/themes/mysite/images/header_city_day.png) no-repeat; }

.night header {
  background: url(/themes/mysite/images/header_mount_night.png) repeat-x; }
  .night header .wrapper {
    background: url(/themes/mysite/images/header_city_night.png) no-repeat; }

.twilight header {
  background: url(/themes/mysite/images/header_mount_twilight.png) repeat-x; }
  .twilight header .wrapper {
    background: url(/themes/mysite/images/header_city_twilight.png) no-repeat; }

h1 a {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 3;
  width: 352px;
  z-index: 3;
  margin-left: 10px;
  margin-right: 10px;
  background: white; }
  h1 a img {
    position: relative;
    top: -5px;
    background: #fff; }

p, figcaption, table {
  margin-bottom: 1em;
  font-size: 15px;
  font-size: 1.5rem; }

figcaption {
  line-height: 1.2; }

table {
  width: 100%; }

td:first {
  width: 30%; }

strong {
  font-weight: bolder; }

h2 {
  font-weight: 700; }

a {
  outline: none; }

a:link, a:visited {
  color: #ff9d27;
  font: bold; }

a:hover, a:focus {
  text-decoration: none; }

/* @end */
/* @group Layout */
/**
 * @section        Lyout Elemente
 *
 * Wichtige Elemente des LAyouts
 *
 * @see            Enter an optional external reference url or link to internal section scope (e.g. #section)
 */
.wrapper {
  position: relative; }

aside {
  padding-top: 2em; }

/* @end  */
/* @group Navigation */
/**
 * @section        Navigation
 *
 * Alle Navigationselemente
 *
 * @see            Enter an optional external reference url or link to internal section scope (e.g. #section)
 */
nav {
  width: 100%;
  background: #ff9d27;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  position: relative;
  z-index: 2; }
  nav ul li {
    float: left;
    margin-right: 2em;
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: .5em 0;
    font-weight: bolder;
    font-weight: 700; }
    nav ul li a {
      text-decoration: none; }
    nav ul li a:link, nav ul li a:visited {
      color: #fff; }
    nav ul li a:hover, nav ul li a:focus {
      color: #000; }
  nav ul li.current a, nav ul li.section a {
    position: relative;
    color: #000; }
  nav ul li.section a:after, nav ul li.current a:after {
    content: "";
    position: absolute;
    bottom: -18px;
    width: 0px;
    height: 0px;
    border-style: inset;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ff9e27 transparent transparent transparent;
    z-index: 99; }
  nav ul li.section.LinkKieferHolder a:after, nav ul li.current.LinkKieferHolder a:after {
    left: 40%; }
  nav ul li.section.LinkPage a:after, nav ul li.current.LinkPage a:after {
    left: 28%; }
  nav ul li.section.LinkTeamPage a:after, nav ul li.current.LinkTeamPage a:after {
    left: 23%; }
  nav ul li.section.LinkMapPage a:after, nav ul li.current.LinkMapPage a:after {
    left: 31%; }

.subnav li {
  padding: 1em 0 .5em 0;
  margin-bottom: 0;
  min-height: 7.5em; }
  .subnav li a {
    display: block;
    color: #000;
    height: 100%; }
  .subnav li div.offset-by-two {
    padding-top: 1.5em; }
  .subnav li .figSwitch img {
    width: 85% !important; }

/* @end  */
/* @group Content */
/**
 * @section        Content
 *
 * Styling von Inhaltselementen
 *
 * @see            Enter an optional external reference url or link to internal section scope (e.g. #section)
 */
#contentstruct {
  width: 100%;
  background: #fff;
  padding-bottom: 2em; }

.content {
  padding-top: 1em;
  padding-bottom: 1em; }
  .content h2, .content h3 {
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: bold;
    font-weight: 700; }
  .content table {
    margin-top: .75em; }

main.content {
  background: #fff;
  display: block;
  z-index: 1;
  padding-top: 4em; }

section {
  padding-top: 1em; }

.home {
  padding: 2em 0; }
  .home ul li {
    position: relative;
    margin-right: 2.6em;
    /*img.norm:hover{
    	opacity: 0;
    	-webkit-transition: opacity 1s ease-in-out;
    	-moz-transition: opacity 1s ease-in-out;
    	-o-transition: opacity 1s ease-in-out;
    	transition: opacity 1s ease-in-out;
    }*/ }
    .home ul li a {
      text-decoration: none;
      color: #000; }
    .home ul li .figSwitch img {
      width: 80% !important; }
    .home ul li .figSwitch .blendout {
      left: 0; }
    .home ul li .figSwitch div {
      display: block;
      text-align: center; }
      .home ul li .figSwitch div p {
        font-size: 18px;
        font-size: 1.8rem;
        width: 85%; }
        .home ul li .figSwitch div p strong {
          font-size: 20px;
          font-size: 2rem; }

.figSwitch {
  position: relative; }
  .figSwitch img {
    width: 80% !important;
    position: relative;
    z-index: 2;
    -moz-backface-visibility: hidden; }
  .figSwitch img.blendout {
    position: absolute;
    top: 0;
    left: 0;
    -moz-backface-visibility: hidden; }
  .figSwitch img.hover {
    z-index: 1; }

.GalleryRight li {
  margin: 0;
  padding: 0;
  margin-bottom: 2px !important; }
.GalleryRight li.alpha {
  margin: 0;
  padding: 0; }
.GalleryRight li.omega {
  margin-left: 5px !important; }

#map-canvas {
  margin-top: 2em; }
  #map-canvas img {
    max-width: none; }

.TeamPage table {
  min-width: 100%; }
.TeamPage .content td {
  padding-bottom: .75em; }
.TeamPage td {
  vertical-align: top; }
.TeamPage td.dateend {
  padding-right: 2em; }
.TeamPage td.dateBeetween {
  padding: 0 .25em; }
.TeamPage section .content {
  margin-top: .5em; }
  .TeamPage section .content .team li {
    margin-bottom: 1em; }
.TeamPage figcaption {
  padding-top: .5em; }

footer {
  background: #dddfe0;
  padding: 2em 0; }
  footer h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: .5em;
    padding-top: .3em;
    text-transform: uppercase;
    font-weight: bolder; }
  footer h3.zeiten {
    background: url(/themes/mysite/images/webseite.png) left top no-repeat; }
  footer h3.kontakt {
    background: url(/themes/mysite/images/webseite.png) left -39px no-repeat;
    padding-left: 2.5em; }
  footer table {
    width: 100%;
    font-family: "Trebuchet MS", sans-serif; }
    footer table td {
      font-size: 13px;
      font-size: 1.3rem;
      vertical-align: bottom !important;
      padding-bottom: 0; }
    footer table td.day {
      width: 30%; }
  footer a:link, footer a:visited {
    color: #000; }
  footer .openingHours {
    margin-bottom: 2em !important; }
  footer .timetable {
    font-weight: lighter;
    font-size: 14px; }
  footer p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 13px;
    font-size: 1.3rem; }

.KieferHolder .content {
  padding-top: 4em; }
.KieferHolder .chooseKP {
  margin-top: 1.4em; }
  .KieferHolder .chooseKP li {
    margin-right: 5em; }
  .KieferHolder .chooseKP li.omega {
    margin-right: 0; }
  .KieferHolder .chooseKP p {
    line-height: 1.3; }

/* @end  */
.ImageGallery li {
  margin-bottom: 3px;
  cursor: hand; }
.ImageGallery img:hover {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-backface-visibility: hidden;
  zoom: 1;
  filter: alpha(opacity=5);
  opacity: 0.5;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -ms-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out; }

.PageGallery li {
  margin-bottom: 17px; }

/* @group Allgemeines */
/**
 * @section        Allegimeins
 *
 * Allgeim gültige Regeln
 *
 * @see            Enter an optional external reference url or link to internal section scope (e.g. #section)
 */
/* @end */
.noMargin {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0 !important; }

/* 
 * Non-semantic helper classes 
 */
.no-js .jsShow {
  display: none; }

.jsHide {
  display: none; }

.clearLeft {
  clear: left; }

.warningJS {
  position: absolute;
  top: 0;
  width: 100%;
  background: #fff;
  color: red;
  left: 0;
  z-index: 999; }

.error {
  height: 15px;
  background-color: #FFFE36;
  font-size: 11px;
  border: 1px solid #E1E16D;
  padding: 4px 10px;
  color: #000;
  display: none;
  z-index: 5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-box-shadow: 0 0 6px #ddd;
  -webkit-box-shadow: 0 0 6px #ddd; }

.Message {
  font-size: 14px;
  font-size: 1.4rem;
  color: red; }

.error p {
  margin: 0; }

/* for image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
  zoom: 1; }

/* (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; }

/* skiplinks:technical setup */
#skiplinks {
  position: absolute;
  top: 0px;
  left: -32768px;
  z-index: 1000;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none; }

#skiplinks a.skip:focus,
#skiplinks a.skip:active {
  left: 32768px;
  outline: 0 none;
  position: absolute;
  width: 100%; }

/* @end  */
.lt-ie9 .ImageGallery img:hover {
  zoom: 1;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -ms-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out; }

/* @group Mediaqueries */
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */
@media only screen and (max-width: 767px) {
  .home ul li {
    margin-right: 1em !important; }

  .subnav {
    display: none !important; }

  ul.chooseKP {
    width: 80%;
    margin: 0 auto; }
    ul.chooseKP li {
      padding: 0 !important;
      margin: 0 !important;
      max-width: 100%; }
    ul.chooseKP .figSwitch {
      width: 80%;
      margin: 0 auto; }
      ul.chooseKP .figSwitch img, ul.chooseKP .figSwitch p {
        width: 100% !important;
        max-width: 100%;
        min-width: 100%; }

  header {
    display: none; }

  nav ul li {
    margin-right: 1.3em; }
  nav ul li.omega {
    margin-right: 0; } }
.mean-bar {
  background: #ff9d27; }
  .mean-bar nav {
    border: none; }
    .mean-bar nav ul li {
      float: none;
      width: 100%; }

a.meanmenu-reveal {
  background: #ff9d27; }

/* @end  */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  ul.chooseKP .figSwitch {
    width: 100%;
    max-width: 100%; }

  h1 a {
    bottom: -76px !important; }

  h1 a img {
    position: relative;
    top: -2px; }

  h1 a {
    width: 222px;
    margin-left: 10px;
    margin-right: 10px; }

  .day header .wrapper {
    background: url(/themes/mysite/images/header_city_day_small.png) no-repeat; }

  .night header .wrapper {
    background: url(/themes/mysite/images/header_city_night_small.png) no-repeat; }

  .twilight header .wrapper {
    background: url(/themes/mysite/images/header_city_twilight_small.png) no-repeat; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  ul.chooseKP .figSwitch {
    width: 60%;
    max-width: 60%; }

  ul.chooseKP li {
    margin-bottom: 3em !important; } }
@media only screen and (max-width: 767px) {
  ul.chooseKP li {
    margin-bottom: 3em !important; }

  .home ul li .figSwitch div p {
    font-size: 20px;
    font-size: 2rem; }

  h1 {
    /*position:absolute;
    top:0;
    height:200px;
    width:100%;
    left:0;*/
    display: none; }

  #mobileImg {
    padding-top: 5px;
    max-width: 70%;
    position: relative;
    left: -24px; }

  main.content {
    padding-top: 7em; }

  .ImageGallery figure, PageGallery figure {
    margin-bottom: 1em; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* Retina-specific stuff here */
  .day header {
    background: url(/themes/mysite/images/header_mount_day_x2.png) repeat-x;
    background-size: 248px 230px; }
    .day header .wrapper {
      background: url(/themes/mysite/images/header_city_day_x2.png) no-repeat;
      background-size: 960px 230px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx), only screen and (min-width: 768px) and (max-width: 959px) {
  .day header .wrapper {
    background: url(/themes/mysite/images/header_city_day_small_x2.png) no-repeat;
    background-size: 768px 230px; } }
/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * {
    background: transparent !important;
    color: #444 !important;
    text-shadow: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }

  a:after {
    content: " (" attr(href) ")"; }

  abbr:after {
    content: " (" attr(title) ")"; }

  .ir a:after {
    content: ""; }

  /* Don't show links for images */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

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