body{position: relative;background-color: #eaeaea; font-size: 14px; font-family: Verdana; color: #000;}
header{position: relative; background-color:#242424; color: #FFF;}
footer{position: relative; background-color:#242424; color: #FFF; margin-top: 0px;}

main{position: relative; color: #000; background-image: url('img/zarf00.jpg'); height: 100%;}
#ust_{position: relative; /*background: url('img/zarf3.jpg');*/ background-color:white; background-position: center; opacity: 1.0;}

#profilpanel{position:absolute; display:none; padding:25px; top:25px; left:0px; right:0px; margin-left:auto; margin-right:auto; width:800px; height:600px; background-color:#FFF; border:solid #000 thin;z-index:999999999;}

#loadinggif{position:relative; display:none; width:100px; height:auto;}

.yukseklik40{position: relative; height: 40px;}
.yukseklik50{position: relative; height: 50px;}
.yukseklik60{position: relative; height: 60px;}
.yukseklik80{position: relative; height: 80px;}
.yukseklik100{position: relative; height: 100px;}
.yukseklik120{position: relative; height: 120px;}
.yukseklik200{position: relative; height: 200px;}
.yukseklik400{position: relative; height: 400px;}
.yukseklik600{position: relative; height: 600px;}

#menu0{position: relative; display: none;}
#menu0_{position: relative; display: block; background-color: #2a2a2a;}

#menu1{position: relative; display: block; float: left; padding-left: 0px;}
#menu2{position: relative; display: block; float: left; padding-left: 0px;}
#menu3{position: relative; display: block; float: left; padding-left: 0px;}
#menu4{position: relative; display: block; float: left; padding-left: 0px;}
#menu5{position: relative; display: block; float: left; padding-left: 0px;}

.logo{position: relative; height: auto; width: 600px;}
.mapp{position: relative; width: 100%; height: auto;}

.menu{position: relative; width: 200px; height: 100%; color: #FFF; float: left; font-size: 17px; cursor: pointer; text-align: center;}
.menucubuk{position: relative; width: 1024px;}

.bg_mavi{background-color: rgb(65, 65, 255); background-image: url('img/m.png'); background-repeat: repeat-x;}

.textright{position: relative; text-align: right;}
.textleft{position: relative; text-align: left;}

.textsize15{font-size: 15px;}
.textsize16{font-size: 16px;}

#etiket_{position:absolute; right: 250px; top:10px; width: 100px; height: auto;}

@media only screen and (max-width: 600px) {

    .logo{position: relative; height: auto; width: 100%;}

    .menu{position: relative; width: 200px; height: 50px; color: #FFF; float: none; font-size: 15px; cursor: pointer; text-align: left; z-index: 99999;}


    #menu0{position: relative; display: block; height: 45px; top: -10px;}
    #menu0_{position: relative; display: block; background-color: #2a2a2a; margin-top: -3px; z-index: 9999;}
    
    #menu1{position: relative; display: none; float: none; padding-top: 10px; padding-left: 10px;}
    #menu2{position: relative; display: none; float: none; padding-top: 10px; padding-left: 10px;}
    #menu3{position: relative; display: none; float: none; padding-top: 10px; padding-left: 10px;}
    #menu4{position: relative; display: none; float: none; padding-top: 10px; padding-left: 10px;}
    #menu5{position: relative; display: none; float: none; padding-top: 10px; padding-left: 10px;}

    #etiket_{position: absolute;right: 100px;}
}