html { line-height: 1.6em; font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans"; font-size:16px; word-wrap:break-word;} 
body { margin: 0; padding: 0; color: #555; background: #FAFAFA; text-align: center; }
.content { color: #555; font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans" }
a:link, a:visited {color: #006080; background-color: inherit; text-decoration: underline; }
a:hover {color: #006080; background-color: inherit; }
a.sta:link {color: #006080; background-color: inherit; text-decoration: underline; }
a.sta:hover {color: #006080; background-color: inherit; }
.gruen { color: #333; }
h1, h2, h3, myh1 {^color: #333; }
h1 { color: #457aa1; font-size:1.7em; line-height: 1.2em; } 
h2 { color: #457aa1; font-size:1.4em; line-height: 1.2em; }
h3 { color: #457aa1; font-size:1.3em; line-height: 1.2em; }
.myh1 {color: #457aa1; }
p, h1, h2, h3 {margin: 10px 0px 5px 0px; }
ul, ol {margin: 10px 30px; padding: 0 15px; color: #457aa1; }
ul span, ol span {color: #555; }
img {max-width:100%; height:auto; }
iframe {max-width:100%; }
video {max-width:100%; height:auto; }
#main img {padding: 4px; }
img.float-right {margin: 5px 0px 5px 15px; }
img.float-left {margin: 5px 15px 5px 0px; }
code {margin: 5px 0; padding: 10px 15px; text-align: left; display: block; overflow: auto; background: #FAFAFA; border: 1px solid #f2f2f2; border-left: 4px solid #457aa1; }
acronym {cursor: help; border-bottom: 1px solid #555; }
blockquote {margin: 15px; padding: 5px 10px 5px 20px; background: #FEFEFE; border: 1px solid #f2f2f2; border-left: 4px solid #457aa1; }
blockquote ol { color:#000;}
blockquote ul { color:#000;}
form {margin:10px; padding: 5px; border: 1px solid #f2f2f2; background-color: #FAFAFA; }
label {display:block; font-weight:bold; margin:5px 0; }
input {padding: 3px 5px; border:1px solid #eee; color:#555; }
textarea {width:300px; padding: 3px 5px; border:1px solid #eee; height:100px; display:block; color:#555; }
input.button { margin: 0; border: 1px solid #CCC; background: #FFF; padding: 5px 3px; color: #457aa1; }
form.searchform {background: transparent; border: none; margin: 0; padding: 0; }
form.searchform input.textbox { margin: 0; width: 120px; border: 1px solid #9EC630; background: #FFF; color: #333; height: 14px; vertical-align: top; }
form.searchform input.button { margin: 0; padding: 2px 3px; background: #FAFAFA; border: 1px solid #f2f2f2; color: #555; width: 60px; vertical-align: top; }
#wrap {background: #FFF; max-width:920px; margin: 0 auto; text-align: left; }
#content-wrap {clear: both; margin: 0; padding: 0; background: #FFF; }
.header-photo {border: none; padding: 0; }
#sidebar .menuheadline {color: #457aa1; }
#header {position: relative; height: 85px; }
#header span#logo {position: absolute; margin: 0; padding: 0; letter-spacing: -2px; text-transform: lowercase; top: 10px; left: 5px; }
#header #slogan {position: absolute; top:58px; left: 89px; color: #000000; text-transform: none; }
#header form.searchform {position: absolute; top: 0; right: -12px; }
#main {float: left; margin-left: 15px; padding: 0; width: 73%; }
.post-footer {background-color: #FAFAFA; padding: 5px; margin: 20px 15px 0 15px; border: 1px solid #f2f2f2; font-size: 95%; }
.post-footer .date {background: url('https://ssl.mediakg.de/images/clock.gif') no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; }
.post-footer .comments {background: url('https://ssl.mediakg.de/images/comment.gif') no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; }
.post-footer .readmore {background: url('https://ssl.mediakg.de/images/page.gif') no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; }
#sidebar {float: left; width: 230px; margin: 0; padding: 0; display: inline; font-size:14px; }
.menuheadline {margin: 10px 15px; }
#sidebar p, h1, h2, h3 {margin: 10px 15px; }
#main p, h1, h2, h3 {margin: 10px 0px; }
#sidebar ul.sidemenu {list-style:none; margin:10px 0 10px 15px; padding:0; }
#sidebar ul.sidemenu li {margin-bottom:1px; border: 1px solid #f2f2f2; }
#sidebar ul.sidemenu a {display:block; color: #333; text-decoration:none; padding:3px 5px 3px 10px; background: #f2f2f2; border-left:4px solid #CCC; min-height:18px; }
* html body #sidebar ul.sidemenu a { height: 18px; }
#sidebar ul.sidemenu a:hover {padding:3px 5px 3px 10px; background: #f2f2f2; color: #339900; border-left:4px solid #9EC630; }
#rightbar {float: right; width: 23%; padding: 0; margin:0; }
#footer { clear: both; color: #666; background: ##eef8ff; border-top: 5px solid #568EB6; margin: 0; padding: 0; height: 30px; font-size: 12px; }
#footer a:link, #footer a:visited {color: #666; text-decoration: none; font-weight: normal; }
#footer a:hover {color: #333; }
#footer .footer-left{float: left; width: 45%; }
#footer .footer-right{float: right; width: 50%; }
#header ul {z-index: 999999; position: absolute; margin:0; padding: 0; list-style:none; right: 0; bottom: 6px !important; bottom: 5px; }
#header li {display:inline; margin:0; padding:0; }
#rightbar ul {list-style-type:square; }
#rightbar li { display:block; }
#header a {float:left; background: url('https://ssl.mediakg.de/images/tableft.gif') no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#header a span {float:left; display:block; background: url('https://ssl.mediakg.de/images/tabright.gif') no-repeat right top; padding:6px 15px 3px 8px; color: #FFF; }
#header a span {float:none; }
#header a:hover span {color:#FFF; }
#header a:hover {background-position:0% -42px; }
#header a:hover span {background-position:100% -42px; }
#header #current a {background-position:0% -42px; color: #FFF; }
#header #current a span {background-position:100% -42px; color: #FFF; }
.float-left { float: left; }
.float-right {float: right; }
.align-left {text-align: left; }
.align-right {text-align: right; }
.clear { clear: both; }
.green {color: #9EC630; }
.gray {color: #BFBFBF; }
.myboxst {width:306px; float: left; margin-right: 7px; border: 1px solid #dddddd; padding: 10px; background-color:#ffffff; }
.productcard { color:#000; background-color:#fefefe; border:1px solid #cccccc; border-radius:14px; padding:14px; line-height:1.6em; padding-top:0px; }
.productcard h3 { color:#000; }
.producttype, .operating-system, .license, .features, .rating, .download-size, .supported-file-formats, .output-devices { color:#000; font-weight:bold; }
a.product-reference:link, a.product-reference:visited ,a.product-reference:active ,a.product-reference:hover { color:#000; }
.date-modified { font-size:12px; font-style: italic; color:#444444; }
.key-features { color:#000; background-color:#f0f2f4; border:1px solid #dae5fb; border-radius:6px; padding:12px; padding-top:0px; margin-bottom:20px; }
.key-features h3 { color:#000; }
.key-features ul { color:#000; margin-left:20px; padding-left:0; margin-top:10px; }
.advantages { color:#000; background-color:#d8fad6; border:1px solid #7ffa79; border-radius:6px; padding:12px; padding-top:0px; margin-bottom:20px; }
.advantages h3 { color:#000; }
.advantages ul { color:#000; margin-left:20px; padding-left:0; margin-top:10px; }
.disadvantages { color:#000; background-color:#fbefef; border:1px solid #fbd2d2; border-radius:6px; padding:12px; padding-top:0px; margin-bottom:20px; }
.disadvantages h3 { color:#000; }
.disadvantages ul { color:#000; margin-left:20px; padding-left:0; margin-top:10px; }
.product-description{ font-size: 1.05em; font-style: bold; }
.product-image { margin-bottom: 2px; }
.product-box { margin-right: 15px; }
.tips-advice-helpful { color:#000; background-color:#ffdf1c; border:1px solid #ffa01e; border-radius:6px; padding:12px; padding-top:0px; margin-bottom:20px; }
.tips-advice-helpful h2 { color:#000; }
.tips-advice-helpful ul { color:#000; margin-left:20px; padding-left:0; margin-top:10px; }
.tips-advice-helpful ol { color:#000; margin-left:20px; padding-left:0; margin-top:10px; }
.menuleiste { color:#000; background-color:#eee; }
.inhaltsverzeichnis {border: 1px solid #bbb; border-radius: 8px; margin-bottom: 1rem; background-color: #fff; overflow: hidden; transition: all 0.3s ease; }
.inhaltsverzeichnis-summary {background-color: #f9f9f9; cursor: pointer; padding: 1rem; font-weight: 600; display: flex; align-items: center; justify-content: space-between; position: relative; list-style: none;}
.inhaltsverzeichnis-summary::-webkit-details-marker {display: none; }
.inhaltsverzeichnis-summary::after {content: "\25B8"; font-size: 3rem; transition: transform 0.3s ease; margin-left: 0.5rem;}
.inhaltsverzeichnis[open] .inhaltsverzeichnis-summary::after {transform: rotate(90deg);}
.inhaltsverzeichnis-content {padding: 1rem; border-top: 1px solid #eee; animation: fadeIn 0.3s ease;}
@keyframes fadeIn {from {opacity: 0; } to {opacity: 1; }}
@media (max-width:999px) { 
#sidebar {float: left; #width: 23%; margin-top: 15px; margin-bottom: 15px; display: inline; }
#sidebar ul.sidemenu li {margin-bottom:15px; margin-bottom:15px; border: 1px solid #f2f2f2; }
}