html{
}
body  {
	font:normal 12px "Trebuchet MS";
	background:url(../images/bg.png) repeat-x #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
span.renk{
	color:#FF9900;
	font-size:14px;
}
span.renk2{
	color:#FF9900;
	font-size:13px;
	font-weight:bold;
}
div.music{
	margin:0 auto;
	display:block;
	width:200px;
}
div.girisAdres{
	margin:0 auto;
	display:block;
	width:900px;
	margin-top:20px;
	text-align:center;
	color:#134b80;
}

td {
	vertical-align:center;	
	color:#134b80;

}
td img.border{
	border:1px solid #929292;
	margin:1px;
}
div.yukseklik{
	display:block;
	height:35px;
}
div.yukseklik{
	display:block;
	height:25px;
}
div p.anasayfa{
	position:absolute;
	top:-19px;
	left:25px;
	font-size:14px;
	font-weight:bold;
	padding:0;
	color:#134b80;
	font-style:italic;
}
div p.anasayfa a{
	color:#fc952f;
	text-decoration:none;
}
div p.anasayfa a:hover{
	color:#000;
}
div.mLeft{
	margin:20px 0 0 37px;
}
.redapatur #container { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:530px;
	font:normal 12px "Trebuchet MS";
	background:none; /* the background color will be displayed for the length of the content in the column, but no further */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.redapatur #header {
	position:relative;
	background:none;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.redapatur #header a{
	color:#134b80;
	text-decoration:none;
}
.redapatur #header a:hover{
	color:#f29131;
}

.redapatur #header .anasayfa {
	position:absolute; 
	left: 25px; 
	top: 119px;
} 


.redapatur #header h1 {
	position:absolute;
	display:block;
	text-indent:-9999px;/*metni gizle, seo için tut*/
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.redapatur #header .logo {
	background:url(../images/logo.png) no-repeat;
	display:block;
	width:179px;
	height:183px;
	margin:10px 0 0 8px;
	z-index:0;
}
.redapatur #header .logo2 {
	background:url(../images/logoBuyuk.png) no-repeat;
	display:block;
	width:280px;
	height:287px;
	margin:150px auto 20px;
	z-index:0;
}
.redapatur #header .grupSirketleri {
	text-align:center;
}
.redapatur #header .giris {
	text-align:center;
	padding:5px 50px 0;
}
.redapatur #sidebar1 {
	position:relative;
	background:url(../images/bg_sol.png) no-repeat;
	float: left; /* since this element is floated, a width must be given */
	width: 189px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 0px 10px 10px; /* padding keeps the content of the div away from the edges */
	height:277px;
	z-index:1003;
	margin:30px 0 0 0;
}
.redapatur #sidebar1 h3{
	color:#fc952f;
	font-size:15px;
	text-align:center;
	margin:0 0 0 -30px;
	padding:0;
}
.redapatur #sidebar1 a{
	color:#000;
	text-decoration:none;
}
.redapatur #sidebar1 a:hover{
	color:#fc952f;
}


.redapatur #sidebar1 .bottomLink{
	font-size:11px;
	left: 10px;
	width: 219px;
	z-index:1001;
	margin:25px 0 0 0;
} 
.redapatur #sidebar1 .bottomLink a{
	font-weight:bold;
	color:#ea8623;
} 
.redapatur #sidebar1 .bottomLink a:hover{
	color:#000;
} 


.redapatur #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	/*padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	margin:15px 0 0 0;
}
.redapatur #sidebar2  p{
	padding:0px;
	margin:0px;
}
.redapatur #sidebar2 .sagTop{
	background:url(../images/bg_sag_top.gif) no-repeat;
	padding: 10px 10px 0px 10px;
	height:43px;
}
.redapatur #sidebar2 .sagOrta{
	padding: 0px 10px 0px 10px;
	background:url(../images/bg_sag_orta.gif) repeat-y;
}
.redapatur #sidebar2 .sagBottom{
	padding: 0px 10px 5px 10px;
	background:url(../images/bg_sag_bottom.gif) no-repeat;
	height:19px;
}
.redapatur #mainContent {
	/*background:#666666;*/
	position:relative;
	display:block;
	width:730px;
	height:400px;
	float:left;
	top:-95px;
	left:15px;
} 
.redapatur #mainContent img.right{
	float:right;
} 
.redapatur #mainContent div.arac_Logolari{
	position:relative;
	display:block;
	/*background:url(../images/arac_logolari.png) no-repeat center center;*/
	width:669px;
	height:56px;
	clear:both;
	padding-top:20px;
	text-align:center;
	margin-left:15px;
}
.redapatur #mainContent div.scroll table td{
	font-size:13px;
	color:#134b80;
	font-weight:bold;
}
.redapatur #mainContent div.scroll{
	position:relative;
	display:block;
	SCROLLBAR-FACE-COLOR: #f4f5f7;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #fff;
	SCROLLBAR-3DLIGHT-COLOR: #fff;
	SCROLLBAR-ARROW-COLOR: #f5ac5c;
	SCROLLBAR-TRACK-COLOR: #fafcff;
	SCROLLBAR-DARKSHADOW-COLOR: #f9f9f9;
	clear: both;
	overflow: auto;
	margin:0 5px;
	height:400px;
	top:-15px;
}
.redapatur #mainContent div.scroll2{
	position:relative;
	display:block;
	clear: both;
	margin:35px 5px;
}
.redapatur #mainContent div.scroll h3{
	font-size:15px;
	margin:8px 0;
	padding:0;
	color:#fc952f;
}

.redapatur #mainContent div.scroll h4{
	font-size:16px;
	margin:8px 0;
	padding:0;
	color:#134b80;
}
.redapatur #mainContent div.referanslar{
	padding:85px 0px 0 55px ;
	float:left;
} 
.redapatur #mainContent div.resim{
	background:url(../images/referanslar.png) no-repeat;
	display:block;
	width:151px;
	float:left;
	height:230px;
}
.redapatur #mainContent div.metin{
	float:left;
}
.redapatur #mainContent div.referanslar img{
	float:left;
	padding:0 15px;
} 
.redapatur #mainContent div.referanslar p{
	font-weight:bold;
	color:#134b80;
}
.redapatur #mainContent p.buyuk{
	font-weight:bold;
	font-size:14px;
	margin-top:35px;
}  
.redapatur #mainContent div.referanslar a{
	font-size:14px;
	color:#fc952f;
	text-decoration:none;
}
.redapatur #mainContent div.referanslar a:hover{
	color:#000;
}
.redapatur #mainContent div.ust{
	display:block;
	margin:0 auto;
	width:650px;
	text-align:center;
	padding:35px 0 0 35px;
	clear:both;
}

 
.redapatur #mainContent div.ust img{
	padding:0 15px;
} 
.redapatur #mainContent div.ust div{
	text-align:center;
	float:left;
}
.redapatur #mainContent div.ust div p{
	text-align:center;
	color:#134b80;
	font-weight:bold;
	padding:0 0 0 10px;
	margin:0;
	/*width:135px;*/
}
.redapatur #mainContent div.scroll ul.dotted{
	list-style:none;
} 
.redapatur #mainContent div.scroll ul.dotted li{
	background:url(../images/dotted.gif) repeat-x bottom;
	height:25px;
	margin:0;
	padding:5px 0;
	color:#134b80;
	font-weight:bold;
	font-size:13px;
} 
.redapatur #mainContent div.scroll ul.dotted li a{
	font-weight:bold;
	color:#134b80;
	text-decoration:none;
}
.redapatur #mainContent div.scroll ul.dotted li a:hover{
	color:#fc952f;
}
.redapatur #header #nav{
	background:url(../images/bg_menu.png) no-repeat;
	position:absolute;
	width:750px;
	height:48px;
	float:right;
	left: 226px;
	top: 7px;
	z-index:10;
}
.redapatur #mainContent p{
	padding:5px 0;
	margin:0 0 0 25px;
	left:31px;
	text-align:justify;
	color:#134b80;
} 
.redapatur #mainContent h2{
	position:relative;
	background:url(../images/bg_h2.png) no-repeat;
	width: 174px;
	height:41px;
	font-size:16px;
	color:#165892;
/*	color:#fc952f;*/
	margin:-45px 0 0 15px;
	padding:7px 0 0 0px;
	z-index:-1;
	text-align:center;
	float:right;
	position:absolute;
	background:url(../images/bg_h2.gif) no-repeat;
	z-index:0;
	right:25px;
} 
.redapatur #footer {
	position:relative;
	background:url(../images/bg_footer.png) repeat-x;
	z-index:1002;
	text-align:center;
	top:-70px;
} 
.redapatur #footer p {
	font-size:10px;
	margin: 10px 0 0 190px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.redapatur #footer .formlar{
	position:absolute;
	background:url(../images/talep-formu.png) no-repeat;
	display:block;
	width:213px;
	height:117px;
	top:-72px;
	right:40px;
	z-index:0;
	
}
.redapatur #footer .formlar .buton_yeni1{
	position:absolute;
	cursor:pointer;
	left: 21px;
	top: 72px;
}

.redapatur #footer .formlar .buton_yeni2{
	position:absolute;
	cursor:pointer;
	left: 112px;
	top: 73px;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/**********************************  anasayfadaki akordiyon menu için gerekli klas    ******************************************************/
.redapatur #akordiyon{
	position:relative;
	font: normal 12px "Trebuchet MS";
	/*visibility:hidden;*/
	width:640px;
	left:45px;
	top:0px;
	z-index:2;
}
.redapatur #akordiyon p{
	margin:2px 0 0px 0;
	padding:2px 0 2px 12px;
	color:#255989;
	text-align:left;
}
.redapatur #akordiyon h4{
	margin:2px 0 0px 0;
	padding:2px 0 2px 12px;
	font: bold 12px "Trebuchet MS";
	color:#255989;
	text-align:left;
}
.redapatur #akordiyon h3{
	font: bold 14px "Trebuchet MS";
	text-align:left;
	color:#134b80;
	margin:8px 0;
	padding:0;
}

.redapatur .akordiyon_baslik{
	position:relative;
	display:block;
	background:url(../images/dotted.gif) repeat-x bottom;
	margin:2px 0 0px 0;
	padding:2px 0 2px 12px;
	color:#000000;
	cursor:pointer;
	font-weight:bold;
}
.redapatur #akordiyon .akordiyon_baslik h3:hover{
	color:#134b80;
}
.redapatur .akordiyon_baslik:hover{
	background:url(../images/dotted.gif) repeat-x bottom;
}

.redapatur .akordiyon_child{
	padding:7px 10px 7px 12px;
}
.redapatur .akordiyon_child a{
	color:#fc952f;
	text-decoration:none;
}
.redapatur .akordiyon_child a:hover{
	color:#000;
}

.redapatur .akordiyon_child img{
	float:left;
	margin:0 5px 0 0;
}
.redapatur .header_highlight{
	background:url(../images/dotted.gif) repeat-x bottom;


#firma-adi-aciklama{
	position:absolute;
	width:650px;
}

