@import url(basis.css);

a, blockquote, body, caption, dd, div, dl, dt, fieldset, 
form, h1, h2, h3, h4, h5, hr, img, label, legend, li, 
ol, p, table, tbody, td, tfoot, th, thead, tr, ul {margin:0; padding:0}
body { background-color: #e5ecf6; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; }
#wrapper { background:#fff; color:#f52b2b; min-width: 570px; border-color: white; border-style: solid; }
.moz-break1:after {content:" "; margin-right:-.32em}
.moz-break2 {margin-right:-.32em}
.mehr {text-align:right; margin-top:-.3em}
a img {text-decoration:none}
.none {display:none}
kbd {font: menu}
q {font-style: italic; color:#525b6e}
q, blockquote p {quotes: '\0000BB' '\0000AB' '\00203A' '\002039'}
a[rel="external"]:before {content: url(/img/icon/extern.gif); vertical-align: middle; text-decoration: none}
a[rel="internal"]:before {content: url(/img/icon/intern.gif); vertical-align: middle; text-decoration: none}

abbr[title], acronym[title] {border-bottom: 1px #777 dotted; cursor: help}

/* kopf.css */

#banner { color:#fff; height:200px!important; overflow:hidden; background-color:#e5ecf6; background-repeat:repeat-x; z-index: 4; border-top-color: #e5ecf6; border-right-color: #e5ecf6; border-bottom-style: solid; border-left-color: #e5ecf6; }
#logo {position:absolute; top:10px; right:3%}
#banner img {font-size:0.7em; font-weight:normal; color:#e4ecf7}
#metanav { width:100%; float:left; color:#333; background: #99bbd7; z-index: 3; border-top: 2px solid white; border-bottom: 2px solid white; border-left-style: solid; }
#metanav ol {white-space:nowrap; width:99%}
#metanav li { float:left; font-size:1em; line-height:0.6em; list-style-type: none; list-style-position: outside; }
#metanav span.navzahl { font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; display: inline; }
li#nav-ueberuns, li#nav-angebot, li#nav-mitmachen, li#nav-presse, li#nav-kontakt {width:18%}
li#nav-search {position:relative}
#metanav a, #metanav a:visited { color:#333; text-decoration:none; line-height:0.6em }
#metanav a:hover, #metanav a:focus, #metanav a:active { color:#333; text-decoration: none; }
#nav-ueberuns a, #nav-angebot a, #nav-mitmachen a, #nav-presse a, #nav-kontakt a, li.current { display:block; height:2em; width:auto; float: left; padding-top: 8px; padding-left: 4px; border-right:2px solid white  ; }
#nav-ueberuns a, #nav-angebot a, #nav-mitmachen a, #nav-presse a, #nav-kontakt a, li.current, #nav-search label {}
html > body #forumseite #nav-search a {float:left; display:block; height:2.5em; width:auto; min-width:50%; padding:4px 0 0 2px}
#metanav a { float:none }
#nav-ueberuns.current { font-weight: bold; background-color: #ffdc7e; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-angebot.current { font-weight: bold; background-color: #f96; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-mitmachen.current { font-weight: bold; background-color: #fcc; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-presse.current { font-weight: bold; background-color: #bad1a9; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-kontakt.current { font-weight: bold; background-color: #dedaeb; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-ueberuns a { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-angebot a { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-mitmachen a { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-presse a { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-kontakt a { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-ueberuns a:hover, #nav-ueberuns a:focus, #nav-ueberuns a:active { font-weight: bold; background-color: #ffdc7e; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-angebot a:hover, #nav-angebot a:focus, #nav-angebot a:active { font-weight: bold; background-color: #f96; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-mitmachen a:hover, #nav-mitmachen a:focus, #nav-mitmachen a:active { font-weight: bold; background-color: #fcc; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-presse a:hover, #nav-presse a:focus, #nav-presse a:active { font-weight: bold; background-color: #bad1a9; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#nav-kontakt a:hover, #nav-kontakt a:focus, #nav-kontakt a:active { font-weight: bold; background-color: #dedaeb; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }
#skip1 a, #skip2 a {position:absolute; z-index:2; width:10em; overflow:hidden; top:-100px; left:-1000px} 
#skip1 a:focus, #skip2 a:focus, #skip1 a:active, #skip2 a:active {position:absolute; z-index:99; width:12em; top:9.5em; left:3%; margin-left:4px; text-decoration:underline; color:#000; background:#eee; font-size:.8em} 
#widgets {float:right; width:auto; font-size:0.8em; margin: 0.3em 2px; text-align:right; height:2em; color:#666}
#widgets strong {padding-left: .7em}
#widgets a {color:#333}
#widgets a:link, #widgets a:visited {text-decoration:none; color:#444; border-bottom:1px solid #ccc}
#widgets a:hover, #widgets a:focus, #widgets a:active {text-decoration:none; background:#eee; color:#000; border-bottom:1px solid #000}

/* position.css */

#main { background-color: #f9f9f9; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position:relative; z-index:2; clear:both; width:100% ; float: left; border-top-width: 0; }
#navi { position:relative; z-index:1; height:auto; width:25%; float: left; }
#startseite #blog {position:relative; z-index:3; float:left; margin-left:10px; width:32%}
#startseite #artikel {z-index:1; width:auto; margin-left:59%}
#newsseite #blog {position:relative; z-index:3; float:left; margin-left:10px; width:73.5%}
#contentseite #content, #metaseite #content, #forumseite #content {position:relative; z-index:3; float:right; width:73%}
.floatclear:after, #wrapper:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.floatclear, #wrapper {display:inline-table}
* html .floatclear {height:1%}
.floatclear, #wrapper {display:block}
.floatbox:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.floatbox {margin:0px; padding:0px; float:left; width:100%; display:inline-table}
* html .floatbox {height:1%}
.floatbox {display:block}
hr {content:"."; display:block; height:12px; font-size:0; clear:both; float:left; visibility:hidden; border:0; margin-top:1em}

/* navi.css */

#navi div {margin-bottom:8px}
#navi p, #navi li {font-size:.8em; color:#333; list-style:none}
#navi a {color:#333}
#navi a:hover, #navi a:focus , #navi a:active {text-decoration:underline}
#navi h1, #navi h2 {color:#fff; font-size:1.1em; line-height:0.9em; text-transform:lowercase; height:40px; background-repeat:no-repeat; background-position:right top; padding:2px 50px 1px 2px}
#primer {background:#EFC75B}
#primer h2 {background-color:#e6a842;}
#primer p {padding: .3em 2px .5em 8px}
#primer a:hover, #primer a:focus, #primer a:active {background:#FFE9A6; color:#000}
#navbox {background:#B5CDE0}
#navboxstart { font-size: 0.8em; line-height: 120%; background: white; text-decoration: none; }
#navbox h1 {background-color:#5c93be;}
* html #navbox ul {margin-bottom:0; border:1px solid #B5CDE0}
#navbox li {border-bottom:1px solid #5C93BE; line-height:120%; font-size:.8em}
#navbox a {display:block; height:auto; font-weight:bold; padding: .2em 2px .2em 8px; text-decoration: none}
#navbox a:hover, #navbox a:focus, #navbox a:active, #navbox li a.current {background-color: #D8E8F7}
#navboxstart a:hover, #navbox a:focus, #navbox a:active, #navbox li a.current { background-color: #d8e8f7; }
#navbox li#feedurls {color:#fff; background-color:#5C93BE; padding: 2px 2px 2px 8px; margin-top:-1px}
#navbox li#feedurls a {display:inline; padding:0; color:#fff}
#navbox li#feedurls a:hover, #navbox li#feedurls a:focus, #navbox li#feedurls a:active {color:#333}
#senf {background:#BAD1A9}
#senf h2 {background-color:#8EB73B; background-image:url(/img/chrome/navicon-senf.gif)}
#senf li {padding: .3em 2px .3em 8px; border-bottom:1px solid #8EB73B; line-height:1}
#senf a:link {text-decoration:none; color:#444; border-bottom:1px solid #A4C864}
#senf a:hover, #senf a:focus, #senf a:active {background:#D5EEC7; color:#000; border-bottom:1px solid #000}
#senf a:visited {color:#444}
#senf li#commenturl {color:#fff; background-color:#8EB73B; padding: 2px 2px 2px 8px; margin-top:-1px}
#senf li#commenturl a {display:inline; padding:0; color:#fff}
#senf li#commenturl a:hover, #senf li#commenturl a:focus, #senf li#commenturl a:active {color:#333}
#leseliste {background:#ddd}
#leseliste h2 {background-color:#888; background-image:url(/img/chrome/navicon-leseliste.gif)}
#leseliste li {padding: .3em 2px .3em 8px; border-bottom:1px solid #aaa; line-height:1}
#leseliste li cite, #senf li cite {display:block}
#leseliste a:link {text-decoration:none; color:#444; border-bottom:1px solid #bbb}
#leseliste a:visited {color:#444; text-decoration:none; padding-left: 16px}
#leseliste a:visited, #leseliste a:visited:hover {background-image: url(/img/icon/visited.png); background-repeat: no-repeat; background-position: left top}
#leseliste a:hover, #leseliste a:focus, #leseliste a:active {background:#fefefe; color:#000; border-bottom:1px solid #000}
#tagcloud {background:#DEDAEB}
#tagcloud h2 {background-color:#868196; background-image:url(/img/chrome/navicon-tags.gif)}
#tagcloud ul {padding: .2em 2px .5em 8px; line-height:1.2}
#tagcloud li {display:inline; font-size: .7em}
#tagcloud li strong {font-size: 1.1em; font-weight: normal}
#tagcloud a:link {text-decoration:none; color:#444; border-bottom:1px solid #bbb}
#tagcloud a:visited {color:#444}
#tagcloud a:hover, #tagcloud a:focus, #tagcloud a:active {background:#EDECFA; color:#000; border-bottom:1px solid #000}

/* fuss.css */

#fuss { clear:both; margin-top:8px; padding-right:0.5em; line-height:1.9em; text-align:right; color:#323232; font-size: 0.8em; font-weight:bold; background-color: #5c93be; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; vertical-align: middle }
#fuss img {vertical-align: middle; margin-left:-.3em}
#fuss a:link {color:#fff; text-decoration:underline}
#fuss a:visited{color:#eee}
#fuss a:hover, #fuss a:focus, #fuss a:active, #fuss a:visited:hover, #fuss a:visited:focus, #fuss a:visited:active {color:#000; background:#ccc}
#fuss a:hover img, #fuss a:focus img {background:#666}
.fuer {color:#ccc; margin: 0 -.2em}

/* seiten.css */

#start { width:auto; background:#ffd395; margin:0 0 0 20%; padding-bottom:0.6em }
#event { background: #ffd395; margin: 0 0 0 0; padding-bottom: 0.6em; width: auto; }
#ueberuns { background: #fcf3d9; margin: 0 0 0 20%; padding-bottom: 0.6em; width: auto; }
#angebot { background: #fcd6c4; margin: 0 0 0 20%; padding-bottom: 0.6em; width: auto; }
#mitmachen { background: #ffe3e3; margin: 0 0 0 20%; padding-bottom: 0.6em; width: auto; }
#presse { background: #d8e8cc; margin: 0 0 0 20%; padding-bottom: 0.6em; width: auto; }
#kontakt { background: #ece7fa; margin: 0 0 0 20%; padding-bottom: 0.6em; width: auto; }
#start h1 { padding: 2px 10px; background:#ffb44a; color:#444; font-size:1.5em; line-height:1em }
#event h1 { color: #444; font-size: 1.5em; line-height: 1em; background: #ffb44a; padding: 2px 10px; }
#ueberuns h1 { color: #444; font-size: 1.5em; line-height: 1em; background: #ffdf88; padding: 2px 10px; }
#angebot h1 { color: #444; font-size: 1.5em; line-height: 1em; background: #f96; padding: 2px 10px; }
#mitmachen h1 { color: #444; font-size: 1.5em; line-height: 1em; background: #fcc; padding: 2px 10px; }
#presse h1 { color: #444; font-size: 1.5em; line-height: 1em; background: #bad1a9; padding: 2px 10px; }
#kontakt h1 { color: #444; font-size: 1.5em; line-height: 1em; background: #dedaeb; padding: 2px 10px; }
#start h2 { padding:0 10px; background:#ffb44a; color:#222; font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#event h2 { color: #222; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffb44a; padding: 0 10px; }
#ueberuns h2 { color: #222; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffdc7e; padding: 0 10px; }
#angebot h2 { color: #222; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background: #f96; padding: 0 10px; }
#mitmachen h2 { color: #222; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fcc; padding: 0 10px; }
#presse h2 { color: #222; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background: #bad1a9; padding: 0 10px; }
#kontakt h2 { color: #222; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background: #dedaeb; padding: 0 10px; }
#event h3 { color: #444; font-size: 1em; line-height: 1.2em; background: transparent; padding: 2px 10px; }
#ueberuns h3 { color: #222; font-size: 1em; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 0 10px; }
.ueberuns92 {float:right; margin-left:10px; margin-bottom:0.15em}
.angebot92 { margin-bottom: 0.15em; margin-left: 10px; float: right; }
.mitmachen92 { margin-bottom: 0.15em; margin-left: 10px; float: right; }
#start p { padding:0.3em 10px; color:#444; line-height:140%; font-size:0.8em; }
#event p { color: #444; font-size: 0.8em; line-height: 140%; padding: 0.3em 10px; }
#ueberuns p { color: #444; font-size: 0.8em; line-height: 140%; padding: 0.3em 10px; }
#angebot p { color: #444; font-size: 0.8em; line-height: 140%; padding: 0.3em 10px; }
#mitmachen p { color: #444; font-size: 0.8em; line-height: 140%; padding: 0.3em 10px; }
#presse p { color: #444; font-size: 0.8em; line-height: 140%; padding: 0.3em 10px; }
#kontakt p { color: #444; font-size: 0.8em; line-height: 140%; padding: 0.3em 10px; }
#start a:link, #start a:visited {text-decoration:none; color:#333; border-bottom:1px solid #5C93BE; font-weight:bold}
#event a:link, #event a:visited { color: #333; font-weight: bold; text-decoration: none; border-bottom: 1px solid #5c93be; }
#ueberuns a:link, #ueberuns a:visited { color: #333; font-weight: bold; text-decoration: none; border-bottom: 1px solid #5c93be; }
#angebot a:link, #angebot a:visited { color: #333; font-weight: bold; text-decoration: none; border-bottom: 1px solid #5c93be; }
#mitmachen a:link, #mitmachen a:visited { color: #333; font-weight: bold; text-decoration: none; border-bottom: 1px solid #5c93be; }
#presse a:link, #presse a:visited { color: #333; font-weight: bold; text-decoration: none; border-bottom: 1px solid #5c93be; }
#kontakt a:link, #kontakt a:visited { color: #333; font-weight: bold; text-decoration: none; border-bottom: 1px solid #5c93be; }
#start a:hover, #start a:focus, #start a:active {color:#000; background:#EFFCFF; border-bottom:1px solid #000}
#event a:hover, #event a:focus, #event a:active { color: #000; background: #effcff; border-bottom: 1px solid #000; }
#ueberuns a:hover, #ueberuns a:focus, #ueberuns a:active { color: #000; background: #effcff; border-bottom: 1px solid #000; }
#angebot a:hover, #angebot a:focus, #ueberuns a:active { color: #000; background: #effcff; border-bottom: 1px solid #000; }
#mitmachen a:hover, #mitmachen a:focus, #mitmachen a:active { color: #000; background: #effcff; border-bottom: 1px solid #000; }
#presse a:hover, #presse a:focus, #presse a:active { color: #000; background: #effcff; border-bottom: 1px solid #000; }
#kontakt a:hover, #kontakt a:focus, #kontakt a:active { color: #000; background: #effcff; border-bottom: 1px solid #000; }
.textEinzug { text-indent: 2.5em; }
.bildBox {
	width: 150px;
	margin-left: 10px;
	float: right;
	margin-bottom: 20px;

}
.bildrand { margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
#startseite #blog {margin:10px 0 0 10px; background:#E5E2F5; color:#333}
#startseite #blog h1 {background:#868196; color:#fff; font-size:1em; padding:0 0 1px 2px}
#startseite #blog h3 {font-size:1em; padding:.4em 5px .4em 8px}
#newsseite #blog {margin:0 0 0 10px; background:#EDECFA; color:#333}
#newsseite #blog h1 {color: #fff; font-size: 1.6em; padding: 0 0 1px 2px; background: #868196 url(/img/icon/header-icon-blog.gif) no-repeat right top; height:43px}
#newsseite #blog h3 {font-size:1.2em; padding:.5em 5px .3em 3.3em}
#blog h2 {display:inline; float:left; width:auto; text-align:center; background:#F8F8F8; margin:.4em 8px 4px 8px}

.tag, .monat, .jahr {display:block; color:#666}

.tag {font-size:1.45em; font-weight:bold; margin: -.2em 1px 0 1px}
.monat {font-size:.95em; margin: -.65em 1px .2em 1px}
.jahr {font-size:.7em; margin: -.8em 1px -.2em 1px}

#blog h2 a:link, #blog h2 a:visited, #blog h2 a:hover, #blog h2 a:active {text-decoration:none; border:0; color:#666}
#newsseite #main .tags-artikel h1.tags-artikel-head {color: #fff; font-size: 1.6em; padding: 0 0 1px 4px; background-color: #9a9a9a; background-image: url(/img/chrome/navicon-leseliste.gif); background-repeat: no-repeat; background-position: right top}
#newsseite #main .tags-artikel h3 {background: #eee url(/img/icon/header-artikel.png) no-repeat left top}
#newsseite #main .tags-artikel h3 a:hover, #newsseite #main .tags-artikel h3 a:visited:hover,#newsseite #main .tags-artikel h3 a:active, #newsseite #main .tags-artikel h3 a:focus {background: #fff}
#newsseite #main .tags-artikel p, #newsseite #main .tags-artikel div.bloglinks, #newsseite #main div.tags-artikel {background: #eee}
#blog h4 {font-size:.8em; color:#666; margin:.1em 5px .4em 8px}
#newsseite #blog h4 {margin:.1em 5px .4em 5em}
#blog p, #blog li, #blog dt, #blog dd, #blog th, #blog td {line-height:140%; font-size:.8em}
#startseite #blog p, #startseite #blog dl, #startseite #blog ul, #startseite #blog ol, #startseite #blog table {margin:0 8px .5em 8px}
#newsseite #blog p, #newsseite #blog dl, #newsseite #blog ul, #newsseite #blog ol, #newsseite #blog table {margin:0 10px .5em 5em}
#blog li, #blog dd {margin:0 8px .5em 1.5em}
#blog dt {color:#666}
#blog a, #blog a:link {text-decoration:none; color:#0B538B; border-bottom:1px solid #B6B4C6}
#blog a:visited {color:#333}
#blog a:hover, #blog a:focus, #blog a:active {color:#000; background:#EFEBFF; border-bottom:1px solid #000}
#startseite #blog h3 a:link, #newsseite #blog h3 a:link {text-decoration: none; border: 0; color:#58566E}
.bloglinks {border-bottom:4px solid #fff; text-align:right; margin-top:.8em; padding-bottom:.3em}
#startseite .bloglinks {background:#EDECFA}
#newsseite .bloglinks {background: #F8F4FE}
#blog p.mehr {color:#7F7F7F; margin-top:-.1em; margin-bottom:-.2em}
.mehr img {vertical-align:bottom; margin-left:1em}
#artikel a.permalink, #artikel a.permalink:link, #artikel a.permalink:hover, #artikel a.permalink:focus {border-bottom:0px solid #ccc}
#artikel .permalink:hover:after, #blog h3 a:hover:after, scheiss + browser {content: " #"; color: #aaa; font-size: .8em; font-style: italic; font-weight: bold; line-height: .6em}
#blog div.blogback {background:#868196; color:#fff; font-weight:bold; text-align:center; border-bottom:10px solid #fff}
#startseite #blog div.blogback {text-align:right}
#blog div.blogback a:link, #blog div.blogback a:visited {color:#fff}
#blog div.blogback a:hover, #blog div.blogback a:focus {color:#000}
#newsseite #blog #comments {margin-left: 4em}
#newsseite #blog #comments h3 {background: #868196; color:#fff; padding:0 .3em; margin:0; margin-top:1em}
#startseite #blog blockquote {background: #F8F4FE; margin: .5em .5em .5em .7em}
#newsseite #blog blockquote {background: #F8F4FE; margin: .7em 0 .7em 5em}
#blog blockquote p {margin: .4em!important}
#blog #comments blockquote {background: #F8F4FE url(/img/chrome/kommentar.gif) no-repeat right top; margin: 1em 0}
#blog #comments blockquote p {margin:0; padding: .7em 100px .7em .5em}
#blog blockquote cite {width:auto; padding:.2em; font-size: .85em; font-weight:bold; background:#A7A1BB; color:#fff}
#blog blockquote cite a:link, #blog blockquote cite a:visited {color:#fff}
#blog blockquote cite a:hover, #blog blockquote cite a:active {color:#333}
#newsseite #blog form {background: #F8F4FE; color:#333; margin:2em 0 1px 4em}
#newsseite #blog legend {background: #868196; display:block; width:auto; color:#fff; margin-bottom:1em; padding:0 .3em}
#newsseite #blog form p {margin-left:20px; margin-right:100px}
#newsseite #blog label {margin:.2em 0 .2em 20px; font-size:.85em; font-weight:bold}
#newsseite #blog input, #newsseite #blog select, #newsseite #blog textarea {margin:0 0 .7em 20px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em}
#newsseite #blog textarea {line-height:1.4}
#newsseite #blog input[type=submit] {font-size:.85em}
#newsseite #blog input[type=text], #newsseite #blog input[type=password], #newsseite #blog textarea {border:1px solid #999; background:#EDE8F1; padding-left:.3em; width:80%; min-width: 10em; max-width:30em}
#newsseite #blog input[type=text]:focus, 
#newsseite #blog input[type=password]:focus, 
#newsseite #blog textarea:focus, 
#newsseite #blog input[type=text]:active,
#newsseite #blog input[type=password]:active,
#newsseite #blog textarea:active {border:1px solid #333; background:#fff}
#metaseite #content form, #metaseite #content form {background: #EBF2FF; color:#333; margin:2em 0 1px 1em}
#metaseite #content legend {color: #eee!important; background: #5C93BE!important; margin-bottom:.5em; padding:0 .3em}
#metaseite #content label {margin:.2em 0 .2em 10px; font-size:.85em; font-weight:bold}
#metaseite #content input, #metaseite #content select, #metaseite #content textarea {margin:0 0 .7em 10px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em}
#metaseite #content textarea {line-height:1.4}
#metaseite #content input[type=submit] {font-size:.85em}
#metaseite #content input[type=text], #metaseite #content input[type=password], #metaseite #content textarea {border:1px solid #999; background:#DBE4F7; padding-left:.3em; width:80%; min-width: 10em; max-width:30em}
#metaseite #content input[type=text]:focus, 
#metaseite #content input[type=password]:focus, 
#metaseite #content textarea:focus, 
#metaseite #content input[type=text]:active,
#metaseite #content input[type=password]:active,
#metaseite #content textarea:active {border:1px solid #333; background:#fff}
.fehler, .fehler a:link, .fehler a:visited {color:red!important; font-size:1em}
#fehlermeldung {border:2px solid #c00; padding:5px; width:28em; background:#fcc; margin: .5em 0 1em 20px} 
.error {background:#FFE8E2}
textarea.error:focus, textarea.error:active {background:#fff!important}
#biggieform img {vertical-align:top}
#biggieform #fehlermeldung img {vertical-align:baseline}
#artikel {margin-top:10px; color:#333}
#artikel h1 {background:#999; color:#fff; font-size:1em; padding:0 0 1px 2px; text-transform:lowercase}
#artikel h2 {background:#EDEDED; color:#5C93BE; font-size:1.2em; line-height:1.1; margin:0 0 0 0; padding:4px 8px .1em 8px}
#artikel .teaser64 {float:right; margin-left:6px; margin-bottom:0.15em; width:62px; height:64px}
#artikel p, #artikel ul {background:#EDEDED; line-height: 140%; padding:.3em 64px .3em 8px; font-size:.8em}
#artikel li, #artikel dd {line-height:140%; margin:0 6px .5em 1.3em}
#artikel p.mehr {text-align:left; border-bottom:6px solid #fff; padding:.3em 64px .6em 6px}
#artikel a, #artikel a:link {text-decoration:none; color:#0B538B; border-bottom:1px solid #ccc}
#artikel a:visited {color:#333}
#artikel a:hover, #artikel a:focus, #artikel a:active {color:#000; background:#F9F9F9; border-bottom:1px solid #000}
#sonstiges {background:#ddd; margin-top:10px}
#sonstiges h2 {background:#888; color:#fff; font-size:1em; line-height:.9em; text-transform:lowercase; height:41px; background-repeat:no-repeat; background-position:right top; padding:2px 50px 1px 2px; background-image:url(/img/chrome/navicon-leseliste.gif)}
#sonstiges dt {padding: .5em 2px .1em 8px; border-top:1px solid #aaa; font-size:.8em; font-weight:bold}
#sonstiges dd {margin-left:0; padding: .5em 2px .1em 8px; font-size:.8em}
#content {color:#333; background:#F8F8F8}
#content a, #content a:link {text-decoration:none; color:#0B538B; border-bottom:1px solid #ccc}
#content a:visited {color:#333}
#content a:hover, #content a:focus, #content a:active {color:#000; background:#F9F9F9; border-bottom:1px solid #000}
#content #artikelmeta, #metaseite #content #artikelmeta {background:#ddd; color:#333; padding:0}
.award #content #artikelmeta, .award #content #artikelmeta {background:#FFECB8; color:#333; padding:0}
.award #content #artikelmeta h1 {padding: 2px 20px; background:#FFD050; color:#444; font-size:1.5em; line-height:1em; margin:0}
#artikelmeta li {display: inline}
#artikelmeta li:before {content: url(/img/icon/bullit.gif); padding-right:4px}
#content h1, #metaseite #content h1 {background:#ddd; color:#333; font-size:1.6em; padding:0 0 1px 4px}
#content #datum, #content #artikeltags {margin-top: -.3em; text-align:right}
.imgright {float:right; margin: 0 0 2px 1em}
#contentseite #content h2, #contentseite #content h3, #contentseite #content h4, #contentseite #content h5,
#metaseite #content h2, #metaseite #content h3, #metaseite #content h4, #metaseite #content h5 {color:#5C93BE; padding: 0 10px 0 20px; margin-top:.8em; line-height: 1.1}
#contentseite #content h2,
#metaseite #content h2 {font-size:1.4em; max-width:30.5em; background:#eee}
#content h2:target, #content h2.sftarget {color: #eee!important; background: #5C93BE!important}
#contentseite #content h3,
#metaseite #content h3 {font-size:1.1em; max-width:38.5em; color:#000}
#contentseite #content h4,
#metaseite #content h4 {font-size:.95em; max-width:44.5em; font-weight:normal; color:#333}
#content p, #content ul, #content ol, #content dl, #content address {line-height: 140%; padding:.3em 10px .3em 20px; font-size:.85em; max-width:50em}
#content li, #content dd {margin:0 6px .5em 1.3em}
#content li p, #content ul ol, #content ul ul, #content ol ul, #content ol ol, #content ol dl, #content ul dl, #content dl ul, #content dl ul {font-size:1em}
#content .pullout {float:left; width:35%; background:#ddd; margin:.5em 1em .2em 20px}
#related {background-color: #E6EFF8; max-width:44em; margin:1em 0 1em 0}
#content #related h2, #blog #related h2 {max-width:44em; color:#fff; text-transform:lowercase; background-color:#5C93BE; font-size:1.1em; height:1.5em}
#content blockquote {background: #E2E9F0 url(/img/chrome/zitat.gif) no-repeat right top; margin: .5em 0 .5em 1.5em; padding-right:100px}
#content blockquote p, #content blockquote ul, #content blockquote ol {padding:.3em 0 .3em .3em}
:root blockquote p:first-line {font-weight: bold; color: #444}
pre {font: .9em/140% Monaco, Courier, monospace; padding: .2em 0 .2em 0; border-left: #BBB; color: #000; background: #e4e4e4; line-height: 120%; border-width: 0 0 0 1.5em; border-style: none none none solid}

#content ol.listing {color: #000; background: #ddd; margin: .8em 1em 1.2em 20px; padding: 0 0 0 3em; list-style: decimal outside; border-left: 1px solid #888; max-width:49em}
#content .listing li {background: #efefef; margin: 0 0 1px 0; margin-bottom:1px!important; padding-left: .5em}
.htmltag {color: #000171}
.sel {color: maroon}
.val {color: #1f5b00}
.imp {color: red}
.com {color: #777}
html>body ol.listing {margin: .5em 20px 1.2em 0; width: auto; list-style: decimal-leading-zero outside}
html>body .listing li {margin: 0 0 1px 1em}

table {border-color: #ddd; border-width: 1px 1px 0 0; border-style: solid}
#contentseite #content table {margin:0 0 1em 20px; width:95%}
caption {background: #5c93be; color:#fff; padding:.4em!important; text-align:left}
td, th {border-left: #ddd; border-bottom: #ddd; vertical-align: top; border-collapse: separate; empty-cells: show; border-width: 0 0 1px 1px; border-style: none none solid solid; text-align:left; font-size:.85em; padding:.4em; margin:4em}
td {background-color: #EFEFEF}
th {color: #444; background-color: #AFC8E4}
#contentseite #content table td, #contentseite #content table th {padding:.4em}
table.blogroll th.check a {display: block; padding: 0 0 0 20px; border-bottom: 0px solid #eee!important}
table.blogroll th.check a:visited, table.blogroll th.check a:visited:hover {background-image: url(/img/icon/checked.gif); background-repeat: no-repeat; background-position: left center}
#award04kriterien #content dd {margin-left: 1.9em!important}
p.kriteriennavi {text-align: center; width: 98%; margin: 1em 0 .5em 0!important; padding: 0; background: #fafafa; border: 1px dotted #ccc}
.schwerpunkt {background:#eee; margin:1em 0 1.5em 0}
#metaseite #content .schwerpunkt h2 {padding: 2px 4px; background:#ddd; color:#444; font-size:1.2em; line-height:1em}
.inhalt-biene {background:#FFECB8}
#metaseite #content .inhalt-biene h2 {background:#FFD050}
.schwerpunkt dt {padding:0 4px; color:#444; font-size:1em}
#forummeta {background:#BAD1A9; color:#fff}
#forummeta h1 {background:#8EB73B; color:#fff; padding:0 0 1px 4px; min-height:44px}
#forumseite #content h2 {background:#D5E0BF; color:#333; font-size:1.1em; padding:0 0 1px 20px}
#forumseite #content h2 a:link, #forumseite #content h2 a:visited {color:#333}
#forumseite #content h3 {background:#D5E0BF; color:#333; font-size:1em; margin:1.5em 0 .5em 20px; padding:.2em}
#forumseite table {width:95%; margin:1em 0 1px 20px}
#forumseite th {font-size:.95em; background:#D5E0BF; padding:.3em}
#forumseite td {font-size:.8em; padding:.2em}
#forumseite td.row-even {background:#F3F8E8}
#forumseite td.row-odd {background-color: #fff}
#forumseite table dl {margin-left:-18px; font-size:.95em}
#forumseite table dt {margin-bottom:.5em; font-size:1.2em}
#forumseite table dd {margin:0 6px .5em 0; font-size:1.1em}
#forumseite #content form {background:#ECF1E2; color:#333; margin:1em 0 1px 20px}
#forumseite #content legend {background:#D5E0BF; display:block; width:auto; color:#333; margin-bottom:1em}
#forumseite #content label {margin:.2em 0 .2em 20px; font-size:.85em; font-weight:bold}
#forumseite #content input, #forumseite #content select, #forumseite #content textarea {margin:0 0 .7em 20px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em}
#forumseite #content textarea {line-height:1.4; padding-left:.5em}
#forumseite #content input[type=text], #forumseite #content input[type=password], #forumseite #content textarea, #forumseite #content select {border:1px solid #999; background:#D5E0BF}
#forumseite #content input[type=text]:focus, 
#forumseite #content input[type=password]:focus, 
#forumseite #content textarea:focus, 
#forumseite #content select:focus,
#forumseite #content input[type=text]:active,
#forumseite #content input[type=password]:active,
#forumseite #content textarea:active,
#forumseite #content select:active {border:1px solid #333; background:#fff}
#forumseite .postedby, #forumseite .options {margin:-.5em 0 1em 20px; padding:.2em; background:#F1F5EA}
#forumseite p.messageBody {margin:0 2em 1.5em 20px}
#forumseite p.messageBody q {display:block; background: #E2E9F0 url(/img/chrome/zitat.gif) no-repeat right top; margin: 1.8em 0 -.6em 0; padding: .1em 100px .1em .2em}
ul.forum-settings li {color:#ccc; display:inline; margin-left:-.3em!important; padding-left:0}
ul.forum-settings {padding-left:20px; margin-left:.3em}
p#datum:before, div.tags-artikel .bloglinks p.mehr:before {content: url(/img/icon/date.gif)}
p.datum {padding-left: 17px; margin-left: 20px; background: url(/img/icon/date.gif) no-repeat left center}
.perma {padding-left: 19px; background: url(/img/icon/permalink.gif) no-repeat left center}
a.perma:hover, a.perma:active, a.perma:focus, a.perma:visited:hover {background: url(/img/icon/permalink-hover.gif) no-repeat left center!important}
.kommentare {padding-left: 17px; background: url(/img/icon/comment.png) no-repeat left center}
a.kommentare:hover, a.kommentare:active, a.kommentare:focus, a.kommentare:visited:hover {background: url(/img/icon/comment-hover.png) no-repeat left center!important}
.tags {padding-left: 21px; background: url(/img/icon/tags.png) no-repeat left center}

/*Aenderungen seit dem Launch bitte hierhin:*/

.suche #content dd	{margin-top: -1em; padding-bottom: 1em; border-bottom: 1px solid #ccc}
li#feedurls a:after {content: url(/img/icon/rss.gif); vertical-align: middle}

ul.inline-list {text-align:right}
ul.inline-list li {color:#ccc; display:inline; margin-left:-.3em!important; padding-left:0}

td.checked {font-size: 1.1em; text-align: center; color: #456A41}
td.unchecked {font-size:1.1em;text-align:center; color:#999}
td.wcag-until {color: #872526}

.podcast-intro {background: #dfdded}
.podcast-intro p {color: #333; padding: .5em .5em 1em 0; font-size: 1em; font-weight: bold}
#newsseite #blog h1.podcast {background: #868196 url(/img/icon/header-icon-podcast.gif) no-repeat right top; height:43px}

#sammellinks {background: #F8F4FE}
#sammellinks h3 {color:#fff; text-transform:lowercase; background:#868196; font-size:1.1em; height:1.1em; margin:1.5em 0 .8em 0}
.bildBox {
	width: 320px;
	margin-left: 10px;
	margin-bottom: 20px;

}
.galeriebildBox { margin-bottom: 20px; margin-left: 10px; width: 320px; }
.kleineSchrift {
        font-family: "Trebuchet MS", Verdana, sans-serif;
        font-size: 0.7em;
        color: #333333;
}