﻿        body {
            margin: 0 auto;
            background-color: #282828;
        }
        a{
            text-decoration: none;   
            /*color: #000000; */      
            color:#787777;  
        }

        li{
            text-align:justify;
        }

        #content-2-media-a {
        font-family: AndulkaSansLight;
        font-size: 9pt;            
    }
        
        #body {
            width: 1400px;
            height: 100%;
            margin: 0 auto;
            background: #fff;
        }

@media screen and (max-width: 1024px) {
    #body {
            width: 760px;
            height: 100%;
            margin: 0 auto;
            background: #fff;
        }
}
        

        #copy {
            font-family: Calibri;
            font-size: 8pt;
            color: #4b4b4c;
            position: relative;
            padding: 50px;
            float: left;
            top: 34px;
        }
@media screen and (max-width: 1024px) {
    #copy {
            font-family: Calibri;
                font-size: 8pt;
                color: #4b4b4c;
                position: relative;
                float: left;
                top: 10px;
        }
}

        #copy_logo {
            width: 180px;
            position: relative;
            float: right;
            top: 64px;
        }
        
        @media screen and (max-width: 1024px) {
     #copy_logo {
            width: 180px;
            position: relative;
            float: right;
            right:10px;
            top: -30px;
        }
}
        #header {
            height: 129px;
            position: relative;
            background-color: white;
        }

        #header_top {
            /*width: 1380px;*/
            height: 70px;
            background-image: url("../Images/header_bg.png");
        }
        @media screen and (max-width: 1024px) {
         #header_top {
            width: 760px;
            height: 70px;
            background-image: url("../Images/header_bg.png");
        }
}
        #header_lang {
            color: #787777;
            float: right;
            margin-right: 100px;
            margin-top: 28px;
            font-family: Calibri;
            font-size: 18pt;
        }
@media screen and (max-width: 1024px) {
     #header_lang {
            color: #787777;
            float: right;
            margin-right: 20px;
            margin-top: 28px;
            font-family: Calibri;
            font-size: 14pt;
        }

    
}

#header_logo {
            background-image: url("../Images/logo.png");
            background-repeat: no-repeat;
            height: 123px;
            display: block;
            position: relative;
            left: 110px;
            top: 0px;      
            
        }
 #header_logo_full {
            /*background-image: url("../Images/header_logo_next.png");*/
             background-image: url("../Images/logo.png");
            background-repeat: no-repeat;
                position: relative;
                width: 448px;
                height: 118px;
                left: 110px;
                /*top: 20px;*/
                top: 0px;
        }
        
@media screen and (max-width: 1024px) {
    #header_logo {
            background-image: url("../Images/logo_next.png");
            background-repeat: no-repeat;
            position: relative;
            width: 342px;
            height: 118px;
            left: 10px;
            top: 30px;
        }
}
        
        #main_left {
            position: relative;
            float: left;
            width: 260px;
            height: 100%;          
            left: 100px;
            top: 60px;
        }
@media screen and (max-width: 1024px) {
     #main_left {
            position: relative;
            float: left;
            width: 170px;
            height: 100%;          
            left: 5px;
            top: 60px;
        }
}

         #tile_1_0 {
            background-image: url('../Images/tilenext1_0.png');
            background-repeat: no-repeat;
            height: 123px;
            position: relative;
            padding: 5px;
        }

        #tile_1_1 {
            background-image: url('../Images/tile_next_1.png');
            background-repeat: no-repeat;
            height: 123px;
            position: relative;
            padding: 5px;
        }
        #tile_1_2 {
            background-image: url('../Images/tile_next_2.png');
            height: 123px;
            position: relative;
            padding: 5px;
            background-repeat: no-repeat;
        }
        #tile_1_3 {
            background-image: url('../Images/tile_next_3.png');
            height: 123px;
            position: relative;
            padding: 5px;
            background-repeat: no-repeat;
        }
        #tile_1_4 {
            background-image: url('../Images/tilenext1_4b.png');
            height: 123px;
            position: relative;
            padding: 5px;
            background-repeat: no-repeat;
        }
        #tile_1_5 {
            background-image: url('../Images/tile_next_5.png');
            height: 123px;
            position: relative;
            padding: 5px;
            background-repeat: no-repeat;
        }
        #tile_empty{
            height:8px;
        }

        .tile_right {
            font-family: AndulkaSansLight;
            font-size: 9pt;            
            color: white;
            position: relative;           
            /*left: 10px;*/
            top: 10px;
        }

@media screen and (max-width: 1024px) {
    .tile_right {
            font-family: AndulkaSansLight;
            font-size: 8pt;
            color: white;
            position: relative;           
            left: 5px;
            top: 10px;
        }
}

        .content-dyn{
            display:none;
             /*min-height:640px;*/
             height:640px;
             overflow:hidden  ;
            position:relative;
            z-index:99;
            background-repeat:no-repeat;            
        }

        #tile_3_1 {
            background-image: url('../Images/tilenext3_1.png');
            height: 123px;
            position: relative;
            padding: 5px;
            background-repeat: no-repeat;
        }
        #tile_3_2 {
            background-image: url('../Images/tilenext3_2_large.png');
            height: 123px;
            position: relative;
            padding: 0px;
            background-repeat: no-repeat;
            z-index:2;
        }
        #tile_3_3 {
            background-image: url('../Images/tilenext3_3_large.png');
            height: 123px;
            position: relative;
            padding: 0px;
            background-repeat: no-repeat;
            z-index:2;
        }
        #tile_3_4 {
            background-image: url('../Images/tilenext3_4_large.png');
            min-height: 123px;
            position: relative;
            padding: 5px;
            background-repeat: no-repeat;
             z-index:2;
        }
        #tile_3_5 {
            background-image: url('../Images/tilenext3_5_large.png');
            min-height: 125px;
            position: relative;
            padding: 5px;
            background-repeat: no-repeat;
        }
        #center {
            margin: 0 auto;
            width: 1000px;
            float: right;
            font-family: AndulkaSansLight;
            
        }
@media screen and (max-width: 1024px) {
    #center {
            margin: 0 auto;
            width: 570px;
            float: right;
            font-family: AndulkaSansLight;
            
        }
}

        #center_text {
            float: left;
            width: 600px;
            text-align: justify;

        }
@media screen and (max-width: 1024px) {
    #center_text {
        float: left;
        width: 380px;
        text-align: justify;
    }
}

    #center_menu {
        float: right;
        width: 260px;
        right: 100px;
        position: relative;
        top: 60px;
    }

    @media screen and (max-width: 1024px) {
        #center_menu {
            float: right;
            width: 170px;
            right: 5px;
            position: relative;
            top: 60px;
        }
    }

    #empty {
        background-color: #ffffff;
        height: 50px;
    }

    #empty2 {
        background-color: #ffffff;
        height: 100px;
    }

    #footer {
        height: 215px;
        background-image: url("../Images/footer_bg.png");
        background-repeat: repeat-x;
    }

    

    #footer_contact {
        font-family: Calibri;
        font-size: 8pt;
        color: #4b4b4c;
        position: relative;
        float: left;
        left: 100px;
        top: 64px;
    }

    @media screen and (max-width: 1024px) {
        #footer_contact {
        font-family: Calibri;
        font-size: 8pt;
        color: #4b4b4c;
        position: relative;
        float: left;
        left: 10px;
        top: 64px;
    }
    }

    #footer_copy {
        position: relative;
        float: right;
        right: 100px;
    }
    @media screen and (max-width: 1024px) {
        #footer_copy {
        position: relative;
        float: right;
        right: 10px;
        
        top:0px;
    }

    }
    #fulltext{
        height:800px;
    }
    
    
    #content-2-2-text {
        font-family: AndulkaSansLight;
        font-size: 9pt;
        /*padding:10px;*/
        margin: 0px;
        position: relative;
        top: 20px;
    }

    .partner_img {
        width: 155px;
        vertical-align: top;
    }

    .partner_text {
        width: 700px;
        padding-left: 30px;
        vertical-align: top;
    }

    .partner_link {
        display: block;
        padding-top: 10px;
    }

    #partners_table td {
        padding-top: 30px;
    }

    #partners_table {
        margin-left: -15px;
    }


    /* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
    .cf:after {
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
        content: " ";
        font-size: 0;
    }
    /* Does not validate – use conditional comments for this bit if you want valid CSS */
    .cf {
        *zoom: 1;
    }

    @font-face {
        font-family: AndulkaSansBookBold;
        src: url("../Fonts/AndulkaSansBookBold.otf");
    }

    @font-face {
        font-family: AndulkaSansLight;
        src: url("../Fonts/AndulkaSansLight.otf");
    }

    .tile1 {
        font-family: AndulkaSansLight;
        font-size: 18pt;
        color: #ffffff;
        top: 80px;
        left: 10px;
        position: relative;
    }

    .content-dyn-text {
            
            font-family:AndulkaSansLight;
            font-size:9pt; 
            text-align:left;  
             color:#787777; 
            /*max-width:290px; */        
            /*padding:10px;*/
            margin:0px;
            position:relative;
            top:10px;
            
           
        }

    .tile2 {
        font-family: AndulkaSansLight;
        font-size: 18pt;
        color: #ffffff;
        top: 18px;
        left: 10px;
        position: absolute;
    }

    .tile3 {
        font-family: AndulkaSansLight;
        font-size: 18pt;
        color: #ffffff;
        top: 70px;
        left: 10px;
        position: relative;
    }

    .tile4 {
        font-family: AndulkaSansLight;
        font-size: 14pt;
        color: #ffffff;
        top: 95px;
        left: 8px;
        position: relative;
    }

    .tile5 {
        font-family: AndulkaSansLight;
        font-size: 18pt;
        color: #ffffff;
        top: 3px;
        left: 10px;
        position: relative;
    }

    .tile {
        font-family: AndulkaSansLight;
        font-size: 18pt;
        color: #ffffff;   
        top:-7px;     
        left: 10px;
        position: relative;
    }

    @media screen and (max-width: 1024px) {
        .tile1 {
            font-family: AndulkaSansLight;
            font-size: 14pt;
            color: #ffffff;
            top: 80px;
            left: 10px;
            position: relative;
        }
        
        .tile2 {
        font-family: AndulkaSansLight;
        font-size: 14pt;
        color: #ffffff;
        top: 30px;
        left: 10px;
        position: absolute;
    }

    .tile3 {
        font-family: AndulkaSansLight;
        font-size: 14pt;
        color: #ffffff;
        top: 60px;
        left: 8px;
        position: relative;
    }

    .tile4 {
        font-family: AndulkaSansLight;
        font-size: 10pt;
        color: #ffffff;
        top: 95px;
        left: 8px;
        position: relative;
    }

    .tile5 {
        font-family: AndulkaSansLight;
        font-size: 14pt;
        color: #ffffff;
        top: 3px;
        left: 10px;
        position: relative;
    }
    }

    
    