/* Website: Fahrschule Frenzel*/
* {margin:0; padding:0; border:0;}
html {height:100%; overflow-y:scroll;}
body {height:100%; min-width:60em; font-size:100%; text-align:center; color:#333; word-wrap:break-word;}
body, input, textarea, select {font-family:Arial, Helvetica, Droid, "Trebuchet MS", Tahoma, Geneva, sans-serif;}
body.zoom-2 {font-size:125%;}
body.zoom-3 {font-size:150%;}
body.mceContentBody {text-align:left; width:39.25em; height:auto; min-width:0; min-height:190px; margin:0; padding:10px 1.5em; background:none #fff;}
.clear {clear:both;}
.center {text-align:center;}
.pointer {cursor:pointer;}
.hidden, .print {display:none;}
.nowrap {white-space:nowrap;}
.relative {position:relative;}

/*Layout*/
.zentriert {position:relative; width:60em; margin:0 auto; text-align:left; overflow:hidden;}
.inhalt {}
#rahmen {}
#header {}
#logo {padding:1.25em 0;}
#logo img {width:20em; height:6em; padding:0 0 0 1.5em;}
#kopf{background-color:#F2F6F9;}
#kopf-right{float:right; width:20em; text-align:right;}
#themenbild {position:relative; height:25em;}
#slogan a {position:absolute; left:0; top:5.5em; display:block; padding:1em 2em; border-radius:0 0.5em 0.5em 0; z-index:900; text-decoration:none; outline:0; background-color:#232E56; background:rgba(35, 46, 86, 0.6); transition: all 0.5s ease;}
#slogan a:hover {padding-right:4em; background-color:F65656; background:rgba(246, 86, 86, 0.8);}
#slogan a:hover:before {position:absolute; top:0.25em; right:0.375em; content:"\00BB"; color:#fff; font-size:3em;}
#slogan span {font-size:1.5em; color:#fff;}
#telefon {float:right; width:15em; padding:3em 1.375em 0 0; font-weight:bold; color:#616161;}
#seite {padding:0;}
#spalte-links {display:inline; float:left; clear:left; width:15em; padding:2em 0;}
#spalte-links .inhalt {width:13em; margin-left:2em; overflow:hidden;}
#spalte-mitte {display:inline; float:right; width:41.25em; min-height:30em; padding:2em 0;}
#spalte-mitte .inhalt {width:39.25em; overflow:hidden;}
#inhalt-fuss {clear:both;}
#footer .zentriert .inhalt{padding:1.5em 1em 1.5em 1.5em;}
#footer address{padding:0;}
#footer {color:#f3f3f3; border-top:3px solid #F65656;}
#footer a {color:#7da3c9; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer #kontakt, #footer #stadtteile {position:relative; float:left;}
#footer #kontakt{width:20em;}
#footer #stadtteile {width:20em;}
#footer #stadtteile ul {position:relative; float:left; padding:0 3em 0 1em;}
#footer strong {display:block; padding:0 0 1em 0;}
#footer #stadtteile strong {padding:0 0 0.875em 0;}
#footer .nav{position:relative; float:right; width:14em; padding-right:0;}

/*Farben*/
html{background-color:#fff;}
#seite, #header{background-color:#fff;}
#footer{background-color:#47527d;}
#themenbild-bereich {height:25em;}
#themenbild-bereich img{width:60em;}
#seite .zentriert {background-color:#fff;}
body.desktop #nav {background-color:#47527d;}

/*Funktionen*/
#funktionen {float:right; width:3.5em; padding-top:0.25em; text-align:right;}
#funktionen li {display:inline; margin-left:5px; list-style:none;}
ul.websites-liste li {margin:0 0.5em; display:inline; list-style:none; font-size:0.875em;}

/*Kopfnavigation*/
body.desktop #kopf .nav {float:right; width:15em; padding:1.5em 0.75em 0 0; position:relative;}
body.desktop #kopf .nav ul {}
body.desktop #kopf .nav ul li {display:inline; line-height:normal; list-style:none; margin:0 0.5em; font-size:1em;}
body.desktop #kopf .nav ul a {font-size:1em; font-weight:normal; font-style:normal; text-decoration:none; outline:0;}
body.desktop #kopf .nav ul a span {cursor:pointer;}
body.desktop #kopf .nav ul a:visited {text-decoration:none;}
body.desktop #kopf .nav ul a.nav-aktiv-link,
body.desktop #kopf .nav ul a:active,
body.desktop #kopf .nav ul a:hover,
body.desktop #kopf .nav ul a:focus {text-decoration:underline;}
body.desktop #kopf .nav li.nav-aktiv > a {}

/*Bereichsnavigation*/
body.desktop #nav-bereich{float:right; width:60em; text-align:right;}
body.desktop #nav {position:relative; height:3.25em; overflow:hidden; overflow:hidden; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5); border-top:3px solid #F65656; z-index: 900;}
body.desktop  #nav ul {float:right;}
body.desktop  #nav ul li {display:inline; line-height:normal; list-style:none; margin:0; font-size:1em;}
body.desktop  #nav ul a {display:block; float:left; padding:1em 1.25em; border-left:1px solid #747c9a; text-decoration:none;}
body.desktop  #nav ul li.letzter a {border-right:1px solid #747c9a;}
body.desktop  #nav ul a span {font-weight:normal; color:#f3f3f3; text-transform:uppercase; cursor:pointer;}
body.desktop  #nav ul a:visited {text-decoration:none;}
body.desktop  #nav ul a.nav-aktiv-link,
body.desktop  #nav ul a:active,
body.desktop  #nav ul a:hover,
body.desktop  #nav ul a:focus, 
body.desktop  #nav li.nav-aktiv > a {background-color:#6c7797; text-decoration:none;}

/*Seitennavigation*/
.nav-titel {padding:0 1em 0.5em 0;}
.nav-titel span {font-size:1.25em;}
body.desktop #spalte-links ul.nav-liste {margin:0; padding:0.125em 0;}
body.desktop #spalte-links ul.nav-liste ul {padding:0 0 0.5em 1em;}
body.desktop #spalte-links ul.nav-liste li {position:relative; padding:0; height:auto; line-height:normal; list-style-type:none; font-size:1em;}
body.desktop #spalte-links ul.nav-liste li li {padding:0;}
body.desktop #spalte-links ul.nav-liste a {display:block; padding:0.25em 0 0.25em 1em; text-decoration:none; font-size:1em; color:#aaa; font-weight:bold; font-style:normal; outline:0;}
body.desktop #spalte-links ul.nav-liste a.ebene1 {padding-left:1em;}
body.desktop #spalte-links ul.nav-liste ul a {padding-left:0.25em; font-size:0.875em;}
body.desktop #spalte-links ul.nav-liste a:before {position:absolute; left:0; top:0; content:"\00BB\00A0"; padding-top:inherit;}
body.desktop #spalte-links ul.nav-liste ul a:before {content:"\2003";}
body.desktop #spalte-links ul.nav-liste a span {cursor:pointer;}
body.desktop #spalte-links ul.nav-liste a:visited {text-decoration:none;}
body.desktop #spalte-links ul.nav-liste a.nav-aktiv-link,
body.desktop #spalte-links ul.nav-liste a:active,
body.desktop #spalte-links ul.nav-liste a:hover,
body.desktop #spalte-links ul.nav-liste a:focus {color:#5d73ca;}
body.desktop #spalte-links li.nav-aktiv > a {}

/*Fussnavigation*/
body.desktop #footer ul.nav-liste {}
body.desktop #footer ul.nav-liste li {display:inline; line-height:normal; list-style:none; margin:0 0.5em; font-size:1em;}
body.desktop #footer ul.nav-liste a {text-decoration:none; font-size:1em; font-weight:normal; font-style:normal; outline:0;}
body.desktop #footer ul.nav-liste a span {cursor:pointer;}
body.desktop #footer ul.nav-liste a:visited {text-decoration:none;}
body.desktop #footer ul.nav-liste a.nav-aktiv-link,
body.desktop #footer ul.nav-liste a:active,
body.desktop #footer ul.nav-liste a:hover,
body.desktop #footer ul.nav-liste a:focus {text-decoration:underline;}
body.desktop #footer li.nav-aktiv > a {}

/*Inhaltsbereich und Textgestaltung*/
h2, h3 {padding:0.5em 0 0 0;}
h4, h5, h6, caption {padding:0.625em 0 0.25em 0;}
dl, p, address, .p {padding:0.375em 0 0.5em 0;}
td, th, dl, li, p, pre, address, blockquote, .p {font-size:1em; line-height:135%;}
h1 {width:35.5em; font-size:1em; font-weight:normal; padding-bottom:0.5em; overflow:hidden;}
h1 span {font-size:1.5em; font-weight:bold; line-height:120%;}
h2 {font-size:1.375em; font-weight:bold; font-style:italic; color:#47527D;}
h3, caption {font-size:1.125em; font-weight:bold;}
h4 {font-size:1em; font-weight:bold;}
h5 {font-size:0.875em; font-weight:bold;}
h6 {font-size:0.875em; font-weight:normal;}
strong {font-weight:bold; font-style:normal;}
em {font-weight:normal; font-style:italic;}
em strong, strong em {font-weight:bold; font-style:italic;}
address, cite, blockquote {font-weight:normal; font-style:normal;}
acronym, abbr {white-space:nowrap;}
acronym, abbr, cite[title], .help[title] {cursor:help; border-bottom:1px dotted #bbb;}
hr {clear:both; padding:0; height:1px; color:#ccc; background-color:#ccc; border:0;}
pre {clear:both; margin:0.75em 0; width:auto; padding:0.5em; font-size:1em; background-color:#eee; border:1px solid #ccc; word-wrap:normal; overflow:auto;}
pre, hr {margin:0.3125em 0 0.625em 0;}
hr.hoch{margin:0.75em 0;}
blockquote {position:relative; padding:0.5em 1em 0.5em 4em; margin:0; text-align:left; font-family:Georgia, Times, "Times New Roman", "Droid serif", serif; font-size:1.125em; font-style:italic;}
blockquote:before {content:"\201C"; font-size:5em; position:absolute; left:0.125em; top:0.4375em; color:#47527D;}
blockquote cite {color:#555; font-size:0.8125em; display:block; margin-top:0.25em; border:0; cursor:default;}
blockquote cite[title] {border:0;}
blockquote cite:before {content:"\2014 \2009";}
li *, dl *, p *, pre *, address *, blockquote * {font-size:1em; padding:0; margin:0;}
li li {font-size:1em;}
dl, blockquote {clear:left;}
dt {font-weight:bold;}
dd {padding-bottom:0.5em;}
dd:last-child {padding-bottom:0;}
sup, sub {position:relative; top:-0.5em; vertical-align:baseline; font-size:75%; line-height:100%;}
sub {top:0.25em;}
iframe {width:100%; height:100%;}
fieldset, textarea, input.text, input.submit, select {border:1px solid #ccc;}
option {padding-left:0.4375em}
button {border:0; cursor:pointer;}
legend, label, .label, input, select {font-size:0.875em;}
textarea, fieldset {display:block; font-size:1em;}
fieldset {margin-bottom:0.5em; padding:0.4375em;}
legend {font-weight:bold;}
textarea {width:98%; max-width:98%; height:10em;}
textarea, select, input.text {background-color:#fff;}
input.checkbox {margin:0.2em 0; border-width:1px;}
input.text {height:1.5em;}
input.submit {padding:0.5em;}
input.checkbox, input.submit, label, select {cursor:pointer;}
input.submit:hover, input:focus, textarea:focus, select:focus {background-color:#eee;}
.counter {counter-reset:counter;}
.counter h2:before {content:counter(counter,decimal)" "; counter-increment:counter;}

/*Links*/
a {color:#5d73ca; text-decoration:none;}
.inhalt-bereich a{font-weight:bold;}
body.mceContentBody a {color:#5d73ca; text-decoration:underline;}
a:visited {text-decoration:none;}
body.mceContentBody a:hover, a:active, a:hover, a:focus, a.aktiv {color:#5d73ca; text-decoration:underline;}

/*(Call-to-Action)-Buttons*/
p.button, input.submit {max-width:100%; margin:0; padding:0;}
p.button a, form.button input.submit {display:inline-block; margin:1em 0; padding:0.5em 0.75em 0.625em 0.75em; height:auto; font-size:1em;}
p.button a:after{content:"\00A0\00BB";}
p.button a, p.button a:visited, input.submit {border:0; background-color:#47527D; text-decoration:none; font-weight:bold; color:#fff; cursor:pointer; border:0; border-radius:3px;}
p.button a:hover, p.button a:focus, p.button a:active, 
input.submit:hover, input.submit:focus, input.submit:active {text-decoration:none; background-color:#999;}

/*Maximalbreite für Lesbarkeit: 8-12 Wörter/50-70 Zeichen pro Zeile*/
p, .p, dd, address, .inhalt-formular {max-width:32em;}
li, blockquote {max-width:32em;}

/*Listen*/
body.mceContentBody ul, body.mceContentBody ol, .inhalt-baustein ul, .inhalt-baustein ol{font-size:1em; padding:0.375em 0 0.5em 0; display:table;}
body.mceContentBody ul, .inhalt-baustein ul, #footer ul  {list-style-type:disc; padding:0.375em 0 0.5em 1.375em;}
#nav3 ul  {padding:0;}
body.mceContentBody ol, .inhalt-baustein ol {padding-left:2.8125em;}
body.mceContentBody li, .inhalt-baustein li {padding-bottom:0.375em;}
body.mceContentBody li:last-child, .inhalt-baustein li:last-child {padding-bottom:0;}
body.mceContentBody li ul, body.mceContentBody li ol, .inhalt-baustein li ul, .inhalt-baustein li ol {display:block; font-size:1em; padding:0.5em 0 0 1.5em;}

/*Tabellen*/
caption {caption-side:top; padding:0.3125em 0 0.5em 0; text-align:left;}
table {clear:left; width:100%; max-width:100%!important; margin:0.175em 0 0.5em 0; clear:both; empty-cells:show; border-collapse:collapse; border-spacing:0; table-layout:fixed; font-size:1em; overflow:hidden;}
td, th {padding:0.375em; vertical-align:top; text-align:left;}
th {font-weight:bold;}
thead th {padding:0.5em 0.375em;}
tr.gerade {background-color:#eee;}
thead tr.gerade {background-color:#47527d; color:#fff;}
body.mceContentBody th *, body.mceContentBody td *, .inhalt-baustein th *, .inhalt-baustein td * {font-size:1em; padding:0; margin:0;}

/*Bausteine*/
.inhalt-baustein {clear:both; width:100%;}
.inhalt-beitrag, .inhalt-mitteilung, .inhalt-galerie, .inhalt-formular, .inhalt-dokument-liste, .inhalt-skript, .inhalt-suche-ergebnis {}
.inhalt-baustein-inhalt {}
.inhalt-baustein-spalte-links .inhalt-baustein-inhalt,
.inhalt-baustein-spalte-rechts .inhalt-baustein-inhalt,
.inhalt-baustein-spalte-mitte .inhalt-baustein-inhalt {padding:0;}
.inhalt-baustein-spalte-links, .inhalt-baustein-spalte-rechts {float:left; clear:left; width:48%; overflow:hidden;}
.inhalt-baustein-spalte-rechts {float:right; clear:right;}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-links {float:left; clear:left; width:31%; min-height:1px; overflow:hidden;}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-mitte {float:left; width:31%; margin-left:3.5%; min-height:1px; overflow:hidden;}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-rechts {float:right; width:31%; overflow:hidden;}

/*Mediaelemente*/
.inhalt-media-rechts, .inhalt-media-links, .inhalt-media-mitte {margin:0.5em 0 1em 0; border:1px solid #ccc; clear:both;}
.inhalt-media-rechts {float:right; margin-left:1.5em;}
.inhalt-media-links {float:left; margin-right:1.75em;}
.inhalt-media-mitte {clear:both; margin:0.5em auto 1em auto;}
.inhalt-media p {width:99%; margin:0 0 0 1px; padding:0.25em 0; font-size:0.8125em; line-height:110%; text-align:center; overflow:hidden;}
.inhalt-media {max-width:100%; overflow:hidden;}

/*Beiträge*/
.inhalt-beitrag-zusatz {clear:both; padding-bottom:0.5em;}
span.inhalt-beitrag-autor {font-weight:bold; font-style:italic;}
p.inhalt-beitrag-infos {padding-bottom:0;}
p.inhalt-kommentare-hinweis, p.inhalt-beitrag-direktlink {padding:0;}
.inhalt-beitrag-facebook {padding-top:0.5em;}
.inhalt-beitrag-facebook iframe {overflow:hidden; width:100%; height:1.6em;}
body.seite .inhalt-beitrag .inhalt-dokument-liste {clear:none;}
body.beitrag .inhalt-beitrag-zurueck {padding-top:1em;}

/*Mitteilungen*/
body.seite .inhalt-mitteilung {padding:0.375em 0 0.5em 0;}
body.seite .inhalt-mitteilung .inhalt-mitteilung-datum {float:right; margin-left:2em; font-weight:normal; font-size:0.77777em; color:#666;}
body.mitteilung .inhalt-mitteilung h2.inhalt-mitteilung-datum {font-weight:bold;}
body.seite .inhalt-mitteilung-mehr {padding-top:0;}
body.seite .inhalt-mitteilung-kategorie .inhalt-mitteilung {padding:0.5em 0; border-bottom:1px solid #ccc;}
body.seite .inhalt-mitteilung-kategorie .letzter {border-bottom:0;}
body.seite .inhalt-mitteilung-kategorie-rssfeed {max-width:28em;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext {position:relative; min-height:9em;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext img {float:right; margin:1.4375em 0 0.875em 1.25em; max-height:9em; max-width:9em;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext p:nth-child(1n+2) {display:block; padding:0;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext p:nth-child(n) {padding-right:10.5em;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext p:nth-child(1n+3) {display:none;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext img:nth-child(1) {position:absolute; top:0; right:0; margin:0.5em 0;}
body.seite .inhalt-mitteilung-kategorie-rssfeed ul.inhalt-mitteilung-titel-liste li:nth-child(-n+5) {display:none;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext p.inhalt-kommentare-hinweis {display:block; clear:both; padding:0.5em 0 0.5em 0;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kategorie-abonnieren {float:right;}
body.seite .inhalt-mitteilung .inhalt-dokument-liste {clear:none;}
body.mitteilung .inhalt-mitteilung-zurueck {padding-top:1em;}

/*Downloadliste*/
.inhalt-dokument-liste {clear:both;}
.inhalt-beitrag .inhalt-dokument-liste, .inhalt-mitteilung .inhalt-dokument-liste {clear:none;}
.inhalt-dokument-download {font-size:1.143em; margin-right:0.25em;}
.inhalt-dokument-liste li img {width:1em; height:1em; margin-bottom:-0.1875em;}
.inhalt-dokument-liste ul {display:block; clear:none; padding-left:0.25em; margin:0; list-style:none; list-style-image:none;}
.inhalt-dokument-liste ul li {margin:0.375em 0; padding:0; background:none; list-style:none; list-style-image:none; max-width:none;}

/*Kommentare*/
.inhalt-kommentare {padding:0.5em 0; border-bottom:1px solid #ccc;}
.inhalt-kommentare p.inhalt-kommentare-hinweis {padding:0.5em 0; border-top:1px solid #ccc;}
ol.inhalt-kommentar-liste {padding-left:0; margin-left:0; list-style-type:none;}
.inhalt-kommentar-liste li {padding:0 0.5em; margin-bottom:0.5em; max-width:none;}
.inhalt-kommentar-liste li.ungerade {background-color:#ddd;}
.inhalt-kommentar-liste li.gerade {background-color:#eee;}
.inhalt-kommentar-liste li p {width:100%; overflow:hidden;}
span.inhalt-kommentar-autor {font-style:italic;}

/*Google-Map-Api*/
.inhalt-karte-gmap {margin:0.5em 0; height:25em; border:1px solid #ccc; background-color:#eee;}
.inhalt-karte-gmap .gm-style-iw {max-width:300px; font-size:1.25em;}
.inhalt-karte-anfahrt-form {padding-bottom:0.25em;}
.inhalt-karte-anfahrt-form form * {vertical-align:middle;}
.inhalt-karte-anfahrt-form input.text {width:150px;}

/*Formulare*/
.inhalt-formular div.clear {padding-bottom:1px;}
.inhalt-formular {width:100%;}
.inhalt-formular-zeile {width:100%; clear:both;}
.inhalt-formular-input select, .inhalt-formular-input input.text {width:62%;}
.inhalt-formular-label, .inhalt-formular-input, .inhalt-formular-checkbox-label, .inhalt-formular-checkbox-input {padding:0.5em 0;}
.inhalt-formular-checkbox p {font-size:0.75em; line-height:120%; max-width:100%;}
.inhalt-formular-zeile label * {vertical-align:baseline;}
.inhalt-formular-checkbox-label {width:94%; padding-top:0.6em; float:right;}
.inhalt-formular-checkbox-input {width:4%; float:left; text-align:right; position:relative;}
.inhalt-formular-label {width:37%; float:left; text-align:right; overflow:hidden;}
.inhalt-formular-input {width:61%; float:right; position:relative;}
.inhalt-formular-checkbox-themen .inhalt-formular-checkbox-input {width:37%; float:left; text-align:right; padding:0;}
.inhalt-formular-checkbox-themen .inhalt-formular-checkbox-label {width:61%; float:right; padding:0.1em 0 0.3em 0;}
.inhalt-formular-buttons {padding-top:1em;}
.inhalt-formular-buttons input.submit {display:block; padding:0.6em 0.8em 0.7em 0.8em; width:100%; height:auto;}
img.inhalt-formular-captcha-bild {display:block; float:left; border:1px solid #ccc;}
.inhalt-formular-captcha-buttons {float:left; margin-left:0.5em; width:20px;}
.inhalt-formular-captcha-buttons a {display:block;}
.inhalt-formular-captcha-buttons img {width:16px; height:16px;}
a.inhalt-formular-captcha-sprache {padding:2px 0 0 2px;}
.inhalt-formular-feld-fehleingabe select, .inhalt-formular-feld-fehleingabe textarea,
.inhalt-formular-feld-fehleingabe input {border:1px solid #c40000; background-color:#fdd;}
.inhalt-formular-pflicht, .inhalt-formular-senden-fehler, .inhalt-formular-feld-fehleingabe .inhalt-formular-checkbox-label label {color:#c40000;}
.inhalt-formular-senden-erfolgreich {color:#00c400;}
.inhalt-formular-senden-erfolgreich, .inhalt-formular-senden-fehler,
.inhalt-formular-feld-fehleingabe .inhalt-formular-checkbox-label label {font-weight:bold;}
.inhalt-formular-bestaetigung h2 {padding-bottom:0.5em;}

/*Akkordeon*/
h2.js-akkordeon-trigger {padding:0.5em; margin-top:0.5em; font-size:1.125em; font-weight:bold; background-color:#999; color:#fff;  border-radius:4px;}
div.js-akkordeon-wrapper {padding:0.5em;}
body.jquery h2.js-akkordeon-trigger:hover {background-color:#47527D;}
body.jquery h2.js-akkordeon-trigger:before {content:"\002B"; float:right; margin-right:0.25em; font-weight:bold;}
body.jquery h2.js-akkordeon-trigger.aktiv:before {content:"\2212";}
.js-akkordeon-wrapper p{display:table;}

/*Hinweise*/
#hinweis {position:fixed; top:0; left:50%; z-index:9999; margin-left:-9em; width:18em; padding:1.5em 0; text-align:left; background-color:#fe8; color:#000; overflow:hidden;}
#hinweis.fehler {background-color:#c40000; color:#fff; font-weight:bold;}
a#hinweis-button {margin:0 1.5em 0 0; width:1.5em; height:1.5em; border:1px solid #666; float:right; background:url(funktionen/icons/bullet_cross_disabled.png) center center no-repeat #ddd; cursor:pointer; box-shadow:inset 0px 1px 0px #f6f6f6; border-radius:0.375em;}
a#hinweis-button:hover {background-color:#eee; box-shadow:inset 0px 1px 0px #f6f6f6; border-radius:0.375em;}
a#hinweis-button span {display:none;}
#hinweis p {padding:0 30px; margin:0 1.5em;}
#hinweis p.hinweis-ok {background:url(funktionen/icons/tick.png) left top no-repeat;}
#hinweis p.hinweis-fehler {background:url(funktionen/icons/exclamation.png) left top no-repeat;}
#hinweis {border-radius:0 0 0.5em 0.5em; box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.5);}

/*Plugins*/
#share-button {padding-top:1px;}
#share-button span.at_a11y {visibility:hidden;}
#plusone-button, #like-button {overflow:hidden;}
#like-box iframe {max-width:100%;}
div.plusone-button-small {width:24px; height:15px;}
div.plusone-button-small-counter {width:70px; height:15px;}
div.plusone-button-standard {width:38px; height:24px;}
div.plusone-button-standard-counter {width:90px; height:24px;}
div.plusone-button-medium {width:32px; height:20px;}
div.plusone-button-medium-counter {width:80px; height:20px;}
div.plusone-button-tall {width:50px; height:20px;}
div.plusone-button-tall-counter {width:50px; height:62px; padding-top:1px;}
div.like-button-standard {height:24px;}
div.like-button-button-count {width:130px; height:24px;}
div.like-button-box-count {width:80px; height:60px;}

/*Reset für Layout mobile Endgeräte*/
body.desktop .mobil, body.mobil #funktionen, body.mobil #themenbild-bereich, body.mobil #telefon, body.mobil #footer #stadtteile{display:none;}
body.mobil {font-size:112.5%;}
body.mobil p, body.mobil .p, body.mobil dd, body.mobil address, body.mobil .inhalt-formular, body.mobil .zentriert, body.mobil #spalte-mitte .inhalt, body.mobil li, body.mobil blockquote {width:auto; max-width:none;}
body.mobil, body.mobil #rahmen, body.mobil #header, body.mobil #logo, body.mobil #logo img, body.mobil #schmuckbild, body.mobil #schmuckbild img, body.mobil #seite, body.mobil #spalte-links, body.mobil #spalte-rechts, body.mobil #spalte-mitte, body.mobil #footer {top:0; left:0; width:auto; height:auto; min-width:240px; max-width:100%; min-height:0; max-height:none; margin:0; padding:0; float:none; clear:both;}
body.mobil #rahmen {padding:0; background:none; overflow:hidden;}
body.mobil #header {padding:0; background:none; overflow:visible;}
body.mobil #logo {position:relative; top:0; left:0; clear:both; width:100%; padding:0.5em 0; text-align:center;}
body.mobil #logo img {position:relative; margin:0 auto; max-width:80%; min-width:0;}
body.mobil #schmuckbild, body.mobil #schmuckbild img {width:100%;}
body.mobil #seite {clear:both; float:none;}
body.mobil #spalte-links {display:block; width:100%;}
body.mobil #spalte-mitte {display:block; padding:1.25em 0.875em;}
body.mobil #spalte-rechts {display:block; padding:0.5em;}
body.mobil #footer p {padding:0.5em 0; text-align:center; max-width:100%;}
body.mobil #footer{border:0;}
body.mobil #footer #kontakt{width:auto;}

/*Sharebuttons*/
body.mobil #share {position:absolute; left:0; bottom:0; width:100%; height:64px; background-color:#747779;}
body.mobil #share-button {position:relative; width:320px; margin:0 auto; padding:1em 0;}
body.schmal #share-button {width:210px;}
body.schmal #share-button a:nth-child(4), body.schmal #share-button a:nth-child(5), body.schmal #share-button a:nth-child(6) {display:none;}

/*Buttons*/
body.jquery.mobil #mobilansicht-top, body.jquery.mobil #mobilansicht-bottom  {width:100%; height:48px; min-width:240px; background-color:#333; text-align:center; overflow:hidden;}
body.mobil #mobilansicht-bottom {padding-top: 0;}
body.mobil a.mobil {display:inline-block; width:48px; height:48px; outline:0;}
body.mobil a.home.mobil {background:url(funktionen/icons/32/home_white.png) center center no-repeat;}
body.mobil a.menue.mobil {background:url(funktionen/icons/32/overflow_white.png) center center no-repeat;}
body.mobil a.tel.mobil {background:url(funktionen/icons/32/phone_start_white.png) center center no-repeat;}
body.mobil a.mail.mobil {background:url(funktionen/icons/32/mail_white.png) center center no-repeat;}
body.mobil a.location.mobil {background:url(funktionen/icons/32/location_white.png) center center no-repeat;}
body.mobil a.top.mobil {background:url(funktionen/icons/32/arrow_top_white.png) center center no-repeat;}
body.mobil a.button.mobil:hover {background-color:#fefefe; background-color:rgba(255,255,255,0.5);}
body.mobil a.mobil span  {display:none;}

/*Navigation*/
body.jquery.mobil .nav {display:none;}
body.mobil .nav-titel {width:auto; margin:0; padding:0.6em 0.875em 0.7em 0.875em; font-weight:bold; color:#fff; background-color:#47527d;} /* Main menu Title */
body.mobil div.nav {text-align:left; background-color:#fff;}
body.mobil #menue {text-align:left; border-bottom:1px dotted #555;}
body.mobil #nav-bereich li, body.mobil #nav1 li {list-style:none; overflow:hidden; max-width:none;}
body.mobil ul.nav-liste {width:auto; font-weight:normal;}
body.mobil ul.nav-liste li{width:auto; font-weight:normal; border-top:1px dotted #555;}
body.mobil ul.nav-liste li.erster{border-top:0;}
body.mobil ul.nav-liste a {display:block; padding:0.5em 0.75em 0.75em 0.75em; text-transform:none; text-decoration:none; outline:0;}
body.mobil ul.nav-liste a:visited {text-decoration:none;}
body.mobil ul.nav-liste a span {}
body.mobil ul.nav-liste li {list-style:none; font-size:1em; max-width:100%;}
body.mobil ul.nav-liste a {padding-left:1em; background-color:#EEEEEE; color:#555;}
body.mobil ul.nav-liste a:before {content:"";}
body.mobil ul.nav-liste a.nav-aktiv-link, body.mobil ul.nav-liste a:active, body.mobil ul.nav-liste a:hover,
body.mobil ul.nav-liste a:focus {background-color:#F65656 !important; color:#fff !important; text-decoration:none;} 
body.mobil ul.nav-liste li.nav-aktiv > a {background-color:#F65656; color:#fff;}
body.mobil ul.nav-liste ul li.erster{border-top:1px dotted #555;}
body.mobil ul.nav-liste li ul {display:none;}
body.mobil ul.nav-liste li.nav-aktiv ul {display:block;}
body.mobil ul.nav-liste ul li {list-style:none; font-size:1em; max-width:100%;}
body.mobil ul.nav-liste ul a {padding-left:1.75em; background-color:#fff; color:#555;}
body.mobil ul.nav-liste ul a:before {content:"\203A\2002"; vertical-align:0.0625em;}
body.mobil ul.nav-liste ul a.nav-aktiv-link, body.mobil ul.nav-liste ul a:active, body.mobil ul.nav-liste ul a:hover,
body.mobil ul.nav-liste ul a:focus {background-color:#F65656; color:#fff; text-decoration:none;} 
body.mobil ul.nav-liste ul li.nav-aktiv a {background-color:#F65656; color:#fff;}

/*Texte, Formulare, Tabellen*/
body.mobil h1 {overflow:visible; width:auto;}
body.w640 blockquote br {display:none;}
body.mobil .inhalt-formular-label {width:auto; float:none; text-align:left; padding:0.5em 0 0 0;}
body.mobil .inhalt-formular-input {width:auto; float:none; text-align:left; padding:0;}
body.mobil .inhalt-formular-input input.text {display:block; width:100%; font-size:1em; padding:0.2em 0;}
body.mobil .inhalt-formular-input select {width:100%; font-size:1em;}
body.mobil textarea {width:100%; max-width:100%; height:10em; font-size:1.25em;}
body.mobil .inhalt-formular-buttons {padding:0.5em 0;}
body.mobil .inhalt-formular https://www.linuxmint.com/start/serena/input.submit {width:100%; height:auto; padding:0.6em 0.8em 0.7em 0.8em; border:0; font-weight:bold;}
body.w480 table, body.w480 thead, body.w480 tbody, body.w480 caption {display:block; width:100%; border:0;}
body.w480 tr, body.w480 th, body.w480 td {display:block; border:0;}
body.w480 tr {background:none; background-image:none; background-color:transparent;}
body.w480 td:nth-child(odd) {background-color:#eee;}
body.w480 td:nth-child(even) {background-color:#fff;}
body.w480 tbody th:first-child, body.w480 td:first-child {background-color:#47527D; font-weight:bold; color:#fff;}
body.w480 thead {background-color:#F65656;}
body.w480 thead tr {padding:0.5em 0.3em;}
body.w480 thead th {display:inline; width:auto; padding:0;}
body.w480 thead th:after {content:" – ";}
body.w480 thead th:last-child:after {content:"";}
body.w480 thead th * {width:auto; display:inline!important;}

/*Bausteine*/
body.w480 .inhalt-baustein-spalte-links, body.w480 .inhalt-baustein-spalte-mitte, body.w480 .inhalt-baustein-spalte-rechts {float:none; width:100%; overflow:visible; margin:0; padding:0;}
body.mobil p.link-mehr a, body.mobil p.link-zurueck a {clear:both; display:inline-block; padding:0.6em 0.8em 0.7em 0.8em; background-color:#ccc; text-align:center; text-decoration:none; font-weight:bold;}
body.mobil p.link-mehr a:active, body.mobil p.link-mehr a:hover, body.mobil p.link-mehr a:focus,
body.mobil p.link-zurueck a:active, body.mobil p.link-zurueck a:hover, body.mobil p.link-zurueck a:focus {background-color:#eee;}
body.schmal .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext img,
body.schmal .inhalt-mitteilung-kategorie .inhalt-mitteilung-datum {display:block; float:none; clear:both; margin:0.25em 0; max-width:100%;}
body.mobil .inhalt-dokument-liste ul li {margin:0.5em 0;}

/*Google-Maps*/
body.w320 .inhalt-karte-gmap {display:none;}
body.mobil .inhalt-karte {padding-right:24px;}
body.mobil .inhalt-karte-gmap label {display:block;}
body.mobil .inhalt-karte-gmap #content {width:auto; min-height:0;}

/*Mediaelemente*/
body.mobil img {max-width:none;}
body.mobil .inhalt-media img {width:100%!important;}
body.w320 .inhalt-media-bild-100px, body.w480 .inhalt-media-bild-200px, body.w640 .inhalt-media-bild-300px {float:none; clear:both; max-width:100%; margin:0.5em 0;}
body.w640 .inhalt-media-bild-original {float:none; clear:both; max-width:99%; margin:0.5em 0;}
body.w640 .inhalt-media-mitte {margin:0.5em auto;}
body.mobil .inhalt-media-bild-62p {width:50%!important;}
body.w640 .inhalt-media-bild-50p, body.w640 .inhalt-media-bild-62p {width:38%!important;}
body.w480 .inhalt-media-bild-38p, body.w480 .inhalt-media-bild-50p, body.w480 .inhalt-media-bild-62p {width:100%!important;}
body.w320 .inhalt-media-bild-300px, body.w320 .inhalt-media-bild-38p, body.w320 .inhalt-media-bild-50p, body.w320 .inhalt-media-bild-62p {float:none; width:auto!important; clear:both; margin:0.5em 0;}

@keyframes grosswerden {
	from {background-size:10px 10px;}
	to {background-size:100px 100px;}
}

@keyframes kleinwerden {
	from {background-size:100px 100px;}
	to {background-size:10px 10px;}
}

.testnav {}
.testnav li {display:block; width:80px; height:40px; float:left; border:1px solid #fff;}
/* .testnav li:hover {background:url(roter-klex.png) center center no-repeat #fff;} */
/* http://stackoverflow.com/questions/4280886/can-a-background-image-be-larger-than-the-div-itself */
/* https://www.w3schools.com/css/css3_animations.asp */
.testnav li {background:url(roter-klex.png) center center no-repeat #fff;}
/* animation:kleinwerden 4s; */
/* .testnav li:hover {animation:grosswerden 4s;} */
.testnav li {background-size:0px 0px; margin:12px; padding:0px; transition:0.5s;}
.testnav li.active, 
.testnav li:hover {background-size:100px 100px; margin:-8px; padding:20px;}
/* .testnav li:hover {background-size:50% 50%; padding:0; margin:12px;} */
.testnav li a {}
/* Sehr tolles Animations-Tutorial: https://www.youtube.com/watch?v=oYlJR4Le228  */