.logout-form { margin: 1em 0; }
.logout-link { border: 0; padding: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.logout-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

body { 
        background-position: 0% 0%;
        background-color: transparent;
        background-repeat: no-repeat;
}

@font-face {
    font-family: Snap ITC;
    src: url(/snapitc.ttf);
}
@font-face {
    font-family: "comic sans ms";
    src: url(/COMIC.TTF);
}


.ylaosa {
width: 100%;
height: 45px;
align: top;
background: url("/ylatausta.jpg") no-repeat;
background-size: cover;
text-decoration: none;
font-family: "Snap ITC";
color: #3399FF; 
font-size: xx-large;
overflow-x:none;
}
.loginoma {
text-decoration: none;
font-family: "Snap ITC";
color: #3399FF;
font-size: medium;
text-align: center;
}
a {
text-decoration: none;

}

.otsikko {
text-decoration: none;
font-family: "Snap ITC";
color: #3399FF;
font-size: xx-large;
text-align: center;
}
a {
text-decoration: none;

}

a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

.copyright {
           font-family:
           "comic-sans";
           text-align:
           center;
           font-size:
           9px;
           text-decoration: none;
           color: black;
           font-weight: bold;
           }

.mailtoweb {
        font-size: 12px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        }

.pikkuteksti {
        text-align: center;
        font-size:10px;
        color: black;
        font-weight: bold;
        }

.palkkiosa {
        width: 160px;
        height: cover;
        align: center;
        float: left;
        color: black;
        background-color: #000000;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url('/sivutausta.jpg');
        overflow-x:auto;
}


.normiosa {
        width: cover;
        height: 92%;
        align: center;
        float: cover;
        margin: 0;
        padding: 0;
        overflow-x:auto;
}
.nettiradio {
text-decoration: none;
font-family: "Snap ITC";
color: #3399FF;
font-size: large;
text-align: center;
height: 35px;
}




html, body{
  height: 100%;
    margin: 0;
    padding: 0;
}
body.site-shell { --trcnet-sidebar-width:220px; display:grid; grid-template-columns:var(--trcnet-sidebar-width) minmax(0,1fr); grid-template-rows:45px minmax(0,1fr); height:100vh; background:#000; color:#fff; }
.site-shell > .ylaosa { grid-column:1 / -1; text-align:center; }
.site-shell > .ylaosa a { color:#3399ff; }
.site-shell > .palkkiosa { width:auto; height:auto; float:none; overflow:auto; min-height:0; }
.site-shell > .normiosa { width:auto; height:auto; float:none; overflow:auto; min-height:0; min-width:0; }
.content-frame { display:block; border:0; width:100%; height:100%; }
.home-content { text-align:center; padding:0 12px 24px; }
.site-logo { max-width:100%; height:auto; }
.ip-address { color:red; overflow-wrap:anywhere; }


/* Keep the included legacy menu within the wider sidebar. */
.site-shell > .palkkiosa { overflow-x:hidden; overflow-y:auto; }
.site-shell .palkkiosa .palkkiosa { width:auto; height:auto; float:none; overflow:visible; }
.site-shell div.sdmenu { width:100%; box-sizing:border-box; float:none !important; padding:3px !important; background-size:100% auto; }
.site-shell div.sdmenu > div:first-child { background-size:100% 25px; }
/* Reserve space below the content so the consent control covers neither menu nor page. */
.site-shell > .normiosa { box-sizing:border-box; padding-bottom:48px; }
.site-shell #trcnet-consent-settings { left:calc(50% + var(--trcnet-sidebar-width) / 2); transform:translateX(-50%); max-width:calc(100% - var(--trcnet-sidebar-width) - 20px); }