body {font-family: Arial, Helvetica, sans-serif; margin: 0}
img {border: none; padding: 0.5em; font-size: small; font-weight: normal}
div.header {background: #000168; height: 99px; margin: 5px; padding: 26px 0 0 0; font-size: xx-large; border-top: solid 15px #E2E5EA; border-bottom: solid 10px #E2E5EA; overflow: hidden; width: calc(100% - 10px)}
div.header img.logo {position: absolute; top: 20px; left: 5px; margin: 0; padding: 0; max-height: 125px; height: auto; border-bottom: solid 10px #E2E5EA;}
div.header img.self-qr { display: none }
span.headers {padding: 1em 0 1em 582px; text-align: center; vertical-align: middle; height: 126px; margin: 0}
h1 {text-align: center; text-decoration: underline; font-weight: bold; margin-top: 0.5em}
h2 {font-size: x-large; text-decoration: underline; font-weight: bold; clear: left}
h2 > h3 {text-align: left; font-weight: bold; font-size: large; margin-top: 1em; text-decoration: none}
h3, h3 a {text-align: left; font-weight: bold; font-size: large; margin-top: 1em; text-decoration: none; clear: both}
h3 a:hover {text-decoration: underline}
h4 {text-align: left; margin-left: 1em; text-decoration: underline; font-size: medium; font-weight: normal; clear: left}
h5 {font-size: medium; font-weight: normal; font-style: italic; text-decoration: none; margin: 0.5em; clear: left}
div.content {padding: 1em 1em 0.5em 16em;}
div.footer {margin-top: 10px; border-top: solid 1px black; padding-right: 1.5em; clear: both}
div.footer > div.selflink {font-size: small; float: right}
p.quelle {margin-left: 8em; margin-top: 0; padding-top: 0}
span.quell {margin-left: -8em}
q:before {content: none}
q:after {content: none}

iframe {border: none}

ul.nav {list-style: none; width: 14em; padding: 0 0.5em 0 0; margin: 5px; position: absolute; top: 155px; left: 0;}
ul.unav {list-style: none; width: 14em; padding: 0 0.5em 0 0; margin: 5px; position: absolute; top: 155px; right: 0; float: right}
ul.nav li, ul.unav li {margin: 5px 0}
ul.subnav {background: #000168; list-style: none; padding: 0; margin: 0; font-size: 90%; color: white}
ul.subnav a {text-decoration: none; color: white}
ul.subnav a:hover {text-decoration: underline; color: white}
li.subnavhead {background: #B7C4CE url(/images/title_background.png) no-repeat; text-align: right; padding-right: 1em; border-bottom: 1px solid #54585E; margin: 0; color: #000168}
ul.subnav li {padding-left: 0.5em}

ul.linkliste {list-style: none}
ul.linkliste li {clear: both}

div.langselect {text-align: right}
div.langselect img {margin: 2px; padding: 0; border: 1px solid black}

div.sponsor {border: 2px solid #B7C4CE; border-top: none;}
div.sponsor-rechts {float: right; margin: 1em 0 1em 1em}
div.sponsor-oben {float: none; margin: 0 1em 1em 0}
div.sponsor-oben > p { padding: none; margin: 0.2em 0; text-align: center }
div.sponsor > h2 {background: #B7C4CE url(/images/title_background.png) no-repeat; text-align: right; padding: 0 1em 0 0; margin: 0 0 0 -2px; text-decoration: none}
div.sponsor ul {list-style: none; padding: 0.5em; margin: 0}
div.sponsor ul li {padding: 6px}
div.sponsor img {padding: 0}

@keyframes imgswitch {
0% { opacity:1; display: block }
45% { opacity:1; display: block }
55% { opacity:0; display: none; pointer-events: none }
100% { opacity:0; display: none; pointer-events: none }
}

#sponsorisw {
  position: relative
}

#sponsorisw div {
  position: absolute;
}

#sponsorisw div.b {
    animation-name: imgswitch;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-direction: alternate;
}

p.flags {text-align: right}
p.flags img {border: 1px solid black; padding: 0; margin: 3px}

dl.webshop-highlight {float: right; padding: 0 2em; margin: 0; text-align: center}

div.breadcrumb {list-style: none; padding: 5px 0 0 16em; margin: 0 1em; font-size: 90%; color: white}
div.breadcrumb > ul {border-left: #B7C4CE solid; background: url(/images/title_background.png) no-repeat #B7C4CE; padding: 0.2em 1em 0.2em 50px; margin: 0; list-style: none}
div.breadcrumb > ul > li { display: inline; background: #000168; padding: 0.2px 0.2em 0.2px 0.5em}
div.breadcrumb > ul > li + li:before { content: "> "; color: yellow }
div.breadcrumb > ul > li > a {text-decoration: none; color: white}
div.breadcrumb > ul > li > a:hover {text-decoration: underline; color: white }

.twitter { background: url(/images/twitter_bird_blue_16.png) no-repeat; padding-left: 18px }
.facebook { background: url(/images/facebook_logo_16.png) no-repeat; padding-left: 18px }
.instagram { background: url(/images/instagram_logo_16.png) no-repeat; padding-left: 18px }
.atomfeed { background: url(/images/feed-icon-14x14.png) no-repeat; padding-left: 16px }
div.social-share { clear: left; float: left; margin: 0 0 0.5em 0; padding-top: 0; border-radius: 5px; background: #c7c7c7}
div.social-share > ul { list-style: none; margin: 1px; padding-top: 0.2em; padding-left: 0 }
div.social-share > ul > li { display: inline; margin-top: 0; padding-top: 0 }

/* mobile */
@media only screen and (max-width: 860px),
	only screen and (resolution >= 300dpi) {
		div.content { padding: 0.5em; clear: both }
		ul.nav, ul.unav {position: static}
		div.header {height: auto}
		div.header img.logo {width: calc(100% - 10px)}
		nav {
			margin-top: 105px;
		}
}