/*
    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:  32px;
        margin-left: 32px;

        position:   relative;

        text-align:   left;

        width:      700px;
        border:       0px solid;
        border-color: #c0c0c0;

        background-size: contain;
        background-repeat: no-repeat;

   /*   background-color:  #f0f0f0;  */

        height:     800px;

    }   /* 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.leftSide
        {
            position: absolute;
            top:    32px; /* 192px; */
            left:   60px;
            width: 480px;
            border: 0px solid;
            border-color: red;

            font-stretch: ultra-condensed;
            color: #040404;

            font-family:  tahoma;
            font-size:    16px;
            line-height:  19px;

            height:       760px;

        }

        div.leftSideTxt
        {
            position: absolute;
            left:   24px;
        }

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

/*            font-size:    11px;  */


        }

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

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

            color: white /* #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:      18px ;
            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: 2px;
            border:      0px solid;
        }

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

        span.subtitle
        {
            font-size: 18px;
        }

    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: blue; /*   #FF8201 ; color: #FF6201 ; */
        text-decoration: none ;
    }

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

    td.title
    {
        font-family:  'Helvetica Neue Ultra-Light', sans-serif;
        font-weight: 500;
        font-size:    28px;
        line-height:  32px;

/*      color:        #0043B3;    #00B333; */

        font-stretch: ultra-condensed;

        padding: 2px;
    }

    td.subTitle
    {
        font-family:  'Helvetica Neue Ultra-Light', sans-serif;
        font-weight: 500;
        font-size:    20px;
        line-height:  24px;

/*      color:        #0043B3;    #00B333; */

        font-stretch: ultra-condensed;

        padding: 2px;
    }


    th.title
    {
        font-family:  'Helvetica Neue Ultra-Light', sans-serif;
        font-weight: 500;
        font-size:    22px;
        line-height:  24px;

/*      color:        #0043B3;    #00B333; */

        font-stretch: ultra-condensed;

        padding: 2px;
    }

    th
    {
        font-family:  'Helvetica Neue Ultra-Light', sans-serif;
        font-weight: 500js;
        font-size:    16px;
        line-height:  28px;

/*      color:        #0043B3;    #00B333; */

        font-stretch: ultra-condensed;

        padding: 4px;
    }

    span.smallVertSpace
    {
        line-height:  4px;
    }

    span.smallVertSpace2
    {
        line-height:  12px;
    }

    span.smallVertSpace3
    {
        line-height: 16px;
    }

    span.microVertSpace
    {
        line-height:  2px;
    }

    p.small
    {
        font-size:    3px;
        line-height:  1px;
    }