/*  Genel Kodlama
---------------------------------------------------- */
html, body {	
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #666;
	background: url(resimler/arka.gif) repeat-y #999;
}
body#giris {	
	background-color: ;
	background: url(resimler/arkaa.gif) repeat-y #ccc;
}
img { 
	border: none;
}
form { 
	margin: 0;
}
a {
	color: #356635;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#icerikalani {
	width: 914px;
	margin: 0 auto;
}
.sayfabaslik {
	font-size: 44px;
	color: #D6E4D8;
	font-weight: bold;
	padding: 0 0 10px 10px;
	letter-spacing: 4px;
}
.baslik {
	font-size: 18px;
	color: #999;
	font-weight: bold;
}
.textalani {
	background-color: #ffffff;
	border-left: #c7c7c7 1px solid;
	border-top: #c7c7c7 1px solid;
	border-right: #f0f0f0 1px solid;
	border-bottom: #f0f0f0 1px solid;
}
.buton {	
	background-color: #DDDDDD;
	cursor: hand;
	font-size: 11px;
	font-family: Verdana;
	border-width: 1px;
	font-weight: bold;
}
.temizle {
	clear: both;
	height: 5px;
}
.bos {
	padding: 5px;
}
.font14 {
	font-size: 14px;
}
.font16 {
	font-size: 16px;
}
.bold {
	font-weight: bold;
}
.kirmizi {
	color: #F00;
}

/* Giriş Sayfası
---------------------------------------------------- */
.giris {
	margin: 0 auto;
	width: 364px;
	height: 100%;
	background: url(resimler/girisalt.jpg) bottom no-repeat #4D629B;
	vertical-align: text-bottom;
}
.giris #bayrak {
	text-align: center;
	padding: 60px 0 0 0;
}
.giris #bayrak img {
	padding: 0 30px 0 30px;
}
.giris #diltr, .giris #dilen, .giris #dilde {
	font-family: Tahoma;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	text-align: center;
	height: 20px;
}
.giris #dilen, .giris #dilde {
	margin-top: -20px
}

/* Dış Çerçeve
---------------------------------------------------- */
.discerceve {
	width: 100%;
	height: 100%;
	background: transparent url(resimler/ust_araba.jpg) scroll no-repeat 770px top;
}

/* Sol Bölüm
---------------------------------------------------- */
.solbolum {
	float: left;
	width: 130px;
	height: 100%;
	background-color: #eee;
}

/* Sağ Bölüm
---------------------------------------------------- */
.sagbolum {
	float: left;
	width: 630px;
	height: 100%;
	background-color: #eee;
}

/* Banner
---------------------------------------------------- */
.banner {
	height: 49px;
	border-bottom: 1px #ff8d41 solid;
	background-color: #ffedd4;
}
.banner div#kayanyazi {
	width: 360px;
	float: left;
}
.banner marquee {
	width: 100%;
	padding: 16px 0 0 0;
	font-size: 14px;
	color: #CBB392;
	font-weight: bold;
}
A#analink {
	color: #2b2b2b;
}
.banner div#logo {
	float: right;
	padding-top: 8px;
}

/* Menü Üst
---------------------------------------------------- */
.menuust {
	height: 25px;
	background-color: #FFD79B;
}
.menuust A {
	display: block;
	float: left;
	padding: 3px 15px 4px 15px;
	font-family: Geneva, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #623A00;	
}
.menuust A:Hover {
	color: #2B1A00;
	background-color: #FFC977;
	border-bottom: #FF9600 2px solid;
}

/* Menü Alt
---------------------------------------------------- */
.menualt {
	background-color: #ccc;
	margin: 40px 0 10px 0;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-size: 11px;
}
.menualt A {
	padding: 0 11px 0 11px;
	font-size: 11px;
	color: #2E6600;	
}
.menualt A:Hover {
	color: #204600;
	text-decoration: underline;
}

/* Ana Orta
---------------------------------------------------- */
.ortaana {
	width: 630px;
	padding-top: 10px;
}
.ortaana div#anasol {
	float: left;
	width: 250px;
	height: 512px;
	background: url(resimler/arka_haber.jpg) no-repeat;
}
.ortaana div#anasag {
	float: left;
	width: 380px;
	background-color: #fff;
}
.ortaana div#telres {
	float: left;
	width: 100px;
	padding: 5px 5px 5px 15px;
}

/* Haberler
---------------------------------------------------- */
.haberler {
	padding: 20px 10px 10px 20px;
}
.haberler A {
	color: #009933;
}
.haberler A:Hover {
	color: #006600;
	text-decoration: underline;
}

/* Adres
---------------------------------------------------- */
.adres {
	padding: 10px 0 20px 10px;
	font-size: 10px;
	color: #2b2b2b;
}
.adres div {
	width: 250px;
}
.adres span {
	float: left;
	display: block;
	width: 40px;
	padding-right: 10px;
}
.adres2 {
	padding: 10px 0 0 10px;
	font-size: 12px;
	color: #2b2b2b;
}
.adres2 div {
	width: 550px;
	height: 30px;
}
.adres2 span {
	float: left;
	display: block;
	width: 60px;
	height: 30px;
	padding-right: 10px;
}

/* Logolar Alt
---------------------------------------------------- */
.logolaralt {
	padding: 5px;
	background-color: #e9e9e9;
	border-bottom: #ccc 1px solid;
	border-top: #ccc 1px solid;
	height: 80px;
}
.logolaralt div {
	float: left;
	width: 155px;
	text-align: center;
}

/* Logolar Alt
---------------------------------------------------- */
.arabalar {
	height: 370px;
	font-size: 9px;
}
.arabalar div {
	float: left;
	width: 119px;
	height: 110px;
	text-align: center;
	border: #ccc 1px solid;
	margin: 2px;
}

/* Fiyatlar
---------------------------------------------------- */
.fiyatlar {
	padding: 5px;
}
.fiyatlar div#yazi {
	padding: 3px;
	background-color: #ddd;
}
.fiyatlar table {
	font-size: 10px;
	margin: 7px 0 7px 0;
}
.fiyatlar table th {
	font-weight: normal;
	text-align: left;
}
.fiyatlar table td {
	text-align: center;
	vertical-align: middle;
}
.fiyatlar table tr.tablobas td {
	font-weight: bold;	
}
.fiyatlar table tr.gri {
	background-color: #e2e2e2;
}

/* Şartlar
---------------------------------------------------- */
.sartlar {
	padding: 5px;
}
.sartlar div#yazi {
	padding: 5px;
	margin: 0 30px 0 30px;
	background-color: #ddd;
}

/* Profil
---------------------------------------------------- */
.profil {
	padding: 5px;
}
.profil div#yazi {
	padding: 5px;
	margin: 0 30px 0 30px;
	background-color: #ddd;
}

/* İletişim
---------------------------------------------------- */
.iletisim {
	padding: 5px;
}
.iletisim div#yazi {
	padding: 5px;
	margin: 0 10px 0 10px;
	background-color: #ddd;
}
.formcerceve {
	background:#f9f9f9;
	margin: 7px;
	padding: 7px;
	border: #f0f0f0 3px solid;
}
.iletisimform div {
	width: 550px;
	margin-top: 0;
	padding: 3px 0 0 0;
}
.iletisimform span {
	width: 120px;
	display: block;
	float: left;
}
.mesaj {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 30px;
}

/* Araçlar
---------------------------------------------------- */
.araclar {
	padding: 0;
	margin: 0;
}
.araclar div#yazi {
	padding: 5px;
	margin: 10px;
}
.araba {
	border-top: #009966 2px solid;
	border-bottom: #009966 1px solid;
	background-color: #fff;
	float: left;
}
.araba div#aciklama {
	float: left;
	width: 330px;
	background-color: #eee;
}
.araba div#baslik {
	background-color: #009966;
	padding: 10px;
	height: 25px;
}
.araba div#baslik div#logo {
	float: left;
	width: 50px;
}
.araba div#baslik div#marka {
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.arabatablo {
	padding: 10px;
}
.arabatablo div {
	width: 300px;
	padding: 3px;
	color: #666;
}
.arabatablo span {
	float: left;
	display: block;
	width: 90px;
	padding-right: 5px;	
	font-weight: bold;
}
.arabatablo A {
	text-decoration: underline;
}
.arabatablo div#beyaz {
	background-color: #fff;
}
.arabatablo div#link {
	text-align: right;
}
.araver {
	color: #000;
	font-size: 16px;
	text-align: center;
	padding-top: 5px;
}

.araba div#resim {
	float: left;
	width: 300px;
	text-align: center;
	padding: 15px 0 0 0;
}
.araba div.resimekle {
	float: right;
	padding: 10px 25px 0 0;
}
.araba div.resimekle div#resimk {
	float: right;
	padding: 3px;
}
.araba div.resimekle div#resimk img {
	border: 1px #000 solid;
}