/* *********************************************  CSS BEGIN ********************************************* */

:root {
/* *********************** OZELLIK ON TANIMLARI ************************* */

}

.a_font_Calibri {
    font-family: Calibri;
}

.a_bgcolor_b {
    background-color: #F0F8F0;
}


/* *********************** PENCEREE YERLESIM OZELLIK ******************** */
/*   box-sizing: content-box | border-box  */

* {
    box-sizing: border-box;
}

/***************     MESAJ FORMU OZELLIKLER            ******/
.a_form {
    font-family: Calibri;
    color: #000000;
    text-align: left;
    font-size: 14px;
    border: solid;
    border-width: 2px;
    border-color: #F0F0F0;
    background: #FFFFFF;
    padding: 5px;
    width: 100%;
}

/***************     ANA ICERIK BOLUMU OLCU OZELLIKLER  *****/
.a_MainContentF {
    margin-top: 0px;
    width: 100%;
    height: auto;
    font-size: 14px;
    padding: 5px;
}

/***************     LOGO BOLUMU OZELLIKLER            ******/
.a_header {
    top: 0;
    background-color: #FDFFFD;
    color: #ffffff;
    padding: 0px;
    position: fixed;
    width: 100%;
    z-index: 10;
}



/* *********************** ICERIK PENCERELERI OZELLIKLERI  ************************* */
.a_contentF {
    text-align: left;
    font-family: Calibri;
    color: #000000;
    text-align: left;
    font-size: 14px;
    border: solid;
    border-width: 2px;
    border-color: #F0F0F0;
    background: #FC0000;
    padding: 15px;
	background-color: #F8F8F8;
}


/* ******************************************* SAYFA ICERIK (AKTIF) BAGLANTI  */
a.a_content:link {
    color: #0000FF;
    text-decoration: none;
    font-size: 14px;
}

a.a_content:visited {
    color: #9000F0;
    text-decoration: none;
    font-size: 14px;
}

a.a_content:active {
    color: #FF0000;
    text-decoration: none;
    font-size: 14px;
}

a.a_content:hover {
    text-decoration: underline;
}

/* ******************************************* SAYFA ICERIK BASLIK  */

.a_Cont_Title {
    font-family: Calibri;
    color: #101020;
    text-decoration: solid;
    font-size: 18px;
}



/* *********************** RESIM PENCERESI OZELLIKLERI  ************************* */
.a_PictureF {
    padding: 15px;
    border: solid;
    border-width: 2px;
    border-color: #F5F5F5;
    font-family: Arial;
    font-size: 15px;
    color: #000000;
    background: #FFFFFF;
    text-align: center;
}

/* *********************** RESIM METIN OZELLIKLERI  ******************* */
.a_img_txt {
    font-size: 14px;
    padding: 10px;
    font-family: 'Courier New';
}



/* ************************ MENU BASLIK OZELLIKERI ******************* */
.a_MenuA {
    font-family: Calibri;
	color: #FFFF00;
    font-size: 16px;
}

/********************************** 600PX KUCUK EKRANLAR ICIN (TELEFON) */

@media only screen and (max-width: 599px) {

    [class*="col-"] {
        width: 100%;
    }
    /* ******************************* UST (SOL) MENU BOLUMU OZELLIKER */
    .sidenav {
        position: relative;
        margin-top: 15px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        height: auto;
    }
    /* ******************************* UST (SOL) MENU ICERIK BOLUMU OZELLIKER */
    .sidenavinside {
        padding-bottom: 0px;
        padding-top: 0px;
        height: auto;
        width: 100%;
        margin-top: 0px;
        overflow: auto
    }
    
    /* ******************************* UST BAR ALTI MENU VE ICERIK BOLUMU OZELLIKER */
    .a_MainContentF {
        margin-top: 0px;
        width: 100%;
        height: auto;
        padding: 0px, 0px, 0px, 0px;
    }

    /* ******************************* MENU ALT (SAG) ICERIK BOLUMU OZELLIKER */
    .contentinside {
        margin-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        width: 100%;
        height: auto;
    }
}
/********************************** EN AZ 600PX EKRANLAR ICIN (TABLET) */
@media only screen and (min-width: 600px) {

    /* ******************************* SOL (UST) MENU BOLUMU OZELLIKER */
    .sidenav {
        margin-top: 15px;
        height: 100%;
        position: absolute;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        width: 280px;
        height: auto;
    }

    /* ******************************* SOL (UST) MENU ICERIK BOLUMU OZELLIKER */
    .sidenavinside {
        padding-bottom: 0px;
        padding-top: 0px;
        height: calc(100% - 160px);
        margin-top: 0px;
        position: fixed !important;
        z-index: 1;
        overflow: auto;
        width: 280px;
    }

    /********************************* SOL (UST) MENU TEPE BOSLUK BOLUMU */
    .sidenavtop {
        height: 0px;
    }
    /********************************* SOL (UST) MENU ALT BOSLUK BOLUMU */
    .sidenavbottom {
    }
    /* ******************************* MENU SAG (ALT) ICERIK BOLUMU OZELLIKER */
    .contentinside {
        margin-left: 280px;
        width: auto;
        height: auto;
    }

    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-1 {
        width: 8.33%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-2 {
        width: 16.66%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-3 {
        width: 25%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-4 {
        width: 33.33%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-5 {
        width: 41.66%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-6 {
        width: 50%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-7 {
        width: 58.33%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-8 {
        width: 66.66%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-9 {
        width: 75%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-10 {
        width: 83.33%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-11 {
        width: 91.66%;
    }
    /* ******************************* SAYFA KOLON BOLUM OLCULERI */
    .col-s-12 {
        width: 100%;
    }
}


/********************************** 900PX BUYUK EKRANLAR ICIN (BILGISAYAR) */

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

    /* ******************************* SOL (UST) MENU BOLUMU OZELLIKER */
    .sidenav {
        margin-top: 15px;
        height: 100%;
        position: absolute;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        /*     position: fixed;          */
        width: 280px;
        height: auto;
    }

    /* ******************************* SOL (UST) MENU ICERIK BOLUMU OZELLIKER */
    .sidenavinside {
        padding-bottom: 0px;
        padding-top: 0px;
        height: calc(100% - 160px);
        width: 25%;
        margin-top: 0px;
        position: fixed !important;
        z-index: 1;
        overflow: auto;
        width: 280px;
    }

    /* ******************************* MENU SAG (ALT) ICERIK BOLUMU OZELLIKER */
    .contentinside {
        margin-left: 280px;
        width: auto;
        height: auto;
        max-width: 800px;
    }

    .col-1 {
        width: 8.33%;
    }

    .col-2 {
        width: 16.66%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.33%;
    }

    .col-5 {
        width: 41.66%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.33%;
    }

    .col-8 {
        width: 66.66%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.33%;
    }

    .col-11 {
        width: 91.66%;
    }

    .col-12 {
        width: 100%;
    }
}

/* ********************************************* RESPONCE SIZE CSS END ********************************************* */
/* ********************************************* RESPONCE SIZE CSS END ********************************************* */

/* ******************************************** LEFT ROW MENU CSS BEGIN ******************************************** */
/* ******************************************** LEFT ROW MENU CSS BEGIN ******************************************** */


/* Fixed sidenav, full height */

/* Style the sidenav links and the dropdown button */
/*   .sidenav a, .dropdown-btn { */
.sidenav a, .dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 14px;
    color: #000090; /* button text color  */
    /*    background-color: #F8F8F8;  */
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}


/* Fixed sidenav, full height */
    /* On mouse-over */
    .sidenav a:hover, .dropdown-btn:hover {
        color: #000000;
        background-color: #E0E0E0; /*  Menu mouse over bg color #E0E0E0   */
        text-decoration: underline;
    }


/* Add an active class to the active dropdown button */
.active {
    background-color: #FFFFFF; /* not sure for what ? */
    color: #FF0000;
}

/* DROPDOWN BLOCK (initially hidden) MENU ACILAN KUTU OZELLIKLERI */
.dropdown-container {
    display: none;
    background-color: #FFFfFf;
    padding-left: 10px;
    /*    font-weight: normal;*/
}

/* DROPDOWN BLOCK ACTIVE (initially open) MENU AKTIF KUTU OZELLIKLERI */
    .dropdown-container-active {
    display: block;
    background-color: #FFFfFf;
    padding-left: 10px;
    /*   font-weight: bold  ;*/
}



/* ******************************************* LANG FLAG TEXT A  */
    a .menu_a_a_Lang:link {
/*    text-decoration: none;  */
    color: #0000F0;
    font-weight: normal;
    font-size: 16px;
	    font-family:Calibri;
}

a.menu_a_a_Lang:active {
    color: #F00000;
/*    text-decoration: none; */
    font-size: 16px;
	    font-family:Calibri;
}

a.menu_a_a_Lang:visited {
    color: #0050F0;
/*    text-decoration: none; */
    font-size: 16px;
	    font-family:Calibri;
}


/* ******************************************** LEFT ROW MENU CSS END ******************************************** */
/* ******************************************** LEFT ROW MENU CSS END ******************************************** */


/* ******************************************* MENU BAGLANTI  */
a.menu_a_a:link {
    color: #0000C0;
    text-decoration: none;
    font-size: 14px;
    padding-left: 30px;
}

a.menu_a_a:visited {
    color: #5000C0;
    text-decoration: none;
    font-size: 14px;
}

a.menu_a_a:active {
    color: #A00020;
    text-decoration: none;
    font-size: 14px;
}

a.menu_a_a:hover {
    text-decoration: underline;
}


/* ******************************************* MENU SAYFA ICI BAGLANTI  */
a .menu_a_page:link {
    color: #003050;
    text-decoration: none;
    font-size: 14px;
    /*    padding-left: 30px;  */
}

a.menu_a_page:visited {
    color: #005030;
    text-decoration: none;
    font-size: 14px;
}

a.menu_a_page:active {
    color: #B00020;
    text-decoration: none;
    font-size: 14px;
}

a.menu_a_page:hover {
    text-decoration: underline;
}


/* menu bağlantı aktif */
    a {
    text-decoration: none;
    font-size: 14px;
}
    /* menu bağlantı mouse üzerinde */
    a:hover {
        text-decoration: underline;
    }

img {
    text-decoration: none;
    max-width: 100%;
    height: auto;
}
    

body {
    margin: 0px 0px 0px 0px;
}

.my-target {
    padding-top: 185px;
    margin-top: -185px;
}