@charset "UTF-8";

/**
 * SBS CSS
 * Copyright (c) 2009, namics (deutschland) gmbh. All rights reserved.
 * Code licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */

/*********
 * Fonts *
 *********/
body, #spende button, .contentform button, textarea {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Lucida, clean, sans-serif;
  font-size: 100%;
}

/**********
 * Colors *
 **********/

/* Background colors */
html, body {
  background-color: #fff;
}
#headerbar, .pcontrols button {
  background-color: #1a5b7d; /* dark blue */
}
#direkteinstieg a, .servicebox {
  background-color: #2d789f; /* light blue */
}

#direkteinstieg .highlight a, #spende button, #spende .submit span, .contentform button, .contentform .submit span,
.pcontrols button:hover, .pcontrols button:focus, .pcontrols button:active, .button {
  background-color: #fcd54b; /* dark yellow */
}
#sidebar .highlight {
  background-color: #fff0c2; /* light yellow */
}
#mz-button, .contentbox, #search-form button span, #sidebar .tel-icon span, .playerwrapper, .zoom span {
  background-color: #cfd2d2; /* dark gray */
}
#search-form fieldset {
  background-color: #cfd2d2;
}

#search-form fieldset, .sbmodule {
  border-color: #cfd2d2;
}

#sidebar .normal {
  background-color: #ebeef0; /* light gray */
}
#keyvisual {
  background: url( '/fileadmin/templates/img/keyvisual-bg.jpg' ) left top repeat-x;
}
.error {
  color: #d00;
}

/* Background images */
#skiplinks a, #reading-blind a, #search-form button span, #mz-button a, #merkzettel h2 a,
#sidebar .tel-icon span, #spende .submit span, #sidebar p a, #sidebar .email, .box .podcasts,
#inhalt ul.cataloglinks a, #direkteinstieg li a, .contentform .submit span, .pcontrols button, .zoom span, #locateButton span, .prospekt_button {
  background-image: url( '/fileadmin/templates/img/icons.gif' );
  background-repeat: no-repeat;
}

/* Text colors */
html, body, a, #inhalt #mz-button a, #direkteinstieg li.highlight a, #inhalt .pager a, .pcontrols button:hover, .pcontrols button:focus, .pcontrols button:active, #inhalt a.button {
  color: #000;
}
#map a, #map span {
  text-shadow: 0 0 0.1em #000;
}
#inhalt a, #inhalt .pager a:link, #inhalt .pager a:visited, #inhalt .pager a:active {
  color: #1a5b7d;
}
#headerbar h2, #skiplinks, #skiplinks a, .servicebox, #inhalt .servicebox a, #direkteinstieg a, .pcontrols button, #page .zoom {
  color: #fff;
}
#page .zoom {
  text-shadow: 0 0 4px #000;
}

/* Border colors */
#merkzettel a, #spende .submit, .contentform .submit, #map:hover, .button {
  border: 6px solid #fcd54b; /* dark yellow */
  background-color: #fcd54b; /* dark yellow */
}
.pcontrols button {
  border: 0 none;
}
#strip, #nav ol, #nav ul, .widecolumn {
  border-bottom: 6px solid #cfd2d2; /* dark gray */
}
#strip {
  margin: 0 1.875em 1.1875em 1.625em; /* top right bottom left */
}
.contentbox, #mz-button, .podcasts #inhalt img.author, .playerwrapper, #inhalt img.right, #inhalt img.left, #map {
  border: 6px solid #cfd2d2; /* dark gray */
}
.servicebox {
  border: 1.125em solid #2d789f; /* light blue */
  border-top-width: 1em;
}
#kontakt .photo {
  border: 6px solid #fff; /* white */
}
#direkteinstieg li {
  border-right: 6px solid #fff; /* white */
}
#spende #donation, .contentform input.text, .contentform textarea {
  border: 1px solid #000; /* black */
}
.home #inhalt h3, .search #inhalt h2, .podcasts #inhalt h2 {
  border-bottom: 1px solid #000; /* black */
}
#inhalt .tipps li {
  border-bottom: 1px dotted #000; /* black */
}
.pager {
  border-bottom: 1px dotted #000; /* black */
  border-top: 1px dotted #000; /* black */
}
.search .top {
  border-top: 0 none; /* no border */
}
#inhalt .tipps li.last, #direkteinstieg li.last {
  border: 0 none; /* no border */
}

/* Border radius */
#mz-button, #search-form fieldset, #spende .submit, .contentform .submit, .playerwrapper, .button, #merkzettel h2 a {
  border-width: 6px 6px 5px;
  border-style: solid;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
}
#mz-button {
  border-radius: 18px 18px 0 0;
  -moz-border-radius: 18px 18px 0 0;
  /* Webkit does suppport no more than two values for border-radius */
  -webkit-border-top-left-radius: 18px;
  -webkit-border-top-right-radius: 18px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}

/*************
 * Font size *
 *************/
#logo span,
#skiplinks,
#search-form,
#merkzettel a,
#reading-blind a,
#mz-button span,
#nav a,
#breadcrumb a,
#sidebar,
#nav ol li li a,
p.series {
  font-size: 91%;
}
.contentbox p, a.zoom {
  font-size: 82%;
}
.release {
  font-size: 73%;
}

/******************
 * Page Structure *
 ******************/

#page {
  line-height: 1.15;
  max-width: 100%; /* Avoid horizontal scrollbars even with enlarged text */
  min-width: 48.3125em;
  position: relative;
}

/**********
 * Header *
 **********/
#headerbar {
  padding: 0 1.875em;
  height: 3.375em;
}

/* Skiplinks */
#skiplinks {
  float: left;
  padding: 1.5em 0 0.5em;
  width: 29.7em;
}
#skiplinks li {
  display: block;
  float: left;
  margin-right: 1.125em;
}
#skiplinks a {
  background-position: 0 -2115px;
  outline-offset: 0.05em;
  padding-left: 18px;
  text-decoration: none;
}
#skiplinks em {
  font-style: normal;
}
#inhalt.target, #kontakt.target .box, #suche.target {
  outline: dashed 2px #1a5b7d;
}
#inhalt.target {
  outline-offset: 0.1875em;
}

/* Tools */
#tools {
  background: white;
  float: left;
  padding: 0.2em;
}
#reading-blind {
  cursor: pointer;
  float: left;
  border-radius: 18px 18px 0 0;
  -moz-border-radius:  0 0 18px 18px;
  /* Webkit does suppport no more than two values for border-radius */
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 18px;
  -webkit-border-bottom-right-radius: 18px;
  border-color: #fff;
  background-color: #fff;
  padding: 0.5em 0 0.4em 0.5em;
  width: 15.45em;
}
#reading-blind a {
  background-position: 0 -1120px;
  text-decoration: none;
  padding: 0.2em 0 0.2em 2.4em;
  width: 14.125em;
  display: inline;
}

/* Logo */
#logo {
  float: left;
  margin: 1.5em 0 0 1.875em;
  padding-bottom: 1em;
  text-decoration: none;
  text-transform: uppercase;
  width: 27em;
}
.small #logo {
  margin-bottom: 2em;
}
#logo span {
  display: block;
  font-weight: bold;
  letter-spacing: 0.09em;
  line-height: 1.3;
  margin-left: 118px;
  padding: 0.6em 0 0;
}
#logo img {
   display: block;
   float: left;
}
/* Merkzettel */
#merkzettel {
  margin: 2.1em 0 0 0;
  float: left;
  width: 16.125em;
}
.small #merkzettel {
  float: right;
  margin: 1.25em 1.875em 0 0;
}
#merkzettel h2 a {
  border: none;
  background-position: 15px -2416px;
  display: block;
  padding: 0.6em 0.6em 0.6em 3.25em;
  text-decoration: none;
}
#merkzettel.active h2 a {
  -moz-border-radius: 18px 18px 0 0;
  /* Webkit does suppport no more than two values for border-radius */
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 18px;
  -webkit-border-top-right-radius: 18px;
}
#merkzettel.active h2 a {
  border-bottom: none;
  background-position: 15px -2486px;
  padding-bottom: 2.8em;
}
/* List of Bookmarks */
#mz-list {
  display: none;
  width: 100%;
  background-color: #fff0c2;
  position: relative;
  margin-top: 5.25em;
  margin-bottom: 0.5em;
  clear: both;
}
#mz-list li {
  border-top: 1px dotted #000;
  padding: 0.5em 0 0.75em 0;
  display: block;
  width: 28.75em;
}
#mz-list li.first {
  border-top: 1px solid #000;
}
#mz-list li .mz-page-link a {
  background-image: url( '/fileadmin/templates/img/icons.gif' );
  background-repeat: no-repeat;
  background-position: 0 -320px;
  padding: 0 0.5em 0.5em 2.3125em; /* top right bottom left */
}
#mz-list li .mz-page-link {
  width: 24em;
  display: block;
  float: left
}
#mz-list a {
  text-decoration: none;
}
#mz-list a:hover {
  text-decoration: underline;
}
#mz-listwrap {
  padding: 0 0 0.75em 16.25em; /* top right bottom left */
  border-top: 6px solid #fcd54b; /* dark yellow */
  border-bottom: 6px solid #fcd54b; /* dark yellow */  
}
/* Button to add/delete bookmarks */
.home #mz-button {
  margin-bottom: 0em;
}
#mz-button {
  border: none;
  float: right;
  margin: 1em 1.875em -1.75em 0;
  padding: 0.5em;
  position: relative;
  clear: both;
  width: 11.975em;
}
#mz-button span {
  display: block;
}
#mz-button a {
  background-position: 0 -1240px;
  display: block;
  padding: 0.4em 0 0.4em 2.375em;
  text-decoration: none;
}

/* Search */
#search-form {
  float: right;
  margin: 2.3em 2em 0 0;
}
#search-form fieldset {
  border: none;
  float: right;
  margin: 0;
  padding: 0.5em;
  position: relative;
}
#search-form input {
  border: none;
  margin: 0 0.325em 0 0.35em;
  padding: 0.0625em 0.375em 0.125em;
  width: 9.85em;
}
#search-form input:focus {
  margin: 0 0.325em 0 0.35em;
  padding: 0.0625em 0.375em 0.125em;
  width: 15em;
}
#search-form input, button {
  vertical-align: middle;
}
#search-form button {
  border: 0 none;
  background: transparent;
  cursor: pointer;
  font-size: 21px;
  line-height: 21px;
  height: 22px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 25px;
}
#search-form button span {
  background-position: 0 -1560px;
  display: block;
  height: 100%;
  left: -5px;
  padding: 0 3px;
  position: absolute;
  top: 0;
  width: 100%;
}
#search-form button:active, #search-form button:focus, #direkteinstieg a:focus, #direkteinstieg a:active {
  outline: 1px dotted #000;
}
#search-form button:focus span, #search-form button:active span {
  background-position: 0 -1600px;
}

/* Breadcrumb path */
#breadcrumb {
  clear: both;
  margin: 0 1.875em 0.60em 1.1875em; /* top right bottom left */
  padding-left: 0.5em;
}
.small #breadcrumb {
  width: 29.5em;
}
.medium #breadcrumb {
  width: 43.75em;
}
.wide #breadcrumb {
  width: 42.5em;
}
#breadcrumb li {
  float: left;
  margin-right: 0.5em;
}
#breadcrumb a {
  margin-right: 0.4em;
}


/**************
 * Navigation *
 **************/
#nav {
  float: left;
  margin-left: 1.875em;
  margin-top: -0.0625em;
  padding-top: 0.25em;
  overflow: hidden;
  width: 12.375em;
}
#nav ol {
  margin-bottom: 1.25em;
  padding-bottom: 0.8125em;
}
#nav ol li {
  font-weight: bold;
  list-style: decimal;
  margin: 0 0 0.525em 1.8em; /* was 1.5em */
}
#nav ol li li {
  list-style: none;
  margin: 0;
}
#nav ul {
  margin-bottom: 1.425em;
  padding-bottom: 0.6875em;
}
#nav ul li {
  margin: 0 0 0.6875em 1.8em; /* was 1.5em */
}
#nav ol ul, #nav ul ul {
  border-bottom: none;
  margin: 0.26em 0 0;
  padding: 0.26em 0 0;
}

/* Navlinks */
#nav a {
  display: block;
  text-decoration: none;
}
#nav a:hover.active, #nav a:focus.active, #nav a:active.active {
  text-decoration: none;
}
#nav a:link:hover.active, #nav a:link:focus.active, #nav a:link:active.active {
  text-decoration: underline;
}
#nav ol a {
  font-weight: normal;
}

/* Active nav links */
#nav ol a.active {
  display: block;
  font-weight: bold;
}
#nav ol li li a.active:before, #nav ul.help li a.active:before {
  content: '\25CF\A0';
}
#nav ol li li a.active, #nav ul.help li a.active {
  text-indent: -1.29em;
}
#nav ol li li a.active:link:before, #nav ol li li a.active:visited:before,
#nav ul.help li a.active:link:before, #nav ul.help li a.active:visited:before {
  content: '';
}
#nav ol li li a.active:link, #nav ol li li a.active:visited,
#nav ul.help li a.active:link, #nav ul.help li a.active:visited {
  text-indent: 0;
}

/* Deep cascaded links */
#nav ol li li a {
  border-bottom: 1px dotted #000;
  padding: 0.525em 0;
}
#nav ol li li a.first {
  padding-top: 0;
}
#nav ol li li li a {
  padding-left: 1.29em;
}
#nav ol li li li li a {
  padding-left: 2.58em;
}


/****************
 * Main content *
 ****************/
#container {
  margin: 0 1.875em 2em 16.25em;
  padding-right: 13em;
  position: relative;
}
.wide #container {
  padding-right: 27em;
}
.small #container {
  padding-right: 0;
}
#inhalt {
  float: left;
  line-height: 1.508;
  position: relative;
  margin-right: 1.875em;
  min-width: 28.725em;
}
.small #inhalt {
  margin-right: 0;
}
.home #inhalt {
  margin-top: 1em;
}
#keyvisual {
  clear: both;
  overflow: hidden;
}

/* Direct entry */
.widecolumn {
  margin: 0 -13em 0.5em 0;
  padding-bottom: 0.3725em;
  position: relative;
}
.wide .widecolumn {
  margin-right: -27em;
}
.small .widecolumn {
  margin-right: 0;
}
.widecolumn #keyvisual {
  clear: none;
}
.widecolumn #keyvisual img {
  margin-bottom: 6px;
}
#direkteinstieg li {
  float: left;
  width: 33%;
}
#direkteinstieg li.last {
  float: none;
  margin-left: 66%;
  padding-left: 12px;
  width: auto;
}

/* Headings */
#inhalt h1, .home #inhalt h2 {
  font-size: 2em;
  font-weight: normal;
  margin: -0.25em 0 -0.0325em;
}
#inhalt h2 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.41;
  margin: 1.4125em 0 0.0675em;
}
#inhalt h3, .search #inhalt h2, #mz-list h4 {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.41;
  margin: 1.4125em 0 0.0675em;
}
#inhalt .servicebox h3 {
  font-weight: bold;
  margin: 0 0 0.5em;
}
.podcasts #inhalt h3 {
  margin-top: 0.9375em;
}
.home #inhalt h3, .search #inhalt h2 {
  margin-bottom: 1em;
}
.search #inhalt h2.results {
  margin: 1.875em 0 0.0675em;
}
#inhalt h4 {
  font-weight: bold;
}

/* Text */
#inhalt p, #inhalt dl, #inhalt ol, #inhalt ul, #sidebar ul, #sidebar ol, #map {
  margin-bottom: 0.5em;
}
#sidebar p {
  padding-bottom: 1em;
}

#inhalt ol, #inhalt ul {
  overflow: hidden; /* fixes disappearing bullet points behind floating elements */
}
#inhalt ol li {
  list-style: decimal;
  margin-left: 2em;
}
.search #inhalt ol li {
  margin-left: 2.55em;
}
#inhalt ul li {
  list-style: disc;
  margin-left: 1em;
}
#inhalt li {
  margin-bottom: 0.5em;
}

#inhalt .contentbox p {
  margin: 1em 0 0;
}
#inhalt .servicebox p.link {
  margin-bottom: 0;
}
.podcasts #inhalt p.description {
  clear: both;
}
.release {
  font-weight: normal;
}

/* Pager */
#inhalt .pager {
  margin-bottom: 1em;
  padding: 0.0625em 0 0.125em;
}
#inhalt .pager p.results {
  float: left;
  margin-bottom: 0;
  width: 49%;
}
.pager .pager-list {
  float: right;
}
#inhalt .pager ul {
  display: inline;
}
#inhalt .pager li {
  display: inline;
  list-style: none;
  margin-left: 0.5em;
}

/* Elements on home page */
#inhalt ul.cataloglinks li, #inhalt ul.tipps li {
  display: block;
  list-style: none;
  margin-left: 0;
}
#inhalt ul.cataloglinks li {
  display: block;
  float: left;
  width: 14em;
}
#inhalt ul.cataloglinks li.first {
  margin-right: 0em;
}
#inhalt ul.tipps li {
  padding-bottom: 0.375em;
}


/******************
 * Podcast Player *
 ******************/
.playerwrapper {
  float: left;
  margin-top: 0.5em;
  padding: 0.6875em;
}
object.player {
  margin: 0.5em 0 0 -10px;
}
.js object.player {
  left: -9999px;
  position: absolute;
  top: auto;
}
.js .target object.player, #page .pcontrols, p.geo {
  display: none;
}

/* Audio player controls */
.js #page .pcontrols {
  display: block;
}
.pcontrols button {
  cursor: pointer;
  display: block;
  float: left;
  height: 32px;
  margin-right: 6px;
  overflow: hidden;
  padding: 0;
  position: relative;
  white-space: nowrap;
  width: 32px;
}
.pcontrols button.last {
  margin-right: 0;
}
button.rewind {
  background-position: 50% -2798px;
}
button.rewind:hover, button.rewind:focus, button.rewind:active {
  background-position: 50% -3078px;
}
button.play {
  background-position: 50% -2838px;
}
button.play:hover, button.play:focus, button.play:active {
  background-position: 50% -3118px;
}
button.pause {
  background-position: 50% -2878px;
}
button.pause:hover, button.pause:focus, button.pause:active {
  background-position: 50% -3158px;
}
button.stop {
  background-position: 50% -2918px;
}
button.stop:hover, button.stop:focus, button.stop:active {
  background-position: 50% -3198px;
}
button.mute {
  background-position: 50% -2958px;
}
button.mute:hover, button.mute:focus, button.mute:active {
  background-position: 50% -3238px;
}
button.volume-down {
  background-position: 50% -2998px;
}
button.volume-down:hover, button.volume-down:focus, button.volume-down:active {
  background-position: 50% -3278px;
}
button.volume-up {
  background-position: 50% -3038px;
}
button.volume-up:hover, button.volume-up:focus, button.volume-up:active {
  background-position: 50% -3318px;
}

/*******************
 * Form in content *
 *******************/
.contentform fieldset {
  margin-top: 1em;
}
.contentform label, .contentform input {
  display: block;
}
.contentform input#url {
  display: none;
}
.contentform input.text {
  margin-bottom: 0.5em;
  width: 20em;
}
.contentform textarea {
  width: 20em;
}
.contentform input.text, .contentform textarea, .contentform option {
  padding: 0.0625em 0.375em 0.125em;
}
.contentform .submit {
  cursor: pointer;
  display: block;
  margin-top: 1em;
  padding: 0 0 0 2em;
}
.contentform .submit span {
  background-position: right -1519px;
  display: block;
  padding: 0 3em 0.125em 0;
}

/* Search form */
#content-search-form div {
  display: block;
  float: left;
  margin-bottom: 0.5em;
  width: 49.9%;
}
#content-search-form input.text {
  width: 80%;
}
#content-search-form .clear {
  clear: left;
  margin-bottom: 0;
}
#content-search-form .last {
  margin-bottom: 1.25em;
}

/**********
 * Button *
 **********/
.button {
  cursor: pointer;
  display: block;
  float: left;
  padding: 0 0 0 1em;
  text-decoration: none;
}
#page .button:active, #page .button:focus {
  outline-offset: 0em;
}
.button span {
  padding: 0 2em 0.125em;
}
#locateButton span {
  background-position: 0 -3438px;
  cursor: pointer;
  display: block;
}

/**********
 * Images *
 **********/
#keyvisual img {
  display: block;
  margin-bottom: 1.8125em;
}

.contentbox, .servicebox {
  margin-top: 0.375em;
}
.contentbox img {
  display: block;
}

.contentbox, .zoom {
  position: relative;
  display: block;
}
.zoom {
  cursor: zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: -opera-zoom-in;
  overflow: hidden;
}
.out {
  cursor: zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: -opera-zoom-out;
}
.out img {
  height: auto;
  width: auto;
}

.zoom .icon {
  background-position: 0 -3357px;
  bottom: 0;
  height: 24px;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 24px
}
.out .icon {
  background-position: 0 -3397px;
}

.podcasts #inhalt img.author {
  margin-top: 1.25em;
}

.tipps img.left, .tipps img.right {
  margin-top: 0.4375em;
}
.left, .right {
  margin-bottom: 0.5em;
}
.left {
  float: left;
  margin-right: 1.125em;
}
.right {
  float: right;
  margin-left: 1.125em;
}
.half {
  width: 13.1875em;
}
.quarter {
  width: 7.125em;
}
.outbox {
  width: auto;
}


/***********
 * Sidebar *
 ***********/
#sidebar {
  float: right;
  line-height: 1.4;
  margin: 0.3125em -15.375em 0 0;
  position: relative;
  width: 15.375em;
}
.wide #sidebar {
  margin-right: -30.8125em;
  width: 30.8125em;
}
.small #sidebar {
  float: none;
  margin-right: 0;
  width: auto;
}
.sbmodule {
  border-bottom-width: 6px;
  border-bottom-style: solid;
  float: left;
  margin: 0 1.125em 0.75em 0;
  padding-bottom: 0.75em;
}
.sbmodule_dn {
  float: left;
  margin: 0 1.125em 0.75em 0;
  padding-bottom: 0.75em;
}
#sidebar .box {
  padding: 0.625em 0.75em 0;
  width: 12.75em;;
}
#sidebar .clear {
  clear: left;
}
#sidebar .box.image-big {
  padding: 0;
  width: 14.25em;
}
#sidebar .box.image-big img {
  margin-bottom: 0;
}

/* Text */
#sidebar h2, .dtitle {
  font-weight: bold;
}
#sidebar h2 {
  margin: 1em 0 0.5em;
}
#sidebar h2.first {
  margin-top: 0;
}
#kontakt .photo {
  border-width: 0 6px 6px;
  display: block;
  margin: -0.625em 0 1em;
}
#sidebar .contact-data {
  margin-bottom: 0;
}
#sidebar .contact-data li {
  padding-bottom: 1em;
}
#sidebar .tel-icon {
  border: none;
  display: block;
  float: left;
  height: 23px;
  margin-right: 0.75em;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 23px;
}
#sidebar .tel-icon span {
  background-position: 0 -1640px;
  height: 23px;
  left: 0;
  position: absolute;
  width: 50px;
  top: 0;
}
#sidebar .email {
  background-position: 0 -1680px;
  padding-bottom: 0.1em;
  padding-left: 2.3125em;
}
#sidebar .highlight p a {
  background-position: 0 -2256px;
}
.box .podcasts {
  background-position: 0 -1720px;
  padding-left: 1.6125em;
}

/* Donation form */
#spende .box {
  padding-bottom: 0.75em;
}
#spende #donation {
  margin-left: 0.5em;
  padding: 0.0625em 0.375em 0.125em;
  vertical-align: middle;
  width: 8.875em;
}
#spende .submit {
  cursor: pointer;
  display: block;
  margin-top: 1em;
  width: 100%;
}
#spende .submit span {
  background-position: 0 -1480px;
  display: block;
  padding: 0.0625em 0 0.1875em 1em;
}

/*******************
 * General formats *
 *******************/

abbr[title], acronym[title] {
  border-bottom: 1px dotted #333;
  cursor: help;
}
a abbr[title], a acronym[title] {
  cursor: pointer;
}
.clear {
  clear: both;
}
.clearfix:after, #page:after, #nav:after, #content:after, #sidebar:after, #footer:after, #inhalt ul.tipps li:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
del {
  text-decoration: line-through;
}
.fn abbr[title], .fn acronym[title] {
  border-bottom: none;
}
em, em strong, cite {
  font-style: italic;
}
input.checkbox, input.radio, input[type=checkbox], input[type=radio] {
  border: none;
}
.offscreen {
  left: -9999px;
  position: absolute;
  top: auto;
}
.target .offscreen {
  display: none;
}
.script, .hide {
  display: none;
}
strong, strong em, .strong, legend {
  font-weight: bold;
}

/*********
 * Links *
 *********/
#skiplinks a:hover span,
#skiplinks a:focus span,
#skiplinks a:active span,
#reading-blind a:hover,
#reading-blind a:focus,
#reading-blind a:active,
#merkzettel a:hover,
#merkzettel a:focus,
#merkzettel a:active,
#mz-button a:hover,
#mz-button a:focus,
#nav a:hover,
#nav a:active,
#nav a:focus {
  text-decoration: underline;
}
a:focus, a:active {
  outline-offset: 0.1em;
}
a.zoom:focus, a.zoom:active {
  outline: dotted 1px #000;
  outline-offset: 0em;
}
#sidebar p a {
  background-position: 0 -1956px;
  padding-left: 18px;
}
#inhalt ul.cataloglinks {
  margin: 1em 0 2.5em;
}
#inhalt ul.cataloglinks a {
  background-position: 0 6px;
  padding: 0.5em 0 0.5em 35px;
}
#inhalt ul.cataloglinks a.download {
  background-position: 0 -794px;
}
#inhalt ul.cataloglinks a.mags {
  background-position: 0 -794px;
}
#direkteinstieg a {
  background-position: 0.75em -630px;
  display: block;
  font-weight: bold;
  padding: 0.75em 0.75em 0.875em 2.9375em;
  position: relative;
  text-decoration: none;
}
#direkteinstieg a:hover, #direkteinstieg a:focus, #direkteinstieg a:active {
  outline-offset: 0px;
  text-decoration: underline;
}
#direkteinstieg li.highlight a {
  background-position: 0.75em -150px;
}

/**********************
 * Google Maps Static *
 **********************/
#map {
  height: 300px;
  overflow: hidden;
  position: relative;
  width: 450px;
}
#map #maps-static, #map #maps-static img {
  display: block;
}
#map span.note {
  display: none;
}
#map button {
  background: transparent;
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  height: 100%;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-indent: -100em;
  top: 0;
  width: 100%;
}
#map a:focus, #map button:focus {
  outline: dashed 2px #fcd54b;
  outline-offset: 0em;
}

/**
 * Alphabetical site index
 * @see  http://typo3.org/documentation/document-library/extension-manuals/cl_alphabeticalindex/0.1.3/view/toc/0/
 * @note typoscript/templates/ext/cl_alphabeticalindex/setup.ts
 */
#inhalt .alpha-index {
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  margin: 1.5em 0;
  padding: 0.75em 0 1.25em 0;
}

#inhalt .alpha-index li {
  background-color: #CFD2D2;
  border: none;
  display: inline;
  float: left;
  height: 30px;
  line-height: 1.8;
  list-style-type: none;
  margin: 0.75em 0.5em 0 0;
  padding: 0;
  text-align: center;
  width: 45px;
}

#inhalt .alpha-index li a:link,
#inhalt .alpha-index li a:visited {
  text-decoration: none;
  display: block;
}
#inhalt .alpha-index li a:hover,
#inhalt .alpha-index li a:focus,
#inhalt .alpha-index li a:active {
  display: block;
  background-color: #FFF;
  color: #000;
  font-weight: bold;
  border: 1px solid #000;
  width: 43px;
  height: 28px;
}

#inhalt .alpha-index li .active {
  display: block;
  background-color: #FFF;
  color: #000;
  font-weight: bold;
  border: 1px solid #000;
  width: 43px;
  height: 28px;
}

#inhalt .alpha-index-page li {
  list-style-type: none;
  margin-left: 0;
}


/**********************
 * JavaScript version *
 **********************/
.js .script {
  display: block;
}


/********************
 * Handheld version *
 ********************/

@media handheld {
  #page {
    width: auto;
  }
}


/*****************
 * Print version *
 *****************/

@media print {
  abbr[title], acronym[title] {
    border-bottom: none;
  }
}

/**********
 * Extras *
 **********/

.mag_button {
  font-size: 1.3em;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Lucida, clean, sans-serif;
  margin-bottom: 10px;
  padding: 3px 12px 3px 12px;
  background-color: #FCD54B;
  font-weight: bold;
  text-decoration: none;
  border-width: 6px 6px 5px;
  border-style: none;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;  
}

.prospekt_button {
  font-size: 1em;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Lucida, clean, sans-serif;
  margin-bottom: 10px;
  padding: 6px 16px 6px 16px;
  #background-position:0 6px;
  #padding:0.5em 0 0.5em 35px;
  background-color: #FCD54B;
  font-weight: bold;
  text-decoration: none;
  border-width: 6px 6px 5px;
  border-style: none;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;  
}

input.hfield {
  display: none;
}

.dialog {
  text-decoration: none;
  color: black;
}


table.yreport td {padding: 8px;}

table.smallyreport {font-size: 0.7em;}

table.smyreport {font-size: 0.9em;}

.cell {padding: 8px;}


/*******************
 * Teaser Books *
 *******************/

.teaser-books {
 background-image: url(/fileadmin/templates/img/x-mastree.gif);
 background-repeat: no-repeat;
 #background-position: 30 0px; 
}


/*************
* Diverses*
*************/

.jobtable td {
padding:8px;
vertical-align:top;
}