/* -------- background image section -------- */
      body {
        background-image: url("image/general/background.jpg");
  			background-repeat: no-repeat;
        background-size: 1366px 700px;
        /*position: absolute;*/
        background-attachment: fixed; /*asagiya gittiginde resim ayni kalir */ 
      }

		/* -------- END - background image section -------- */
    
      /* *****************     genel ekran bolumleri CSS kismi          ******************* */

      .columns {
        
        display: flex; /* or inline-flex */
        flex-direction: row; /* flex direction left to right on a row */
        justify-content: flex-start; /* justify to left*/
        align-items: flex-start; /*align top*/
        align-content: space-between; /*distribute rows evenly on screen up and top */
      }

      .column { /* orta kisim */
        display: flex;
        flex: 4;/*defines column width*/
        flex-direction: column;/* Makes the articles stacked vertically */
        padding: 8px;
        align-content: center; /* horizantal distribution of items-yapamiyor */
        justify-content: space-between; /* horizantal olarak kenarlara kadar dagilim -yapamiyor */


      }
      .rightsidebar{
        display: flex;
        flex: 1;/*defines column width*/ 
      }
      
      /* *****************     ekran esas gorunur boluculeri CSS kismi / 2 adet          ******************* */
   
      .article { /*bolunmelerin formatlari */
        /*background: mediumseagreen;*/
        display: flex;
        flex-direction: row;/* Makes the articles stacked horizontally */

        border: 5px solid black;
        color: white;
        flex: 1; /* Stretches the articles to fill up the remaining space */
        margin: 10px; /* cercevelerin dikey olarak arada bolsuklari + ekran ustu ile cerceve arasi bolsuk*/
        padding: 8px;/* resim ve cerceve arasi bosluk + yazi ve cerceve arasi bosluk*/
        /*align-content: center;*/
        justify-content: center; /* bence en iyi kutu (yazi resim) dagilim sekli */
        border-radius: 38px;/* border */
                
      }

      .subarticle { /* article ici vertical yerlestirme icin */
        display: flex; /* bunu yazinca flex oluyor */
        flex-direction: column; /* amac menu yan yana dizilsin */
        flex-wrap: wrap; /* yer yoksa asagiya kay */

        
      }
      /* *****************     ekran esas gorunur kisim icindekiler icin CSS   ******************* */     
            
      .article-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center; /* resim icin sinirlandirma */
        font-family: 'Verdana';
      }
      
      .article-content {
        flex: 1; /* This will make the content fill up the
        remaining space, and thus push the information bar at the bottom */
        align-items: center; /* resim icin sinirlandirma */ 
    		font-family: 'Verdana';         
      }
      
      img {
        display: block;
        width: 100%;
        height: auto;
      }
      /* *****************     logo bulunan kisim           ******************* */

      .logo-column { /* */
        
        flex: 1;
        
        /*margin: auto;*/ /* vertically and horizantally centered*/
        /*align-self: stretch;*/
        align-items: flex-start;
      }
      
      /* *****************     menu kismi          ******************* */

      
  .menulist_item {
    display: flex; /* bunu yazinca flex oluyor */
    flex-direction: row; /* amac menu yan yana dizilsin */
    cursor: pointer;
    /*padding: 5px 10px;*//* ara bosluklari ayarliyor */
    color: #ffffff; /* 000000 */ 
    background-color: #FFFF66;
    font-size: 14px;
    font-family: 'Verdana'; 
    /*width: 100px;
    height: 20px;*/
    /*margin: 10px;*/
    border-radius: 8px;/* border */
  }

  .menulist_item.is-menulist-item-selected {
    
    display: flex; /* bunu yazinca flex oluyor */
    flex-direction: row; /* amac menu yan yana dizilsin */
    background-color: #fb850e;
    border-radius: 8px;/* border yok gereksiz*/
  }
      .menulist_item:hover {
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
      

      
      /* *****************     resim ve yazi bulunan kisim          ******************* */
      
	.bodytext { 
  	/*background: mediumseagreen;*/
    display: flex;
    flex-direction: row;/* Makes the articles stacked horizontally */
    flex-wrap: wrap; /* icerigi satir basi yapacak sekilde dagitiyor */
    color: #000000 ; /* ffffff beyaz */ 
    /*background-color: #3221a5;*/
    font-size: 18px;
    /*width: 100px;
    height: 20px;*/
    /*margin: 10px;*
    align-content: space-around; /* buradaki yazi ve resim, ekran icine belirli araliklarla yerlestirilecek */ 
    
  }
      h1 { /* text renklendirme shadow verme */ 
        color: white;
        text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px darkblue;
      }

            /* *****************     yazi background opacity kismi          ******************* */

      .bckg_opacity_grey { /* class="bckg_opacity_grey"
      /*{background-color:rgb(0,0,255);opacity:0.45;} */  /* value should be between 0 and 1 */
      background: rgba(144, 0, 255, 0.35);
        font-family: 'Verdana';
      }
      
      .bckgrd_gradient_red /*       background gradient red */          
      
      {
      
 
    background: red;opacity:0.45;  
        /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left top, red, yellow);opacity:0.45; 
        /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, red, yellow);opacity:0.45;
        /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, red, yellow);opacity:0.45;
        /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, red, yellow);opacity:0.45;}
        /* Standard syntax (must be last) */
		}