/*****************************
2.0 superior styles
*****************************/
body {
    width: 100%;
    padding: 0 10px;
}
#wrapperStage .pagination li strong, 
#wrapperStage .pagination li a {
  padding: 7px 12px;
  border-radius: 25px;
  margin-right: 3px;
}
.stopButton {
  right: 70px;
}
.stopButton li strong,
.stopButton li a {
  padding: 7px 10px;
}
.js-on #wrapperBase .teaser-wrapper .prev a{
  width: 30px;
  background-position: 8px 87px;
}
.js-on #wrapperBase .teaser-wrapper .next a {
  width: 30px;
 background-position: 8px -163px
}
.js-on #wrapperBase .teaser-wrapper .next{
  right: 10px;
}
#glossaryIndex strong,
#main .navIndex li a {
  font-size: 145%;
}
.wrapperTable th a, .wrapperTable th img {
  width: 15px;
}
#lightbox-nav-btnNext {
  background-size: 50px;
  background-position: 100% 50% !important;
}
#lightbox-nav-btnPrev {
  background-size: 50px;
  background-position: 0 50% !important;
}
@media only screen and (orientation : portrait) {
body{
  width: 100%;
  max-width: 80em;
}
#wrapperInner,
#branding,
#siteInfo,
.startseite .teaser-col,
#navBreadcrumbs{
  width: 100%;
  max-width: 80em;
}
#navServiceMeta li {
  display: inline-block;
}
#wrapperStage #stage {
  width: 65%;
}
.js-on #wrapperStage .teaser-wrapper{
  width: 30%;
}
#stage #warning,
#wrapperStage .rack,
#wrapperStage .rack .teaser {
  width: auto;
}
.startseite #wrapperContent {
  width: 65%;
}
.startseite .altGrid #main {
  background-image: none;
}
.startseite #main .teaser-col .teaser{
  margin-left: 10px;
  width: 46%;
}
.startseite #main .teaser-col .teaser:first-child{
  margin-left: 0;
}
.startseite #supplement {
  width: 32.5%;
}
.startseite.js-on #wrapperBase .teaser-wrapper .rack {
  width: 100%;
  max-width: 80em;
}
.js-on #wrapperBase .teaser-wrapper .next ,
.js-on #wrapperBase .teaser-wrapper .prev{
  z-index: 3000;
}
#column-wrapper {
  width: 50em;
}
.altgrid #column-wrapper {
  width: 50em;
}
#siteNav {
  width: 100%;
}
#wrapperContent {
  width:  62.5%;
}
#wrapperContent.altGrid{
  width: 100%;
}
#supplement {
  width: 35%;
}
#siteInfo p {
  float: none;
  width: auto;
  clear: both;
}
}