/* IT-Pro Jung - Variante A (klassisch: Menue links). Farben/Schrift wie die alte Seite: Blau #002b66, Rot #a00 beim Überfahren, Grün #669933. */
html{height:100%;background:#274b7f url(../bilder/hintergrund_65.jpg) 50% 0 no-repeat}
body{margin:0;font:15px/1.5 Tahoma,Helvetica,Arial,Verdana,sans-serif;color:#000;-webkit-text-size-adjust:100%}
header,nav,main,footer{display:block}
a{color:#002b66;text-decoration:none}
a:hover,a:focus{color:#a00;text-decoration:underline}
img{border:0;max-width:100%;height:auto}
ul{padding-left:1.3em}
h1{font-size:28px;letter-spacing:2px;color:#002b66;margin:.2em 0 .3em}
h1 small{font-size:12pt;letter-spacing:0}
h2{font-size:18px;margin:1em 0 .3em;border-bottom:1px solid}
p{margin:.6em 0}
#rahmen{max-width:800px;margin:8px auto;box-sizing:border-box;min-height:calc(100vh - 16px);background:#f4f4f4;background:rgba(255,255,255,.97);border:1px solid #fff;overflow:hidden}
header{padding:8px 10px 0;overflow:hidden}
#sprache{float:left;margin-top:4px}
#sprache a{display:inline-block;padding:6px 2px}
#sprache a.jetzt{opacity:.45}
#logo{float:right}
#menu ul{list-style:none;margin:0;padding:0}
#menu a{display:block;padding:10px 14px;color:#000}
#menu a:hover{text-decoration:none;color:#a00}
#inhalt{padding:4px 14px 10px;outline:0}
#inhalt:focus{outline:0}
footer{padding:4px 14px 10px;text-align:right;font-size:12px}
.tag{font-size:20px;color:#002b66;margin:.4em 0 0}
.tag2{margin:.1em 0 .8em}
.bilder{text-align:center}
.bilder img{width:48%;max-width:250px;margin:1%;vertical-align:top}
.mitte{text-align:center}
.foto{float:right;margin:4px 0 8px 10px;border:5px solid #fff}
.knopf{border:2px solid #00f;vertical-align:middle}
#menu li{display:inline-block}
#menu a{font-size:16px}
#menu a.aktiv{font-size:22px;color:#000}
footer{clear:both}
@media (min-width:860px) and (min-height:640px){
html{background-position:50% 50%}
#rahmen{position:absolute;left:50%;top:50%;width:800px;height:600px;min-height:0;margin:-300px 0 0 -400px;background:none;border:0}
h1{font-size:36px}
header{height:72px}
#menu{float:left;width:190px;margin:6px 0 0 10px}
#menu li{display:block}
#menu a{padding:7px 4px}
#menu a.aktiv{font-size:26px;padding:3px 4px}
#inhalt{margin-left:210px;height:480px;overflow:auto}
footer{position:absolute;right:10px;bottom:2px;padding:0}
}
.ls-nur{display:none}