*:focus {
    outline: none;
}

* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: block;
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0px;
    color: rgb(214,214,214);
    background-image: url("../img/layout/background-left-top.png"), url("../img/layout/background-right-top.png"), url("../img/layout/background-left-bottom.png"), url("../img/layout/background-right-bottom.png"), url("../img/layout/background-top.png"), url("../img/layout/background-bottom.png"), url("../img/layout/background-left.png"), url("../img/layout/background-right.png");
    background-position: left top, right top, left bottom, right bottom, left top, left bottom, left top, right top;
    background-origin: content-box, content-box, content-box, content-box, content-box, content-box, content-box, content-box;
    background-attachment:fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y;
    background-color:rgb(7,25,40);
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(fonts/RobotoCondensed-Regular.woff) format('woff');
}

* {
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

html {
    font-family: "Lucida Sans", sans-serif;
    width: 100%;
    min-height: 100%;
}


.menu-mobile {
    display: none;
}

#menubar {
    display: block;
}


.logo{
    margin-left: 15px;
    margin-top: 45px;
    margin-bottom: 25px;
}
.header {
    color: #ffffff;
}

.wrapper {
    width: 75%;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;      
}

.content {
    background-color: rgb(1,26,44);
    border: 1px solid rgb(3,79,116);
    background-image:url('../img/layout/homewindow.png');
    background-repeat: repeat-x;
    background-position: left;
}

#search {
    margin-bottom: 20px;
    position: relative;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #26689E;
    display: inline-flex;
    justify-content: space-around;
    background: rgb(4, 38, 63);
}

#searchbutton {
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid rgb(3,79,116);
    background-color: rgb(1, 34, 56);
    color: rgb(33,182,252);
    font-size: 12px;
    font-weight: normal;
    width: 60px;
    height: 23px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}


#searchInput {
    flex: 1;
    border: 1px solid rgb(23,70,109);
    background-color: rgb(1, 28, 47);
    color: #0E9EC2;
    height: 23px;
    padding-left: 5px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#keyword input {
    margin: 0px;
}

#keyword:focus
{
    border: 1px solid rgb(23,70,109);
    outline: none;
    float: left;
}

.footer {
    height: 150px;
}

#footerlinks {
    padding-top: 10px;
    width: 100%;
    float: left;
    color: #022841;
    font-size: 12px;
    margin-top: 30px;
    word-spacing: 10px;
    font-weight: bold;
    text-align: center;
}

#footerlinks a {
    font-size: 12px;
    word-spacing: 3px;
    color: rgb(14,158,194);
    text-decoration: none;
    font-weight: bold;
}

#footertrademark {
    font-size: 12px;
    font-weight: bold;
    color: #354a57;
    word-spacing: 3px;
    margin-top: 5px;
    float: left;
    width: 100%;
    text-align: center;
}

#footericons {
    width: 100%;
    word-spacing: 0px;
    margin-top: 20px;
    float: left;
    text-align: center;
}


#mainheader {
    background-color: rgb(1,28,47);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100% 100%;
    width: 100%;
    border-left: 1px solid #17466D;
    border-top: 1px solid #17466D;
    border-right: 1px solid #17466D;
    display: inline-flex;
    justify-content: space-around;
    margin-top: 0px;
}

#mainheaderleft{
    padding-top: 8px;
    padding-left: 10px;
    position: relative;
    float: left;
    font-weight: bold;
    font-size: 12px;
    flex-grow: 1;
}
#mainheadercenter{
    padding-top: 8px;
    padding-right: 10px;
    position: relative;
    float: right;
    font-weight: bold;
    font-size: 12px;
    height: 32px;
}
#mainheadercenter a{
    color: #0E9EC2;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

#mainheaderright{
    height: 32px;
    padding-top: 7px;
    padding-right: 5px;
    padding-left: 5px;
    border-left: 1px solid rgb(23,70,109);
    position: relative;
    width: 30px;
}

#main {
    border: 1px solid rgb(23,70,109);
    padding: 10px;
    width: 100%;
    display: flex;
}

.topbutton {
    margin-left: 6px;
    margin-bottom: 7px;
    float: right;
    position: relative;
    width: 105px;
    height: 70px;
    background-image:url('../img/layout/topbutton.png');
}

.topbutton:hover {
    background-image:url('../img/layout/topbutton-hover.png');
    cursor: pointer;
}

.menutext {
    float: left;
    text-align: center;
    width: 105px;
    font-size: 11px;
    margin: 0px;
}

.menutext a{
    text-decoration: none;
    float: left;
}

.menuimg {
    margin-left: 40px;
    margin-top: 14px;
    margin-bottom: 5px;
    float: left;
}

.l-p-0 { padding: 0px;}
.l-p-1 { padding: 10px;}
.l-pl-0 { padding-left: 0px;}
.l-pl-1 { padding-left: 10px;}
.l-pl-0 { padding-left: 0px;}
.l-pr-1 { padding-right: 10px;}
.l-pt-0 { padding-top: 0px;}
.l-pt-10 { padding-top: 10px;}
.l-pb-0 { padding-bottom: 0px;}
.l-pb-1 { padding-bottom: 10px;}
.l-m-0 { margin: 0px;}
.l-mt-0 { margin-top: 0px;}
.l-mb-0 { margin-bottom: 0px;}
.l-ml-0 { margin-left: 0px;}
.l-mr-0 { margin-right: 0px;}
.l-m-1 { margin: 10px;}
.l-mt-1 { margin-top: 10px;}
.l-mb-1 { margin-bottom: 10px;}
.l-ml-1 { margin-left: 10px;}
.l-mr-1 { margin-right: 10px;}
.h-float-left {float: left;}
.h-float-right { float: right;}
.l-w-100 { width: 100%;}
.l-w-33 { width: 33.33%;}
.l-w-66 { width: 66.66%;}
.l-w-50 { width: 50%;}