/*!
 * mgw-media.de CSS User Interface v1.1.2
 * https://mgw-media.de/
 * 
 * Copyright (c) 2026 mgw-media.de - web solutions
 * 
 * This stylesheet is NOT free software.
 * You may not redistribute this package or any parts of it!
 * 
 * $Id: uikit.css 22184 2026-03-22 11:11:53Z markus $
 */

/* general */
html, body {height:100%;}
body {padding:0;background:#f8f8f8 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACnCAIAAABfMqEtAAAAXUlEQVR42u3SuQ2AMBBE0S2F/kOHzn1HPrcB+likkbAwogLk4OmnEwzVWulJRO5uP6SUQpkZxhhT733RWoP3R0opU855kVKCGCOFEMB7T845staCMQYbtNboSceXC9PK0Wc3OkbbAAAAAElFTkSuQmCC") repeat-x;border:0;font:14px Arial,Helvetica,sans-serif;color:#414a54;}
a {color:#e40020;text-decoration:none;}
a:hover {text-decoration:underline;}

/* page */
#page,
#header,
#content {position:relative;}
#header a#logo,
#header ul#language {position:absolute;}
#page {width:800px;margin:0 auto;}
#header {height:200px;}
#header a#logo {top:12px;left:0;display:block;width:350px;height:106px;background:url("../images/uikit/logo.png") no-repeat top left;}
#header ul#language {top:133px;left:740px;margin:0;padding:0;list-style-type:none;}
#header ul#language li {float:left;display:inline;padding-left:4px;}
#header ul#language li a {display:block;width:18px;height:18px;opacity:.5;transition:opacity 500ms linear;}
#header ul#language li a.de {background:url("../images/uikit/langDE.png");}
#header ul#language li a.en {background:url("../images/uikit/langEN.png");}
#header ul#language li a:hover,
#header ul#language li a.sel {opacity:1;}
#footer {clear:both;margin:0;padding: 10px 0 20px;text-align:center;color:#999;font-size:11px;}

/* shell */
div.shell {background:#fff;border:1px solid #d3d3d3;box-shadow:0px 1px 5px rgba(127, 127, 127, .5);border-radius:5px;}
div.shell > h1 {margin:0 1px;padding:9px 18px;font-size:18px;font-weight:600;border-bottom:1px solid #e40020;overflow:hidden;}
div.shell > h1 > span {color:#e40020;}
div.shell > div,
div.shell > form {min-height:100px;margin:1px;padding:19px 18px 14px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAA8CAAAAACLcS9cAAAAfElEQVQYla3EMQICIQxFwXf/w4qIkGwgq/mlvVMMjzJRD1pbraEa61lQpu1J79Y7qqM6r2LaX4zhY6AG/i4o1/5mzmtO1ERNVrl0LNTCwsxQhgrcfTuqrpx9FdTW+yLiRKACFeySOjdqc/KcgzqoJDNvfWddJbf8/JF//QW9xyOz9c/GTQAAAABJRU5ErkJggg==") repeat-x left top;}
div.shell > * h2 {margin:10px 0;padding:6px 18px;background:#929292 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAAI0lEQVQI12PYwaTF9I+BAYj/Y9D/sYn//49TPRj/xyPHwAAAT+Qr1qn/PlYAAAAASUVORK5CYII=") repeat-x;border:1px solid #666;color:#fff;font-size:12px;font-weight:bold;height:14px;}
div.shell > * p {margin:5px 0;padding:0;}
