@charset "utf-8";
/* CSS Document */
        p.a{
            line-height: 150%;
        }
        ul{
            line-height: 150%;
        }
        a {
          outline: none;
          text-decoration: none;
          padding: 2px 1px 0;
        }

        a:link {
          color:#ffffff ;
        }

        a:visited {
          color:#ffffff;
        }

        a:focus {
          border-bottom: 1px solid;
          background: #519BF3;
        }

        a:hover {
          border-bottom: 1px solid;
          background: #519BF3;
        }

        a:active {
          background:#0824CC;
          color: #ffffff;
        }
        
        .styled-table {
            border-collapse: collapse;
            margin: 25px 0;
            font-size: 0.9em;
            font-family: sans-serif;
            min-width: 400px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
            margin-left: auto;
            margin-right: auto;
        }
        
        .styled-table thead tr {
            background-color: #009879;
            color: #ffffff;
            text-align: left;
        }
        
        .styled-table td {
            padding: 12px 15px;
        }
        
        .styled-table th{
            font-size: 2.2em;
            padding:  12px 15px;
        }
        
        .styled-table tbody tr {
            border-bottom: 1px solid #dddddd;
        }

        .styled-table tbody tr:nth-of-type(even) {
            background-color: #474343;
        }

        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #009879;
        }
        
        .styled-table tbody tr.active-row {
            font-weight: bold;
            color: #009879;
        }

        
        

        /* Create two columns/boxes that floats next to each other */
        nav {
          font-family: sans-serif;
          position: relative;
          float: left;
          background: #ccc;
          padding: 20px;
          height: auto;
          background-color: #323131;
          color: #ffffff;
          text-align: left;
          line-height: 150%;
        }
        
                
        /* Style the list inside the menu */
        nav ul {
          font-family: sans-serif;
          list-style-type: circle;
          padding: 0;
          display: none;
          background-color: #323131;
          color: #ffffff;
          text-align: left;
        }
        
    
        articlemetin {
          font-family: sans-serif;
          position:relative;
          overflow-wrap: break-word;
          float: left;
          padding: 5px;
          background-color: #413839;
          color: #ffffff;
          text-align: left;
        }

        input[name=mikro] {
            display: none;
        }
    
        input[name="mikro"]:checked + ul {
            display: block;
        }

        input[name=bolumler] {
            display: none;
        }
    
        input[name="bolumler"]:checked + ul {
            display: block;
        }

        nav ul li a {
            display: block;
        }
    
        label {
            cursor: pointer;
        }
        
        header {
          background-color: #777;
          padding: 10px;
          text-align: center;
          color: white;
          font-family: sans-serif;
          width: 650px;
          margin-left: auto;
          margin-right: auto;
        }
    
        
        /* Style the footer */
        footer {
          background-color: #777;
          padding: 10px;
          text-align: center;
          color: white;
          font-family: sans-serif;
          font-size: 0.7em;
          width:650px;
          margin-left: auto;
          margin-right: auto;
        }
    
        section::after {
          content: "";
          display: table;
          clear: both;
        }
        .tab {
            display: inline-block;
            margin-left: 40px;
        }