body { background: #ffffff; margin: 0 0 0 0; padding: 0; text-align: center; }

.container { position: relative; width: 100%; max-width: 800px; margin: 0 auto; padding: 0; box-sizing: border-box; }

.row { float: none; clear: both; width: 100%; max-width: 800px; margin: 0 auto; }

.column,
.columns { width: 100%; float: left; box-sizing: border-box; }

img { border-style: none; }

.logo { margin: 0 auto; padding: 2px; max-width: 800px; z-index: 1; text-align: right; }
    .logo img { width: 100%; max-width: 260px; max-height:100px; }

.Banner img, .Banner2 img { width: 100%; }


div.UstMenuAlani { text-align: right; float: right; }

.MobilDdlMenu { text-align: left; margin: 0 auto 5px auto; height: 39px; max-width: 800px; z-index: 3; background: #85a38e; border: 1px solid #4f6a56; display: none; }
    .MobilDdlMenu .ddlMobilMenu { width: 99%; height: 35px; margin: 1px; border-style: none; background: #85a38e; font-family: 'Oswald',"Trebuchet MS",arial; font-size: 13px; }

.Icerik { min-height: 600px; }
    .Icerik div.SolMenuAlani { width: 190px; float: left; text-align: left; min-height: 600px; padding: 5px; margin: 0 5px 0 0; border-right: 1px dotted #999999; }
        .Icerik div.SolMenuAlani a { text-decoration: none; }
            .Icerik div.SolMenuAlani a h4 { font-family: 'Oswald',"Trebuchet MS",arial; font-size: 18px; color: #333333; margin: 0; }
            .Icerik div.SolMenuAlani a ul li { text-align: center; }
                .Icerik div.SolMenuAlani a ul li img { width: 100%; max-width: 150px; }
            .Icerik div.SolMenuAlani a p { font-family: Tahoma, Verdana,Arial; font-size: 12px; color: #333333; text-align: right; margin: 0; padding: 10px; }


.menuPanel1 { padding: 0 0 0; margin: 0 0 0 0; text-align: left; }

.MenuUl1, .MenuUl1 ul, .MenuUl1 li, .MenuUl1 h2 { padding: 0 0 0 0; margin: 0 0 0 0; list-style-type: none; text-align: left; }
    .MenuUl1 h2 a, .MenuUl1 h2 a:visited, .MenuUl1 h2 a:link { font-family: 'Oswald', Tahoma, Arial; font-size: 14px; color: #c90300; text-decoration: none; font-weight: normal; white-space: nowrap; position: relative; visibility: visible; margin: 0; }
        .MenuUl1 h2 a:hover { text-decoration: none; color: #222222; }
    .MenuUl1 li ul { padding: 5px 0 5px 5px; }
        .MenuUl1 li ul li { display: block; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; clear: both; z-index: 5; }
            .MenuUl1 li ul li a, .MenuUl1 li ul li a:visited { display: block !important; padding: 4px 2px; font-family: 'Oswald',"Trebuchet MS",arial; font-size: 12px; color: #000000; text-decoration: none; }
                .MenuUl1 li ul li a:hover { background: #555555; color: #ffffff; text-decoration: none; }



div.anasayfaMiniBanner { float: none !important; text-align: left; padding: 5px 0; }
    div.anasayfaMiniBanner img { width: 31%; }
    div.anasayfaMiniBanner a { margin-right: 5px; }
.IcerikAlani { min-height: 600px; float: none !important; padding: 0 0 0 195px; text-align: left; }

.icerikhtml h1 { font-family: 'Oswald', Tahoma, Arial; font-size: 33px; color:#1d2b20 }

.icerikhtml div, .icerikhtml p, .icerikhtml table, .kutu, .kutu div, .kutu p, .kutu table, .kutu li { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333; padding: 5px; }

div.altYaziAlani { margin: 20px auto; padding: 20px 0 20px 0; clear: both; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; }

ul.ilgiGrubundakiSayfalar { padding: 0 5px 0 5px; margin: 0 2px 3px 2px; text-align: left; }

    ul.ilgiGrubundakiSayfalar li { list-style-type: none; padding: 4px; margin: 0; }

        ul.ilgiGrubundakiSayfalar li.a { background-color: transparent; }

        ul.ilgiGrubundakiSayfalar li.b { background-color: #eaffdc; }

        ul.ilgiGrubundakiSayfalar li a, ul.ilgiGrubundakiSayfalar li a:link, ul.ilgiGrubundakiSayfalar li a:visited { color: #333333; text-decoration: none; padding: 3px 0 3px 0; }

            ul.ilgiGrubundakiSayfalar li a:hover { color: #ffffff; background: #599231; }

.ilgilisayfalarDiv { margin-top: 15px; padding: 15px 0 0 5px; border-top: 2px solid #999999; }
.ilgilisayfalarBaslik { font-family: 'Oswald', Tahoma, Arial !important; font-size: 15px !important; font-weight: bold; }

.ilgiliSayfalar { margin: 0 0 0 0; padding: 10px 0 0 0; }

    .ilgiliSayfalar li { list-style-type: none; background: #ffffff; margin: 3px; padding: 3px; border-bottom: 1px solid #efefef; }

        .ilgiliSayfalar li a { padding: 5px; font-family: Tahoma,Verdana,Arial; font-size: 10pt; color: #000000; text-decoration: none; font-weight: normal; padding-left: 5px; position: relative; display: block; }

            .ilgiliSayfalar li a:visited { color: #333333; }

            .ilgiliSayfalar li a:hover { color: #ffffff; background: #555555; }

.hesapla { background: #ffffff url(/tema/kredi-faiz-hesaplama-mobil/hesapla-icon.png) no-repeat left center; padding:0 !important; height: 233px; border:3px solid #60e22d; border-radius:5px; position: relative; margin: 10px; width:auto; }
#hesaplayici, #sonuc { padding: 10px 10px 10px 240px; }
.hesapla table { text-align: left; font-family: Trebuchet MS, Tahoma; font-size: 17px; color: #222222; position:initial }
    .hesapla table td { border-bottom: 1px solid #999999; padding: 6px; vertical-align: middle; }
        .hesapla table td.l { text-align: right; }
    .hesapla table input, .hesapla table select { width: 100%; font-family: Trebuchet MS, Tahoma; font-size: 17px; color: #8e1c1c; text-align: right; }
.hesapla-dugme { padding:15px 15px; text-align: right; }
    .hesapla-dugme a,.hesapla-dugme a:active,.hesapla-dugme a:visited { padding:10px 15px; background:#60e22d;  font-family: 'Oswald', Tahoma, Arial; font-size:19px; color:#1d2b20; text-decoration:none }
    .hesapla-dugme a:hover { background:#1d2b20;  color:#ffffff; text-decoration:none }
.hesapla span { color: #8e1c1c; }
#sonuc { display: none; }
#bekle { display: none; position: absolute; left: 250px; top: 20px; font-family: 'Oswald',Tahoma, Arial, sans-serif; font-size: 18px; color: #222222; }
.tekrarHesapla { padding: 10px 60px 10px 0; text-align: right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 17px; color: #111111; }
    .tekrarHesapla a, .tekrarHesapla a:visited { padding: 10px; }
        .tekrarHesapla a:hover { background-color: #5CBA09; color: #000000; }

.safran { margin: 0 auto 0 auto; padding: 10px 0 0 0; text-align: center; height: 48px; background: transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center top; }

    .safran a, .safran a:visited { font-family: Tahoma, Arial; font-size: 10px; color: #333333; text-decoration: none; }

        .safran a:hover { text-decoration: underline; }

    .safran img { border-style: none; }



* HTML #MenuUl1 li { float: left; width: 1%; height: 1%; }
    * HTML #MenuUl1 li a { height: 1%; }

.menuPanel1, .menuPanel1_ie6 { padding: 20px 0 0 0; margin: 0; text-align: right; float: right; }
.MenuUl1 { padding: 0 0 0 0; margin: 0 0 0 20px; list-style-type: none; position: relative; text-align: right; float: right; }
    .MenuUl1 li { float: right; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; }
.menuPanel1_ie6 .MenuUl1 li { width: 50px; }
.MenuUl1 ul { margin: 0 0 0 0; padding: 0 0 0 0; }
.MenuUl1 h2 { margin: 0 0 0 0; padding: 0 0 0 0; }
h2.MenuUl1fi { padding-left: 0px; background-image: none; }
.MenuUl1 a { text-decoration: none; }
.MenuUl1 h2 a, .MenuUl1 h2 a:visited, .MenuUl1 h2 a:link { height: 20px; padding: 7px 7px 3px 7px; z-index: 520; font-family: 'Oswald',Tahoma,Arial; font-size: 11pt; color: #444444; text-decoration: none; font-weight: normal; white-space: nowrap; position: relative; visibility: visible; margin: 0; }
    .MenuUl1 h2 a:hover, .MenuUl1 h2 a.menuth, .MenuUl1 h2 a.menuth:hover { height: 20px; padding: 7px 7px 3px 7px; text-decoration: none; color: #028944; }
.MenuUl1 li ul { width: 200px; border: #000000 1px solid; padding: 0 0 0 0; display: block; z-index: 500; background: #444444; left: 3px; visibility: hidden; position: absolute; top: 0px; list-style-type: none; }
    .MenuUl1 li ul li { display: block !important; width: 200px; text-align: left; float: none; }
        .MenuUl1 li ul li.menus, .MenuUl1 li ul li.menustop { padding-right: 0.1em; padding-left: 1em; width: 18em; }
        .MenuUl1 li ul li.menus, .MenuUl1 li ul li.menustop { border-top: #d0d0d0 1px solid; padding-bottom: 2px; font: normal 13px 'Oswald',Tahoma,Arial; color: #000; padding-top: 7px; }
        .MenuUl1 li ul li.menustop { border-top-style: none; }
        .MenuUl1 li ul li a, .MenuUl1 li ul li a:visited { padding: 5px; font-size: 11px; color: #ffffff; font-family: Tahoma,Verdana, arial; text-decoration: none; font-weight: normal; display: block !important; }
        .MenuUl1 li ul li.menuse { border-top: #d0d0d0 1px solid; }
        .MenuUl1 li ul li a:hover { color: #028944; text-decoration: none; background: #1d1c22; }


ul.aList { margin: 0; padding: 0; list-style-type: none; width: 100%; }
    ul.aList li { margin: 0; padding: 15px 0; list-style-type: none; float: left; height: 290px; width: 33%; }
        ul.aList li:hover { background-color: #efefef; }
        ul.aList li a { text-decoration: none; }
    ul.aList div.aList1 img { width: 125px; height: 125px; }
div.aList2 h2 { font-family: 'Oswald',"Trebuchet MS",arial; color: #028944; text-decoration: none !important; }
ul.aList div.aList3 { font-family: Tahoma,Verdana,Arial; color: #000000; font-size: 10pt; text-decoration: none; }


.referansListesi { margin: 0; padding: 0; list-style-type: none; }
    .referansListesi li { padding: 10px; list-style-type: none; float: left; margin: 0; }
        .referansListesi li img { padding: 5px; background: transparent url(/tema/kredi-faiz-hesaplama-mobil/referanslogobg.png) no-repeat center center; }


@media (max-width: 260px) {
    .logo a { float: none; }
    div.anasayfaMiniBanner img { width: 95%; }
    .UstMenuAlani, .SolMenuAlani { display: none; }
    div.IcerikAlani { padding: 0 0 0 0; }
    .MobilDdlMenu { display: inline-block; }
    .Banner { display: none; }
    .Banner2 { display: block; }
    ul.aList li { width: 99%; height: auto; }
        ul.aList li h2 { margin: 0 auto 5px auto; }
    .hesapla { background-image:none; padding-bottom:50px}
    #hesaplayici, #sonuc { padding: 10px 10px 10px 10px; }
    #bekle { left: 5px; top: 5px; }
}


@media (min-width: 260px) {
    .logo { text-align: center; }
        .logo a { float: none; }
    div.anasayfaMiniBanner img { width: 43%; }
    .UstMenuAlani, .SolMenuAlani { display: none; }
    div.IcerikAlani { padding: 0 0 0 0; }
    .MobilDdlMenu { display: inline-block; }
    ul.aList li { width: 48%; }
        ul.aList li img { width: 90%; max-width: 125px; height: auto; }
        ul.aList li h2 { margin: 0 auto 5px auto; }
    .Banner { display: none; }
    .Banner2 { display: block; }
    .hesapla { background-image:none; padding-bottom:35px}
    #hesaplayici, #sonuc { padding: 10px 10px 10px 10px; }
    #bekle { left: 5px; top: 5px; }
}

@media (min-width: 370px) {    
}

@media (min-width: 550px) {
    .logo a { float: left; }
    div.anasayfaMiniBanner img { width: 32%; }
    .UstMenuAlani, .SolMenuAlani { display: none; }
    div.IcerikAlani { padding: 0 0 0 0; }
    .MobilDdlMenu { display: inline-block; }
    ul.aList li { width: 48%; }
        ul.aList li h2 { margin: 10px auto; }
    .Banner { display: block; }
    .Banner2 { display: none; }
    .hesapla { background-image:none;padding-bottom:5px;}
    #hesaplayici, #sonuc { padding: 10px 10px 10px 10px; }
    #bekle { left: 50px; top: 5px; }
}


@media (min-width: 750px) {
    .UstMenuAlani, .SolMenuAlani { display: inline-block; }
    div.IcerikAlani { padding: 0 0 0 195px; }
    .MobilDdlMenu { display: none; }
    ul.aList li { width: 33%; }
    .hesapla { background: #ffffff url(/tema/kredi-faiz-hesaplama-mobil/hesapla-icon.png) no-repeat left center;}
    #hesaplayici, #sonuc { padding: 10px 10px 10px 240px; }
    #bekle { left: 250px; top: 50px; }
}


@media (min-width: 1000px) {
}


#iformdiv, #zformdiv { text-align: left; padding: 15px 15px 15px 15px; font-family: Tahoma,arial; font-size: 10pt; color: #000000; }

.zformBaslik { color: #333333; font-family: Arial, Tahoma; font-size: 15px; font-weight: bold; margin: 0 0 5px 0; padding: 5px 0; background: #efefef; }

#iformdiv div, #zformdiv div { width: 100%; text-align: left; }

    #iformdiv div input, #zformdiv div input { width: 100%; margin-bottom: 10px; font-family: Tahoma,arial; font-size: 10pt; color: #111111; background-color: #efefef; }

    #iformdiv div textarea, #zformdiv div textarea { width: 100%; height: 100px; margin-bottom: 10px; font-family: Tahoma,arial; font-size: 10pt; color: #111111; overflow: auto; background-color: #efefef; }

#iformdiv a, #iformdiv a:link, #iformdiv a:visited, #iformdiv span, #zformdiv a, #zformdiv a:link, #zformdiv a:visited, #zformdiv span { font-family: Tahoma,arial; font-size: 10pt; color: #000000; text-decoration: none; font-weight: bold; }

    #iformdiv a:hover, #zformdiv a:hover { color: #cc0000; font-size: 13px; text-decoration: underline; }