#left, main, #container {border:1px dashed black}

/* radio & help wokule */
#help-wokule hr#helpspacer {margin:5em 0;}
#help-wokule small {font-size:0.8em;line-height:0.8em!important;}
#radiozeugs {background:#eee!important;}
#radiozeugs #left, #help-wokule #left {float:none!important;}
#radiozeugs #container, #help-wokule #container {max-width: 960px; width:92%;}
#radiozeugs main, #help-wokule main {margin:1em 0;font-size:1.2em;background:#f7f7f7!important;}
#radiozeugs hr {margin: 4em auto 0.8em 23px;width: 90%;height: 0px;color:transparent;background-color:transparent;border: 3px solid black;}
#radiozeugs hr.small {border: 0.5px solid black;margin-top:2em;margin-bottom:2em;}
#radiozeugs li.published {display:none;}

/* base
----------------------------------------------- */
html {background-color:#000;margin:0;}
.hilfe {font:normal normal 12px Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif!important;}
body {margin: 0;padding: 0;}
fieldset {border:none;}
h2, h3 {margin: 0;padding: 0 10px;font-weight: normal;}
h2, h3 {font-family: Arial Rounded MT Bold, Tahoma, Geneva, Georgia, Times, serif;}
h1 {font-size: 2em;text-transform:lowercase;padding:0;margin:-20px 0 0 0;}
h2 {font-size: 1.2em;font-style: italic;}
hr {margin: 1.5em 1em 0.8em 1em;height: 0px;color:transparent;background-color:transparent;border: 1px solid black;clear: both;}
img.release {border-width:3px;border-style:solid dotted;border-color: #151215;}
main img {float: left;margin:0 10px 10px 0;}
main form {background: #f7f7f7;padding:11px 0 11px 23px;margin: 0;border-radius-bottomleft: 23px;border-radius-bottomright: 23px;}
small, .small, h3 small, .release table {font-size: 9px;}
legend {display:none;}
.left {float: left;}
.left-title {float: left;width: auto;}
.right {float: right;}
.order {padding-left:5px;margin-top:-8px;font-weight:bold;}
ul, li {list-style:none;}
ul {margin:1px;padding:1px;}
.zemContactForm, .zemText {font-size:9px;}
.zemContactForm li {padding:0 13px 3px 0;}
.note {color:red;}
.entry-title {border-bottom:3px solid #fff;height:35px;padding:;margin:13px;}
.entry-title li.right {padding-right:23px;}
.entry-content {padding:13px 0 0 0;margin:2px 0 0 0;}
.release table {margin:-12px 0 0 0!important;line-height:11px!important;}
#explorer {border:5px solid black;font-weight:bold;padding13px;}
#left .links {font-size:1.1em;}
li.orderentry input.zemText {float:right;height:8px!important;font-weight:bold;padding:0;}
li.orderentry {border-bottom:1px dotted #000;}


/* links
----------------------------------------------- */
a {text-decoration: none;color: #f0a;}
a img {border: none;}
.published a {color:#fff;}


/* typography
=============================================== */
body {font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;font-size: 14px;}
#site-slogan {font: italic 12px Georgia, Times, serif;}


/* layout, borders
----------------------------------------------- */
#bg {margin:0;padding: 0;position: absolute;z-index: 0;width: 100vw;height: 100vh;top: 0;left: 0;opacity: 1;} 
#container {max-width: 960px;margin:10px auto;text-align: left;}
main {width:400px;background: #eef;color: #000;}
.entry-title {border-radius-topleft: 23px;border-radius-topright: 23px;}
.entry-title h3 {font-size:23px;padding:2px 0 0 0;margin:0;}
footer {margin-top: 5px;clear: both;text-align: center;}
#left {margin: 0 10px;width: 40vw;height:auto;float: left;}
#left p {margin:0 0 10px 0;}
#left p li {padding:10px 0;}
#left img {padding:0;height: auto;width: 40vw;}
img {border-radius:7px;}
#site-name {margin:0 0 10px 0;}
#site-slogan {margin-top:10px;}
.sb1inset {padding-top:20px;max-width: 250px;display: block;line-height: 1.6em;color: #eee;background: #151214;}
.section_list {margin: 0 0 10px 0;padding: 0;list-style-type: none;}
.section_list li {margin: 0 10px 2px 0;padding: 0;}
.sb1inset {padding:20px 11px;}
.sb1inset, main {border-radius:23px;}
#wrapper {text-align: center; position: absolute; z-index:3; top:0; left:0;width: 100vw;height:100vh;}
main p {margin:0 5px 10px 5px;}

/* overrides
----------------------------------------------- */
.caps {font-size: 0.9em;letter-spacing: 0.1em;}
div.divider {margin: 2em 0;text-align: center;}

/* articles
----------------------------------------------- */
.directory {list-style-type: circle;}
.author {font-style: normal;font-size: 0.8em;}
.published {font-size: 9px;}

/* comments
----------------------------------------------- */
.comments_error {color: #000;background-color: #fff4f4;}
ul.comments_error {padding : 0.3em;list-style-type: circle;list-style-position: inside;border: 2px solid #fdd;}
div#cpreview {color: #000;background-color: #f1f1f1;border: 2px solid #ddd;}
form#txpCommentInputForm td {vertical-align: top;}
#comments-help {margin: 2px 0 15px 0;font-size: 0.7em;}

/* error page
----------------------------------------------- */
.error-status {font: 1.3em Georgia, Times, serif;}


/* ==========================================================================
   Additional layout for screen media 672px and up
   ========================================================================== */

@media only screen and (min-width: 40em) {
#container {margin:1vh auto;}
body {font-size: 18px!important;}
#left, #left img {max-width: 250px}
#left p {padding: 0 20px 20px 20px;}
}