/*
#container 
{
       width: 1024px;
       margin: auto;
       background: #FFFFFF;
       background: url('../menu/img/hatter.jpg') repeat-y;
}
*/

.koranOlv #keretKozep /* Koran keret kozep*/
{
    background: url('../menu/img/keret1.gif') repeat-y;
    margin-left: 40px;
    vertical-align: top;
}

.koranOlv #keretFent /* Koran keret fenti*/
{
    background: url('../menu/img/fent6.gif') no-repeat;
    margin-left: 40px;    
    padding: 16px 80px;
}

.koranOlv #keretLent /* Koran keret also*/
{
    background: url('../menu/img/lent6.gif') no-repeat;
    margin-left: 40px;    
    padding: 16px 80px;
}

.koranOlv #keretSzuraNeve   /* Koran keretben szura neve*/
{
    background: url('../menu/img/szuraneve3.gif') no-repeat;
    margin-left: -6px;
    margin-right: -16px;
    font-size: 24px;
}
.koranOlv #koranIrasHu   /* Koran keretben az iras*/
{
    /*  padding: 30px; Fentrol mint az enter*/
    width: 830px;
    margin-left: 35px;
    margin-right:80px;
    text-align: justify;
    vertical-align: top;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}
.koranOlv #koranIrasArFirefoxIE   /* Koran keretben az iras*/
{
    /*  padding: 30px; Fentrol mint az enter*/
    width: 830px;
    margin-left: 42px;
    margin-right: 85px;
    margin-left: 35px;
    margin-right:80px;
    text-align: justify;
    vertical-align: top;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}
.koranOlv #koranIrasArChrom   /* Koran keretben az iras*/
{
    /*  padding: 30px; Fentrol mint az enter  */
    width: 830px;
    margin-left: 22px;
    margin-right: 110px;
    margin-left: 35px;
    margin-right:80px;
    text-align: justify;
    vertical-align: top;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

.koranOlv #keretKozepMobil /* Koran keret kozep*/
{
    background: url('../menu/img/keret1.gif') repeat-y;
    margin-left: 2px;
    vertical-align: top;
}
.koranOlv #keretFentMobil /* Koran keret fenti Mobil*/
{
    background: url('../menu/img/fentMobil.gif') no-repeat;
    margin-left: 2px;    
    padding: 16px 80px;
}

.koranOlv #keretLentMobil /* Koran keret also Mobil*/
{
    background: url('../menu/img/lentMobil.gif') no-repeat;
    margin-left: 2px;    
    padding: 16px 80px;
}

.koranOlv #keretSzuraNeveMobil   /* Koran keretben szura neve Mobil*/
{
    background: url('../menu/img/szuraNeveMobil.gif') no-repeat;
    margin-left: -5px;
    margin-right: -50px;
    font-size: 24px;
}
.koranOlv #koranIrasMobil   /* Koran keretben az iras*/
{
    margin-left: 10px;
    margin-right:10px;
    text-align: justify;
    vertical-align: top;
    opacity: 0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

.informpopuptext {
    font-size: 13pt;
    border-width: 14px;
    border-style: ridge;
    border-color: #FFC784;
    layer-background-color: tan;
    background-color: #FFF7DD;
    color: #000000;
    direction: ltr;
    font-family: "Default Font";
    text-align: left;
    position: absolute;
    visibility: hidden;
    padding: 4px;
}

.koranOlv a:link { 
    color: black;
    text-decoration: none;
}

.koranOlv a:visited {
    color: #5C5C5C;
}

.koranOlv a:hover { 
    color: #ffffff;
    background-color: #5F69F5;
    text-decoration: none;
}

.koranOlv a:active { 
    color: #00ff00;
}

.myRadio #inputMyRadio {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 25px;
    color: #5C5C5C;
    background-color: white;
    width: 60%;
    text-align: left;
    align: center;
    margin-bottom: 5px;  
    padding: 12px 3px 12px 3px;
}


.masikOldal #inputMasOld {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 25px;
    color: #5C5C5C;
    background-color: white;
    width: 60%;
    text-align: left;
    align: center;
    margin-bottom: 5px;  
    padding: 12px 3px 12px 3px;
}

.masikOldal #submitMasOld {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 25px;
    color: #5C5C5C;
    background-color: white;
    width: 40%;
    text-align: center;
    align: center;
    margin-bottom: 5px;  
    padding: 12px 3px 12px 3px;
}

.emailtKuld #inputEmailtKuld {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 25px;
    color: #5C5C5C;
    background-color: white;
    width: 60%;
    text-align: left;
    align: center;
    margin-bottom: 5px;  
    padding: 12px 3px 12px 3px;
}

.emailtKuld #submitEmailtKuld {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 25px;
    color: #5C5C5C;
    background-color: white;
    width: 40%;
    text-align: center;
    align: center;
    margin-bottom: 5px;  
    padding: 12px 3px 12px 3px;
}

.kereso #inputKeres {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 25px;
    color: #5C5C5C;
    background-color: white;
    width: 79%;
 /* text-align: left;
 */ align: center;
    margin: 5px;  
    padding: 12px 10px 12px 10px;
}

.kereso #submitKeres {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 25px;
    color: #5C5C5C;
    background-color: white;
    /*  background-position: center;
        background-repeat: no-repeat;
    */  margin: 6px;
    padding: 12px 25px 12px 25px;
}

.kereso #submitKeresMobil {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 13px;
    color: #5C5C5C;
    background-color: white;
    margin: 2px;
    padding: 10px 5px 10px 5px;
}

.kereso #selectKeres {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 15px;
    color: white;
 /*   background-color: #878787;
    text-align: left;
  */align: center;
    margin: 3px;  
    padding: 5px 5px 5px 5px;
}

.kereso #selectKeresMobil {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 15px;
    color: white;
    background-color: #878787;
    width: 98%;
 /* text-align: left;
 */ align: center;
    margin: 2px;  
    padding: 5px 5px 5px 5px;
}

.kereso a:link {
    color: #0F009E;
    background-color: transparent;
    text-decoration: none;
    font-size: 20px;
}

.kereso a:visited {
    color: #076D87;
    background-color: transparent;
    text-decoration: none;
}

.kereso a:hover {
    color: #0F009E;
    background-color: transparent;
    text-decoration: underline;
}

.kereso a:active {
    color: #000000;
    background-color: transparent;
    text-decoration: underline;
}

.kereso blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 180px;
    margin-right: 250px;
}

.kereso h1 {
    color:#5B7578;
    text-align:center
}

.inputs #keretek {
    box-sizing: border-box;
    border: 2px solid #ccc;
    color: #5C5C5C;
    background-color: white;
    padding: 7px 7px 7px 7px; 
    margin-bottom: 10px;
}

.inputs #inputStyle {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 25px;
    color: #5C5C5C;
    background-color: white;
    padding: 12px 20px 12px 20px;/*
    margin-left: 10px;    */
}

.inputs #inputSelect {
    box-sizing: border-box;
    border: 6px solid #ccc;
    border-radius: 10px;
    font-size: 25px;
    color: #5C5C5C;
    padding: 12px 20px 12px 20px;
    background-color: white;/*
    text-align: left;
    margin-left: 10px;    
    margin-top: 10px;    */
}

.inputs #submitStyle {
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 17px;
    color: #5C5C5C;
    background-color: white;
    padding: 12px 10px 12px 10px; /*
    margin-left: 10px; 
    margin-bottom: 10px;
    margin-top: 10px;*/
}

.inputs #submitRange {
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 14px;
    color: #5C5C5C;
    background-color: white;
    padding: 1px; 
    margin: 0 5px 3px 5px;
}

.inputs #login {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 17px;
    color: #5C5C5C;
    background-color: white;
    text-align: left;
    padding: 10px 10px 10px 15px;
    margin-left: 4px;    
    margin-right: 4px;    
}

#fonts {
    font-size: 25px;
    color: #5C5C5C;
    text-align: left;
    margin-left: 50px;
}

.links a:link {
    color: #0F009E;
    background-color: transparent;
    text-decoration: none;
}

.links a:visited {
    color: #076D87;
    background-color: transparent;
    text-decoration: none;
}

.links a:hover {
    color: #0F009E;
    background-color: transparent;
    text-decoration: underline;
}

.links a:active {
    color: #000000;
    background-color: transparent;
    text-decoration: underline;
}

@font-face {
    font-family: 'Tages_aja';
    src: url('../menu/font/savor/Savor.eot'); /* IE 5-8 */ 
    src: local('˘'),             /* sneakily trick IE */
        url('../menu/font/savor/Savor.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('../menu/font/savor/Savor.ttf') format('truetype'), /* Opera, Safari */
        url('../menu/font/savor/Savor.svg#font') format('svg'); /* iOS */
}

@font-face
{
    font-family: my-quran-Font;
    src: url('../menu/font/koran/koran.eot'); /* IE 5-8 */ 
    src: local('˘'),             /* sneakily trick IE */
        url('../menu/font/koran/koran.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('../menu/font/koran/koran.ttf') format('truetype'), /* Opera, Safari */
        url('../menu/font/koran/koran.svg#font') format('svg'); /* iOS */
}
@font-face {
    font-family: 'Tagesschrift';
    src: url('../menu/font/savor/Savor.eot'); /* IE 5-8 */ 
    src: local('˘'),             /* sneakily trick IE */
        url('../menu/font/savor/Savor.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('../menu/font/savor/Savor.ttf') format('truetype'), /* Opera, Safari */
        url('../menu/font/savor/Savor.svg#font') format('svg'); /* iOS */
}

@font-face {
    font-family: 'Exo2';
    src: url('menu/font/exo-2-0/Exo2.0-Italic.eot'); /* IE 5-8 */ 
    src: local('˘'),             /* sneakily trick IE */
        url('../menu/font/exo-2-0/Exo2.0-Italic.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('../menu/font/exo-2-0/Exo2.0-Italic.ttf') format('truetype'), /* Opera, Safari */
        url('../menu/font/exo-2-0/Exo2.0-Italic.svg#font') format('svg'); /* iOS */
}

@font-face {
    font-family: 'tafszirHu3';
    src: url('menu/font/tafszirHu/tafszirHu.eot'); /* IE 5-8 */ 
    src: local('˘'),             /* sneakily trick IE */
        url('../menu/font/tafszirHu/tafszirHu.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('../menu/font/tafszirHu/tafszirHu.ttf') format('truetype'), /* Opera, Safari */
        url('../menu/font/tafszirHu/tafszirHu.svg#font') format('svg'); /* iOS */
}


#arabfont
{
    font-family: my-quran-Font;
    font-size: 22px;/*
    color: midnightblue;*/
}

#arabfont_tafszir
{
    font-family: my-quran-Font;
    direction: rtl;
    text-align: justify;
    line-height: 55px;
    font-size: 26px;

}

#hufont
{
    font-family: Tagesschrift;
    font-size: 22px;/*
    color: midnightblue;*/
}

#hufont_1
{
    font-family: Exo2;/*
    color: #333333;
    line-height: 30px;*/
}

#hufont_2
{
    font-family: Tages_aja;/*
    color: midnightblue;
    line-height: 30px;*/
}

#tafszirHu
{
    font-family: tafszirHu3;
    font-size: 22px;/*
    color: midnightblue;
    line-height: 30px;*/
}