@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 {
	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: 13.25em;
}
#inhalt ul.cataloglinks li.first {
	margin-right: 1.125em;
}
#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;
}
#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;	
}