/* CSS */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html{overflow-x:hidden;}
body{margin:0; color:#fff; background-color:#000;} /* black  #2e3436 #000 #0d0d0d*/

footer{text-align: center}

/*Right Menu ID #*/ 
#rightMenu{box-sizing:border-box;}*,:after,:before{box-sizing:inherit}

.topbar-center a { 
float:none;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}

menu{display:block}
video{display:inline-block}
[hidden]{display:none}

b{font-weight:bolder}

mark{background:#ff0;color:#000}
/*small{font-size:80%}
figure{margin:1em 40px} */

hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #eee;margin:20px 0}

button{font:inherit;margin:0; overflow:visible; text-transform:none;}

[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox],[type=radio]{padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
body,html{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}

button.music{cursor:pointer; color:#ff4b00; background-color:#1b1b1b; height:36px; width:31px; border: 1px solid #000; padding:0px 0px 0px 0px; } /* padding:5px 1px 6px 1px;*/
button.music:hover{color:#fff;   background-color:#313131;} /*#4caf50*/

.topbar{position:sticky; top:0; font-size:17px; height:38px; color:#fff; background-color:#2e3436; z-index:10;} /* color:#fff;background-color:#2e3436; */

/* 7 Rainbow letters
p {
background-image: linear-gradient(-10deg, #ba00ff,#364aff,#25c7ef,#00ff00,#e5ff00,#ff940d,#ff0000);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
padding:0px 2% 1% 2%;
}*/

p {color:#fff; padding:0px 2% 1% 2%; max-width: 790px; margin: 0 auto 0;}



h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400; margin:0 0; text-align:center}

a{background-color:transparent}
a:active,a:hover{outline-width:0}
a{color:#ff9100;}
a:link{color:#ff9100;}/* unvisited link */
a:visited{color:#ff9100;}/* visited link */
a:hover{color:#ffffff!important;}/* mouse over link */
a:active{color:#ffffff;}/* selected link */

/*w3 stuff classes */
.menu_text_size{font-size:17px; font-weight:bolder; text-decoration:underline!important;} /* 18 */

.right_button_size{font-size:20px} /* Size of right botton 24 */
.w3-right{float:right}

.w3-button{border:none; display:inline-block; padding:4px 14px; overflow:hidden; text-decoration:none; color:inherit; background-color:inherit; cursor:pointer; white-space:nowrap}
/* vertical-align:middle;*/
.w3-button:disabled,.w3-button:hover{color:#fff;background-color:#313131} /* #000 #ccc */
.menu-bars{width:100%; display:block; padding:6px 0px 6px 18px; text-align:left; border:none; white-space:normal; float:none; outline:0}

.right_menu_button_color{color:#000;background-color:#ff9100} /* #000 ff9800//ff9100//fa6800//#1f1200 */
.right_menu_button_color:hover{background-color:#ffad40;}
.red{color:#ff4b00!important}
.right_sidebar{height:100%; width:220px; color:#ff9800; background-color:#1b1b1b; position:fixed; z-index:100; overflow:auto} /*100000*/

/* ---- CSS Scroll top bar ---- */ 
@supports (height: 100vh) { 
body{   
background: linear-gradient(to right top, #fff 50%, #bbb 50%);
background-size: 100% calc(100% - 100vh + 40px);
background-repeat: no-repeat;
}

body:before{
content:'';
position: fixed;
top: 40px;
bottom: 0;
width: 100%;
z-index: -1;
background: #000;
}

/* --- Scrollbar for Chrome --- */    
::-webkit-scrollbar {background-color:#2e3436; /* Baggrundsfarve */}
::-webkit-scrollbar-thumb {background-color:#ff9100; /* Farve på selve curseren */ border: 1px solid #000000;}    

pre {
font-family:verdana;font-size:14px;color:#fff;
white-space:pre-wrap;       /* css-3 */
white-space:-moz-pre-wrap;  /* Mozilla, since 1999 */
white-space:-pre-wrap;      /* Opera 4-6 */
white-space:-o-pre-wrap;    /* Opera 7 */
word-wrap:break-word;       /* Internet Explorer 5.5+ */
}

/*
#SiC {
color: #fff;
font-size: 1.4rem;
background-color: transparent; 
border: 0;
padding: 0;
}
*/

#SiChref{
color: #fff;
text-decoration: none;
}
#SiChref:hover{

}