h1 {
        text-align: left; 
        font: bold 1.5em Tahoma; 
        color:teal; 
        margin-bottom: 40px}
    
    h6 {
        text-align: left; 
        font: bold 1.3em Tahoma; 
        color: black; 
        margin: 20px 20px 10px 20px}
    
    body {
        font: normal 1em Tahoma; 
        text-align: center;
        background-color: cornflowerblue; 
        background-image: url(red1.jpg);
        padding-top: 40px;
}

  /*  a { display: block; 
        padding: 5px; 
        font: bold 1em Arial; 
        color: darkslateblue; 
        background-color: #ffd480; 
        width: 115px; 
        text-align: left;
      }*/
    
    td {background-color: white}

    .sol {
        width: 50%; 
        padding: 30px 0 0 10px ;
        text-align: center; 
        vertical-align: bottom; 
        font: bold 1.1em Arial; 
        float: left;
        }

   .sol2 {
        width: 45% ;
        font: bold 1.1em Arial; 
        float: right;
        }

    .sol a {
        text-decoration: underline;
        font: bold 1.1em Arial; 
        margin-top: 15px; 
        display: block;
        margin-top: 10px;
        }
    .sol a:active {
        background-color: darkorange}

    td a {text-decoration: none}
    
    #main, .contain1 {
      display: table;
        width: 90%; 
        height: auto;
/*        max-width: 440px;*/
/*        min-height: 350px;*/
        margin: 0 auto ;
        padding: 0 ;
        background-color: #fff;
        text-align: center;
        }
    
    .testnr {
        background-color: darkblue ;
        position: absolute ;
        right: 0 ;
        bottom: 10px ;
    }

    #container {
        background-color: white ;
        padding-top: 10px; 
        }

    .contain2 {
        width: 90%;
        margin: 0 auto;
        padding: 0 0 20px 0;
        background-color: white;
        min-height: 330px;
        text-align: left;
        }
    
    .contain2 p {
        font-weight: bold;
        margin: 5px 20px 5px 80px;
    }
    
    .contain2 h6 {
        margin: 40px 20px 0 40px;
    }
    
    .baslik {
        width: 90%;
        overflow: hidden;
        text-align: right;
        height: 95px ;
        margin: 0 auto ;
        padding: 0 ;
        font: bold 1.4em 'Trebuchet MS';
        color: #ccc;
        background-color: #0f356f;
        background-image: url(logo_new6e.gif) ;
        background-repeat: no-repeat ;
    }
    
    #quiznr {
        background-color: #0f356f ;
        text-align: right ;
        vertical-align: middle ;
        }
    #quiznr p {
        margin: 20px 30px auto 0 ;
        }

    #main {
        width:70%;
        margin: 0 auto;
        background-color: white;
        text-align: left;}
    
    #sag {
        width: 70%;
        margin: 10px auto 0 auto;  
        padding: 8px; 
        text-align: left;
        font: normal 1em Tahoma;
        background-color: palegreen;
        display: none;
        }

    #sag h6 {
        color: darkblue; 
        margin: 0 0 0 38px}

    #sag p {
        font: normal 1.3em Tahoma;
        margin: 0 0 0 38px;
}

    #devam {
        width: 70%; 
        text-align: center;
        margin: 30px auto ;}
    
    .ayetgoster, .devam, .basla {
        width: 16em;
        margin: 10px auto;
        padding: 0.5em 0;
        text-align: center;
        font: bold 1.2em Tahoma;
        border-radius: 8px;
    }
    
    .basla { 
        height: 2.6em; 
        background-color: lawngreen;}
    
    .ayetgoster {left:30px; bottom:20px; 
        height: 1.6em; 
        background-color: #53c68c;}
    
    .devam {left:30px; bottom:20px; 
        height: 1.6em; 
        background-color: #ff944d;}

    #basla:active, .devam:active, .ayetgoster:active {background-color: dodgerblue}

    .kutusec1, .kutusec2, .kutusec3  {
        width: 16em;
        padding: 0.5em 0;
		text-decoration: none;
        text-align: center;
        font: bold 1.2em Tahoma;
        border-radius: 8px;
        margin: 10px auto; 
            }
    .kutusec1 {background-color: lawngreen;}
    .kutusec2 {background-color: #ffa366;}
    .kutusec3 {background-color: rgb(178, 147, 247);}

    .kutusec1:hover, .kutusec2:hover, .kutusec3:hover {background-color: #444; color: white}
   
    .son1, .son2, .son3, .son4 {font: bold 1.1em Verdana; margin: 5px 0 5px 40px}
    .son1 {color:darkblue}
    .son2 {color:#006600}
    .son3 {color:red}
    .son4 {color:#666}
    
    .bravo {color: darkolivegreen; font: bold 2em Georgia; margin: 30px 0 30px 40px}
    
    
    #tooltip1 { position: relative; margin: 10px 0 0 100px}
#tooltip1 a {font-size: 1.3em; background-color: springgreen}
    #tooltip1 a span { display: none; color: #FFFFFF;  }
    #tooltip1 a:hover span { 
        display: block; 
        position: absolute; 
        z-index: 10;
        border-radius: 12px;
        bottom: 26px; 
        color: black; 
        background-color: #ffff80; 
        width: 400px; 
        padding: 10px 10px 10px 20px; 
        font: normal 1em Verdana;
        box-shadow: 7px 7px #888888;}
        
    .ayetpopup1 {
        font: bold 1em Verdana;
        margin: 5px;
        color:darkblue;
        }
    
     .ayetpopup2 {
        font: normal 1em Verdana;
        margin: 5px 5px 5px -50px;
        color:black;
        }