* { margin:0; padding:0;  }

html, body { height:100%; width:100%; }
.cleardiv { clear:both;height:0;}
a , a:active, a:visited{ text-decoration:none; }
img{ border:none; }

#kapsayici { position:relative;  min-height:100%; width:100%; background: url('img/bodybg.png') top repeat-x;   background-color:#fff; }
#container { width:900px; margin:0 auto; font-size:12px; position:relative; padding-bottom:240px; }
#footer { position:absolute;  width:100%; min-height: 200px; bottom:0;  background-color:#eeeeee; border-top:1px solid #cccccc;  } 
#header { height:300px;  width:100%; position:relative; background:url('img/headerbg.png') top no-repeat;}
#language { position:absolute; width:70px; text-align:right; height:40px; right:20px; top:5px; }
#language img { border:none; }
#menu { width:100%; height:30px;  background-color:#eeeeee; position:absolute; top:300px; border-bottom:1px solid #cccccc;  }
#menukapsayici { top:300px; z-index:2;  position:absolute; padding-left:20px;} 
.level1 {  color:#000; font:11px Verdana;  float:left; margin-right:10px; display:block; width:120px; height:30px; text-align:center; }
.level1 a{  color:#000; display:block; padding:8px 0px; height:15px; }
.level1 a:hover{  color:#fff; background:url('img/menubg.png') repeat-x;}
.level2 { display:none; width:98%; border:1px solid #0078ee; background-color:#fff; }
.referanslar { width:100px; height:100px; float:left; margin:25px 25px 58px 0px; overflow:hidden; }
.sneak li { float: left; margin: 0 1px 1px 0; }
.sneak li :link, .sneak li :visited { display: block; height: 60px; width: 60px; overflow: hidden; position: relative; }
.sneak li img, .late-link img, .fav-link img { position: absolute; }
.sneak li a:hover img { top: -60px; left: 0; }
.home-blog { min-height: 116px; }
.late-link, .fav-link { display: block; height: 182px; width: 196px; overflow: hidden; position: relative; margin-bottom: 12px; }
.late-link:hover img { top: -150px; left: 0px; } 
.fav-link { height: 90px; }
.fav-link:hover img { top: -90px; left: 0px; }

#web { width:100px; height:1320px; float:left; font:25px Tahoma; text-align:center; padding:50px 0px 10px 0px; margin:25px ; position:relative; background-color: #06a4a2; color: #fff;  }
#logo { width:100px; height:225px; float:left; font:25px Tahoma; text-align:center; padding:50px 0px 10px 0px; margin:25px ; position:relative; background-color: #c8f222; color: #fff;  }
#orta { width:880px; padding:10px; min-height:700px; margin-top:30px; }
#sol { width:720px; float:left; margin-top:20px; }
#sol_ic { width:610px; padding:0px 20px; float:left; margin-top:20px; font:12px Verdana; }
#sol_ic h1{ color:#273680; }
#sol_ic p{ margin:10px auto; }
#sol_ic a{ color:#0073E4 !important;}
#sol_ic a:hover{ color:#3A9236 !important; text-decoration:underline !important;}
#haber { background:url('img/haberbg.png') no-repeat; width:688px; height:281px;  margin-top:30px;}
#haberic { width:530px; height:180px; margin-left:110px; padding-top:50px; padding-bottom:10px; padding-right:35px; float:left;}
#haberic h1{ font:20px Verdana; font-weight:bold; color:#fff; margin-top:10px; }
#haberic p{ font:14px Verdana;  color:#fff; margin-top:10px; }
#haberic a{   color:#fff;  }
#haberic img{   float:right; max-height:150px; max-width:150px;  }
#haberres { width:150px; height:150px; padding-top:70px; float:left;}
.solkolon { width: 230px; margin-right:10px;  float:left; min-height:150px; text-align:center; }
.solkolon img{ border:none; }
.solkolon h1{ font:14px Verdana; font-weight:bold; color:#b1b1b1;  }
.solkolon p{ margin:5px auto; display:block;  font:11px Verdana;}
#sag { width:160px; float:left; margin-top:20px;}
#sag_ic { width:230px; float:left; margin-top:20px;}
#mesajgonder { margin:10px auto; min-height:270px; width:223px;  position:relative; }
#form_defter { background:url('img/formbg.png') no-repeat;  width:206px; float:left; height:213px; padding-top:50px; } 
#form_defter input,textarea { background:transparent;   border:none; color:#000; font-weight:bold; font-family:Verdana; font-size:9px;} 
#form_defter input.isim { margin-left:95px; width:90px; margin-top:8px;}
#form_defter input.email { margin-left:80px; width:105px; margin-top:4px;}
#form_defter textarea.mesaj { margin-left:25px; width:160px; height:100px; overflow:auto; margin-top:45px;}
#form_gonder { width:17px; float:left; height:170px; padding-top:93px; right:3px; position:absolute; } 
#sag_ic_ex { width:160px;  margin-top:20px; margin-left:30px; padding-top:10px;  border-top:1px solid #cccccc;}
.sosyal { display:block; min-height:50px; width:100%; margin-bottom:10px; position:relative;}
.sosyal p{ font:8px Verdana; font-weight:bold; position:absolute; bottom:17px; right:0; text-align:right; padding-top:25px; }
.sosyal a{ display:block; min-height:50px; color:#0073e4; }
.sosyal a:hover{ color:#000000; }
#projelerimiz { margin-top:20px; border-top:1px solid #cccccc; min-height:100px; text-align:center;}
#projelerimiz a{ margin-top:30px; display:block; }

#fmenu { position:absolute; margin-top:70px; z-index:2; padding-bottom:15px; border-bottom:1px solid #3e75b4; }
#fmenu div{ float:left;  margin-right:43px; }
#fmenu a{  font:11px Verdana; color:#000; display:block;  }
#fmenu a:hover{ text-decoration:underline; }
#fmenu a.first{  font-size:12px; font-weight:bold; margin-bottom:10px;  color:gray;  }

#nbajans { position:absolute; margin-top:200px; margin-left:250px; z-index:2;  font:11px Verdana; color:gray; vertical-align:middle; text-align:center; }

.solkolon_ic { width: 180px; margin-right:10px;  margin-top:30px; float:left; min-height:150px; text-align:center; }
.solkolon_ic img{ border:none; max-width:150px; }
.solkolon_ic h1{ font:14px Verdana; font-weight:bold; color:#b1b1b1 !important;  }
.solkolon_ic p{ margin:5px auto; display:block;  font:11px Verdana;}

/* eski css */

#content-logo { width:600px; background-color:Transparent; }
.content { height:auto; float:left; padding-top:35px; }

.row { width:600px; height:110px; }
.col { height:110px; float:left; width:196px; padding: 3px 3px; margin:6px; background:#ddd; }

.colboyut { width:196px; height:72px; margin:0 auto; }
#nb1 { background:url(img/logolar.png) -1px -55px no-repeat; }
#nb2 { background:url(img/logolar.png) -200px -55px no-repeat; }
#nb3 { background:url(img/logolar.png) -399px -55px no-repeat; }

#alv1 { background:url(img/logolar.png) -1px -134px no-repeat; }
#alv2 { background:url(img/logolar.png) -200px -134px no-repeat; }
#alv3 { background:url(img/logolar.png) -399px -134px no-repeat; }

#cub1 { background:url(img/logolar.png) -1px -216px no-repeat; }
#cub2 { background:url(img/logolar.png) -200px -216px no-repeat; }
#cub3 { background:url(img/logolar.png) -399px -216px no-repeat; }


.icon { width:196px; text-align:right; height:27px; margin-top:5px; }
.icn-btn { float:right; width:21px; height:27px; margin: 3px 3px; }
.icn-btn1 { background:url(img/iconlar.png) 0 0 no-repeat; }
.icn-btn2 { background:url(img/iconlar.png) -26px 0 no-repeat; }
.icn-btn3 { background:url(img/iconlar.png) -53px 0 no-repeat; }
.icn-btn4 { background:url(img/iconlar.png) -79px 0 no-repeat; }

.icon a { display:block; width:21px; height:27px; }