body{background:url(../images/bgs.jpg) repeat-x left top #111111; font-family:Tahoma; font-size:11px; line-height:14px; color:#898989; text-align:left}
a{color:#000000;text-decoration: none;}
a:hover {color: #3192D0;text-decoration: none;}
h1 { text-decoration:none;text-align:left;color:#09c;letter-spacing:1pt;word-spacing:2pt;font-size:26px;line-height:1; }
ul {list-style: none;margin: 0;padding: 0;}

/* wrapper  */
#wrapper {width: 976px; margin: auto auto; padding: 0px 0 0 0; text-align:left; position:relative}

/* header  */
.header-container {}
.header { padding:0 0 9px; }
.header .logo-box{width:245px; float:left; padding:2px 0 17px 7px;}
.header #logo{float:left; width:976px; height:186px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer;}
.header .header-col-2{width:72%; float:right; padding:13px 5px 18px 0;}

.header .links { float:right; }
.header .links li{padding-left:27px; display:inline;}
.header .links li a{white-space:nowrap; font-size:0.84em; color:#A1A1A1; text-decoration:none;}
.header .links li a:hover{text-decoration:underline;}
.header .menu-block{background:url(../images/menu_block_corner_left.gif) left top no-repeat #000;}
.header .menu-block .corner-right{background:url(../images/menu_block_corner_right.gif) right top no-repeat; padding:0 6px 0 0;}
.header .form-language{width:218px; float:right; padding:7px 0 0 6px;}
.header .form-language label{color:#FFF;}
.header .form-language select{width:123px; height:19px; border:1px solid #D2D2D1;}

/* menu  */
#nav {  padding:0; margin:0;}
#nav li { text-align:left; position:relative; }
#nav li.over { z-index:999; }
#nav li.parent {}
#nav li a { display:block; text-decoration:none; }
#nav li a:hover { text-decoration:none; color:#000000; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav li ul a span { white-space:normal; }

#nav li a.ana {width: 126px; background: url(../images/ana.png) 0 0 no-repeat}
#nav li a.ana:hover {width: 126px; background: url(../images/ana.png) 0 -98px no-repeat}
#nav li.active a.ana {width: 126px; background: url(../images/ana.png) 0 -98px no-repeat}

/* 1st Level */
#nav li { float:left; }
#nav li a { float:left; padding:10px 15px 10px 16px;  color:#FFF;  text-decoration:none; }
#nav li a:hover { color:#000; text-decoration:none; color:#000000; }
#nav li.over a,
#nav li.active a {  color:#fff; }
#nav li.over,
#nav li.active{background:url(../images/button_bg.gif) left top repeat-x;}
#nav li.over a.first{background:url(../images/button_corner.gif) left top no-repeat;}

/* 2nd Level */
#nav ul { position:absolute; width:18em; top:32px; left:-10000px; background:#02B4FF; padding-top:5px; padding-bottom:10px; }
#nav ul li { float:none; background:0!important;}
#nav ul li.last { border-bottom:0; }
#nav ul li a { float:none; padding:5px 15px!important; font-weight:normal; color:#000 !important; background:0!important;}
#nav ul li a:hover {background:0!important; font-weight:bold; color:#000000;}
#nav ul li.active > a,
#nav ul li.over > a  { font-weight:bold;  color:#fff !important; }

/* 3rd+ leven */
#nav ul ul { top:7px; }

/* Show Menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }


/* main */
#main{width: 976px; height: auto; margin-top:-9px; overflow:hidden; position: relative; margin-bottom:0px; }
#orta,#sag{float:left;}
#main #orta{width: 760px; height:auto; float: left; color:#000000;}
#main #sag{width:216px; height:auto; float: left;}
#alt{width: 976px; height:40px; background-image:url(../images/alt.png); background-repeat:no-repeat; margin-right: auto; margin-left: auto}
#orta_sol #orta_sag{float:left;}
#orta #orta_sol{width: 555px; height:auto; float: left; color:#000000; padding-left:5px; padding-top:5px;}
#orta #orta_sag{width: 200px; height:auto; float: left; color:#000000; padding-top:5px; padding-top:5px;}
#orta_sag p{padding-bottom:5px;}

/* ILETISIM */
#iletisim_ust{ width:620px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/iletisim_ust.jpg); background-repeat:no-repeat;}
#iletisim_orta{ width:544px; height:auto; margin-left: auto; margin-right: auto; margin-top:0px;  background-image:url(../images/iletisim_orta.jpg); background-repeat:repeat-y;}
#iletisim_alt{ width:544px; height:15px; margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:10px; background-image:url(../images/iletisim_alt.jpg); background-repeat:no-repeat;}
#iletisim_orta #iletisim_content{ width:480px; height:auto; margin-left: auto; margin-right: auto; }
#iletisim_form{ width:544px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/iletisim_form.jpg); background-repeat:no-repeat;}
#iletisim_form_en{ width:544px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/iletisim_form_en.jpg); background-repeat:no-repeat;}
#iletisim_form_send{ width:544px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/iletisim_form_send.jpg); background-repeat:no-repeat;}
#iletisim_form_send_en{ width:544px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/iletisim_form_send_en.jpg); background-repeat:no-repeat;}
#human_form{ width:544px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/human_form.jpg); background-repeat:no-repeat;}
#human_form_send{ width:544px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/human_form_send.jpg); background-repeat:no-repeat;}
#ik_form{ width:544px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/ik_form.jpg); background-repeat:no-repeat;}
#ik_form_send{ width:544px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/ik_form_send.jpg); background-repeat:no-repeat;}
#katalog_form{ width:544px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/katalog_form.jpg); background-repeat:no-repeat;}
#catalogue_form{ width:544px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/catalogue_form.jpg); background-repeat:no-repeat;}

#galeri_form{ width:544px; height:15px; margin-left: auto; margin-right: auto; margin-top:0px; background-image:url(../images/galeri_ust.jpg); background-repeat:no-repeat;}

#iletisim #iletisim_harita{ width:620px; height:20px; float:left; margin-top:0px; margin-left:0px; background-image:url(../images/iletisim_harita.jpg); background-repeat:no-repeat;}


/* Footer */
#footerbg {width: 100%; height:130px; background:transparent url(../images/obg2.jpg) repeat-x top left; margin-top:0px; background-color:#000000;}
#footerBack{width: 959px; height: auto; padding-top:15px; margin-left:auto; margin-right:auto; padding-bottom:20px;}
#footersol,#footersag{float:left;}
#footerBack #footersol{width: 900px; height:auto; float: left; padding-top:5px; color:#000000; color:#FFFFFF;}
#footerBack #footersag{width: 40px; height:auto; float: left;}

/* panel */
#panel{width: 216px; height: auto; color:#000000; margin-top:0px; overflow:hidden; position: relative;}
#panelust,#panelorta,#panelalt{float:left;}
#panel #panelust{width: 216px; height:31px; float: left; background-image:url(../images/panel_ust.jpg); background-repeat:no-repeat; }
#panel #panelust2{width: 216px; height:18px; float: left; background-image:url(../images/panel_ust2.jpg); background-repeat:no-repeat; }
#panelust #panelust_icerik{ color:#000; text-align:center; padding-left:5px; padding-top:8px; height:15px;}
#panel #panelorta{width: 216px;min-height:50px; float: left; padding-left:10px; padding-right:10px; background-image:url(../images/panel_orta.jpg); background-repeat:repeat-y; }
#panel #panelalt{width: 216px; height:18px; float: left; background-image:url(../images/panel_alt.jpg); background-repeat:no-repeat; margin-bottom:0px; }
#panel p {margin-top:5px; min-height:15px;}
#panel a {color: #000000; text-decoration: none;}
#panel a:link { text-decoration: underline;}
#panel a:hover {text-decoration: none;color: #02BBFF;}


/*iletim*/
#ilet_form {float: left; width:100%; height:auto; margin-bottom:5px;}
#ilet_form .baslik{float: left; margin-left:5px; width: 150px; height:20px; vertical-align:middle;}
#ilet_form .nokta{float: left; margin-left:5px; width: 3px; height:20px; vertical-align:middle;}
#ilet_form .yazi{float: left; margin-left:5px; width: 150px; height:20px; vertical-align:middle;}
#ilet_form .yazi2{float: left; margin-left:5px; width: 150px; height:50px; vertical-align:middle;}

/* accordion content */
.mypets{ /*header of 1st demo*/cursor: hand;cursor: pointer;padding: 7px 25px;margin-left:0px;border: 0px solid gray;background-image:url(../images/mypet.jpg); background-repeat:no-repeat; width:540px; height:26px;}
.openpet{ /*class added to contents of 1st demo when they are open*/}
.technology{ /*header of 2nd demo*/cursor: hand;cursor: pointer;font: 11px verdana;margin: 10px 0;}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/color: green;}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/color: black;}

/*pencere*/
#pencere {border:1px solid #000000; }
#pencere:hover {border:1px solid #ff0000; }