h1 {
        text-align: left; 
        font: bold 1.5em Tahoma; 
        color:teal; 
        margin-bottom: 40px}
    
    h6 {
        text-align: left; 
        font: bold 1em 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;
}
    
  #main, .contain1 {
      display: table;
        width: 90%; 
/*        max-width: 440px;*/
/*        min-height: 350px;*/
        margin: 0 auto;
        padding-bottom: 20px;
        background-color: white;
        position: relative;
        text-align: left;
        }
    
    .contain2 {
        width: 784px;
        margin: 20px auto;
        padding: 0 0 20px 0;
        background-color: white;
        position: relative;
        min-height: 330px;
        text-align: left;
        }
    
    .contain2 p {
        font-weight: bold;
        margin: 5px 0 5px 80px;
    }
    
    .contain2 h6 {
        margin: 40px 0 0 40px;
    }
    
    .baslik {
        text-align: right;
        padding:10px 0;
        font: bold 1.5em 'Trebuchet MS';
        color: white;
        height: 1.8em;
        margin: 0; 
        padding: 0.5em 2em 0 0;
        background-color: aqua;
        background-image: url(logo_new6c.gif);
        background-repeat: no-repeat;
    }
    
    #main {
        display: table-cell;
        width:50%;
/*        min-height: 330px;*/
        float:left;
        position: relative;
        margin: 0;
        background-color: white;
        text-align: left;}
    
    #sag {
        display: table-cell;
        width:50%;
/*        min-height: 330px;*/
        float:right;
        margin: 0;
        background-color: white;    
        position: relative;
        text-align: left;}
    
    #sag h6 {color:darkblue; margin-left: 38px}
    #sag p {margin:5px 40px 10px 40px}
    
    .ayetgoster, .devam, .basla {
        width:250px;
        margin: 20px auto;
        padding: 0.5em 0;
        text-align: center;
        font: bold 1em Tahoma;
        border-radius: 8px;
        
/*        position: absolute;*/
    }
    
    .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: 250px;
        padding: 0.5em 0;
		text-decoration: none;
        text-align: center;
        font: bold 1.2em Tahoma;
        border-radius: 8px;
        margin: 10px auto; 
        height: 1.4em;
            }
    .kutusec1 {background-color: lawngreen;}
    .kutusec2 {background-color: #ffa366;}
    .kutusec3 {background-color: #a6a6a6;}

    .kutusec1:hover, .kutusec2:hover, .kutusec3:hover {background-color: #444; color: white}
    
    .son1 {font-weight: bold; margin: 5px 0 5px 40px; color:darkblue}
    .son2 {font-weight: bold; margin: 5px 0 5px 40px; color:#006600}
    .son3 {font-weight: bold; margin: 5px 0 5px 40px; color:red}
    .son4 {font-weight: bold; margin: 5px 0 5px 40px; color:#777}
    .bravo {color: darkolivegreen; font: bold 2em Georgia; margin: 30px 0 30px 40px}
    
    a {display:block; padding: 5px; font:bold 1em Arial; color:darkslateblue; background-color: #ffd480; width: 115px; text-align: left}
    
    #tooltip1 { position: relative; margin: 10px 0 0 100px}
    #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;
        }