/*!
 *  * Bootstrap v2.1.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
* {
  outline: none;
}
html,
body {
  padding: 0;
  margin: 0;
}
*html > body {
  background-image: none;
  background-color: #d9d5d4;
  padding: 0;
  margin: 0;
}
.tyBody {
  background-image: url('../img/tyPDS/pds_body_back.jpg');
  background-attachment: fixed;
  background-color: #ffffff;
  font-family: Arial, Verdana, sans-serif;
  color: #401606;
  overflow-y: scroll;
  font-size: 14px;
  line-height: 21px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 900;
  padding: 0;
  color: #401606;
}
h1 {
  font-size: 1.7em;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 25px;
  line-height: 1.5em;
  font-family: "HaasGrotesk", Arial, Verdana, sans-serif;
}
h2 {
  font-size: 1.3em;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 20px;
  line-height: 1.4em;
  font-family: "HaasGrotesk", Arial, Verdana, sans-serif;
}
h3 {
  font-size: 1em;
  font-weight: 900;
  margin: 0 0 10px;
  line-height: 1.2em;
}
h4 {
  font-size: 1.1em;
  margin: 0;
  line-height: 0.8em;
}
h5 {
  font-size: 1.1em;
  font-weight: 500;
}
p {
  margin: 0 0 15px;
}
p img {
  margin: 0 0 5px;
}
a img {
  border: none;
}
/* Liste */
#tyWrap ul,
.tyTopWrap ul,
#tyStartWrap {
  list-style-image: url('../img/tyPDS/hsnavi_arrow.png');
  margin: 0 0 0 15px;
  padding: 0;
}
#tyWrap h1 {
  font-size: 1.5em;
}
#tyWrap h2 {
  font-size: 1.2em;
}
/* Links */
a:link,
a:active,
a:visited,
a:hover {
  text-decoration: none;
  color: #401606;
}
a:link:hover,
a:active:hover,
a:visited:hover,
a:hover:hover {
  text-decoration: none;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
  float: left;
  padding: 0 10px;
}
.col-md-1 {
  width: 8.33333333%;
}
.col-md-2 {
  width: 16.66666667%;
}
.col-md-3 {
  width: 25%;
}
.col-md-4 {
  width: 33.33333333%;
}
.col-md-5 {
  width: 41.66666667%;
}
.col-md-6 {
  width: 50%;
}
.col-md-7 {
  width: 58.33333333%;
}
.col-md-8 {
  width: 66.66666667%;
}
.col-md-9 {
  width: 75%;
}
.col-md-10 {
  width: 83.33333333%;
}
.col-md-11 {
  width: 91.66666667%;
}
.col-md-12 {
  width: 100%;
}
#tyShadowWrap {
  width: 1002px;
  margin: 0 auto;
  background: url('../img/tyPDS/site_edge.png') 0 0 repeat-y;
}
#tyHeader .container {
  margin: 0 auto;
  background: url('../img/tyPDS/bg_pappe.jpg') 0 0 repeat;
  overflow: hidden;
}
#tyHeader .container .tyHeaderBack {
  background: url('../img/tyPDS/header_back.jpg') right 0 no-repeat;
}
#tyHeader .container .tyLanguage .langWrap {
  margin-top: 15px;
  float: left;
}
#tyHeader .container .tyLanguage .langWrap a {
  margin: 0 12px;
}
#tyHeader .container .tyLanguage .langWrap a img {
  height: 19px;
  width: auto;
}
#tyHeader .container .tyLanguage .langWrap a.act {
  display: none !important;
}
#tyHeader .container .tyLanguage .partnerLink {
  width: 325px;
}
#tyHeader .container .tyLanguage a {
  display: block;
  margin: 5px 10px 10px 0;
  float: right;
}
#tyTopWrap .container {
  background: #dabd93;
  margin: 0 auto;
  background: url('../img/tyPDS/bg_pappe.jpg') 0 0 repeat;
}
#tyTopWrap .container .spanAside1,
#tyTopWrap .container .spanAside2 {
  margin-left: 0 !important;
  padding: 0 30px;
}
#tyTopWrap .container .spanAside1 h1,
#tyTopWrap .container .spanAside2 h1,
#tyTopWrap .container .spanAside1 h2,
#tyTopWrap .container .spanAside2 h2,
#tyTopWrap .container .spanAside1 h3,
#tyTopWrap .container .spanAside2 h3 {
  margin-top: 20px;
}
#tyTopWrap .container a {
  text-decoration: underline;
}
#tyTopWrap .container a:hover {
  text-decoration: none;
}
#tyWrap .container {
  padding: 30px 0 50px;
  margin: 0 0 0 30px;
  background: #dabd93;
  margin: 0 auto;
  background: url('../img/tyPDS/bg_pappe.jpg') 0 0 repeat;
  position: relative;
  min-height: 500px;
}
#tyWrap .container .tyStartCol {
  width: 305px;
  padding: 0 0 0 15px;
  float: left;
}
#tyWrap .container a {
  text-decoration: underline;
}
#tyWrap .container a:hover {
  text-decoration: none;
}
#tyWrap .container .tyRightWrap {
  padding: 0 30px 0 0;
}
#tyWrap .container .tyRightWrap .spanAside2 {
  margin-left: 0;
  width: 100%;
}
#tyWrap .container .tyRightWrap .spanAside1 {
  margin-left: 0;
}
#tyWrap .container .tyBackLeft {
  background-image: url('../img/tyPDS/back_left.png');
  background-repeat: repeat-y;
  width: 23px;
  height: 100%;
  position: absolute;
  left: -1px;
  top: 0;
}
#tyWrap .container .tyBackRight {
  background-image: url('../img/tyPDS/back_right.png');
  background-repeat: repeat-y;
  width: 23px;
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
}
#tyWrap.tyStartWrap .container {
  padding: 0px 0 50px;
}
#tyFooter {
  margin: 0;
}
#tyFooter .container {
  margin: 0 auto;
  background: url('../img/tyPDS/bg_pappe.jpg') 0 0 repeat;
}
#tyFooter .container .tyFooterWrap {
  background: url('../img/tyPDS/footer_back.jpg') right bottom no-repeat;
}
.fixfloat {
  clear: both;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}
.floatl {
  float: left;
}
.floatr {
  float: right;
}
/***** Campustouren *****/
.tyCampustourenBox {
  /* fix for scroll bars on webkit & Mac OS X Lion */
}
.tyCampustourenBox table,
.tyCampustourenBox tr,
.tyCampustourenBox td {
  font-size: 10pt;
  border-color: #777777;
  background: #dddddd;
  color: #000000;
  border-style: solid;
  border-width: 2px;
  padding: 5px;
  border-collapse: collapse;
}
.tyCampustourenBox h1 {
  font-size: 18pt;
}
.tyCampustourenBox h2 {
  font-size: 14pt;
}
.tyCampustourenBox .warning {
  font-weight: bold;
}
.tyCampustourenBox ::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.5);
  width: 0.75em;
}
.tyCampustourenBox ::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
}
.tyCampustourenBox #container {
  width: 100%;
  height: 350px;
}
/***** Trennlinie *****/
.tySeperator {
  width: 100%;
  background: url('../img/tyPDS/trennlinie.png') 0 0 repeat;
  height: 25px;
  clear: both;
  margin-top: 10px;
  margin-bottom: 20px;
}
/***** Social Box *****/
.tySocialBox {
  min-width: 300px;
}
/***** Scroll Top Button *****/
.tyBackToTop {
  z-index: 1000;
  position: fixed;
  bottom: 30px;
  right: 30px;
}
.tyBackToTop a {
  border: 1px solid #ffffff;
  font-size: 17px;
  line-height: 25px;
  padding: 2px 22px 2px 10px;
  color: #ffffff;
  display: block;
  float: right;
  background: #286333 url('../img/tyPDS/arrow_white_top.png') 93px 11px no-repeat;
}
.tyBackToTop a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/***** PDS Karte *****/
.tyPdsMap {
  width: 913px;
  height: 680px;
  display: block;
  background: url('../img/tyPDS/pds_map.jpg') 0 0 no-repeat;
  margin: 0 auto 20px;
  position: relative;
  z-index: 1;
}
.tyPdsMap .tyCityMap {
  position: absolute;
  display: block;
  z-index: 10;
  cursor: pointer;
}
.tyPdsMap .tyCityMap .tyInfo {
  display: none;
  position: absolute;
  left: -50%;
  top: -50%;
  width: 290px;
  height: auto;
  border: 2px dashed #786241;
  overflow: hidden;
  cursor: default;
  padding: 15px;
  background: url('../img/tyPDS/bg_pappe.jpg') 0 0 repeat;
}
.tyPdsMap .tyCityMap .tyInfo .tyClose {
  width: 22px;
  height: 22px;
  float: right;
  background: url('../img/tyPDS/close.png') 2px 2px no-repeat;
  border: 1px solid #c6a27d;
  display: block;
  position: relative;
  bottom: 5px;
  left: 5px;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 4px #000104;
  -moz-box-shadow: 1px 1px 4px #000104;
  box-shadow: 1px 1px 4px #000104;
  z-index: 11;
}
.tyPdsMap .tyCityMap:hover {
  background: url('../img/tyPDS/pds_map_hover.jpg') no-repeat;
  z-index: 9;
}
.tyPdsMap .tyLeipzig {
  width: 118px;
  height: 75px;
  top: 130px;
  left: 126px;
}
.tyPdsMap .tyLeipzig:hover {
  background-position: -126px -130px;
}
.tyPdsMap .tyDresden {
  width: 130px;
  height: 102px;
  top: 190px;
  left: 495px;
}
.tyPdsMap .tyDresden:hover {
  background-position: -495px -190px;
}
.tyPdsMap .tyGoerlitz {
  width: 100px;
  height: 30px;
  top: 175px;
  left: 740px;
}
.tyPdsMap .tyGoerlitz:hover {
  background-position: -740px -175px;
}
.tyPdsMap .tyGoerlitz .tyInfo.tyActive {
  left: -179%;
}
.tyPdsMap .tyZittau {
  width: 100px;
  height: 55px;
  top: 285px;
  left: 758px;
}
.tyPdsMap .tyZittau:hover {
  background-position: -758px -285px;
}
.tyPdsMap .tyZittau .tyInfo.tyActive {
  left: -179%;
}
.tyPdsMap .tyFreiberg {
  width: 95px;
  height: 25px;
  top: 341px;
  left: 397px;
}
.tyPdsMap .tyFreiberg:hover {
  background-position: -397px -341px;
}
.tyPdsMap .tyMittweida {
  width: 95px;
  height: 25px;
  top: 308px;
  left: 268px;
}
.tyPdsMap .tyMittweida:hover {
  background-position: -268px -308px;
}
.tyPdsMap .tyZwickau {
  width: 70px;
  height: 25px;
  top: 407px;
  left: 185px;
}
.tyPdsMap .tyZwickau:hover {
  background-position: -185px -407px;
}
.tyPdsMap .tyChemnitz {
  width: 145px;
  height: 63px;
  top: 370px;
  left: 290px;
}
.tyPdsMap .tyChemnitz:hover {
  background-position: -290px -370px;
}
.tyPdsMap .tyGlauchau {
  width: 79px;
  height: 23px;
  top: 352px;
  left: 219px;
}
.tyPdsMap .tyGlauchau:hover {
  background-position: -219px -352px;
}
.tyPdsMap .tyGlauchau .tyInfo.tyActive {
  top: -180%;
}
.tyPdsMap .tyPlauen {
  width: 80px;
  height: 25px;
  top: 473px;
  left: 109px;
}
.tyPdsMap .tyPlauen:hover {
  background-position: -109px -473px;
}
.tyPdsMap .tyRiesa {
  width: 58px;
  height: 25px;
  top: 163px;
  left: 407px;
}
.tyPdsMap .tyRiesa:hover {
  background-position: -407px -163px;
}
.tyPdsMap .tyRiesa .tyInfo.tyActive {
  left: -179%;
}
.tyPdsMap .tyBautzen {
  width: 81px;
  height: 25px;
  top: 166px;
  left: 628px;
}
.tyPdsMap .tyBautzen:hover {
  background-position: -628px -166px;
}
.tyPdsMap .tyBreitenbrunn {
  width: 109px;
  height: 28px;
  top: 488px;
  left: 269px;
}
.tyPdsMap .tyBreitenbrunn:hover {
  background-position: -269px -488px;
}
/***** Facebook LikeBox *****/
.tyFacebookBox {
  border: 2px dashed #786241;
  background: url('../img/tyPDS/city_list_pappe.jpg') 0 0 repeat;
  overflow: hidden;
}
/***** Galerie *****/
.tyImgGallery ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 !important;
  width: 101%;
}
.tyImgGallery ul li {
  list-style: none;
  float: left;
  margin: 0 5px 0 0;
}
.tyImgGallery ul li .tyImageCornerWrap {
  height: 120px;
}
/***** Allgemeine Textbox *****/
.tyTextBox li {
  margin: 0 0 5px 20px;
}
.tyTextBox a.tyButton {
  clear: both;
  padding: 2px 22px 2px 10px;
  color: #ffffff;
  display: block;
  float: right;
  background: #286333 url('../img/tyPDS/arrow_white.png') right 7px no-repeat;
  margin: 10px 0 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none !important;
}
.tyTextBox a.tyButton:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tyTextBox a span.tyButton {
  clear: both;
  padding: 2px 22px 2px 10px;
  color: #ffffff;
  display: block;
  float: right;
  background: #286333 url('../img/tyPDS/arrow_white.png') right 7px no-repeat;
  margin: 10px 0 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none !important;
}
.tyTextBox a span.tyButton:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/***** Studiengang | Accordion *****/
.tyStudiengang .tyStudyList {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  list-style-image: none;
}
.tyStudiengang .tyStudyList li .tyHeadline {
  background: url('../img/tyPDS/hsnavi_arrow.png') 2px 6px no-repeat;
  padding: 0 0 0 15px;
  cursor: pointer;
  font-size: 18px;
}
.tyStudiengang .tyStudyList li .tyHeadline.open {
  background: url('../img/tyPDS/arrow_down.png') 0 5px no-repeat;
}
.tyStudiengang .tyStudyList li .tyHeadline span {
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 0 10px;
}
.tyStudiengang .tyStudyList li .tyHeadline span.tyClose {
  display: none;
}
.tyStudiengang .tyStudyList li.tyLevel1 {
  margin: 0 0 15px;
}
.tyStudiengang .tyStudyList li.tyLevel1 .tyHeadline {
  margin: 0 0 5px;
}
.tyStudiengang .tyStudyList li.tyLevel2 {
  margin: 10px 0 5px;
}
.tyStudiengang .tyStudyList li.tyLevel2 .tyHeadline {
  font-size: 14px;
  background-position: 2px 2px;
}
.tyStudiengang .tyStudyList li.tyLevel2 .tyHeadline.open {
  background-position: 0 1px;
}
.tyStudiengang .tyStudyList li.tyLevel2 .tyStudyList {
  margin: 0 !important;
}
.tyStudiengang .tyStudyList li.tyLevel3 {
  background: url('../img/tyPDS/white_back.png') 0 0 repeat;
  margin: 10px 0 5px;
}
.tyStudiengang .tyStudyList li.tyLevel3 .tyHeadline {
  padding: 2px 10px;
  background: #8b8874;
  color: #ffffff;
  display: block;
  font-size: 14px;
}
.tyStudiengang .tyStudyList li.tyLevel3 .tyText {
  padding: 0 10px 10px;
}
.tyStudiengang .tyStudyList li.tyLevel3.tyActive {
  background: #c6a27d;
}
.tyStudiengang h3.tyToggler.open,
.tyStudiengang h3.tyToggler:hover {
  text-decoration: underline !important;
}
.tyStudiengang .tyToggler .tyClose,
.tyStudiengang .tyToggler .tyOpen {
  padding: 0 0 5px 10px !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: normal !important;
  text-transform: none !important;
  font-family: Arial, Verdana, sans-serif !important;
  line-height: 1.18em !important;
  letter-spacing: 0.8px !important;
}
.tyStudiengang .tyToggler .tyClose,
.tyStudiengang .tyToggler.open .tyOpen {
  display: none !important;
}
.tyStudiengang .tyToggler.open .tyClose {
  display: inline !important;
}
/***** Text | Bild | Link - Box *****/
/***** Bilder Pins *****/
.tyImageCornerWrap {
  width: 99%;
  height: auto;
  overflow: hidden;
  margin: 0 0 10px;
  position: relative;
}
.tyImageCornerWrap .tyTopLeft {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  display: none;
}
.tyImageCornerWrap .tyTopRight {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  right: 0;
  display: none;
}
.tyImageCornerWrap .tyBottomLeft {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 0;
  left: 0;
  display: none;
}
.tyImageCornerWrap .tyBottomRight {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 0;
  right: 0;
  display: none;
}
/***** Allgemines Bildschipsel *****/
.tyDownload .tyContentWrap li {
  margin: 0 0 15px;
}
.tyDownload .tyContentWrap a {
  padding: 0 30px 0 0;
  position: relative;
}
.tyDownload .tyContentWrap a span {
  position: absolute;
  right: 5px;
  top: -1px;
  font-weight: bold;
}
/***** Allgemines Bildschipsel *****/
/***** Button Styles - a *****/
.tyButton a {
  padding: 2px 22px 2px 10px;
  color: #ffffff;
  display: block;
  float: right;
  background: #286333 url('../img/tyPDS/arrow_white.png') right 7px no-repeat;
  margin: 10px 0 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none !important;
}
.tyButton a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tyButton a.btn.left {
  padding: 2px 10px 2px 22px;
  background: #286333 url('../img/tyPDS/arrow_white_left.png') left 7px no-repeat;
}
/***** Termin Box - rechte Spalte *****/
.tyTermine {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  list-style: none;
}
.tyTermine li {
  background: url('../img/tyPDS/white_back.png') 0 0 repeat;
  padding: 5px 10px 10px;
  margin: 15px 0 0 ;
}
.tyTermine li .tyTitle {
  font-size: 17px;
  margin: 2px 0 5px;
}
.tyTermine li .tyAddress {
  padding: 2px 5px;
  background: url('../img/tyPDS/white_back.png') 0 0 repeat;
  margin: 5px 0;
  display: inline-block;
}
.tyTermine li .tyDate {
  position: relative;
  left: -10px;
  top: -5px;
  padding: 2px 10px;
  background: #665c4d;
  color: #ffffff;
  font-weight: bold;
}
.tyTermine li.tyActive {
  background-image: none;
  background-color: #c6a27d;
}
.tyTermine li a {
  text-decoration: none !important;
}
.tyTermine li a:link {
  text-decoration: underline !important;
}
.tyTermine li a:link:hover {
  text-decoration: none !important;
}
.tyTermine.tyTermineSmall ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-bottom: none;
}
.tyTermine.tyTermineSmall ul li {
  padding: 5px 10px;
}
.tyTermine.tyTermineSmall ul li .tyLocation {
  clear: both;
  margin: 10px 0 0;
  font-style: italic;
}
.tyTermine.tyTermineSmall ul li .tyHeadline a {
  text-decoration: none !important;
  display: block;
}
.tyTermine.tyTermineSmall ul li .tyHeadline a:hover {
  text-decoration: underline !important;
}
/***** Allgemeine DT Listenstyles *****/
.tyDtList {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 !important;
  list-style: none !important;
}
.tyDtList .tyDate {
  background: #665c4d;
  color: #FFFFFF;
  display: inline-block;
  margin: 0 0 5px;
  padding: 1px 4px;
}
.tyDtList h3 {
  margin: 0;
}
/***** Slider Box *****/
.tySliderWrapper {
  padding: 15px;
  background: url('../img/tyPDS/slider_back.png') 0 0 no-repeat;
}
.tySliderWrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 !important;
}
.tySliderWrapper .flex-viewport {
  width: 232px;
  height: auto;
}
.tySliderWrapper .flex-viewport .tyImage {
  height: auto;
}
.tySliderWrapper .flexslider {
  height: auto;
}
/***** Staedte Box | Testberichte Box *****/
.tyCity .tyCityWrap,
.tyReport .tyCityWrap,
.tyCity .tyReportWrap,
.tyReport .tyReportWrap {
  height: 445px;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 10px;
  border: 2px dashed #786241;
  background: url('../img/tyPDS/white_back.png') 0 0 repeat;
}
.tyCity .tyCityWrap .tyHeadline,
.tyReport .tyCityWrap .tyHeadline,
.tyCity .tyReportWrap .tyHeadline,
.tyReport .tyReportWrap .tyHeadline {
  margin: 0 0 2px 0;
  max-height: 33px;
  overflow: hidden;
}
.tyCity .tyCityWrap .tyHeadline a,
.tyReport .tyCityWrap .tyHeadline a,
.tyCity .tyReportWrap .tyHeadline a,
.tyReport .tyReportWrap .tyHeadline a {
  text-decoration: none !important;
}
.tyCity .tyCityWrap .tyText,
.tyReport .tyCityWrap .tyText,
.tyCity .tyReportWrap .tyText,
.tyReport .tyReportWrap .tyText {
  width: 100%;
  height: 120px;
  overflow: hidden;
  clear: both;
}
.tyCity.tyReportDetail,
.tyReport.tyReportDetail,
.tyCity.tyCityDetail,
.tyReport.tyCityDetail {
  padding: 10px 30px;
}
.tyCity.tyReportDetail .tyText,
.tyReport.tyReportDetail .tyText,
.tyCity.tyCityDetail .tyText,
.tyReport.tyCityDetail .tyText {
  width: auto;
}
/***** Bild Unterschrift *****/
.tyImageCaption {
  clear: both;
  font-size: 12px;
  font-weight: bold;
  width: 96%;
  max-width: 320px;
  padding: 5px;
  background: url('../img/tyPDS/white_back.png') 0 0 repeat;
}
/***** News Box *****/
.tyNews .tyHeadline {
  margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 25px;
}
.tyNews .tyHeadline a {
  text-decoration: none !important;
}
.tyNews .tyText {
  width: 380px;
}
.tyNews li {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px dashed #401606;
  position: relative;
}
.tyNews li .tyButton {
  position: absolute;
  bottom: 10px;
  right: 0;
}
.tyNews li .tyImageCornerWrap {
  margin: 0 10px 0 0;
  width: 200px;
}
.tyNews.tyNewsDetail {
  padding: 10px 30px;
}
.tyNews.tyNewsDetail .tyText {
  width: auto;
}
.tyNews.tyNewsDetail .tyImage {
  margin: 0;
}
/***** Allgemeiner Pager *****/
.tyTablePager {
  text-align: center;
}
.tyTablePager a.tyInActive,
.tyTablePager a.tyActive {
  padding: 4px 0 5px;
  background: #ffffff;
  margin: 10px 2px 0;
  text-decoration: none !important;
  display: block;
  width: 30px;
  height: 18px;
  float: left;
  text-align: center;
}
.tyTablePager a.tyInActive:hover,
.tyTablePager a.tyActive:hover {
  background: #286333;
  color: white;
}
.tyTablePager a.tyInActive.tyActive,
.tyTablePager a.tyActive.tyActive {
  background: #401606;
  color: white;
}
.tyTablePager .tyPagerLeft,
.tyTablePager .tyPagerRight {
  width: 30px;
  height: 27px;
  display: block;
  background-image: url('../img/tyPDS/pager_arrow.png');
  margin: 10px 0 0;
}
.tyTablePager .tyPagerLeft:hover,
.tyTablePager .tyPagerRight:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tyTablePager .tyPagerLeft {
  background-position: 0 0;
}
.tyTablePager .tyPagerRight {
  background-position: 0 -27px;
}
/***** ShortNews Box *****/
.tyShortNews {
  display: block;
  width: 100%;
  position: relative;
}
.tyShortNews .tyHeadline {
  background: url('../img/tyPDS/news_top.png') 0 0 no-repeat;
  height: 25px;
  width: 100%;
  display: block;
  padding: 30px 0 10px;
  overflow: hidden;
}
.tyShortNews .tyHeadline h2 {
  color: #ffffff;
  padding: 0 15px;
}
.tyShortNews .tyContentWrap {
  background: #286333;
  padding: 15px;
  color: #ffffff;
}
.tyShortNews .tyContentWrap h3,
.tyShortNews .tyContentWrap h3 a {
  color: #ffffff;
}
.tyShortNews .tyContentWrap .tyDtList {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.tyShortNews .tyContentWrap .tyDtList li {
  margin: 0 0 20px;
}
.tyShortNews .tyContentWrap .tyDtList .tyImage {
  margin: 8px 0;
}
.tyShortNews .tyFooter {
  background: url('../img/tyPDS/news_bottom.png') 0 0 no-repeat;
  height: 60px;
  width: 100%;
  display: block;
}
/***** Standard Box *****/
.tySnippetBox {
  margin: 0 0 30px;
}
/***** Trenner *****/
.tyTrenner {
  width: 100%;
  height: 40px;
  background: url('../img/tyPDS/trenner.png') 0 0 repeat-x;
  clear: both;
  display: block;
}
/***** Start Header *****/
.tyHsWrap {
  height: 620px;
  width: 100%;
  display: block;
  position: relative;
  bottom: 29px;
  z-index: 100;
}
.tyHsWrap .tyImageWrap {
  position: relative;
  padding: 20px;
  z-index: 1;
  height: 510px;
}
.tyHsWrap .tyHsNaviBack {
  width: 715px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  height: 215px;
  z-index: 10;
}
.tyHsWrap .tyHsNavigation {
  width: 715px;
  position: absolute;
  right: 20px;
  bottom: 120px;
  z-index: 20;
}
.tyHsWrap .tyHsNavigation h1 {
  padding: 0 40px;
}
.tyHsWrap .tyStartOverlay {
  display: block;
  background: url('../img/tyPDS/hsnavi_overlay_pappe.jpg') right 305px no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
}
@font-face {
  font-family: HaasGrotesk;
  src: url('../fonts/haas_grotesk.woff') format('woff');
}
@font-face {
  font-family: HaasGrotesk;
  src: url('../fonts/haas_grotesk.eot');
}
@font-face {
  font-family: HaasGrotesk;
  src: url('../fonts/haas_grotesk.ttf');
}
.tyNavigation {
  bottom: 6px;
  position: relative;
  /*.tySubNav1 {
    .tyListReset();
    position: absolute;
    z-index: 100;
    top: 0;
    background: green;
    li {
      background: none;
      float: none;
      height: auto;
      a {
        display: block;
        float: left;
        line-height: @baseLineHeight - 9;
        font-family: @baseFontFamily;
        font-size: @baseFontSize - 1;
        font-weight: bold;
        text-transform: uppercase;
        padding:  0 8px 0;
        height: 13px;
        &:hover {
          text-decoration: underline;
        }
        &.tyLast {
          border: none;
        }
        &.tyActive {
          text-decoration: underline;
        }
      }
    }
  }*/
}
.tyNavigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  overflow: visible;
  position: relative;
  bottom: 3px;
}
.tyNavigation ul li {
  float: left;
  width: 20%;
  text-align: center;
  background: url('../img/tyPDS/mainnavi_back.png') right 0 no-repeat;
  position: relative;
}
.tyNavigation ul li a {
  font-family: "HaasGrotesk", Arial, Verdana, sans-serif;
  font-size: 16px;
  line-height: 21px;
  color: #401606;
  display: block;
  padding: 13px 25px;
  height: 40px;
  font-weight: 900;
  text-transform: uppercase;
}
.tyNavigation ul li:hover {
  background-position: 0 0;
  z-index: 99;
  position: relative;
}
.tyNavigation ul li:hover a {
  color: #401606;
}
.tyNavigation ul li.tyActive {
  background-position: 0 0;
  z-index: 100;
  position: relative;
}
.tyNavigation ul li.tyActive a {
  color: #286333;
}
.tyNavigation .tySubNav1 {
  display: none;
}
.tySecondNav {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  float: right;
  width: auto;
  padding: 0 30px;
}
.tySecondNav a {
  float: left;
  line-height: 12px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 8px 0;
  border-right: 1px solid #401606;
  height: 13px;
  margin: 15px 0;
}
.tySecondNav a:hover {
  text-decoration: underline;
}
.tySecondNav a.tyLast {
  border: none;
}
.tySecondNav a.tyActive {
  text-decoration: underline;
}
.tyHsNavigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: 608px;
  margin: 0 0 0 45px;
  border-right: 2px dashed #000104;
  border-top: 2px dashed #000104;
  overflow: visible;
  float: left;
}
.tyHsNavigation ul li {
  float: left;
  width: 150px;
  border-bottom: 2px dashed #000104;
  border-left: 2px dashed #000104;
  position: relative;
  z-index: 10;
}
.tyHsNavigation ul li a {
  padding: 10px 5px 10px 30px;
  display: block;
  font-size: 13px;
  line-height: 21px;
  color: #000104;
  font-weight: bold;
  background: url('../img/tyPDS/hsnavi_back.png') 10px 13px no-repeat;
  text-transform: uppercase;
  text-decoration: none !important;
}
.tyHsNavigation ul li a.tyActive {
  background-position: 10px -74px;
}
.tyHsNavigation ul li:hover {
  background: url('../img/tyPDS/bg_pappe.jpg') 0 0 repeat;
}
.tyHsNavigation ul li.tyActive {
  z-index: 100;
  background: url('../img/tyPDS/bg_pappe.jpg') 0 0 repeat;
}
.tyHsNavigation ul li.tyActive a {
  background-position: 10px -74px;
}
.tyHsNavigation .tySubNavWrap2 {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: none;
  position: absolute;
  z-index: 101;
  width: 255px;
  left: 23px;
  top: -47px;
  padding: 0 0 0 36px;
  background: url('../img/tyPDS/hsnavi_wraparrow.png') 0 45px no-repeat;
}
.tyHsNavigation .tySubNavWrap2 ul {
  border: none;
  margin: 0;
  width: auto;
  -webkit-box-shadow: 2px 2px 3px #a99276;
  -moz-box-shadow: 2px 2px 3px #a99276;
  box-shadow: 2px 2px 3px #a99276;
}
.tyHsNavigation .tySubNavWrap2 ul li {
  float: none;
  border: none;
  width: 255px;
  background: url('../img/tyPDS/hsnavi_pappe.png') 0 0 repeat;
}
.tyHsNavigation .tySubNavWrap2 ul li.tyHeadline {
  display: block;
  padding: 10px 10px 0;
  width: 235px;
  font-weight: bold;
  color: #000104;
  text-transform: uppercase;
}
.tyHsNavigation .tySubNavWrap2 ul li.tyHeadline .tyHsNaviTop {
  padding: 0 0 8px;
  border-bottom: 6px dashed #000104;
}
.tyHsNavigation .tySubNavWrap2 ul li .tyClose {
  width: 22px;
  height: 22px;
  float: right;
  background: url('../img/tyPDS/close.png') 2px 2px no-repeat;
  border: 1px solid #c6a27d;
  display: block;
  position: relative;
  bottom: 5px;
  left: 5px;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 4px #000104;
  -moz-box-shadow: 1px 1px 4px #000104;
  box-shadow: 1px 1px 4px #000104;
}
.tyHsNavigation .tySubNavWrap2 ul li a {
  padding: 10px 15px 10px 0;
  text-transform: none;
  width: 220px;
  background: url('../img/tyPDS/hsnavi_arrow.png') right 50% no-repeat;
  border-bottom: 2px dashed #000104;
  margin: 0 10px;
}
.tyHsNavigation .tySubNavWrap2 ul li.tyLast a {
  border: none;
}
.tyHsNavigation .tySubNavWrap2 ul li.tyHeadline:hover {
  background: url('../img/tyPDS/hsnavi_pappe.png') 0 0 repeat;
}
.tyHsNavigation .tyLevel3 a:hover {
  text-decoration: underline !important;
}
.tyFooterWrap ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px 30px 43px;
  float: left;
}
.tyFooterWrap ul li {
  float: left;
  padding: 0 6px 0;
  border-right: 1px solid #401606;
  line-height: 10px;
}
.tyFooterWrap ul li a {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.tyFooterWrap ul li a:hover {
  text-decoration: underline;
}
.tyFooterWrap ul li.tyLast {
  border: none;
}
i.icon-pds {
  width: 26px;
  height: 26px;
  display: inline-block;
}
.mytyForm fieldset {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  border: none;
  padding: 15px 20px;
  margin: 0 0 10px;
}
.mytyForm fieldset legend {
  float: left;
  display: block;
  width: 120px;
  padding: 0 20px 0 0;
}
.mytyForm .mytyFormBox {
  width: 100%;
  margin: 0 0 15px;
  float: left;
}
.mytyForm .mytyFormBox .description {
  display: none;
}
.mytyForm .mytyFormBox .form-label {
  float: left;
  width: 110px;
  padding: 0 10px 0 0;
}
.mytyForm .mytyFormBox input {
  width: 400px;
  padding: 4px 8px;
  height: 15px;
  float: left;
}
.mytyForm .mytyFormBox select {
  width: 420px;
  padding: 4px 8px;
  height: 30px;
}
.mytyForm .mytyFormBox textarea {
  width: 402px;
  padding: 4px 8px;
  height: 80px;
}
.mytyForm .mytyFormBox.mytyFormCheckboxBox input {
  width: 15px;
  margin: 2px 5px 0 120px;
}
.mytyForm .mytyFormBox.mytyFormCheckboxBox .form-label {
  width: 390px;
  padding: 0 10px 0 0;
}
.mytyForm #recaptcha_area,
.mytyForm #recaptcha_table {
  width: auto !important;
}
.mytyForm .buttons {
  clear: both;
}
.mytyForm .buttons .tyButton {
  padding: 4px 22px 6px 10px;
  color: #ffffff;
  display: block;
  background: #286333 url('../img/tyPDS/arrow_white.png') right 13px no-repeat;
  margin: 15px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}
.mytyForm .buttons .tyButton:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mytyForm .buttons button.tyButton {
  background: #286333 url('../img/tyPDS/arrow_white.png') right 8px no-repeat;
  display: inline-block;
  border: 1px solid #ffffff;
}
#university_select_form {
  position: absolute;
  right: 0;
  top: 0;
}
#university_select_form .mytyFormLabel.form-label {
  width: auto;
  background: #286333;
  font-size: 16px;
  padding: 4px 10px 5px;
  display: block;
  color: #ffffff;
}
#university_select_form select {
  width: 180px;
  border: 1px solid #286333;
  outline: none;
}
.warnings,
.warning,
.errors,
.error,
.tyError {
  border: 1px solid #cc0000;
  background-color: #ffdddd;
  color: #ff0000;
  padding: 5px 10px 0;
  margin: 0 0 10px;
}
.mytyFormError label {
  color: #e41e13;
}
.tySuccess {
  border: 1px solid #669900;
  background-color: #d9e3c5;
  color: #669900;
  padding: 5px 10px 0;
  margin: 0 0 10px;
}
.tySuccess h4 {
  margin: 0 0 10px;
}
.tyButton input[type="submit"] {
  padding: 2px 22px 3px 10px;
  color: #ffffff;
  display: block;
  float: right;
  background: #286333 url('../img/tyPDS/arrow_white.png') right 5px no-repeat;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none !important;
  border: 1px solid #ffffff;
}
.tyButton input[type="submit"]:hover {
  cursor: pointer;
  background-color: #245C2E;
}
.tyButton input[type="submit"].tyDelete {
  margin: 0 20px 0 0;
  background-color: #7A1F1F;
}
.tyButton input[type="submit"].tyDelete:hover {
  background-color: #571616;
}
/***** Blog right *****/
.appRightBox {
  border: 2px dashed #786241;
  background: url('../img/tyPDS/city_list_pappe.jpg') 0 0 repeat;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 30px;
}
.appRightBox .headline {
  padding: 10px 15px;
  border-bottom: 2px dashed #786241;
  background: url('../img/tyPDS/white_back.png') 0 0 repeat;
}
.appRightBox .headline h3 {
  margin: 0;
}
.appRightBox .contains {
  padding: 15px;
}
.appRightBox * {
  box-sizing: border-box;
}
.appRightBox a {
  text-decoration: none !important;
}
/***** Blog *****/
.appBlog {
  position: relative;
}
.appBlog .appBoxEntry {
  margin: 0 0 15px;
}
.appBlog .appBoxEntry * {
  box-sizing: border-box;
}
.appBlog .appBoxEntry *:focus {
  outline: none;
}
.appBlog .appBoxEntry.appBlogDetail .headline h2 {
  text-transform: none;
  font-weight: 400;
  font-size: 1.3em;
}
.appBlog .appBoxEntry.appBlogDetail .contains {
  margin: 0 0 15px;
}
.appBlog .appBoxEntry .headline h2 {
  text-transform: none;
  font-weight: 400;
  font-size: 1.3em;
  margin: 0 0 10px;
}
.appBlog .appHeadline,
.appBlog .appButtons {
  padding: 2px 10px;
  background: #665c4d;
  color: #ffffff;
  font-weight: bold;
}
.appBlog .appInner {
  background: url('../img/tyPDS/white_back.png') 0 0 repeat;
  padding: 10px 0;
  position: relative;
}
.appBlog .appInner .headline a {
  text-decoration: none !important;
}
.appBlog .appInner .tyReadMore {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.appBlog .appInner .text {
  margin: 0 0 25px;
}
.appBlog .appButtons .tyButton {
  padding: 5px 0;
}
.appBlog .blogListeHeadline {
  position: relative;
  width: 100%;
}
.appRSS {
  position: absolute;
  top: 0;
  right: 0;
  background: #286333;
  padding: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ffffff;
}
.appRSS.appNewsStart {
  right: 10px;
  top: 30px;
}
#blogsearch {
  padding: 8px 45px 8px 8px;
  width: 100%;
  margin: 0;
}
.btnSearch {
  width: 35px;
  height: 35px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACWSURBVHjanFIJDYAwDLzgAAuzgAUsYGFYQQMSZgELYAEJIKF8LZSxEdgll7TX3r4ORARFu7KnCz1r8KkTR3G4mLHhhsnbwbJG3HMzGrVyEThWoepG9AxAiQPtygFPDFyD6t2NOccj4pBaro0zx+bFKLX5VFLv+OdVXcocBTZkDP2cjjXrmxH6ThFqc5XhO7ZZ1pIsAgwA40i0Wzf/32oAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  background-position: 50%;
  background-color: #286333;
  border: 1px solid #286333;
  cursor: pointer;
}
.appArchiv,
.appBlogCategory {
  box-sizing: border-box;
}
.appArchiv.appRightBox .contains,
.appBlogCategory.appRightBox .contains {
  padding: 0;
}
.appArchiv ul,
.appBlogCategory ul {
  width: 100%;
  margin: 0 !important;
  padding: 0;
}
.appArchiv ul li,
.appBlogCategory ul li {
  list-style: none;
  width: 100%;
}
.appArchiv ul li a,
.appBlogCategory ul li a {
  background: url('../img/tyPDS/hsnavi_arrow.png') 95% 49% no-repeat;
  padding: 10px 30px 10px 15px;
  border-bottom: 2px dashed #786241;
  font-size: 14px;
  color: #401606;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
  line-height: 21px;
}
.appArchiv ul li a:hover,
.appBlogCategory ul li a:hover {
  background-color: rgba(125, 125, 125, 0.1);
}
.appArchiv ul li a span,
.appBlogCategory ul li a span {
  display: inline-block;
  margin: 0 0 0 5px;
  font-weight: 400;
  font-size: 14px;
}
.appArchiv ul li:last-child a,
.appBlogCategory ul li:last-child a {
  border: none;
}
.appKeywords .contains {
  display: inline-block;
  width: 100%;
}
.appKeywords .contains a:hover {
  text-decoration: underline !important;
}
.appBlogComment .blogForm {
  margin: 0 0 20px;
}
.appBlogComment .blogForm fieldset {
  position: relative;
  z-index: 10;
  padding: 0;
}
.appBlogComment .blogForm legend {
  display: none;
}
.appBlogComment .blogForm .buttons.mytyFormBtnBox {
  padding: 0 20px;
  margin: 0;
}
.appBlogComment .blogForm .mytyFormCaptchaImgBox {
  width: 49%;
  float: left;
}
.appBlogComment .blogForm .mytyFormCaptchaImgBox img {
  width: 100%;
  height: 100%;
}
.appBlogComment .blogForm .mytyFormCaptchaInputBox {
  width: 49%;
  float: right;
}
.appBlogComment .blogForm .mytyFormCaptchaInputBox input {
  font-size: 20px;
  line-height: 1.5;
  padding: 0 15px;
  color: #000;
  font-weight: 700;
  letter-spacing: 2px;
}
.appBlogComment .blogForm button.mytyFormBtn.mytyFormSubmitBtn.tyButton {
  margin: 0;
}
.appBlogComment .contains .mytyBlogComments {
  padding: 15px 20px;
  background: url('../img/tyPDS/white_back.png') 0 0 repeat;
  margin: 0 0 10px;
}
.appBlogComment .commentAuthor {
  padding: 0 0 5px;
  margin: 0 0 5px;
  border-bottom: 1px solid #ffffff;
}
.appBlogComment .tyButton {
  margin: 0 0 30px;
  display: block;
}
.appBlogComment .tyButton .btn {
  float: left;
  margin: 0;
}
.appBlogComment .tyButton .btn.open {
  float: right;
  cursor: pointer;
}
.appShare {
  padding: 2px 0 0;
}
.appShare .fb-share-button.fb_iframe_widget {
  background: #ffffff;
  padding: 1px 8px 1px 1px;
  border-radius: 3px;
  font-weight: 700;
}
.appShare .fb-share-button.fb_iframe_widget:hover {
  background: #efefef;
}
.blogForm {
  background: url('../img/tyPDS/white_back.png') 0 0 repeat;
  padding-top: 15px;
  padding-bottom: 15px;
}
.blogForm * {
  box-sizing: border-box;
}
.blogForm.special fieldset {
  padding: 0;
}
.blogForm.special fieldset legend {
  display: none;
}
.blogForm.special .buttons.mytyFormBtnBox {
  display: inline-block;
  text-align: right;
  width: 100%;
  padding: 0 15px;
}
.blogForm.special #tyepformEl_3_1 {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #454342;
  padding: 7px 15px 7px;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 21px !important;
  height: auto !important;
  min-height: 200px !important;
}
.blogForm.special .mytyWidgetImageSelectImageBox {
  width: 100%;
  overflow: hidden;
}
.blogForm.special .mytyFormFilemanagerFileBox {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}
.blogForm.special .mytyFormFilemanagerFileBox img {
  width: 100%;
  max-width: 610px;
}
.blogForm fieldset label {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 4px;
  display: inline-block;
}
.blogForm .mytyFormBox {
  width: 50%;
  float: left;
  margin: 0 0 15px;
  padding: 0 20px;
}
.blogForm .mytyFormBox.fullWidth,
.blogForm .mytyFormBox.div-fullWidth {
  width: 100%;
}
.blogForm .mytyFormBox .mytyFormLabel.form-label,
.blogForm .mytyFormBox .form-label {
  width: 90%;
}
.blogForm .mytyFormBox textarea {
  width: 100%;
  resize: none;
  min-height: 80px;
  padding: 7px 15px 7px;
  background: #ffffff;
  font-size: 14px;
  font-family: Arial, Verdana, sans-serif;
  line-height: 21px;
  border: 1px solid #454342;
}
.blogForm .mytyFormBox input,
.blogForm .mytyFormBox select {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  border: 1px solid #454342;
  margin: 0;
  color: #7C7C7C;
  background-color: #FFF;
  font-size: 13px;
  padding: 7px 15px 7px;
  float: left;
  width: 100%;
  height: auto;
}
.blogForm .mytyFormBox input[type="checkbox"],
.blogForm .mytyFormBox select[type="checkbox"] {
  width: 20px;
  box-shadow: none;
  margin-top: 5px;
  margin-left: 0;
  float: left;
}
.blogForm .mytyFormBox input.fileUpload,
.blogForm .mytyFormBox select.fileUpload {
  width: 90%;
}
.blogForm .mytyFormBox input.form-filemanager-button,
.blogForm .mytyFormBox select.form-filemanager-button {
  width: 9%;
  float: right;
  background: #817d7c;
  color: #ffffff;
  cursor: pointer;
}
.blogForm .mytyFormBox input.form-filemanager-button:hover,
.blogForm .mytyFormBox select.form-filemanager-button:hover {
  opacity: 0.95;
}
.blogForm div.captcha .input-text {
  width: 40%;
  font-size: 17px;
  font-weight: 700;
  margin-right: 0;
  position: relative;
  bottom: 2px;
  float: right;
  margin: 0;
  padding: 8px 15px 5px;
}
.blogForm table.tyTBBorder {
  clear: both;
  background: #bfd23c !important;
}
@media all and (min-width: 768px) {
  #menu-icon {
    display: none;
  }
}
.tySeperator.tyMobile {
  display: none;
}
@media all and (min-width: 10px) and (max-width: 1024px) {
  .row {
    margin-left: -3.23%;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 3.23%;
  }
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 96.76%;
  }
  .span3 {
    width: 96.76%;
  }
  .span2 {
    width: 63.43%;
  }
  .span1 {
    width: 30.1%;
  }
  .offset3 {
    margin-left: 103.22%;
  }
  .offset2 {
    margin-left: 69.89%;
  }
  .offset1 {
    margin-left: 36.56%;
  }
  .tyBody {
    overflow-x: hidden;
    font-size: 17px;
    line-height: 25px;
  }
  #tyShadowWrap {
    width: 95%;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    overflow: hidden;
  }
  .tyButton a,
  .tyButton {
    font-size: 17px;
    line-height: 25px;
  }
  #tyWrap .container .tyRightWrap {
    padding-right: 0 !important;
  }
  #tyWrap .container .tyRightWrap .spanAside2 .tySnippetBox img {
    max-width: 330px;
  }
  .container {
    width: 100% !important;
  }
  #tyWrap.tyStartWrap .container {
    width: 100%;
    margin: 0;
  }
  #tyWrap.tyStartWrap .span8 {
    width: 94% !important;
    margin: 0 3% !important;
  }
  #tyWrap.tyStartWrap .span8 .tyStartCol {
    width: 47% !important;
    margin: 0 !important;
    overflow: hidden;
  }
  #tyWrap.tyStartWrap .span8 .tyStartCol .spanAside1,
  #tyWrap.tyStartWrap .span8 .tyStartCol .spanAside2 {
    width: 94% !important;
    margin: 0 3% !important;
  }
  .span8 {
    width: 94% !important;
    margin: 0 3% !important;
  }
  .span4 {
    width: 100% !important;
  }
  .span4 .tyRightWrap {
    width: 94% !important;
    margin: 3% !important;
    padding: 0;
  }
  .span4 .tyRightWrap .tySeperator.tyMobile {
    display: block;
    margin: 0 0 20px -15px;
    width: 100%;
  }
  .span4 .tyRightWrap .spanAside1,
  .span4 .tyRightWrap .spanAside2 {
    width: 94% !important;
    margin: 0 3% 0 0 !important;
  }
  .span4 .tyRightWrap .spanAside1.tyMobile,
  .span4 .tyRightWrap .spanAside2.tyMobile {
    width: 97% !important;
  }
  .span4 .tyRightWrap .spanAside1.tySpanTermine,
  .span4 .tyRightWrap .spanAside2.tySpanTermine {
    clear: both;
    width: 95% !important;
    margin: 0 !important;
  }
  #tyHeader .tyLogo {
    overflow: hidden;
  }
  #tyHeader .container .tyLanguage a {
    margin: 5px 10px 10px 0;
  }
  #tyWrap img.tyImage,
  #tyTopWrap img.tyImage {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  #tyWrap .tyStartOverlay img,
  #tyTopWrap .tyStartOverlay img {
    height: 100%;
  }
  .tyLeftWrap {
    width: 100%;
  }
  .tyRightWrap {
    clear: both;
  }
  #menu-icon,
  .tyBackLeft,
  .tyBackRight {
    display: none;
  }
  .tyHsNavigation {
    width: 97% !important;
    padding: 0 3% 0 0;
  }
  .tyHsNavigation .tyStartOverlay img {
    height: 100%;
  }
  .tyHsNavigation h1 {
    width: auto;
    float: right;
    padding: 0 0 0 40px;
    text-align: center;
    font-size: 21px;
    line-height: 28px;
  }
  .tyHsNavigation ul {
    float: right;
  }
  .tyHsNavigation .tySubNavWrap2 {
    padding: 0;
    background: none;
    position: absolute;
    left: -50%;
    top: 0;
  }
  .tySecondNav {
    padding: 0;
  }
  .tySecondNav a {
    font-size: 16px;
    line-height: 31px;
    border: none;
    padding: 3px 8px;
    margin: 5px 5px;
    background: #c6a27d;
    display: block;
    height: 27px;
  }
  .tySecondNav a.tyActive {
    text-decoration: none;
    color: #286333;
  }
  .tyMobileHidden {
    display: none !important;
  }
  .tyBackToTop {
    right: 10px;
    bottom: 10px;
  }
  .tyPdsMap {
    width: 880px;
    overflow: visible;
  }
  .tyPdsMap .tyCityMap .tyInfo {
    z-index: 1000;
  }
  .tyPdsMap .tyCityMap.tyGoerlitz .tyInfo,
  .tyPdsMap .tyCityMap.tyZittau .tyInfo {
    left: -190%;
    top: -50%;
    z-index: 1000;
  }
  .tyStudyList .tyLevel2 h3.tyHeadline {
    font-size: 18px !important;
  }
  .tySliderWrapper {
    display: none;
  }
  .tyCityWrap,
  .tyReportWrap {
    font-size: 14px;
    line-height: 21px;
    max-width: 330px;
  }
  .tyCityWrap .tyImage,
  .tyReportWrap .tyImage {
    float: none;
    height: 280px;
    overflow: hidden;
    margin: 0 0 8px;
    max-width: 330px;
  }
  .tyFacebookBox {
    max-width: 290px;
  }
  .tyCityDetail img {
    max-width: 330px;
  }
  .tyImageCaption {
    max-width: 330px;
  }
  .tyStudiengaengeSmall {
    font-size: 21px;
    line-height: 41px;
  }
  .tyStudiengaengeSmall .tyButton {
    float: left;
  }
  .tyStudiengaengeSmall .tyButton a {
    margin-left: 0;
    background-position: right 10px;
  }
  .tyShortNews .tyHeadline {
    background-image: none;
    background-color: #286333;
  }
  .tyShortNews .tyFooter {
    display: none;
  }
  .tyTextBox img {
    width: 100%;
  }
  .tySocialBox {
    max-width: 100%;
    min-width: 100px;
  }
  .tySocialBox .stMainServices {
    margin: 0 0 10px;
  }
  #university_select_form .mytyFormLabel.form-label {
    padding: 2px 10px 3px;
    max-width: 70px;
  }
  #tyFooter {
    margin: 0;
  }
  .spanAside3.appBlog {
    width: 95%;
  }
  .spanAside3.appBlog iframe {
    width: 100%;
  }
  .tyRightWrap .appRightBox {
    width: 95%;
  }
}
@media all and (min-width: 10px) and (max-width: 960px) {
  .tyBody {
    background-image: none;
  }
  #tyHeader .container .tyLanguage .partnerLink {
    display: none;
  }
  ol {
    padding-left: 5px;
  }
  #tyShadowWrap {
    width: 100%;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    overflow: hidden;
  }
  .tyTopNav li.tyLevel1 a {
    font-size: 12px;
    padding: 13px 10px;
  }
  .tyPdsMap {
    background-image: none;
    display: none;
  }
}
@media all and (min-width: 10px) and (max-width: 700px) {
  html {
    font-family: "wide-smart";
  }
  h1 {
    font-size: 0.9em;
  }
  #tyHeader .tyHeaderBack {
    background: none !important;
  }
  #tyHeader {
    height: auto;
  }
  #tyHeader .tyLogo {
    width: 90%;
  }
  #tyHeader img.tyImage {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  #tyHeader .span7 {
    width: 100%;
  }
  .tyTrenner.tyMobile {
    display: block;
  }
  #tyTopWrap .container {
    padding: 0 0 65px;
  }
  #tyHeader .span5 {
    display: none;
  }
  #tyHeader .container .tyLanguage {
    margin-top: 7%;
    width: 10%;
  }
  #tyHeader .container .tyLanguage a {
    display: none ;
  }
  #tyHeader .container .tyLanguage .langWrap {
    width: 100%;
    margin-top: 0;
  }
  #tyHeader .container .tyLanguage .langWrap a {
    display: block ;
    margin: 0 21% 10px 0;
  }
  .tyNavigation {
    top: 1px;
    bottom: 0;
  }
  #menu-icon {
    background-color: #401606;
    display: block !important;
    height: 23px;
    padding: 13px 30px;
    vertical-align: middle;
    cursor: pointer;
    width: 90%;
    font-weight: bold;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
    position: relative;
  }
  #menu-icon i {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
  }
  #menu-icon.open i {
    background-position: 27px -74px;
  }
  i.icon-arrow-small {
    background: #ffffff url('../img/tyPDS/arrow_sprite.png') 28px 18px no-repeat;
    background-repeat: no-repeat;
    display: inline-block;
    height: 49px;
    width: 65px;
  }
  #tyHeader .tyNavigation ul li.tyLevel1 {
    width: 100%;
    float: none;
    min-height: auto;
    height: auto;
    border-bottom: 1px solid #ffffff;
    background: #c6a27d !important;
    box-shadow: none;
    text-align: left;
    color: #ffffff;
  }
  #tyHeader .tyNavigation ul li.tyLevel1 a {
    min-height: auto;
    height: auto;
    padding: 13px 30px;
    color: #ffffff;
  }
  .tyHsWrap {
    top: 0;
    height: 435px;
  }
  .tyHsWrap .tyStartOverlay {
    background-position: right 165px;
  }
  .tyHsWrap .tyStartOverlay img {
    height: 100%;
  }
  .tyHsWrap .tyImageWrap {
    height: 100%;
    padding: 0;
  }
  .tyHsWrap .tyHsNavigation {
    bottom: 60px;
    width: 100%;
  }
  .tyHsWrap .tyHsNavigation ul {
    margin: 0 auto !important;
    float: right !important;
    width: 400px !important;
    position: relative;
  }
  .tyHsWrap .tyHsNavigation ul li {
    position: static;
    width: 130px;
  }
  .tyHsWrap .tyHsNavigation ul li a {
    font-size: 11px;
  }
  .tyHsWrap .tyHsNavigation ul li.tyLast {
    width: 265px;
  }
  .tyHsWrap .tyHsNavigation ul .tySubNavWrap2 {
    padding: 0;
    background: none;
    position: absolute;
    left: 0;
    top: 0;
  }
  .tyHsWrap .tyHsNavigation ul .tySubNavWrap2 ul {
    width: 258px !important;
  }
  .tyHsWrap .tyHsNavigation ul .tySubNavWrap2 ul li {
    width: 270px;
  }
  .tyHsWrap .tyHsNavigation ul .tySubNavWrap2 ul li.tyHeadline {
    width: 250px;
  }
  .tyHsWrap .tyHsNavigation ul .tySubNavWrap2 ul li li.tyLast {
    width: 265px;
  }
  .tyHsWrap .tyHsNavigation ul .tySubNavWrap2 ul li li.tyLast a {
    padding: 0 !important;
  }
  .tyHsWrap .tyHsNavigation h1 {
    font-size: 0.9em;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
  }
  .mytyForm .mytyFormBox input,
  .mytyForm .mytyFormBox select,
  .mytyFormBox.mytyFormTextAreaBox textarea {
    width: 90%;
  }
  .mytyFormBox.mytyFormCheckboxBox input {
    margin-left: 10px !important;
  }
  .mytyForm .mytyFormBox.mytyFormCheckboxBox .form-label {
    width: 80%;
  }
  table#recaptcha_table {
    clear: both;
  }
  .spanAside2 .mytyForm .mytyFormBox .form-label {
    width: 80% !important;
  }
  .tyMobileText {
    clear: both;
  }
  object,
  embed {
    width: 100% !important;
  }
  #university_select_form {
    position: static;
  }
  .tyCityWrap,
  .tyReportWrap {
    height: auto !important;
  }
  .tyCityWrap .tyImage,
  .tyReportWrap .tyImage {
    height: auto;
  }
  .tyBackToTop {
    right: 32px;
    bottom: 12px;
    text-indent: -10000px;
  }
  .tyBackToTop a {
    text-indent: -10000px;
    width: 50px;
    width: 30px;
    padding: 0;
    height: 30px;
    background-position: 10px 10px;
  }
  .tySliderWrapper {
    display: none;
  }
  .tyShortNews .tyHeadline {
    height: auto;
  }
  .tyShortNews h2 {
    font-size: 17px;
  }
  .tyCityDetail img,
  .tyReportDetail img {
    max-width: 220px !important;
  }
  .tyImageCaption {
    max-width: 220px;
  }
  .tyFooterWrap {
    background-image: none !important;
  }
}
@media all and (min-width: 480px) and (max-width: 519px) {
  #tyWrap.tyStartWrap .container {
    width: 100%;
    margin: 0;
  }
  #tyWrap.tyStartWrap .span8 {
    width: 94% !important;
    margin: 0 3% !important;
  }
  #tyWrap.tyStartWrap .span8 .tyStartCol {
    width: 45% !important;
    margin: 0 !important;
    overflow: hidden;
  }
  #tyWrap.tyStartWrap .span8 .tyStartCol .spanAside1,
  #tyWrap.tyStartWrap .span8 .tyStartCol .spanAside2 {
    width: 94% !important;
    margin: 0 3% !important;
  }
  .tyFooterWrap .tyFooterNav {
    width: 100%;
    text-align: center;
    margin: 10px auto;
    padding: 0;
  }
  .tyFooterWrap .tyFooterNav li {
    margin-bottom: 10px;
    border: none;
    text-align: center;
    float: none;
    width: 97%;
  }
  .tyFooterWrap .tyFooterNav li a {
    font-size: 16px;
    line-height: 31px;
    border: none;
    padding: 3px 8px;
    margin: 0 5px 10px;
    background: #c6a27d;
    display: block;
    height: auto;
  }
  .tyFooterWrap .tyFooterNav li a.tyActive {
    text-decoration: none;
    color: #286333;
  }
}
@media all and (min-width: 10px) and (max-width: 479px) {
  #tyTopWrap .container .spanAside1,
  #tyTopWrap .container .spanAside2 {
    width: 96% !important;
    margin: 0 0 0 4% !important;
    padding: 0;
  }
  #tyWrap .container,
  #tyWrap.tyStartWrap .container {
    width: 100%;
    margin: 0 !important;
  }
  #tyWrap .container .row,
  #tyWrap.tyStartWrap .container .row {
    margin: 0 !important;
  }
  #tyWrap .container .span8,
  #tyWrap.tyStartWrap .container .span8 {
    width: 96% !important;
    margin: 0 1% !important;
  }
  #tyWrap .container .span8 .spanAside1,
  #tyWrap.tyStartWrap .container .span8 .spanAside1,
  #tyWrap .container .span8 .spanAside2,
  #tyWrap.tyStartWrap .container .span8 .spanAside2 {
    width: 96% !important;
    margin: 0 0 0 4% !important;
  }
  #tyWrap .container .span8 .tyStartCol,
  #tyWrap.tyStartWrap .container .span8 .tyStartCol {
    width: 96% !important;
    margin: 0 0 0 3% !important;
    padding: 0 !important;
  }
  #tyWrap .container .span8 .tyStartCol .spanAside1,
  #tyWrap.tyStartWrap .container .span8 .tyStartCol .spanAside1,
  #tyWrap .container .span8 .tyStartCol .spanAside2,
  #tyWrap.tyStartWrap .container .span8 .tyStartCol .spanAside2 {
    width: 100% !important;
    margin: 0 !important;
  }
  #tyWrap .container .span4,
  #tyWrap.tyStartWrap .container .span4 {
    width: 96% !important;
    margin: 0 1% !important;
  }
  #tyWrap .container .span4 .tySeperator.tyMobile,
  #tyWrap.tyStartWrap .container .span4 .tySeperator.tyMobile {
    margin: 0 20px 20px 0;
  }
  #tyWrap .container .span4 .spanAside1,
  #tyWrap.tyStartWrap .container .span4 .spanAside1,
  #tyWrap .container .span4 .spanAside2,
  #tyWrap.tyStartWrap .container .span4 .spanAside2 {
    width: 96% !important;
    margin: 0 0 0 4% !important;
  }
  #tyHeader .container .tyLanguage .langWrap a img {
    height: 12px;
    width: auto;
  }
  .tyHsWrap {
    height: 420px;
  }
  .tyHsWrap .tyStartOverlay {
    background-position: right 155px;
  }
  .tyHsWrap .tyStartOverlay img {
    display: none;
  }
  .tyHsWrap .tyHsNavigation {
    bottom: 60px;
    left: -10px;
  }
  .tyHsWrap .tyHsNavigation ul {
    margin: 0 auto !important;
    float: right !important;
    width: 265px !important;
    position: relative;
  }
  .tyHsWrap .tyHsNavigation ul li {
    position: static;
    width: 130px;
  }
  .tyHsWrap .tyHsNavigation ul li a {
    font-size: 11px;
  }
  .tyHsWrap .tyHsNavigation ul li.tyLast {
    width: 130px;
  }
  .tyHsWrap .tyHsNavigation ul li.tyLast a {
    padding: 10px 0 10px 29px !important;
  }
  .tyHsWrap .tyHsNavigation ul li.tyLast.tyLevel3 a {
    padding: 10px 15px 10px 0 !important;
  }
  .tyHsWrap .tyHsNavigation h1 {
    display: none;
  }
  .tyText .tyMobile {
    margin: 0 0 15px;
    width: 100%;
  }
  .tyText .tyMobile .tyImage {
    width: 100%;
  }
  .spanAside3.appBlog .btn.open {
    clear: both;
    margin: 20px 0;
    float: left;
  }
}
@media all and (min-width: 10px) and (max-width: 360px) {
  #menu-icon i {
    position: absolute;
    right: 25px;
    top: 0;
    width: 70px;
  }
  .tySecondNav {
    padding: 0;
    width: 94%;
    padding: 3%;
    text-align: center;
  }
  .tySecondNav a {
    margin: 5px auto;
    display: block;
    width: 95%;
    height: auto;
    font-size: 16px;
    line-height: 24px;
  }
  .galList {
    height: auto;
    width: 100%;
  }
}
.row {
  margin-left: -30px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  margin-left: 30px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 978px;
}
.span12 {
  width: 978px;
}
.span11 {
  width: 894px;
}
.span10 {
  width: 810px;
}
.span9 {
  width: 726px;
}
.span8 {
  width: 642px;
}
.span7 {
  width: 558px;
}
.span6 {
  width: 474px;
}
.span5 {
  width: 390px;
}
.span4 {
  width: 306px;
}
.span3 {
  width: 222px;
}
.span2 {
  width: 138px;
}
.span1 {
  width: 54px;
}
.offset12 {
  margin-left: 1038px;
}
.offset11 {
  margin-left: 954px;
}
.offset10 {
  margin-left: 870px;
}
.offset9 {
  margin-left: 786px;
}
.offset8 {
  margin-left: 702px;
}
.offset7 {
  margin-left: 618px;
}
.offset6 {
  margin-left: 534px;
}
.offset5 {
  margin-left: 450px;
}
.offset4 {
  margin-left: 366px;
}
.offset3 {
  margin-left: 282px;
}
.offset2 {
  margin-left: 198px;
}
.offset1 {
  margin-left: 114px;
}
.rowAside {
  margin-left: -5%;
  *zoom: 1;
}
.rowAside:before,
.rowAside:after {
  display: table;
  content: "";
}
.rowAside:after {
  clear: both;
}
[class*="spanAside"] {
  float: left;
  margin-left: 5%;
}
.containerAside,
.navbar-fixed-top .containerAside,
.navbar-fixed-bottom .containerAside {
  width: 95%;
}
.spanAside2 {
  width: 95%;
}
.spanAside1 {
  width: 45%;
}
.offsetAside2 {
  margin-left: 105%;
}
.offsetAside1 {
  margin-left: 55%;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.12765957%;
  *margin-left: 2.07653483%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .span12 {
  width: 99.99999999%;
  *width: 99.94887525%;
}
.row-fluid .span11 {
  width: 91.48936169%;
  *width: 91.43823695%;
}
.row-fluid .span10 {
  width: 82.9787234%;
  *width: 82.92759865%;
}
.row-fluid .span9 {
  width: 74.4680851%;
  *width: 74.41696035%;
}
.row-fluid .span8 {
  width: 65.9574468%;
  *width: 65.90632206%;
}
.row-fluid .span7 {
  width: 57.4468085%;
  *width: 57.39568376%;
}
.row-fluid .span6 {
  width: 48.93617021%;
  *width: 48.88504546%;
}
.row-fluid .span5 {
  width: 40.42553191%;
  *width: 40.37440717%;
}
.row-fluid .span4 {
  width: 31.91489361%;
  *width: 31.86376887%;
}
.row-fluid .span3 {
  width: 23.40425532%;
  *width: 23.35313057%;
}
.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.84249228%;
}
.row-fluid .span1 {
  width: 6.38297872%;
  *width: 6.33185398%;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}