* {
            box-sizing: border-box;
        }

        div#content {
            display: flex;
            flex-direction: column;
        }

        div#felezett_content {
            display: flex;
            flex-direction: column;
        }

        body {
            margin: 0;
            padding: 0;
            font-size: 95%;
            font-family: georgia, times, "times new roman", serif;
            color: #000000;
            background-color: #ffffff;
        }

        .italic {
            font-style: italic;
        }

        .bold {
            font-weight: bold;
        }

        .piros {
            color: red;
        }

        .center {
            text-align: center;
        }

        .just {
            text-align: justify;
        }

        .left {
            text-align: left;
        }

        .right {
            text-align: right;
        }

        .loweralpha {
            list-style-type: lower-alpha;
        }

        td.athuzva {
            text-decoration: line-through;
        }

        a:link {
            color: #003366;
        }

        a:visited {
            color: #003366;
        }

        a:hover,
        a:active {
            color: #ffffff;
            background-color: #003366;
        }

        /*html5-ös fejléc*/
        header {
            color: #ffffff;
            background-color: #003366;
            border-bottom: 1px solid #000000;
            text-align: center;
        }

        header h1 {
            margin: 0;
            padding: .3em 0 .3em .5em;
            font-size: 1.8em;
            font-weight: normal;
        }

        /*html5-ös menü*/

        nav ul {
            margin: 0px;
            padding-left: 0;
            white-space: nowrap;
            flex: 1 1 100%;

        }

        nav li {
            background-color: #003366;
            flex-direction: row;
            padding: 15px;
            list-style-type: none;
        }

        nav a {
            padding: 10px;
            border-radius: 10px;
        }

        nav a:link,
        nav a:visited {
            color: #ffffff;
            background-color: #003366;
            text-decoration: none;
        }

        nav a:hover {
            color: #ffffff;
            background-color: #336699;
            text-decoration: none;

        }

        nav li a#current {
            color: #ffffff;
            background-color: #336699;
            text-decoration: none;
        }

        /*html5-ös infók*/

        aside {
            float: right;
            /* width: 180px; */
            margin: 0;
            padding: 1em 10px 10px 10px;
            color: #003366;
            border-top: 6px solid #003366;
            margin-top: 2em;
        }

        aside h3 {
            margin-top: 0;
            padding: .2em;
            font-size: 12pt;
        }

        aside ul {
            margin-left: 0;
            padding-left: 0;
            list-style-type: none;
            font-family: Arial, Helvetica, sans-serif;
        }

        aside a {
            display: block;
            padding: 3px;
            /* width: 160px; */
            background-color: #003366;
            border-bottom: 1px solid #eeeeee;
        }

        aside a:hover {
            background-color: #336699;
            color: #ffffff;
        }

        aside ul a:link,
        .infolist a:visited {
            color: #eeeeee;
            text-decoration: none;
        }

        aside li a#current {
            color: #ffffff;
            background-color: #336699;
            text-decoration: none;
        }

        /*html5-ös tartalom*/

        article h1 {
            margin: 2em 0.3em 2em;
            font-size: 1.8em;
            font-weight: normal;
        }

        article h2 {
            font-size: 1.5em;
            color: #003366;
            margin: 0em;
            padding: 1em;
            font-weight: normal;
            line-height: 1.2em;
        }

        article h3 {
            margin-top: 0;
            font-size: 1.2em;
            color: #003366;
        }

        article p {
            margin: 1em;
            padding: 0em;
        }

        article {
            line-height: 150%;
        }

        /*lap aljára margó html5*/

        footer {
            clear: both;
            height: 1em;
        }

        /*hozzáadott*/

        .kozepre {
            margin: auto;
        }

        .circle {
            list-style-type: circle;
        }

        .right {
            text-align: right;
        }

        .middle {
            text-align: center;
        }

        /* Új Elemek */

        .szempont {
            color: #003366;
            font-family: Arial;
            text-decoration: none;
            font-size: 17px;
        }

        .kepjobbra {
            margin-left: 20px;
            margin-top: 5px;
            padding: 4px;
            border: #003366 1px dotted;
            float: right;
        }

        .kepbalra {
            margin-right: 20px;
            margin-top: 5px;
            padding: 4px;
            border: #003366 1px dotted;
            float: left;
        }

        .elony {
            color: #ffffff;
            background-color: #003366;
            text-align: center;
            letter-spacing: 1px;
            font-family: "Courier New";
            text-decoration: none;
            font-weight: bold;
        }

        .hatrany {
            color: #ffffff;
            background-color: #003366;
            text-align: center;
            letter-spacing: 1px;
            font-family: "Courier New";
            text-decoration: none;
            font-weight: bold;
        }


        .osszehaskozep {
            border-bottom: 1px solid #003366;
            border-top: 1px solid #003366;
        }

        .osszehasalso {
            border-bottom: 1px solid #003366;
        }


        .elony3 {
            list-style-image: url(kepek/elony.jpg);
            text-align: justify;
        }

        .hatrany3 {
            list-style: url(kepek/hatrany.jpg);
            text-align: justify;
        }

        .jo {
            color: #008000;
            font-weight: 700;
        }

        .rossz {
            color: #f00;
            font-weight: 700;
        }

        .kek {
            color: #003366;
            font-weight: bold;
        }

        .code {
            border: 1px dashed #000000;
            background: #eee7e7;
            width: 600px;
            margin-left: 15px;
            padding-left: 10px;
        }


        /* reszponzivitás */

        img {
            max-width: 100% !important;
            height: auto;
        }

        @media only screen and (min-width: 600px) {
            /* tablet */
            div#content {
                flex-direction: row;
            }
            div#felezett_content {
                flex-direction: row;
            }
            aside{
                border-top: 0;
                margin: 0;
            }
            header h1 {
                font-size: 2em;
            }
            article{
                padding:15px;
            }
            
        }

        @media only screen and (min-width: 768px) {

            /* számítógép */
            article {
                flex-basis: 74.5%;
            }

            aside {
                flex-basis: 25%;
            }
            nav ul {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            article h1 {font-size: 2em}
            article h2 {font-size: 1.8em}
            article h3 {font-size: 1.3em}
            header h1 {font-size: 2.2em;}

            .fele{
                flex-basis: 38%;
                padding: 15px;
            }

        }