/* CSS Document */

body { margin:0px; background:url(resimler/arka_plan.gif) repeat; text-align:center;}
a:active { outline:none;}

#bir { margin:0px auto; padding:0px; width:794px; height:70px; }
#bir_bir { margin:0px; padding:0px; width:300px; height:70px; float:left; }
#bir_bir_bir { margin:0px; padding:3px 0px 0px 0px; width:300px; height:52px; float:left; }
#bir_bir_iki { margin:0px; padding:0px; width:300px; height:15px; float:left;  }
#bir_iki { margin:0px; padding:0px; width:494px; height:70px; float:left; }
#bir_iki_bir { margin:3px 0px 0px 0px; padding:0px; width:494px; height:22px; float:left; }
#bir_iki_iki { margin:5px 0px 0px 0px; padding:0px; width:494px; float:left; }
#bir_iki_uc { margin:0px; padding:0px; width:494px; height:auto; float:left; }
#iki { margin:0px; padding:0px; height:38px; background:url(resimler/den.gif) repeat-x;}
#uc { margin:0px auto; padding:0px; width:794px; height:38px; background:url(resimler/den_iki.gif) repeat-x;}
#dort { margin:0px; padding:0px; height:5px; background:url(resimler/golge.gif) repeat-x; }
#bes { margin:0px; padding:0px; background-color:#fff; }
#bes_bir { margin:0px auto; padding:0px; width:794px;}
#bes_uc { margin:0px; padding:0px; width:790px; position:absolute;  float:left;  }
#alti { margin:0px; padding:0px; height:5px; background:url(resimler/golge_iki.gif) repeat-x; }
#yedi { margin:0px; padding:0px; height:30px; background:#88a02e; }
#sekiz { margin:0px; padding:0px; height:3px; background:#6e8e09; }
#dokuz { margin:0px auto; padding:0px; width:400px; height:30px; }
#on { margin:10px 0px 0px 0px; padding:4px 0px 0px 0px; width:400px; height:22px; background:#88a02e; border:solid 2px #6e8e09;}
#onbir { margin:0px auto; padding:0px; width:790px; height:30px; }
#oniki { margin:10px 0px 0px 0px; padding:4px 0px 0px 0px; width:790px; height:22px; }
#onuc { margin:0px auto; padding:0px; width:700px; height:30px;}
#ondort { margin:10px 0px 0px 0px; padding:4px 0px 0px 0px; width:700px; height:22px; }
#onbes { margin:0px auto; padding:0px; width:794px; height:30px; }
#onbes_bir { margin:0px; padding:0px; width:340px; float:left; color:#88a02e; }
#onbes_iki { margin:0px; padding:6px 0px 0px 0px; width:125px; height:26px; float:left; color:#fff; }
#onbes_uc { margin:0px; padding:4px 0px 0px 0px; width:300px; height:26px; float:left; }

#onalti { margin:15px 0px 0px 0px; padding:0px; width:120px; float:left;}
#onalti_bir { margin:0px; padding:30px 0px 0px 0px; width:120px; height:90px; background:url(resimler/uyelik.gif) no-repeat; color:#fff; font-size:22px; font-family:Arial;}
#onalti_bir_bir { margin:0px; padding:45px 0px 0px 0px; width:120px; height:75px; background:url(resimler/uyelik.gif) no-repeat; color:#fff; font-size:22px; font-family:Arial;}
#onalti_iki { margin:0px; padding:0px; width:60px; height:380px; float:left;}
#onalti_uc { margin:0px; padding:0px; width:60px; height:380px; float:left; background:#dee8a7;}

#onyedi { margin:15px 0px 0px 0px; padding:0px; width:665px; float:left;}
#onyedi_bir { margin:18px 0px 0px 0px; padding:33px 10px 10px 0px; background:#dee8a7;}
#onyedi_iki { padding:5px; height:425px; border:solid 2px #bed154; background:#fff;}

#onaltii { margin:5px 0px 0px 0px; padding:0px; width:120px; float:left;}
#onaltii_bir { margin:0px; padding:30px 0px 0px 0px; width:120px; height:90px; background:url(resimler/uyelik.gif) no-repeat; color:#fff; font-size:22px; font-family:Arial;}
#onaltii_bir_bir { margin:0px; padding:45px 0px 0px 0px; width:120px; height:75px; background:url(resimler/uyelik.gif) no-repeat; color:#fff; font-size:22px; font-family:Arial;}
#onaltii_iki { margin:0px; padding:0px; width:60px; height:375px; float:left;}
#onaltii_uc { margin:0px; padding:0px; width:60px; height:375px; float:left; background:#dee8a7;}

#onyedii { margin:5px 0px 0px 0px; padding:0px; width:665px; float:left;}
#onyedii_bir { margin:18px 0px 0px 0px; padding:0px 10px 10px 0px; background:#dee8a7;}
#onyedii_iki { padding:0px; height:430px; width:655px; border:solid 2px #bed154; background:#fff;}
#onyedii_uc { margin:0px; padding:3px 0px 0px 50px; height:30px; color:#ff6633; font-size:17px; font-family:Arial;}
#onyedii_dort { margin:5px 0px 0px 0px; padding:0px; height:45px; width:655px; color:#333; font-size:12px; font-family:Arial; }

.bir { margin:0px 0px 0px 0px; padding:0px; height:38px; list-style:none; float:left; }
.bir li { margin:0px 1px 0px 1px; padding:0px; width:130px; height:38px; float:left; }
.bir li a { margin:0px; padding:0px; width:130px; height:38px; line-height:38px; display:block; float:left;}
.bir li a:hover {  }

.bir_bir a { background:url(resimler/111.gif) no-repeat;}
.bir_bir a:hover { background:url(resimler/111x.gif) no-repeat;}
.bir_iki a { background:url(resimler/222.gif) no-repeat;}
.bir_iki a:hover { background:url(resimler/222x.gif) no-repeat;}
.bir_uc a { background:url(resimler/333.gif) no-repeat;}
.bir_uc a:hover { background:url(resimler/333x.gif) no-repeat;}
.bir_dort a { background:url(resimler/444.gif) no-repeat;}
.bir_dort a:hover { background:url(resimler/444x.gif) no-repeat;}
.bir_bes a { background:url(resimler/555.gif) no-repeat;}
.bir_bes a:hover { background:url(resimler/555x.gif) no-repeat;}
.bir_alti a { background:url(resimler/666.gif) no-repeat;}
.bir_alti a:hover { background:url(resimler/666x.gif) no-repeat;}

.uc { color:#666; font-size:13px;}
.uc a { color:#fff; font-family:arial; line-height:20px; font-size:14px; font-weight:600; text-decoration:none; }
.uc a:hover { text-decoration:underline; }
.dort { color:#666; font-size:12px;}
.dort a { color:#fff; font-family:arial; line-height:20px; font-size:12px; text-decoration:none; }
.dort a:hover { text-decoration:underline; }
.bes { color:#666; font-size:14px;}
.bes a { color:#666; font-size:14px; text-decoration:none;}
.bes a:hover { color:#fff; text-decoration:underline;}
.alti { padding:0px 0px0 0px 50px; color:#000; font-size:18px; font-family:Arial; }
.yedi a { color:#fff; font-family:Arial; font-size:12px; text-decoration:none; }
.yedi a:hover { text-decoration:underline;}
.sekiz a { color:#fff; font-family:Arial; font-size:14px; text-decoration:none; }
.sekiz a:hover { text-decoration:underline;}
.dokuz a { color:#666; text-decoration:none; font-size:12px; font-family:Arial;}
.dokuz a:hover { color:#fff; text-decoration:underline;}

.on { margin:0px 0px 0px 10px; padding:0px; width:630px; }
.on_bir { margin:2px 0px 0px 0px; padding:5px 0px 0px 0px; width:180px; height:27px; background:#dee8a7; color:#333; font-size:17px; float:left;}
.on_iki { margin:2px 0px 0px 0px; padding:3px 0px 0px 5px; width:440px; height:27px; border:solid 1px #dee8a7; float:left;}

.onn { margin:0px 0px 0px 10px; padding:0px; }
.onn_bir { margin:2px 0px 0px 0px; padding:5px 0px 0px 0px; width:100px; height:18px; background:#dee8a7; color:#333; font-size:17px; float:left;}
.onn_iki { margin:2px 0px 0px 0px; padding:3px 0px 0px 5px; width:520px; height:19px; border:solid 1px #dee8a7; float:left;}

.ono { margin:0px 0px 0px 10px; padding:0px; }
.ono_bir { margin:2px 0px 0px 0px; padding:5px 0px 0px 0px; width:180px; height:100px; background:#dee8a7; color:#333; font-size:17px; float:left;}
.ono_iki { margin:2px 0px 0px 0px; padding:3px 0px 0px 5px; width:440px; height:100px; border:solid 1px #dee8a7; float:left;}


.uyelik { height:515px;}
.uyelikk { height:500px;}

.onbir { color:#fff; font-family:Arial; font-size:12px; }
.onbir_bir { color:#333; font-family:Arial; font-size:16px;}

.oniki_bir { color:#333; font-family:Arial; font-size:14px;}
.oniki_iki { color:#0066ff; font-size:16px; font-family:Arial; width:630px; float:left; margin:10px 0px 10px 0px;}
.oniki_uc { color:#333; font-size:20px; font-family:Arial;}

.ondort { color:#0099ff; font-size:20px; font-family:Arial, Helvetica, sans-serif; }
.ondort_bir a { color:#990000; font-size:17px; text-decoration:none; }
.ondort_bir a:hover { text-decoration:underline;}

.stepcarousel{ margin:5px; position: relative; overflow: scroll; width:645px; height: 370px; background:#333; }
.stepcarousel .belt{ position: absolute; left:0; top:0; }
.stepcarousel .panel{ float: left; overflow: hidden; margin: 5px; width: 315px; height:360px; background:#fff; }