/*
Projekt: cuxcloud DG
urlgo.de/s/10/10/
Start: 06.August.2012
Letzte Aenderung: 16:29, 19.12.2012
*/
/* Farbschema */
/*
CSS:
0 176 240 blau cux(cloud)
0 B0  F0  blau cux(cloud)
166 166 166 (cux)cloud
A6 A6 A6    (cux)cloud
Hintergrund #f8f8f8
Body 00B0F0
Link #dd2543
Visited #e68c2a
Hover #658619
*/
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,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol,
ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block !important;
}
nav ul,
nav li {
  margin: 0;
}
nav ul,
ul {
  list-style: none;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6 {
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col {
  margin-left: 1.5%;
  padding: 0.5em 1em;
}
.col1 {
  margin-left: 0;
  padding: 0.5em 0;
}
.col:first-child {
  margin-left: 0;
}
.span1 {
  width: 15.4166666667%;
}
.span2 {
  width: 32.3333333333%;
}
.span3 {
  width: 49.25%
}
.span4 {
  width: 66.1666666667%;
}
.span5 {
  width: 83.0833333333%;
}
.span6 {
  width: 100%;
  margin-left: 0;
}
body {
  font-size: 100%;
  /*Schriftfarbe auf der Seite*/
  color: #A6A6A6;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  background-image: url('medien/bg.png');
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  body {
    background-image: url('medien/bg@2x.png');
    background-size: auto auto;
  }
}
a {
  color: #dd2543;
  text-decoration: none;
}
a:hover {
  color: #A6A6A6 !important;
  text-decoration: none;
  border-bottom: 1px solid #00B0F0;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
a:visited {
	color: #FF0000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Times New Roman', serif;
  color: #00B0F0;
}
h1 {
  font-size: 1.714285714em;
  /* 24 / 14 */

  line-height: 1.5em;
  /* 21 / 14 */

}
h2 {
  font-size: 2em;
  line-height: 1.1em;
  /* 21 / 14 */

  margin: 0 0 0.5em 0;
  font-family: 'Arvo', serif;
  text-shadow: 1px 1px 0 #fff, 2px 2px 0 #aaa;
  font-weight: 700;
}
h3 {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 0 0 1em 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-shadow: 1px 1px 0 #fff;
}
p {
  font-size: 1em;
  /* 14 / 14 */

  line-height: 1.5em;
  margin-bottom: 1.5em;
  /* 21 / 14 */

}
#container,
.inner {
  margin: 0 auto;
}
#container {
  width: 90%;
  clear: both;
  padding-top: 20px;
}
header h1 {
  margin: 7px 0 0 0;
  padding: 5px 0 0 0;
}
/* NAVIGATION */
nav {
  margin: 7px 0 0 0;
  font-family: 'Arvo', serif;
  font-size: 1em;
  min-height: 4em;
}
nav ul {
  text-align: left;
  overflow: auto;
  width: 100%;
}
nav ul li {
  margin: 0 0 0 0;
  text-align: center;
  overflow: auto;
  float: left;
  width: 33%;
}
nav a {
  text-decoration: none;
  margin: 0;
  display: block;
  padding: 5px 0 5px 0;
  text-transform: uppercase;
  color: #00B0F0;
  border-bottom: 1px solid transparent;
  font-weight: bold;
  border-left: 1px solid #00B0F0;
}
nav a:visited {
  color: #00B0F0;
}
nav a:hover {
  border-bottom: 1px solid #dd2543;
  color: #dd2543;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
/* Der Intro-Bereich */
#intro {
    /*Bilderhauptbox*/
  background: white url(medien/grimmershoern.jpg) bottom left no-repeat;
  /*Textfarbe in der Box im Bild*/
  color: White;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  text-shadow: 1px 1px 0 #111;
  height: 456px;
  text-align:right
}
/*Textüberschrift im Bild*/
#intro h2 {
  font-size: 3em;
  line-height: 1.1em;
  color: white;
  opacity: .7;
  text-shadow: none;
}
#intro p {
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
  text-shadow: 2px 2px 3px #111;
}
/* Der Info-Bereich */
article {
  padding: 1em 0 0 0;
  float: left;
}
#info section img {
	display: block;
}
section img {
  max-width: 100%;
  margin: 0.7em 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
}
#info img {
  -webkit-transform: translate3d(0, 0, 0) rotate(2deg);
  -moz-transform: translate3d(0, 0, 0) rotate(2deg);
  -o-transform: translate3d(0, 0, 0) rotate(2deg);
  -ms-transform: translate3d(0, 0, 0) rotate(2deg);
  transform: rotate(2deg);
}
#info img.alt {
  -webkit-transform: translate3d(0, 0, 0) rotate(-2deg);
  -moz-transform: translate3d(0, 0, 0) rotate(-2deg);
  -o-transform: translate3d(0, 0, 0) rotate(-2deg);
  -ms-transform: translate3d(0, 0, 0) rotate(-2deg);
  transform: rotate(-2deg);
}
aside,
footer {
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
}
footer {
  border-top: 3px solid #00B0F0;
  padding: 1em 0 1em 0;
  float: left;
}
/* MEDIA QUERIES */
/* Responsify Defaults */
@media screen and (max-width: 480px) {
  nav ul li {
    width: 100%;
    margin: 0 0 5px 0;
  }
  nav a {
    margin: 0;
    padding: 14px 0 14px 0;
    border-left: none;
  }
  nav a:hover {
    border-bottom: 1px solid transparent;
  }
  h1 {
    text-align: center;
  }
  .span1,
  .span2,
  .span3,
  .span4,
  .span5,
  .span6,
  .aside {
    width: 100%;
    clear: both;
    margin-left: 0;
    padding-left: 0;
  }
  #intro {
    padding-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  nav .span2 {
    width: 100%;
  }
  h1 {
    text-align: center;
  }
  nav ul li {
    margin: 0 0 0 0;
    text-align: center;
    width: 100%;
  }
  nav a {
    margin: 0;
    padding: 14px 0 14px 0;
    border-left: none;
  }
  nav a:hover {
    border-bottom: 1px solid transparent;
  }
  .span1,
  .span2,
  .span3,
  .span4,
  .span5,
  .span6,
  .aside {
    width: 100%;
    clear: both;
    margin-left: 0;
    padding-left: 0;
  }
  #intro {
    padding-left: 10px;
  }
}
/* Custom Breakpoints */
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  nav ul li {
    width: 100%;
    margin: 0 0 5px 0;
  }
  nav a {
    margin: 0;
    padding: 14px 0 14px 0;
    border-left: none;
  }
  nav a:hover {
    border-bottom: 1px solid transparent;
  }
  .span1,
  .span2,
  .span3,
  .span4,
  .span5,
  .span6,
  .aside {
    width: 100%;
    clear: both;
    margin-left: 0;
    padding-left: 0;
  }
  #intro {
    padding-left: 10px;
  }
}
/* Custom Breakpoints */
@media screen and (max-width: px) {
  
}
.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}


.saisonCalendarBasic {
	background-color:#FFFFFF;
	color:#3F4C3E;
	font-family:Verdana,Arial,sans-serif;
	text-align:center;
	font-size:9pt;
	margin-bottom: 4pt;
	margin-right: 7pt;
}

.saisonCalendarTitle {
	background-color:#88A5C2;
	font-weight:bold;
}

.saisonCalendarDayTitle {
	background-color:#88A5C2;
	font-weight:bold;
}

.saisonCalendarDayEmpty {
	background-color:#C7C7C7;
}

.saisonCalendarVorsaison {
	background-color:#F1EB3A;
}

.saisonCalendarNebensaison {
	background-color: #99FFCC;
}
.saisonCalendarHauptsaison {
	background-color: #00CCFF;
}