@font-face{font-family: open sans light; src: url('temalar/tr/font.opensans.light.ttf');}
@font-face{font-family: open sans light; src: url('font.opensans.light.ttf');}
@font-face{font-family: open sans regular; src: url('temalar/tr/font.opensans.regular.ttf');}
@font-face{font-family: open sans regular; src: url('font.opensans.regular.ttf');}

@media (max-width: 750px){
.mobil{display: block;}
.tdm{display: none;}
.table{display: table; width: 100%; margin: auto;}
.row{display: table-row;  margin: auto;}
.cell{display: table-cell; margin: auto;}
.blockquote {display: inline; padding-left: 20px;}
/*a.menu{display: inline; width: auto; margin-left: 20px;  list-style-type: none;  color: #202020; font-size: 15px; font-family: open sans regular, dejavu sans, verdana, arial; font-weight: normal; line-height: 32px; padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 0px; text-decoration: none; }
a.menu:hover{display: inline; width: auto; margin-left: 20px;  list-style-type: none;  color: #202020; font-size: 15px; font-family: open sans regular, dejavu sans, verdana, arial; font-weight: normal; line-height: 32px; padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 0px; text-decoration: none;}*/
#cell1400{width: 0%;} #cell0200{width: 0%;} #cell5096{width: 96%;}
}

@media (min-width: 750px){
.mobil{display: none;}
.tdm{display: block;}
.table{display: table; width: 100%; margin: auto;}
.row{display: table-row; margin: auto;}
.cell{display: table-cell; margin: auto;}
.blockquote {display: inline; padding-left: 20px;}
/*a.menu{width: auto; color: #ffffff; font-size: 14px; font-family: open sans regular, dejavu sans, verdana, arial; font-weight: bold; line-height: 32px; padding-top: 0px; padding-bottom: 0px; padding-left: 11px; padding-right: 11px; text-decoration: none; text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);}
a.menu:hover{width: auto; color: #cacaca; font-size: 14px; font-family: open sans regular, dejavu sans, verdana, arial; font-weight: bold; line-height: 32px; padding-top: 0px; padding-bottom: 0px; padding-left: 11px; padding-right: 11px; text-decoration: none; text-shadow: 0 0 32px rgba(0, 0, 0, 0.7);}*/
#cell1400{width: 14%;} #cell0200{width: 2%;} #cell5096{width: 60%;}
}

@media all{
body{
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
font-size: 14px;
color: #404040;
text-decoration: none;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background: linear-gradient(#fafafa , #ffffff);
}
a{
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
font-size: 14px;
color: #404040;
text-decoration: none;
}
a:hover {
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
font-size: 14px;
color: #404040;
text-decoration: none;
text-shadow: 0 0 1px rgb(0, 0, 0, 0.7);
}
form{
display: inline; 
}
input[type=text] {
line-height: 30px;
background: #f4f3ee;
border: 1px solid #e2dcd2;
}
input[type=text]:focus {
line-height: 30px;
background: #f4f3ee;
border: 4px solid #e2dcd2;
}
input[type=password] {
line-height: 30px;
background: #f4f3ee;
border: 1px solid #e2dcd2;
}
input[type=password]:focus {
line-height: 30px;
background: #f4f3ee;
border: 4px solid #e2dcd2;
}
/*
select {
height: 30px;
line-height: 30px;
background: #f4f3ee;
border: 1px solid #e2dcd2;
}*/
textarea {
background: #f4f3ee;
border: 1px solid #e2dcd2;
height: 100px;
}
.menu{
color: #216eb2;
font-size: 20px;
font-weight: bold;
padding: 7px;
line-height: 40px;
letter-spacing: -0.2px;
}
.menu:hover{
color: #444444;
font-size: 20px;
font-weight: bold;
padding: 7px;
line-height: 40px;
letter-spacing: -0.2px;
}
.kategoriler {
box-shadow: 0 5px 15px 1px rgba(150, 150, 150, 0.6), 0 0 10px 1px rgba(200, 200, 200, 0.5);
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
position: relative;
background: #fafafa;
width: 100%;
}
.kategoriler ul {
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: auto;
}
.kategoriler ul li {
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: auto;
}
.kategoriler ul li h2{
background: linear-gradient(#474747, #414141);
border-bottom: 1px solid #dddddd;
border-left: 11px solid lightblue;
color: #ffffff;
display: block;
font-size: 14px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 36px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 18px;
padding-right: 0px;
text-decoration: none;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
width: auto;
}
.kategoriler ul li h3{
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: auto;
}
.kategoriler ul li h3 a{
background: linear-gradient(#fafafa, #f7f7f7);
border-bottom: 1px solid #dddddd;
color: #000000;
cursor: pointer;
display: block;
font-size: 14px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 36px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 18px;
padding-right: 0px;
text-decoration: none;
transition: all 0.20s;
width: auto;
}
.kategoriler ul li h3 a:hover {
background: linear-gradient(#474747, #414141);
border-left: 11px solid lightblue;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 14px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 36px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 18px;
padding-right: 0px;
text-decoration: none;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
width: auto;
}
.kategoriler ul li ul{
display: none;
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: auto;
}
.kategoriler ul li ul li{
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: auto;
}
.kategoriler ul li ul li a{
background: linear-gradient(#ffffff, #fafafa);
border-bottom: 1px solid #dddddd;
color: #000000;
cursor: pointer;
display: block;
font-size: 12px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 32px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 24px;
padding-right: 0px;
text-decoration: none;
transition: all 0.20s;
width: auto;
}
.kategoriler ul li ul li a:hover{
background: linear-gradient(#474747, #414141);
border-left: 7px solid lightblue;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 12px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 32px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 24px;
padding-right: 0px;
text-decoration: none;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
width: auto;
}
.kategoriler ul li.active ul {
display: block;
width: auto;
}
.diger {
box-shadow: 0 5px 15px 1px rgba(150, 150, 150, 0.6), 0 0 10px 1px rgba(200, 200, 200, 0.5);
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
position: relative;
background: #fafafa;
width: 100%;
}
.diger h2{
background: linear-gradient(#474747, #414141);
border-bottom: 1px solid #dddddd;
border-left: 11px solid lightyellow;
color: #ffffff;
display: block;
font-size: 14px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 36px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 18px;
padding-right: 0px;
text-decoration: none;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
width: auto;
}
.diger li{
display: block;
font-size: 40px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 24px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 8px;
padding-right: 0px;
text-decoration: none;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
width: auto;
}
.diger ul {
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: auto;
}
.diger ul li {
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: auto;
}
.diger ul li h2{
background: linear-gradient(#474747, #414141);
border-bottom: 1px solid #dddddd;
border-left: 11px solid lightgray;
color: #ffffff;
display: block;
font-size: 12px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 32px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 18px;
padding-right: 0px;
text-decoration: none;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
width: auto;
}
.diger ul li h3{
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: auto;
}
.diger ul li h3 a{
background: linear-gradient(#ffffff, #fafafa);
border-bottom: 1px solid #dddddd;
color: #000000;
cursor: pointer;
display: block;
font-size: 12px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 32px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 18px;
padding-right: 0px;
text-decoration: none;
transition: all 0.20s;
width: auto;
}
.diger ul li h3 a:hover {
background: linear-gradient(#474747, #414141);
border-left: 11px solid lightgray;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 12px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 32px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 18px;
padding-right: 0px;
text-decoration: none;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
width: auto;
}
.haberler {
box-shadow: 0 5px 15px 1px rgba(150, 150, 150, 0.6), 0 0 10px 1px rgba(200, 200, 200, 0.5);
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
position: relative;
background: #fafafa;
width: 100%;
}
.haberler h2{
background: linear-gradient(#474747, #414141);
border-bottom: 1px solid #dddddd;
border-left: 11px solid gray;
color: #ffffff;
display: block;
font-size: 14px;
font-family: open sans light, open sans regular, dejavu sans, verdana, arial;
line-height: 36px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 18px;
padding-right: 0px;
text-decoration: none;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
width: auto;
}
.yukari{
width: 50px;
height: 50px;
text-decoration: none;
position: fixed;
bottom: 20px;
right: 20px;
display: none;
background: url('resimler/yukari.asagi.jpg') no-repeat;
border-radius: 4px; color: #444444;
}
.yukari:hover{
text-decoration: none;
}






}