@font-face {
font-family: 'Federation';
src: URL('TKMOVIE.TTF') format ('ttf');
}

html,body {
font-family:courier;
color:hsla(190,8%,100%,0.99);
margin:10px;
font-size:16px;
line-height:20px;
background-color: #70888C;

/* code for scrollbar */
  scrollbar-face-color:#70888c;
  scrollbar-track-color:#70888c;
  scrollbar-highlight-color:#8CA6AC;
  scrollbar-arrow-color:#8CA6AC;
  scrollbar-base-color:#8CA6AC;
  scrollbar-3dlight-color:#8CA6AC;
  scrollbar-darkshadow-color:#8CA6AC;
  scrollbar-shadow-color:#8CA6AC;
}




<!-- Links inside text, normal look -->
a:      {color: #D8E7EA; text-decoration:underline;}
a:link      {color: #D8E7EA; text-decoration:underline;}
a:visited   {color: #D8E7EA; text-decoration:underline;}
a:hover     {color: #D8E7EA; text-decoration:underline overline;}




<!-- Sub-Menu Links, next to side-title -->


a.sub    {
        color: #D8E7EA;
        line-height:28px;
        text-decoration: none;
        border:1px dashed #94AAAB;
        padding:1px;
        margin-left:0px;
}


a.sub:link    {
        color: #D8E7EA;
        line-height:28px;
        text-decoration: none;
        border:1px dashed #94AAAB;
        padding:1px;
        margin-left:0px;
}


a.sub:visited    {
        color: #D8E7EA;
        line-height:28px;
        text-decoration: none;
        border:1px dashed #94AAAB;
        padding:1px;
        margin-left:0px;
}

a.sub:hover   {
        color: #D8E7EA;
        line-height:28px;
        text-decoration: none;
        border:1px solid #D8E7EA;
        padding:1px;
        margin-left:0px;
}

a.sub:active     {
        color: #D8E7EA;
        line-height:28px;
        text-decoration: none;
        background:#70888C;
        border:1px solid #8CA68C;
        padding:1px;
        margin-left:0px;
}



h1 {font-variant:italic; text-decoration:none; text-align:left; font-size:20px; padding-bottom:0px; margin-left:20px; margin-bottom:-5px; margin-top:20px;}
h2 {font-size:16px; text-align:center; margin-bottom:-10px; font-weight:bold;}
h4 {font-size:16px; padding-bottom:0px; text-align:left; margin-left:5px; font-weight:normal; margin-bottom:6px;  font-weight:bold;}
h5 {font-size:14px; padding-bottom:0px; text-align:left; margin-left:8px; font-weight:normal; margin-bottom:6px;  font-weight:bold;}




/* Page titles in the right     Replaced by .vertical   */
.side-pic {position:absolute; right:30px;}


.home-pic {position:relative; left:0px; top:0px; border:none;}


.vertical {
        position:relative;
        right:-50px;
        width:200px;
        top:-120px;
        margin:-20px;
        padding:0px;
        color: hsla(190,8%,100%,0.99);
        transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -o-transform: rotate(90deg);
        white-space:nowrap;
        font-family: Federation, Arial;
        font-size:42px;
        font-weight:900;
        text-shadow: hsla(190,8%,100%,0.99) -1px -1px 3px;
}










/* Text-Areas, for example Contact-form */


TEXTAREA {
    border:1px solid #57696C;
    background:#D8E7EA;
    color:#57696C;
    font-family:arial;
    font-size:16px;
}


INPUT {
    border:1px solid #57696C;
    background:#D8E7EA;
    color:#57696C;
    font-family:arial;
    font-size:16px;
}



INPUT.button {
    border:2px solid #D8E7EA;
    background:#70888C;
    color:#D8E7EA;
    font-family:arial;
    font-size:16px;
}

INPUT.button:hover {
    border:2px solid cadetblue;
    background:#D8E7EA;
    color:#57696C;
    font-family:arial;
    font-size:16px;
}

INPUT.button:active {
    border:2px solid cadetblue;
    background:#D8E7EA;
    color:#57696C;
    font-family:arial;
    font-size:16px;
}


/*    Probably for Dropdown-menus, currently not needed.
SELECT {
    border:1px solid #6AB1CF;
    background:#D8E7EA;
    color:#57696C;
    font-family:arial;
    font-size:14px;
}
*/