html {  position: relative;  min-height: 100%; overflow-x: hidden;}
* { margin:0px; padding:0px;}
body { font:normal 0.8em/1.8em calibri; background-color:#fff; margin-bottom:40px;}

a{color:#575e5b; text-decoration:none;}
a:hover {color:#0060DF;}
.temizle {clear:both;}
.ortala {margin:0px auto; width:1150px;}
ul#menu {list-style-type:none; text-align:right; padding-top:10px; }
ul#menu li {display:inline-block;}
ul#menu li a {text-decoration:none; padding:7px; display:block; font-weight:bolder;}
ul#menu li a:hover {text-decoration:underline; }
#logo {display:none; float: right;}
#ust h1 {float:left; line-height:1.4em; }
#ust h1 img {max-width:40px; 
border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border:1px solid #1cfd9e; vertical-align:bottom; margin-right:5px; }
.arama {  text-align:center; padding:50px 0px 50px 0px; }
.arama form {overflow:hidden; }
.arama form input{padding:10px 20px; outline:none; border:1px solid grey; width:80%; max-width:700px;  }

.konu {position:relative; font-family:Arial; overflow:auto; border:4px solid #eee; background-color:white; padding:5px; margin:5px;}
.konu img{float:left; margin-right:5px; max-width:110px; width:100%;}
.konu .konuresim {  border:solid 1px #a5a5a5;  margin-right:10px; float:left; font:35px arial;}
.konu  a.konubaslik{display:block; font-weight:bolder; border-bottom:6px;  font-size:1.5em; }
span.sbaslik {display:block; font-weight:bold; text-align:center; border-bottom:6px;  font-size:1.2em;  border:4px solid #eee; background-color:white; margin:5px;}
ul.slist {padding:5px; list-style-type:none; text-align:center;}

.genelbaslik  {background-color:#0060DF; color:white; text-align:center; letter-spacing:2px;}
.genelbaslik span {padding-top:30px; padding-bottom:10px; font:bold 1.5em/1.6em Arial; display:block;}
.genelyazi {padding:25px 10px; background-color:white; height:100%; float:left; width:95%; border:4px solid #eee;}
.genelyazi p{line-height:2em; padding:5px; overflow:auto;}
.genelyazi p img{float:left;}
.genelyazi img {margin:5px auto; display:block;}
.genelyazi ul li, ol li {margin-left:25px;}
.genelyazi a, .genelyazi u, .genelyazi i{font-weight:bold; }
.genelyazi h2, .genelyazi h1{border-bottom:1px solid #575e55; margin:10px 0px; font-weight:bold;}
.genelyazi h3 {border-top:1px solid #e2842c; margin:20px 0 0 0; font-weight:bold; color:#e2842c;}
.genelyazi div.yayinbilgi { text-align: right; border-top:1px solid #aaa; margin:20px 0 0 0;  font-style: italic; color:#aaa; font-size:0.8em;}

.ebutonlar .ebuton {display:inline-block; margin:0px 3px;}

form {text-align:center;}
form input, form textarea {resize:none; padding:5px; margin:5px 0px; width:90%;}
form .buton {display: inline-block; width: 30%;}
form.iletisim { max-width: 500px; margin: 0px auto;}


div.googleara{  width: 600px;margin: 0px auto; }
div.googleara input.gsc-search-button[type="button"] {padding: 0px;}


.sol, .sag { float:left; }
.sol {  width:80%;height:max-content;}
.sag {  width:20%;}
.sag .yorta {text-align: center; padding: 0px 5px;}
pre, code { font-size:1.2em; }
code {overflow:scroll;}


#alt {position: absolute; bottom: 0;width: 100%;height: 30px;background-color: #fff; text-align:center;  padding:5px;}

div.kullanicipaneli {max-width: 500px; margin: 0px auto;}
div.kullanicipaneli ul {text-align: center; }
div.kullanicipaneli ul li {display: inline-block; margin:5px;}


form.kform { max-width: 700px; margin: 0px auto;}
form.kform ul{ list-style-type: none; text-align: left;}
form.kform ul input[type=checkbox] {width: 1.2em; }

/* Sayfalama */
#sayfala {overflow: hidden; height: 35px;padding: 10px 0px; text-align:center; }
 
#sayfala a {text-decoration: none;}
 
#sayfala .say_a { display:inline-block; margin-right:5px; border:1px solid #eee;padding:5px 0;text-align:center;width:25px}
 
#sayfala .say_a:hover {background-color:#e28420;color: white;}
 
#sayfala .say_b {display:inline-block; margin-right:5px;padding:6px 0;text-align:center;width:15px}
 
#sayfala .say_aktif {display:inline-block; margin-right:5px;border:1px solid #eee;padding:5px 0;text-align:center;background-color:#e28420;width:25px; color:white;}
 




@media only screen and (max-width: 900px) {
    .ortala{margin:0px auto; width:100%;}
	#menu2 {display:block;}
	ul#menu{ display:none; text-align:center; clear:both;  }
	ul#menu li { display:block; width:100%;  background-color: #eee;  }
	.sol {  width:98%;}
.sag {  width:98%;}
.responsiveresim img {width:100%;}
	
}
@media (min-width: 900px){
	ul#menu { display: block!important }
}