﻿body {

}

* {
    box-sizing: border-box;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    font-size: medium; 
    color: white;
    font-stretch:expanded;
}



.header {
    background-image: url("/images/Site/NGC7822_1920b.jpg");
    color: cornsilk;
    padding: 5px;
}

.footer {
    color: cornsilk;
    padding: 5px;
}

.CompareTableTd {
    background-color: #222;
    color: white;
    width: 40%;
    vertical-align:top;
}

.CompareTableHeader {
    background-color: #222;
    color: deepskyblue;
    width: 20%;
    vertical-align: top;
}

.readmorelink {
    text-decoration: underline;
}
.submenu .link {
    text-decoration: underline;
}

.mainmenu .Selected {
    text-decoration: none;
}

.mainmenu .NotSelected {
    text-decoration: underline;
}

.header h1 {
        color: deepskyblue;
        font-size: x-large;
        margin-left: 20px;
    }

    .header p {
        margin-left: 60px;
    }

.column {
    float: left;
    padding: 15px;
    background-color: #222;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.basis {
    margin: 0px auto;
    max-width: 1500px;
}

.mainmenu {
    width: 100%;
    position: relative;
    top: -35px;
}

    .mainmenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;

    }

@media screen and (max-width: 800px) {
    .mainmenu ul {
        list-style-type: none;
        margin: 0;
        padding-left: 20px;
    }
}


    .mainmenu li {
        padding-right: 58px;
        margin-bottom: 0px;
        color: white;
        float: right;
    }

@media screen and (max-width: 800px) {
    .mainmenu li {
        float:none;
        margin-left:10px;
    }
}

@media screen and (max-width: 800px) {
    .SmallScreen {
        visibility:hidden;
    }
}

.mainmenu li .Selected {
    color: deepskyblue;
}

.mainmenu li .NotSelected {
    color: deepskyblue;
    text-decoration:underline;
}


.content {
    width: 75%;
    background-color: #333;
}

.contentBig {
    width: 100%;
    background-color: #333;
}

.contentBig canvas {
    width: 100%;
    max-width: 2100px;
}

.content p {
    max-width: 1100px;
}

.content img {
    width: 100%;
    max-width: 1100px;
}

.content h1 {
    color: deepskyblue;
    font-size: larger;
    margin-top: -5px;
}

.submenu {
    width: 25%;
}

    .submenu ul {
        list-style-type: none;
        margin: 0;
        margin-left: -16px;
        padding: 0px;
    }

    .submenu li {
        padding: 8px;
        padding-left: 16px;
        margin-bottom: 1px;
        background-color: #333;
        color: #ffffff;
    }

        .submenu li:hover {
            background-color: #444;
            color: blanchedalmond;
        }

        .submenu .Selected {
            background-color: #555;
        }

    .submenu .NotSelected {
        background-color: #333;
    }