html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend 
{vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}
:focus {outline: 0;}
body {background: white;line-height: 1;color: black;}
ol,ul {list-style: none;}
table{border-collapse: separate;border-spacing: 0;} 
caption,th,td {font-weight: normal;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clr {font-size : 1px;}
* html .clearfix {height: 1%;}
.clearfix {display: block; }
.clear {clear: both;}

html {min-height:100%;border-bottom:1px ;}
body {margin:0;padding:0;font-size:12px;font-family:Arial, Verdana, sans-serif;line-height: 15px;}
a{outline:none;cursor:pointer;color:#0077ff;-moz-outline-style:none;text-decoration:none;}
a:link,a:visited,a:active{text-decoration:none;}
a:hover{text-decoration:none;color:#0055ff;}

img{border:none;text-decoration:none;}
ul{padding:0;margin:0;}
ul li{padding:0;line-height:30px; margin:0;}
ul ul{padding-left:20px;}
ul li a{text-decoration:none;}
ol li{line-height:170%;}
th {padding:4px;text-align:left;}
p, pre, blockquote, h1, h2, h3, h4, h5, h6{margin:1em 0;padding:0;}
h1 { font-size:200%; }
h2 { font-size:175%; }
h3 { font-size:150%; }
h4 { font-size:125%; }
h5 { font-size:115%; }
h1,h2,h3,h4,h5{margin:0;}
fieldset{border:none;padding:5px 0;}
fieldset a{font-weight:bold;}
input, select, button{font-size:11px;font-weight:normal;}
hr {border-right:0;border-left:0;border-bottom:0;height:1px;}
.clearfix{ clear:both; }



.fl{float: left;}
.fr{float: right;}
.bld{font-weight:bold;}
.crs{cursor: pointer;}
.clr{clear:both;}

h1 { font-size:17px; }

/* Start Site*/

body { background: url(../images/arka-plan.png) repeat-x; background-color: #a84910;}
body a { color:#e59e0f; text-decoration:none; }
body a:hover { color:#FFF; text-decoration:none; }
#menucizgi {width: 100%; height: 2px; background:#FFF; position:absolute; margin: 95px 0 0 0;}
    #wrapper {width: 900px; height: auto; margin:0 auto;}
    
/* Header */

    #ust {width: 900px; height: 97px; margin-top: auto;}
    #banner {width: 358px; height: 787px; background-color: white; position: absolute; margin: 10px 0 0 30px;}
    #bannerresim { width: 358px; height: 140px; background: url(../images/ust-banner.png) no-repeat; position:relative; }
    #banneric { width:346px; height:642px; background: #551319; margin:0 auto; }
    #banneric .text {color: white; font-family: times new roman; font-size: 14pt; font-weight: bold; padding: 15px 0 7px 15px;}
    #telefon {width: 346px; height: auto; }
    #telefon .hat {width:155px; text-align: right; color: white; font-family: times new roman; font-size: 11pt; font-weight: bold; line-height: 1.9em; margin: 5px 0 0 0; }
    #telefon .no {width: 185px; color: white; font-family: times new roman; font-size: 15pt; font-weight: bold; line-height: 1.5em; margin: 1px 0 0 6px;}
    #kiz {width: 346px; height: 515px; background: url(../images/kiz.png); margin: 90px 0 0 0;}
    
    #menu {width: 542px; height: 78px; position: absolute; margin: 11px 0 0 402px;}
        #menu .menu {width: auto; height: auto; margin: 0 2px 0 0;}
        #menu .menusol {width: 3px; height: 78px; background: url(../images/menu-sol.png) no-repeat;}
        #menu .menuorta {width: auto; height: 78px; background: url(../images/menu-orta.png) repeat-x; color: white; font-size: 13pt; font-family: tahoma; font-weight: bold; padding: 30px 7px 0 7px;}
            #menu .menuorta a{color:#ffffff; text-decoration: none;}
                #menu .menuorta a:hover{color: #500C13;}
                
        #menu .menuortaa {width: auto; height: 78px; background: url(../images/menu-orta.png) repeat-x; color: white; font-size: 13pt; font-family: tahoma; font-weight: bold; padding: 30px 7px 0 7px;}
            #menu .menuortaa a{color:#500C13; text-decoration: none;}
                #menu .menuortaa a:hover{color: #ffffff;}
        #menu .menusag {width: 4px; height: 78px; background: url(../images/menu-sag.png) no-repeat;}
    
    #siparis {width: 900px; height: 217px; margin: 100px 0 0 0;}
        #siparis .sol {width: 6px; height: 213px; background: url(../images/siparis-sol.png) no-repeat;}
        #siparis .sag {width: 6px; height: 213px; background: url(../images/siparis-sag.png) no-repeat;}
        #siparis .orta {width: 888px; height: 213px; background: url(../images/siparis-orta.png) repeat-x;}
        
        #siparis .cizgi {width: auto; height: 12px; background: }
        
        #siparis .maurers {width: 230px; height: 158px; background: url(../images/maurers.png); margin: 5px 0 0 368px;}
        
        #siparis .text {color: #581c02; font-family: Comic Sans MS; font-size: 12pt; font-weight: bold; line-height: 1.5em; margin: 10px 0 0 20px;}
        #siparis .text span {font-size: 13pt;}
        #siparis .text b {font-size: 18pt;}
        
        #siparis .text2 {color: #581c02; font-family: Times New Roman; font-size: 15pt; font-weight: bold; position: absolute; margin: 10px 0 0 450px;}
        #siparis .siparis {cursor:pointer; width: 97px; height: 28px; background: url(../images/siparis.gif); margin: 5px 0 0 140px;}
        
        #ana {width: 500px; height: auto; margin: 0 0 0 400px;}
        #anan {width: 500px; height:auto; margin: -5px 0 0 390px;}        
        #ana .text {color: #fac15d; font-size: 16pt; font-family: Times New Roman; font-weight: bold; text-indent:1cm;}
        #ana .cizgi {width: 430px; height: 3px; background: url(../images/musteri-cizgi.png); margin: 15px 0 0 30px;}
        #ana .arayalim {cursor:pointer; width: 139px; height: 137px; background: url(../images/arayalim.gif); margin: 10px 15px 0 22px;}
            #ana .arayalim .texta{color: #581c02; font-size: 7.5pt; font-family: Tahoma; font-weight: bold; padding: 10px 0 0 10px; }
        #ana .canli {cursor:pointer; width: 139px; height: 137px; background: url(../images/canli-destek.gif); margin: 10px 15px 0 0;}
        #ana .kredi {cursor:pointer; width: 139px; height: 137px; background: url(../images/online-kart.gif); margin: 10px 15px 0 0;}
            #ana .textb {width:445px; height:auto; color: white; font-family: Tahoma; font-size: 10pt; margin: 0 0 0 25px;}
        #ana .buton {cursor:pointer; width: 90px; height: 27px; color: #fac15d ; background: url(../images/buton.png); margin-left: auto;}
            #ana .buton .textc {color: #fac15d; font-weight: bold; padding: 5px 0 0 2px;} 
            
        #ana .text3 {color: white; font-weight: bold; font-family: Times New Roman; font-size: 15pt; text-align: center;}
        
        #ana .yazi1 {width: auto; height: auto; color: #fac15d; font-weight: bold; font-family: Tahoma; font-size: 10pt; line-height: 1.5em; margin: 0 0 0 25px;}
        #ana .yazi2 {width: auto; height: auto; color: #fac15d; font-weight: bold; font-family: Tahoma; font-size: 10pt; line-height: 1.5em; margin: 0 0 0 25px;}
        #anan .text {color: #fac15d; font-size: 16pt; font-family: Times New Roman; font-weight: bold; text-indent:1cm;}
        #anan .cizgi {width: 430px; height: 3px; background: url(../images/musteri-cizgi.png); margin: 15px 0 0 30px;}
        #anan .arayalim {cursor:pointer; width: 139px; height: 137px; background: url(../images/arayalim.gif); margin: 10px 15px 0 22px;}
            #anan .arayalim .texta{color: #581c02; font-size: 7.5pt; font-family: Tahoma; font-weight: bold; padding: 10px 0 0 10px; }
        #anan .canli {cursor:pointer; width: 139px; height: 137px; background: url(../images/canli-destek.gif); margin: 10px 15px 0 0;}
        #anan .kredi {cursor:pointer; width: 139px; height: 137px; background: url(../images/online-kart.gif); margin: 10px 15px 0 0;}
            #anan .textb {width:445px; height:auto; color: white; font-family: Tahoma; font-size: 10pt; margin: 0 0 0 25px;}
        #anan .buton {cursor:pointer; width: 90px; height: 27px; color: #fac15d ; background: url(../images/buton.png); margin-left: auto;}
            #anan .buton .textc {color: #fac15d; font-weight: bold; padding: 5px 0 0 2px;} 
            
        #anan .text3 {color: white; font-weight: bold; font-family: Times New Roman; font-size: 15pt; text-align: center;}
        
        #anan .yazi1 {width: auto; height: auto; color: #fac15d; font-weight: bold; font-family: Tahoma; font-size: 10pt; line-height: 1.5em; margin: 0 0 0 25px;}
        #anan .yazi2 {width: auto; height: auto; color: #fac15d; font-weight: bold; font-family: Tahoma; font-size: 10pt; line-height: 1.5em; margin: 0 0 0 25px;}
        
        #kusak {width: 100%; height: 62px; background: url(../images/kusak.png) repeat-x; position: absolute; top: 810px; color: white;}
        #kusak .yorum1 {font-family: Times New Roman; font-size: 18pt; font-weight: bold; line-height:1em; margin: 20px 70px 0 253px; }
        #kusak .yorum2 {font-family: Times New Roman; font-size: 18pt; font-weight: bold; line-height:1em; margin: 20px 30px 0 0;}
        #kusak .yorum3 {font-family: Times New Roman; font-size: 18pt; font-weight: bold; line-height:1em; margin: 20px 0 0 0;}
        
        #yorumlar1 {width: 445px; height: auto; margin: 80px 0 0 0;}
            .yorumyaz {width: 434px; padding:5px; height: auto;  background: url(../images/yorum.png) repeat-x; background-color: #c57c26; margin: 0 0 10px 0;}
            .yorumtext {color: white; font-size: 10pt; font-family: Tahoma;}
            .yorumcevap {color: #561114; font-size: 10pt; font-family: Tahoma; padding: 0 0 2px 5px;}
        #yorumlar2 {width: 445px; height: auto; margin: 80px 0 0 10px;}
        
        #kusak2 { width: 100%; height: 62px; background: url(../images/kusak.png) repeat-x; margin:0;  }
            #kusak2 .kusaktext { width:800px; color: white; font-size: 10pt; font-family: Tahoma; font-weight: bolder; margin: 5px auto 0 auto;}
.pngfix { }