/* titillium-web-regular - latin: Copyright (c) 2009-2011 by Accademia di Belle Arti di Urbino and students of MA course of Visual design. Some rights reserved., SIL Open Font License Version 1.1 (http://scripts.sil.org/OFL) */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('/sys/fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/sys/fonts/titillium-web-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* titillium-web-600 - latin: Copyright (c) 2009-2011 by Accademia di Belle Arti di Urbino and students of MA course of Visual design. Some rights reserved., SIL Open Font License Version 1.1 (http://scripts.sil.org/OFL) */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('/sys/fonts/titillium-web-v6-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/sys/fonts/titillium-web-v6-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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

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

* {
  margin: 0; padding: 0;
}

body {
  font: normal 16px 'Titillium Web', Arial, Helvetica sans-serif;
  color: #666;
  line-height: 1.3em;  
}

h1, h2, h3 {
  margin: 2em 0 1em;
  line-height: 1.3em;
  color: #9B2A4B;
  clear: both;
}

h1 {
  font-size: 28px;
  font-weight: normal; 
}

h2 {
  font-size: 16px;
}

h3 {
  padding: 10px 20px 5px;
  font-size: 16px;  
  border-radius: 5px 5px 0 0;
  color: #fff;
  background: #9B2A4B url(img/tabs.png) repeat-x;
}

h1:first-child,
h1:first-child + h2,
#sidebar h3:first-child {
  margin-top: 0;
}

p {
  margin-bottom: 1em;
  line-height: 1.6em;
}

ol {
  margin: 0 0 1em 10px; padding: 0 0 0 20px;
  list-style-type: decimal;
}

ul {
  margin: 0 0 1em 0; padding: 0 0 0 20px;
}

li {
  margin: 0 0 0.5em; padding: 0;
  line-height: 1.6em;
}

table {
  margin-bottom: 1em;
  border-collapse: collapse;
  width: 100%;
}

th {
  font-style: italic;
}

th, td {
  padding: 5px 10px; margin: 0;
  line-height: 1.6em;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #d4d4d4;
}

td:first-child {
  max-width: 100px;
}

a {
  color: #8FA700;
  text-decoration: none;
}

a:hover {
  color: #9B2A4B;
}

a img {
  border: 0px;
}

a:hover img {
  opacity: 0.8;
}

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

hr {
  margin-bottom: 20px;
  height: 1px;
  color: #d4d4d4;
  background-color: #d4d4d4;
}

dl {
  margin-bottom: 1em;
  width: 50%;
  line-height: 1.6em;
  float: left;
  overflow: hidden;
}

/* Form */
form {
  margin-bottom: 1em;
}

input[type], textarea, select {
  padding: 4px 8px; margin-bottom: 5px;
  width: 80%;
  border: 1px solid #e4e4e4;
  font: normal 16px 'Titillium Web', Arial, Helvetica sans-serif;
  color: #666;
}

input[type=checkbox], input[type=radio] {
  width: auto;
}

input[type=submit], input[type=button], .button {
  padding: 0 20px;
  line-height: 30px;
  display: inline-block;
  width: auto;
  border: 0;
  color: #9B2A4B;
  background: #8FA700 url(img/tabs.png) repeat-x;
  cursor: pointer;
  border-radius: 5px;
  font-size:14px;
}

input[type=submit]:hover, input[type=button]:hover, .button:hover {
  background: #9B2A4B;
  color: #fff;
  text-decoration: none;
}

input.error, textarea.error {
  border: 1px solid #706657;
  background: #ffbcbc;
}
input[type=checkbox].error {
  outline: 2px solid #ffbcbc;
}

input.checkform {
  display: none;
}

/*** Klassen ***/
.menu {
  margin: 0; padding: 0;
  font-weight: bold;
}

.menu li {
  margin: 0; padding: 0;
  list-style: none;
  position: relative; 
}

.menu a {
  padding: 0 20px;
  line-height: 44px;
  display: block;
  color: #fff; 
  border-top: 1px solid #fff; 
}

.menu li:first-child a {
  border: 0;
}

.menu a:hover,
.menu a.active {
  color: #9B2A4B;
  background: #8FA700 url(img/tabs.png) repeat-x;
}

.menu ul {
  margin: 0; padding: 0;
  width: 260px;
  position: absolute; top: 53px; left: 0;
  z-index: 30;
  display: none;
  background: #8FA700;
  -moz-box-shadow: 0px 0px 5px #666;
  -webkit-box-shadow: 0px 0px 5px #666;
  box-shadow: 0px 0px 5px #666;
}

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

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

/*** Objekte ***/
#body {
  background: #d09aab url(img/body.jpg) repeat-x center top;
}

/*** Page ***/
#page {
  margin: 0 auto;
  width: 1040px;
  -moz-box-shadow: 0px 0px 5px #666;
  -webkit-box-shadow: 0px 0px 5px #666;
  box-shadow: 0px 0px 5px #666;  
  position: relative;
  background: #fff;
}

/*** Header ***/
#header {
  height: 340px;
  overflow: hidden;
  background: #fff url(img/page.jpg?ver=1.1) no-repeat center top;
  position: relative;
}

#logo {
  padding: 40px 40px 0 40px; 
  display: block;
  z-index: 100; 
}

#logo img {
  width: 500px; 
}
   
#slides p {
  width: 640px;
  position: absolute; right: 40px; bottom: 20px;
  color: #9B2A4B;
  font-size: 20px;
  font-weight: bold;
  display: none;
} 

#slides p:first-child {
  display: block;
}

#navigationCtrl {
  display: none;
}

#navigation {
  margin-left: 40px;
  min-height: 44px; 
  border-top: 1px solid #fff;
  position: relative;
  z-index: 100;
  background: #9B2A4B url(img/tabs.png) repeat-x;
  -moz-box-shadow: 0px 0px 5px #666;
  -webkit-box-shadow: 0px 0px 5px #666;
  box-shadow: 0px 0px 5px #666;
}

#navigation .menu > li {
  float: left;
}

#navigation .menu > li > a {
  border: 0;
  border-right: 1px solid #fff;
}

/*** Content ***/
#container {
  padding: 40px;
}

#content {
  width: 630px;
  float: right; 
  overflow: hidden;  
}

#container strong {
  color: #9B2A4B;
}

#content .kurs .button {
  float: right;
}

.map {
  margin-bottom: 1em;
  width: 100%; height: 300px;
  border: 1px solid #e4e4e4;
}

.map img {
  max-width: none;
}

.gallery {
  line-height: 0;
}

.gallery img {
  margin: 0 5px 5px 0;
}

/*** Sidebar ***/
#sidebar {
  width: 240px; 
  float: left;
}

#sidebar .menu {
  margin-bottom: 40px;
  border-bottom: 1px solid #9B2A4B;
}

#sidebar .menu a {
  border-top: 1px dotted #9B2A4B;
  color: #9B2A4B;
}

.box {
  margin-left: 40px;
  max-width: 293px;
  float: left;
  border-radius: 3px;  
  font-size: 14px;
}

.box:first-child {
  margin-left: 0;
}

.page0 .box h3 {
  margin: 0 0 1px;
}

/*** Footer ***/
#footer {
  padding: 20px 30px 10px; margin-left: 40px;
  clear: both;
  color: #fff;
  background: #9B2A4B;
  border-top : 1px solid #fff;
  -moz-box-shadow: 0px 0px 5px #666;
  -webkit-box-shadow: 0px 0px 5px #666;
  box-shadow: 0px 0px 5px #666;
  overflow: hidden;
}

#footer a {
  color: #fff;
}

#footer p {
  margin-right: 100px;
  float: left;
}

#copyright {
  padding: 20px 40px;
  clear: both;
  font-size: 14px;
}

#copyright a {
  color: #666;
}

/*** Social ***/
.social {
  padding: 12px 0 12px 32px;
  width: 0; height: 70px;
  position: fixed; right: 0; top: 40px;
  overflow: hidden;
  border-radius: 15px 0 0 15px;
  -moz-box-shadow: 0px 0px 10px #555;
  -webkit-box-shadow: 0px 0px 10px #555;
  box-shadow: 0px 0px 10px #555;
  z-index: 20;
  cursor: pointer;
}

.social:hover {
  z-index: 30;
}

.social-bg {
  height: 500px;
  background: #fff !important;
  overflow: hidden;
}

#facebook {
  background: #3b5998 url(img/facebook.png) no-repeat 2px 5px;
  border-right: 2px solid #3b5998;
}

@media screen and (max-width: 960px) {
  #page {
    width: 100%;
  }
  
  #navigationCtrl {
    padding-left: 30px; margin-left: 40px;
    line-height: 44px;
    display: block;
    background: transparent url(img/menu.png) no-repeat 0 14px;
    color: #fff;
    font-weight: bold;
  }

  #navigation .menu {
    display: none;
  }

  #navigation .menu li {
    float: none;
    border-top: 1px solid #e4e4e4;
  }

  #navigation .menu > li > a {
    padding: 0 40px;
    border: 0;
  }
  
  #navigation .menu ul {
    display: none !important;
  }
  
  #slides p {
    font-size: 16px;
  }

  #content, #sidebar {
    width: 100%;
    float: none;
    clear: both;
  }
  
  #content {
    padding-bottom: 40px;
  }
  
  .page0 #sidebar {
    padding-top: 0;
  }
  
  .box {
    margin: 0 0 40px;
    float: none;
    max-width: 400px;
  }
}

@media screen and (max-width: 600px) {
  dl {
    width: 100%;
    float: none;
  }
  
  .alignleft {
    float: none;  
    display: block;
  }
  
  #header {
    height: 200px;
  }
  
  #logo {
    padding: 30px 30px 0;
  }
    
  #slides p {
    display: none !important;
  } 
  
  #navigationCtrl {
    margin-left: 30px;
  }
  
  #navigation {
    margin: 0;
  }
  
  #container {
    padding: 30px;
  }
  
  #content .kurs span {
    display: block;
  }
  
  #content .kurs .button {
    margin: 5px 0;
    float: left;
    clear: both;
  }
  
  #footer {
    margin-left: 30px;
  }
  
  #copyright {
    padding: 20px 30px;
  }
}

@media print {
  #slides * {
    display: none !important;
  }
  #slides .nivo-main-image {
    display: block !important;
  }
}