/*
    TITLE:          main.css
    VERSION:        1-001
    FACILITY:       CSS for my microsite
    AUTHOR(S):      Dr Hlaszny, Edit (+36-30/3116516, dr.hlaszny.edit@gmail.com)
    SUPERVISED BY:  -
    CREATION DATE:  24-NOV-2020

    ENVIRONMENT:    Firefox V.82.0.2 (64 bit)
                    Google Chrome Version 86.0.4240.111 (Official Build) (x86_64)
                    Safari Version 13.1 (15609.1.20.111.8)
                    on iMAC macOS Catalina (10.15.4)

    DESIGN ISSUES:  1) http://www.w3.org/TR/REC-CSS1 Cascading Style Sheets, level 1
    PORTABILITY ISSUES:     see DESIGN ISSUES
    SUBSYSTEM:              none
    MODIFICATION HISTORY:
        date        modified by
        24-NOV-2020 Dr Hlaszny   1-001 first draw
 */
    div.cv
    {
        margin-top:   0px;
        margin-left: 65px;
        position:   relative;

        font-family:  tahoma;
        font-size:    18px;
        line-height:  15px;
        font-stretch: ultra-condensed;
        color: #red;

        text-align:   left;

        width:      130px;
        border:       0px solid;
        border-color: red;

        height:     34px;

    }   /* end of class cv */

    div.base
    {
        margin-top: 20px;
        position:   relative;

        font-family:  tahoma;
        font-size:    13px;
        line-height:  15px;
        font-stretch: ultra-condensed;
        color: #FFFFFF;

        text-align:   left;

        width:     1600px;
        border:       0px solid;
        border-color: red;

        background-image: url(../pics/bgGray_1.png);
        background-size: contain;
        background-repeat: no-repeat;

        height:     988px;

    }   /* end of class base */

        div.wplMainTitle
        {
            margin-top:   -4px;
            font-size:    20px;
            color: #FFFFFF;
            border:       0px solid;
            border-color: red;

        }

        div.nonpareilleTitle
        {
            margin-top:  42px;
            font-size:   12px;
            color: #FFFFFF;

            border:       0px solid;
            border-color: red;

        }

        div.self
        {
            color: #FFFFFF;
        }

        div.c1
        {
            position: relative;
            top:   240px;
            left:   80px;
            width: 650px;
            border-color: white;
            border:  0px solid;
            color: #FFFFFF;
        }

        div.c2
        {
            position: relative;
            top:   290px;
            left:  120px;
            width: 250px;
            border-color: white;
            border:  0px solid;
        }

        div.languageFlags
        {
            position: relative;
            top: 24px;
            left: 736px;
            width: 150px;
            border-color: white;
            border: 0px solid;
        }


        div.menue
        {
            position: absolute;
            top:   80px;
            left:  734px;
            width: 180px;
            border-color: white;
            border: 0px solid;

            font-size:    16px;
            line-height:  22px;
        }

        div.intro_1
        {
            position: absolute;
            top:    186px; /* 192px; */
            left:   60px;
            width: 700px;
            border: 0px solid;
            border-color: red;
            height: 72%;

            color:  #66CCFF;

        }

        div.intro_int1
        {
            position: relative;
            top:    6px;
            left:   24px;
            width: 675px;
            border:  0px solid;
            border-color: red;
            color: #FFFFFF;
        }

        div.intro_int2
        {
            position: relative;
            top:     0px;
            left:   24px;
            width: 650px;
            border: 0px solid;
            border-color: white;
        }

        div.intro_2
        {
            position: absolute;
            top:    20px;
            left:   840px;
            width: 700px;
            border: 0px solid;
            border-color: white;

            color: #66CCFF;
        }

        div.content
        {
            position: relative;
            top:    24px;
            left:   24px;
            width: 565px;
            border: 0px solid;

        }

            div.content_int1
            {
                position: relative;
                top:     0px;
                left:   24px;
                width: 600px;
                border: 0px solid;
            }

        div.footer
        {
            position:    absolute;
            bottom:      24px ;
            left:        60px;
            width:      600px;
            text-align: left;
            font-size:   12px;
            font-stretch: ultra-condensed;
            border-color: white;
            border:      0px solid;
        }

        div.vertFiller
        {
            line-height: 15px;
            border:      0px solid;
        }

        div.smallVertFiller
        {
            line-height: 4px;
            border:      0px solid;
        }

        span.colourEmphasizing
        {
            font-style: italic;
            color: red;
        }

    ul.technDetails
    {
        margin-top: 6px;
        margin-bottom: 12px;
    }

    ul.technDetails li
    {
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 14px;
        margin-left: -24px;
        padding:     0px;
        list-style: disc;
        border-color: white;
        border:      0px solid;
    }

    a
    {
        color: #FF6201 ;
        text-decoration: none ;
    }

    a:hover
    {
        font-weight: bold;
    }
/*
    a:active
    a:link
    a.visited
*/
/*
    end of main.css
 */