/*
// --------------------------------------
// Formatvorlagen für www.omerzu.de
// (c) 2026 Thomas Omerzu, Dortmund
// --------------------------------------
*/
* {
    box-sizing:border-box;
    margin:0; padding:0;
    border:none;
    text-decoration:none;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    outline: none;
    vertical-align: baseline;
}
html, body {
    margin: 0; padding: 0;
    font-family:Arial,Univers,Helvetica,sans-serif;
    font-style: normal;
    font-size:12px;
    font-weight:400;
    color: black;
    text-align: left;
    text-rendering: optimizeLegibility;
    hyphens: auto;
    hyphenate-limit-chars: auto 4 3;
    hyphenate-limit-lines: 2;
}
body {
    background-color:#ccc;
    overflow-y:scroll;
}
.rfscontent {
    display:flex;
    min-height:100vh;
    width:1024px;
    margin:0 auto;
    background-image:url(/layout/feuerbig85hell.jpg);
    background-repeat:repeat-y;
    box-shadow:
    -10px 0 15px -5px rgba(0, 0, 0, 0.4),  /* links */
     10px 0 15px -5px rgba(0, 0, 0, 0.4);  /* rechts */
}
.rfsmenu {
    width:220px;
    height:100%;
    background-color:transparent;
    background-image:url(/layout/feuerbig85hell2decke.jpg);
    background-repeat:no-repeat;
}
.rfsmenu img {
    width:220px; height:207px;
    padding:10px 25px 10px 5px;
}
.rfsright {
    display:flex;
    flex-direction:column;
    flex:1;
}
.rfsheader {
    width:100%;
    height:207px;
    background-color:transparent;
    background-image:url(/layout/feuerbig85hell2dquer.jpg);
    background-repeat:no-repeat;
    background-position:0px 78px;
}
.rfsheader h1 {
    color:white; margin:0;
    padding:105px 0;
}
.rfsheader img {
    display:none;
}
.rfsmainbox {
    flex:1;
    width:100%;
    height:auto;
    background-color:transparent;
    padding-top:20px;
}
.rfsads {
    float:right;
    position:relative;
    width:200px;
}
.rfsmain {
    width:450px;
    height:auto;
    background-color:transparent;
    float:left;
    border:0px solid green;
}
nav > input {
    display:none;
}
nav ul {
    padding-inline-start:0;
    list-style-type:none;
}
p  { font-size:12px; margin:10px 0; }

th { font-size:12px;
     font-weight:bold;
    padding-bottom:6px; text-align:left; vertical-align:top; }
td { font-size:12px;
    color:black; padding:2px 0; vertical-align:top; }
td.ht { font-size:12px;
    color:black; padding-bottom:0px; vertical-align:top; }
td.hm { font-size:12px;
    color:black; padding-bottom:0px; vertical-align:middle; }
td.iblau { font-size:12px;
    color:#0000c0; font-style:italic; padding-bottom:6px;
    vertical-align:top; }
h1 { font-size:30px; margin:10px 0;
    color:white; font-weight:bold;}
h2 { font-size:16px; margin:10px 0;
    color:#0000c0; font-weight:bold;}
h2#first { margin-top:0px; }
hr { border:0px;
     color:#0000c0;background-color:#0000c0;
     height:1px; 
     width:100%; margin-top:15px;
   }
td.kblau { 
    font-size:9px;
    color:#0000c0; padding-bottom:0px;}
th.blau { 
    font-size:12px;
    background-color:#0000c0; 
    text-align:left; font-weight:bold;
    color:white; padding-bottom:6px;}
td.blau0 { 
    font-size:12px;
    background-color:#9dbae6; 
    text-align:left;
    color:black; padding-bottom:6px;}
td.blau0c { 
    font-size:12px;
    background-color:#9dbae6; 
    text-align:center;
    color:black; padding-bottom:6px;}
td.blau1 { 
    font-size:12px;
    background-color:#b4caeb; 
    text-align:left;
    color:black; padding-bottom:6px;}
td.blau1c { 
    font-size:12px;
    background-color:#b4caeb; 
    text-align:center;
    color:black; padding-bottom:6px;}
td.blau2 { 
    font-size:12px;
    background-color:#dce7f5; 
    text-align:left;
    color:black; padding-bottom:6px;}
td.blau2c { 
    font-size:12px;
    background-color:#dce7f5; 
    text-align:center;
    color:black; padding-bottom:6px;}
th.g { 
    font-size:12px;
    background-color:#0000c0; 
    text-align:left; font-weight:bold;
    color:white; padding-bottom:3px;}
th.gc { 
    font-size:12px;
    background-color:#0000c0; 
    text-align:center; font-weight:bold;
    color:white; padding-bottom:3px;}
td.g1 { 
    font-size:12px;
    background-color:#d8d8d8; 
    text-align:left;
    color:black; padding-bottom:3px;}
td.g2 { 
    font-size:12px;
    background-color:#a0a0a0; 
    text-align:left;
    color:black; padding-bottom:3px;}
table.g {
    border-collapse:collapse;
    margin:0; padding:0;
    }
table.g td {
    margin:0; padding:0;
}
table.g p {
    margin:3px 0; padding:0;
}
table.mitglieder, table.mitglieder th, table.mitglieder td {
    border:1px solid darkblue;
}
b { color:#0000c0; }
b.rot { color:#c00000; }
i { color:#0000c0; text-decoration:none; }
div#w3c { position:absolute; left:60px; bottom:30px; 
    width:88px; height:31px; z-index:9;
}
ul {
    padding-inline-start: 40px;
}
input, textarea {
  padding: 5px 7px; /* Comfortable padding */
  box-sizing: border-box; /* Prevents overflow */
  border: 1px solid #ccc;
  border-radius: 4px;
}
/*
// --------------------------------------
// Spezielle Anker-Version für die Menüs
// --------------------------------------
*/
a { color:#0000c0; text-decoration:none; }
.menu1  { 
    text-decoration:none; color:white; 
    
    font-weight:bold; font-size:14px; 
    text-indent:55px; margin-top:0px; margin-bottom:5px;
    }
.rfsmenu nav {
    margin:20px 15px 0 0;
}
.menu2  { 
    text-decoration:none; color:white; 
    
    font-weight:bold; font-size:14px; 
    text-indent:55px; margin-top:0px; margin-bottom:5px;
    }
a.black  { 
    font-size:12px;
    text-decoration:none;
    color:black;}

div.abox {
    border:1px solid #888;
    width:120px;
    margin:0 40px 15px 15px;
}
div.abox p {
    font-size:8pt;color:black;padding:0;margin:4px;
}
div.abox b {
    color:#0000c0;
}
div.abox a {
    text-decoration:none;
    color:#a00000;
    font-weight:bold;
}

@media (max-width:400px) {
.rfscontent {
    width:100%;
    display:block;
    box-shadow:unset;
    background-position:-160px 0;
}
.rfsmenu {
    display:block;
    position:absolute;
    min-width:100px;
    width:auto;
    right:0; top:0;
    background-image:none;
}
.rfsmenu img {
    display:none;
}
.rfsright {
    width:100%;
}
.rfsmain {
    width:100%;
}
.rfsmain img {
    max-width:100%;
}
.rfsmainbox {
    padding:10px;
}
.rfsheader {
    display:flex;
    align-items:center;
    flex:unset;
    height:120px;
    background-position:-200px 15px;
}
.rfsheader h1 {
    padding:0 50px 0 0;
    font-size:25px;
}
.rfsheader img {
    display:block;
    float:left;
    width:105px;
    padding:0;
    margin-top:-5px;
    margin-right:10px;
}
hr, table {
    max-width:100%;
}
.desk {
    display:none;
}
.rfsads {
    float:left;
    padding:20px 0;
    display:flex;
    flex-direction:row;
    width:100%;
    border-bottom:1px solid blue;
}
div.abox {
    margin:0 10px 0 0;
}



/* Nav-Menu aendern, Stufe 1 */
nav input#toggle {
    display: none;
}
nav input#toggle + label {
    display: block;
    width: 50px;
    height: 50px;
    border:1px solid green;
    background:url(/layout/menu-20x20.png);
    background-repeat:no-repeat;
    background-position:center center;
    border:0;
    position: absolute;
    right: 10px;
    top: 40px;
    cursor: pointer;
    z-index: 10;
}
nav > ul {
    display:none;
}

input#toggle:checked ~ label {
    }

input#toggle:checked ~ ul {
    display:block;
    height:auto;
    margin-top:100px;
    max-height:500px;
    transition:all 0.5s ease-in;
    color:red;
    background-color:blue;
    padding:3px 0;
}
.menu2 {
    text-indent:5px;
    margin-right:5px;
}

}