html{
background-image:url(/images/arkapl.jpg);

}
body{
	text-align:center;
	
	}

#main{
	margin:0 auto;
	width:800px;
	height:100%;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;  
  color: #EEE;

	
	}
h1{
	font-size:16px;
	color:#666600;
	}
.firma_satir{
		font-size:12px;
		color:#333333;
	}
.fieldset h1{
	font-size:16px;
	color:#666600;
	padding:4px;
	}
.form_baslik{
		float:left;
		text-align:left;
		padding-left:10px;
		font-size:16px;
		font-weight:bold;
		color:#777700;
		}
.kamp_firme_sag{
		font-size:12px;
		text-align:right;
		color:#333333;
		}
		
.satir2{
		font-size:12px;
		background-color:#EEF9F0;
		line-height:20px;
		}
.satir1{
		font-size:12px;
		}
.firma_detay_tablo{
		overflow:hidden;
		}
.firma_detay{
		font-size:12px;
		font-weight:bold;
		color:#003C1E;
	}
.firmaekle{
		font-size:12px;
		float:right;
		padding-right:10px;
		}
.bilgi{
	float:right;
	text-align:right;
	padding-right:5px;
	font-size:10px;
	}
.cat_tablo{
	width:136px;
	margin:1px;
	padding-left:1px;
	font-size:10px;
}
.cat_alt{
		padding-left:15px;
		
		}
.ku_res{
	padding:2px;		
		
}
.alt_cat_tablo{
	width:100%;
	margin:1px;
	padding-left:1px;
	background-color:#EAF7E6;
	height:100%;
	
	line-height:14px;
}

.cat_baslik{
	color:#356824;
	font-weight:bold;
}


.rbroundbox { background: url(../images/background.png) repeat; }
.rbtop div  { background: url(../images/simple_top_left.gif) no-repeat top left; }
.rbtop      { background: url(../images/simple_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(../images/simple_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(../images/simple_bottom_right.gif) no-repeat bottom right; }


.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 6px;
	font-size: 1px;
}
.rbcontent  { margin: 0 9px; }
.rbroundbox { width: 190px; margin: auto; float:left; margin-bottom:6px; }
.rbcontent b{
font-size:12px;
color:#336600;
padding-left:10px;
text-decoration:underline;
}
.rbcontent2 a{
	color:#3D5C78;
}
.rbcontent a{
	color:#3D5C78;
}

.rbroundbox2 { background: url(../images/background.png) repeat; }
.rbtop2 div  { background: url(../images/simple_top_left.gif) no-repeat top left; }
.rbtop2      { background: url(../images/simple_top_right.gif) no-repeat top right; }
.rbbot2 div  { background: url(../images/simple_bottom_left.gif) no-repeat bottom left; }
.rbbot2      { background: url(../images/simple_bottom_right.gif) no-repeat bottom right; }



.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
	width: 149px;
	height: 10px;
	font-size: 1px;
}
.rbcontent2  { margin: 0 6px; color:#3D5C78; }

.rbroundbox2 { width: 149px; margin-top:5px; float:right; }

.rbcontent2 b{
		font-size:12px;
		color:#336600;
		padding-left:10px;
		text-decoration:underline;
}


#ust{
	height:60px;
}
#header2 {  
  width: 800px;
	height:30px;
	vertical-align:top;
	background-color:#A9D2A2;
	font: 0.62em verdana, arial, sans-serif;  
}



#tepe{
		display:block;
		height:60px;
			}

#logo{
	width:120px;
	color:#3D5BC7;
	float:left;
	}
	#logo:hover{
	background-image:url(../images/ev.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	
	}


#banner_ic{
	width:468px;
	height:60px;
	float:right;
	}

#option{
		width:100%;
		height:20px;
		float:left;
		background-image:url(../images/alt.gif);
		background-repeat:no-repeat;
		color:#736451;
		font-size:13px;
		padding-top:3px;
}
.kirmizi_sayi{
		font-size:9px;
		color:#FF0000;
		}

#sol{
		width:195px;
		height:100%;
		float:left;
		text-align:left;
}
#sag{
		width:149px;
		height:100%;
		text-align:left;
		vertical-align:top;
		float:right;
		}
#feedControl{
	font-size:10px;
	line-height:12px;
	color:#333333;
}
#orta{
	width:440px;
	float:left;
	text-align:left;
}
.listeFirma{
	line-height:12px;
}

.fieldset{
		background-color:#F7FDF7;
		width:98%;
		margin-top:10px;
		margin-bottom:5px;
		margin-left:4px;
		margin-right:4px;
		padding:3px;
		border:1px #D0EACC solid; 
		float:left;
		
}
.reklam_orta{
		width:90%;
		margin-top:5px;
		margin-left:4px;
		margin-right:4px;
		padding:1px;
	}
	.reklam_sag{
		margin-top:5px;
		margin-bottom:5px;
		padding-top:4px;
		width:149px;
		}
.fieldset h2 {
		color:#979555;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:18px;
		}
.fieldset b {
		color:#979555;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:14px;
		}
.fieldset a.aa {
		color:#3D5C78;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:14px;
}
.fieldset a{
		color:#3D5C78;
}
.fieldset h3{
		font-weight:bold;
		color:#666666;
}
.fieldset2{
		background-color:#EFFCEF;
		width:93%;
		margin-top:10px;
		margin-bottom:5px;
		border:1px #ccc solid; 		
}
	


/**************************************************/


#menu2 {
  width: 800px;
	float:left;
	height:30px;
}

#menu2 ul {
  margin: 0;
  padding: 0;
  line-height: normal;  
}

#menu2 ul li {
  width: 100px;
  display: inline;
  float: left;
  padding-top: 0.8em;  
  list-style: none;
  text-align: center;
}

#menu2 ul li a {
  display: block;
  text-decoration: none;
  padding-bottom: 1.0em;
  color:#222;
}

#menu2 ul li a:hover,
#menu2 ul li a.active {
  font-weight: bold;
  color: #111;
  background: url(../images/menu_tab.gif) no-repeat bottom center;
}

.icon{
	width:50px;
	padding:4px;
	color:#FFFFFF;
	float:right;
	}
.icon img{
	border:none;
	list-style:lower-alpha;
	}
.icon:hover{
		color:#006600;
		cursor:pointer;
}


a {
  color:#3D5C78;
	text-decoration:none;
}

a:visited {
}
.optust{
		font-weight:bold;
		background-color:#EAF7EA;
	}
	.optalt{
			padding-left:10px;
			}
a:hover {
  color:#DF7000;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

.inputSearc {
	background-color: #f7f7f7;
	background-image: url(../images/bg.png);
	color: #626477;
	border: 1px solid #7d7d7d;
}

.inputSearc:hover,
.inputSearc:focus{
		background-color:#FFFFFF;
		color:#990000;
}


#content2 {
  width: 800px;
	color:#222;
	height:100%;
	font-size:10px;
	padding-top:1px;
	vertical-align:top;
	
}

#content2 ol li { 
  color: #9BE4FF;
}

#content2 ol li span {
  color: #EEE;
}

#content2 ul {
  padding-bottom: 10px;
}

#content2 ul li {
  list-style-image: url(../images/li_bullet.gif);
}

blockquote {  
  margin: 0;
  background: #686868 url(images/rounded_tr.gif) no-repeat top right;
} 

#footer {
float:left;
  width: 800px;
	height:25px;
	margin-top:5px;
	vertical-align:bottom;
  color: #888;
	background-image:url(../images/foot.gif);
	background-repeat:no-repeat;
}

#footer a {
  color: #888;
}

#footer a:hover {
  color: #EEE;
}

a.fullAhead {
  float: left;
  width: 30px;
  height: 34px;  
  margin-right: 10px;
  background: url(../images/logo_fullahead.gif) no-repeat 0 0;
}



.left {
  float: left;
}

.right {
  float: right;
}

img{
border:none;
}

img.left {
  padding: 5px 5px 5px 0;
}

img.right {
  padding: 5px 0 5px 5px;
}

/*  iletisim formu icin css */


#title {
	height: 26px;
	color: #5A698B;
	font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	background: transparent url("images/bg_legend.gif") no-repeat;
	letter-spacing: 2px;
	text-align: center;
}


.col1 {
	text-align: right;
	margin: 0;
	width:150px;
	float: left;
	margin-right: 2px;
	background: url(images/bg_label.gif) no-repeat;
}

.col2 {
	display: block;
		width:100px;
	float: left;
	margin: 0;
	background: url(images/bg_textfield.gif) no-repeat;
}

.col2comment {
	margin: 0;
		width:100px;
	display: block;
	float: left;
	background: url(images/bg_textarea.gif) no-repeat;
}

.col1comment {
	width:150px;
	text-align: right;
	float: left;
	display: block;
	
	margin-right: 2px;
	background: url(images/bg_label_comment.gif) no-repeat;
}

div.row {
	clear: both;
}

.submit {
	background: url(images/bg_send.gif) no-repeat;
	padding-top: 5px;
	clear: both;
	margin-left:35px;
} 

.input {
	background-color: #fff;
	font: 12px/15px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
	width:250px;
}
.input2 {
	background-color: #fff;
	font: 12px/15px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px dashed #FE0A0A;
	width:250px;
}
.input:focus{
			background-color:#F4F4F4;
}
.input2:focus{
			background-color:#F4F4F4;
}
.textarea {
	border: 1px dashed #FE0A0A;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding-left:5px;
	width:245px;
	height:200px;
}

.textarea2 {
	border: 1px dashed #FE0A0A;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding-left:5px;
	width:245px;
	height:150px;
}

.select {
	border: 1px solid #FE0A0A;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding-left:5px;
	line-height:110%;
	width:250px;
}
.select2 {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	border: 1px solid #ccc;
	padding-left:5px;
	line-height:110%;
}
.textarea:focus{
			background-color:#F4F4F4;
			}

div.altkategoriler, div.kampanyalar, div.firmalar, div.kampekle, div.kategoriler{ float:left; clear:left; }
div.altkategoriler a, div.kampanyalar a, div.firmalar a, a.kampekle{ float:left; clear:left;  }

div.firma, div.kategoriler,div.kampanyalar{
			padding-left:5px;
			color:#3D5C78;
			}

div.altkategori{
			color:#000099;
			font-size:10px;
			line-height:12px;
}
.kampekle{
		color:#999933;
		font-size:12px;
		float:right;
		text-align:right;
	}
	.kampekle:hover{
				color:#990000;;
		}

div.son5{ float:left; clear:left;	width:172px;  }
div.son5 a, div.son5 span{	float:left;	clear:left;	}

div.haberler{	float:left; clear:left;	width:150px; 	background-color:rgb(208,234,204); }
img.solust{	float:left; clear:left;	}
img.sagust{	float:right;}
img.solalt{	float:left;	clear:left; vertical-align:bottom;}
img.sagalt{	float:right;	clear:right; vertical-align:bottom;}
div.firmaislemler{ float:left; clear:left; }
div.ustlinkler{
	display:block;
	background-color:rgb(169,210,162);
}
div.ustlinkler a{margin-left:8px; margin-right:8px; 
	text-decoration:none; color:#3D5C78;}
div.ustlikler form{ float:right; clear:right; }
#arama{	display:inline; }
div.altkatgorilersolmenu{
	display:none;
	text-align:left;
	float:left;
	padding-left:15px;
	width:150px;
}
div.firmalar h1 {
		color:#808000;
		font-size:16px;
		}
div.kampanyalar h1 {
		color:#808000;
		font-size:16px;
		}
div.kategorisolmenu{
			width:190px;
	}

div.altkatgorilersolmenu a{
	margin-left:10px;
	font-size:10px;
	text-decoration:none;
	overflow:hidden;
	line-height:12px;
	color:#3D5C78;
}
 div.altkategoriler a{
 		margin-left:15px;
		font-size:10px;
		text-decoration:none;
		overflow:hidden;
		line-height:12px;
		color:#3D5C78;
 }

a.altkategori, a.altkategorisolmenu, div.kategorisolmenu{
	float:left;
	clear:left;
	text-decoration:none;
	overflow:hidden;
	color:#3D5C78;
}
div.kategoriler h4{
			color:#3D5C78;
			font-weight:bold;
			margin-bottom:0px;
			padding-bottom:0px;
		overflow:hidden;
	}
	div.kategoriler h4:hover{
			text-decoration:underline;
	}
	div.kategori a{
		color:#3D5C78;
		}
div.kategori{
	float:left;
	width:205px;
	height:60px;
	overflow:hidden;
	margin:0px;
	line-height:12px;
	padding:1px;
	color:#3D5C78;
}
.ustkatlink{
	font-size:12px;
	color:#3D5C78;

}
.ustkatlink a{
	font-size:12px;
	color:#3D5C78;

}
.ustkatlink:hover{
		color:#DF7000;
}
img.eksigif{	margin-left:-22px;	visibility:hidden;}
.accordion_toggle {
			display: block;
			height: 30px;
			width:98%;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			width:98%;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 70%;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 60%;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 98%;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 85%;
    }

	#btnSend{
		font-size:12px;
		
		color:#003333;
		vertical-align:middle;
		width:65px;
		height:25px;
		padding-bottom:3px;
		font-weight:bold;
		
	}
	#btnSend:hover{
		color:#0099CC;
		background-color:#00CC00;
		}
