/* css reset */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dd, dt, li, pre, code,
fieldset, blockquote, a, table, strong {
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    text-indent: 0px;
    font-size: 100%;
}
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dd, dt, li, pre,
fieldset, blockquote, table {
    line-height: 1.44;
}

/* syntax highlight */
.syntaxhighlighter { }
.syntaxhighlighter .plain { color: inherit; }
.syntaxhighlighter .singlecomment { color: #444; }
.syntaxhighlighter .comment { color: #444; }
.syntaxhighlighter .string { color: #060; }
.syntaxhighlighter .keyword { color: #339; }
.syntaxhighlighter .preprocessor { color: #939; }
.syntaxhighlighter .variable { color: #a70; }
.syntaxhighlighter .value { color: #060; }
.syntaxhighlighter .function { color: #175; }
.syntaxhighlighter .number { color: #060; }
.syntaxhighlighter .color1 { color: #339; } /* tipusok */
.syntaxhighlighter .color2 { color: #175; } /* konstantok */

body {
    background-color: #379;
    font-family: "open sans", "droid sans", "tahoma", "lucida grande", sans-serif;
    word-spacing: 0.125em;
}
    /* kinyomtatva folosleges a keret */
    @media print {
        body {
            background: white;
            color: black;
        }
    }

/* egeszet kozrefogja */
div#container {
    background-color: #eef;
    color: #222;
    padding: 1em;
    margin: 1em;
    overflow: hidden;
}
    @media screen {
        div#container {
            box-shadow: 4px 4px 10px #147;
            -webkit-box-shadow: 4px 4px 10px #147;
            -moz-box-shadow: 4px 4px 10px #147;
        }
    }
    /* kinyomtatva folosleges a keret */
    @media print {
        div#container {
            border: none;
            width: 100%;
            margin: 0em;
            padding: 0em;
        }
    }

/* jobb oldali doboz */
/* 10em szeles */
div#link {
    float: left;
    width: 10em;
    background-color: #f8f8ff;
    padding: 1em;
    border: 1px solid #8bb;
}
    div#link ul {
        margin: 0em;
        list-style-type: none;
        padding: 0em;
    }
    div#link h3 {
        margin: 0em;
        margin-top: 1em;
    }
    div#link h3:first-child {
        margin: 0em;
    }
        /* kinyomtatva nem latszik a linkbox */
        @media print {
            div#link {
                display: none;
            }
        }

/* lenyegi tartalom, vagyis a szoveg */
/* a margin-right legyen akkora, hogy elferjen a cucc */
div#content {
    margin-left: 14em;    /* a 10em szeles linkbox miatt */
    margin-right: 1em;
    color: #222;
}
    /* de kinyomtatva nem */
    @media print {
        div#content {
            color: black;
            border: none;
            background: inherit;
            padding: 0em;    /* mert nincs keret */
            margin-left: 0em;    /* a linkbox helyet se kell kihagyni */
        }
    }

/* reszponziv */
@media screen and (max-width: 56em) {
    div#link {
        float: none;
        width: auto;
    }
    div#content {
        margin-left: 1em;
        max-width: none;
    }
}

@media screen {
    div#link, div#container, pre, blockquote {
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    a {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }
}


/* cimek */
h1 {
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 1em;
}

h2 {
    font-weight: bold;
    font-size: 1.285em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
    @media print {    /* de kinyomtatva nem */
        h2 {
            background: inherit;
            color: inherit;
            border: 0;
        }
    }

h3 {
    font-weight: bold;
    margin: 0.5em 0em;
}

/* szoveg */
p, ul, ol, dl {
    margin: 0.5em 0em;
}

/* elore formazott szoveg */
pre, textarea {
    font-family: "inconsolata", "dejavu sans mono", "lucida console", monospace;
    word-spacing: 0;
    white-space: pre-wrap;
    word-wrap: normal;
}

/* irogep szoveg */
code {
    font-family: "inconsolata", "dejavu sans mono", "lucida console", monospace;
    font-weight: bold;
}

em {
    font-weight: inherit;
    font-style: italic;
}

abbr {
    letter-spacing: 0.05em;
}

pre {
    font-style: normal;
    line-height: 1.2;
    background: #cde;
    border: 1px solid #69a;
}
    @media print {    /* de kinyomtatva nem */
        pre {
            background: inherit;
            color: inherit;
            border: 0;
            border-left: 0.05em solid black;
        }
    }

pre, blockquote {
    margin: 10px 0px;
    padding: 10px;
}
    blockquote *:first-child {
        margin-top: 0;
    }
    blockquote *:last-child {
        margin-bottom: 0;
    }
    blockquote pre, pre blockquote {
        background: #eef;
    }

/* idezet */
blockquote {
    background: #cde;
    border: 1px solid #69a;

    margin: 1em;
    padding: 0.5em;
}
    @media screen {
        blockquote {
        }
    }
    @media print {    /* de kinyomtatva nem */
        blockquote {
            background: inherit;
            border: 1px solid black;
        }
    }


div.kozep {
    text-align: center;
}

/* linkek */
a {
    color: #379;
    padding: 1px 2px;   /* ez azert, mert neha doltbetus, es a hover keret hulye lenne */
    margin: 1px -2px;   /* hogy ne csusszon szet a padding pixel miatt */
}
    @media print {
        a {
            color: inherit;
            text-decoration: underline;
        }
    }
    a:hover {
        background: #379;
        color: #fff;
    }
    a#license {
        margin: 0;
        padding: 0;
    }

/* ez arra valo, hogy a h2 folott megjelolje,
 * es oda lehessen scrollozni. */
a.namer {
    height: 0px;
    display: block;
    overflow: hidden;
}


sub {
    vertical-align: sub;
    font-size: 76%;
    line-height: 1;     /* hogy ne tolja szet a sorokat */
}
sup {
    vertical-align: super;
    font-size: 76%;
    line-height: 1;
}


/* kep */
img {
    display: block;
    margin: 1em auto;
    border: none;
    max-width: 100%;
}
    img.float {
        margin: 1em 0 1em 1em;
        float: right;
    }

/* lista */
ul {
    padding-left: 2em;
    list-style: square;
}
ol {
    padding-left: 2em;
}
dl {
}
    dt {
        font-weight: bold;
    }
    dd {
        font-style: italic;
        padding-left: 1em;
    }

/* megjegyzes */
.megjegyzes {
    font-style: italic;
    margin-left: 2em; margin-right: 2em;
    font-size: 91%;
}
    @media print {    /* de kinyomtatva nem */
        div.megjegyzes {
        }
    }

table.utemterv {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
    table.utemterv th {
        border: 1px solid #268;
        background: #379;
        padding: 0.25em;
        color: #fff;
    }
        @media print {    /* de kinyomtatva nem */
            table.utemterv th {
                background: inherit;
                color: inherit;
                border: 0.05em solid black;
            }
        }
    table.utemterv td {
        background: #cde;
        padding: 0.25em;
        border: 1px solid #379;
    }
        @media print {    /* de kinyomtatva nem */
            table.utemterv td {
                background: inherit;
                color: inherit;
                border: 1px solid black;
            }
        }
    table.utemterv td.piros {
        padding: 0.25em;
        background: #fbb;
        border: 1px solid #379;
    }

/* 7 oszloposhoz mukodik */
table.equal {
    width: 84%;
    margin-top: 1em;
}
table.equal td {
    width: 14%;
}


/* buborek */
.bubble {
    font-family: McLaren;
    font-weight: normal;
    font-size: 90%;

    position: relative;  /* hogy a nyil pozicionalni tudjon */
    padding: 0em 0.5em;
    margin: 0 0 0 1em;   /* left */
    background: #e53;
    color: #FFF;
    text-shadow: 0px 0px 1px black;
    line-height: 1;      /* hogy ne tolja szet */

    border-radius: 0.4em;
}
    @media print { .bubble { border: 1px solid gray; } }
    .bubble .hidden {
        font-size: 0;
        color: transparent;
    }
    .bubble:before {
        content: '';
        display: block;
        box-shadow: none;   /* ha lenne a bubblenek (de amugy nincs) */
        position: absolute;
        top: 0.25em;
        left: -0.65em;
        width: 0; height: 0;
        
        border-top: 0.35em solid rgba(238, 85, 51, 0); /* transparent e53 */
        border-bottom: 0.35em solid rgba(238, 85, 51, 0); /* transparent e53 */
        border-right: 0.70em solid #e53;
    }
    blockquote .bubble:before, pre .bubble:before {
        border-color: transparent #e53;
    }
    blockquote blockquote .bubble:before, blockquote pre .bubble:before {
        border-color: transparent #e53;
    }
    @media print {
        .bubble:before { border-color: transparent gray; }
    }

.sticky {
    position: relative;
    float: right;
    background: #ff8 !important;
    color: #000;
    border: none;   /* pre.sticky miatt */
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 1);
    font-family: 'mclaren', 'comic sans', cursive;
    text-align: center;

    z-index: 2;
    padding: 0.5em;
    margin: 1em;
    margin-left: 2em;
    margin-right: 0;
}
    @media screen {
        .sticky:before {
            content: "";
            position: absolute;
            display: block;
            top: -1em;
            height: 1.5em;
            left: 30%;
            right: 30%;
            background: #f8f8f8 url('bgsticky.png');
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
            border-left: 2px dotted #888;
            border-right: 2px dotted #888;
            opacity: 0.4;
            -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            -o-transform: rotate(5deg);
        }
    }
    @media print { .sticky { border: 1px solid gray; } }
/* ket hasab */
div.columns {
    width: 100%;
    overflow: visible;
    margin: 10px 0;
}
    div.columns:after {     /* clearfix */
        content: "\A0";       /* nbsp */
        color: transparent;
        display: block;
        height: 0;
        clear: both;
    }
    div.columns>div { float: right; width: 49%; }
    div.columns>div:first-child { float: left; }
    div.columns>div>*:first-child { margin-top: 0; }
    div.columns>div>*:last-child { margin-bottom: 0; }


.csik {
    border-left: 1px solid #69a;
    margin-left:  0.5em;
    padding-left: 1em;
}

/* lenyithato */
.tovabb {
}
.tovabb.villan {
}
    .tovabb h4 a {
        font-weight: bold;
        margin-right: 1em;
        cursor: pointer;
    }
        .tovabb h4 a:before {
            /* content: '\\f114'; */
        }
    .tovabb.megnyitva h4 a { text-decoration: none; }
        .tovabb.megnyitva h4 a:before {
            /* content: '\\f115'; */
        }
    @media print {
        .tovabb h4 { display: none; }
        .tovabb.megnyitva h4 { display: block; }
        .tovabb.megnyitva h4 a { padding-left: 0; background: none; }
    }
    .tovabb .megjelenik { display: none; }
    .tovabb .eltunik { display: inline; }
    .tovabb div.eltunik, .tovabb p.eltunik { display: block; }
    .tovabb.megnyitva .megjelenik { display: inline; }
    .tovabb.megnyitva div.megjelenik, .tovabb.megnyitva p.megjelenik { display: block; }
    .tovabb.megnyitva .eltunik { display: none; }

    .tovabb.megnyitva .megjelenik {
        opacity: 1;
        -moz-transition: opacity 1s;
        -o-transition: opacity 1s;
        -webkit-transition: opacity 1s;
        -ms-transition: opacity 1s;
    }
    .tovabb.megnyitva.villan .megjelenik {
        opacity: 0.1;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        -ms-transition: none;
    }


.feladatok {
}
    .feladatok:before {
        display: block;
        margin-left: -2em;
        content: 'Feladatok';
        font-weight: bold;
    }