﻿.ortala {
padding: 0;
margin: 0 auto;
width:889px
}

.topgap
{
height:20px; background-color:#FFFFFF;clear:both
}

html, body {


}


A {
	COLOR: #3b769c; TEXT-DECORATION: none
}
A:link {
	COLOR: #3b769c; TEXT-DECORATION: none
}
A:visited {
	COLOR: #3b769c; TEXT-DECORATION: none
}
A:hover {
	COLOR: #266084; TEXT-DECORATION: underline
}

BODY {
	PADDING:0px!important; margin:0px auto!important;
	 font-size: 12px;  font-family:"Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif; 
	COLOR:#353535;  background-color:#556872;
	}


#top1
{
height:171px; width:889px; 
}

#top1 #logo
{
 width:243px; height:171px;
}

#top1 #slogan
{
 width:646px; height:128px; background-image:url(images/onthemove.gif); background-position:right; background-repeat:no-repeat
}

#top1 #menu
{
width:646px; height:43px; margin:0px!important; text-align:left; padding:0px auto;
}




#top2
{
width:100%; background-color:#f6f6f6; background-image:url(images/bgtop.gif); background-repeat:repeat-x; height:187px;
}

.div889
{
width:889px;display:table; color:#616161;
}

.div889 #animation
{
width:889px; height:263px; margin:20px 0px 30px 0px 
}


.div889 #left,#right
{
width:430px;display:table; padding-top:20px;
}

.arsiv
{
font-size:10px; color:#990000; width:100px; text-align:center
}


.div889 #left
{
margin-right:25px; border-top:#cfd7ad solid 5px; padding-top:12px!important
}

.div889 #right
{
border-top:#d5e8eb solid 5px
}

.title,.boxtitle
{
font-size:14px; font-weight:bold; color:#8a8a8a; width:330px;
font-family:Geneva, Arial, Helvetica, sans-serif
}

.title .titlecolor1
{
color:#364965
}



.title .titlecolor2
{
color:#617609
}

.haberlerphoto
{
width:100px; height:70px; margin-right:10px;
}
.habercontent
{
text-align:justify;  font-size:11px; width:315px
}

.habercontainer
{
background-color:#336600; margin-bottom:8px; margin-top:18px
}




.div100
{
width:100%; background-color:#FFFFFF; background-image:url(images/backgroundLeft.gif); background-position:left; background-repeat:repeat-y;

}

.katilimci
{
text-align:justify; padding-top:0px; 
}







p, div.listkalp,div.list
{	
MARGIN: 0px 0px 10px; line-height:18px; text-align:justify; padding-right:20px;
}

p.frame
{
background-color:#fefff6; border:1px #dedcac dotted; padding:5px 5px 5px 5px; width:580px; font-style:italic
}


div.listkalp UL
{
padding-left:0px; font-size:13px; line-height:28px; font-family:"Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif; color:#565656; font-style:italic;
}

div.listkalp LI
{
padding-left:20px; background-image:url(images/title_listarrow.gif); background-repeat:no-repeat; background-position:left; list-style:none;
}

div.list UL
{
padding-left:0px; font-size:12px; line-height:26px; font-family:"Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif; color:#565656; font-style:italic
}

div.list LI
{
padding-left:20px; background-image:url(images/title_arrow.gif); background-repeat:no-repeat; background-position:left 7px; list-style:none;
}




/***************************Form Items***********************************/


.curved,.curvedtextarea{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 2px;
	BACKGROUND: url(images/input-bg.png) no-repeat;
	WIDTH: 206px;
	HEIGHT: 22px;
	color: #000;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	MARGIN-RIGHT: 5px;
	margin-bottom:8px;


}

.curvedtextarea
{
	BACKGROUND: url(images/input-bg1.png) no-repeat; height:50px
	}

.textboxcurved,.textareaboxcurved

{
width: 175px;
background-color:#FFFFFF;
color:#666666;
font-size:11px; font-family:Arial, Helvetica, sans-serif; 
border:none
}

.textareaboxcurved
{
height:40px;
}

p.submit
{
margin:0px auto;text-align:right; padding-right:12px
}

/* ----------- stylized ----------- */


.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:500px;
	padding:14px;

	
}

	#stylized{
		border:none;
		background:#fff;
	}
	
	#stylized DIV{
	clear:both;
	}
	
	#stylized h1 {
		font-size:11px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		clear:both;
	}
	#stylized .small{
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:11px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
		
			
	}
	
		#stylized .image{
		
		margin:2px 0 20px 10px!important;
		border:none;
		width:auto!important;
		
		
			
	}
	
	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:80px;
		height:26px;
		background:#fff url(images/button.png) no-repeat;
		text-align:center;
		line-height:26px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		clear:both
	}

.selectbox
{
		float:left;
		font-size:11px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
		
}
.multitextbox{ 
		float:left;
		font-size:11px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:250px; height:70px;
		margin:2px 0 20px 10px;
		
	}


.textbox

{
width: 140px; height:16px;
background-color:#FFFFFF; border:2px solid #000000;
font-size: 11px ;
color: #000000; margin: 0; border: 1px solid #aab6c2;
background: #FFF url(images/input.gif) repeat-x -4px -4px; 
}

.lstbox

{
width: 206px;
background-color:#FFFFFF;
margin-bottom:10px; 
}

/***************************Form Items***********************************/


/***************************Sitemap***********************************/

.sitemapbg
{
 border-top:1px solid #e4e4e4; margin:20px 0px 0px 0px; background-color:#f1f1f1; 
}


.sitemap_text
{
		
		color:#484848; display:table; font-size:11px; line-height:20px; font-size:10px; width:900px;
		font-family:Arial, Helvetica, sans-serif; color:#FFFFFF
}



.sitemap_text A {
	COLOR: #414141; TEXT-DECORATION: none
}


.sitemap_text A:visited {
	COLOR: #414141; TEXT-DECORATION: none
}

.sitemap_text A:active {
	COLOR: #414141; TEXT-DECORATION:none
}

.sitemap_text A:hover {
	COLOR: #000; TEXT-DECORATION: underline;
}


.sitemap_text .column {
	 DISPLAY: block;  FLOAT: left; PADDING-BOTTOM: 15px; 
	 margin-right:40px; padding-right:7px; margin-top:10px;

}

.sitemap_text .column H4 {
	FONT-SIZE:10px; COLOR: #393939; line-height:20px; background-repeat:no-repeat;background-image:url(images/shortcutH4.gif);
	padding-left:10px; background-position:left; margin:0px
}

.sitemap_text .column H4 {

}


  
.sitemap_text .column UL {
	PADDING-LEFT: 0px;margin:0px
}

.sitemap_text .column LI {
	PADDING-LEFT: 0px; margin:0px; list-style:none; background-image:url(images/shortacutarrowsubmenu.gif); background-repeat:no-repeat;
	background-position:left; padding-left:10px
}




 



.copyright
{
border-top:1px #fff solid; background-color:#556872; font-size:10px; padding-top:10px; padding-bottom:0px; height:25px;
}
 
.copyright>.sitemap_text
{
color:#fff!important;
}
 
.copyright a
{
color:#fff!important;
}
.copyright>.sitemap_text>.floatright
{
padding-right:15px
}

.poweredby a
{
color:#abb8bf!important;
}

/***************************Sitemap***********************************/





/*************************** Iletisim ***********************************/


DIV.adress
{
border-top-color:#CCCCCC;  margin-bottom:10px;
}

DIV.adress label {
	 	
		display:block;
		font-weight:bold;
		text-align:left;
		width:50px;
		float:left;

	 
}

DIV.adress ul
{
 list-style:none
}

DIV.adress li
{
padding-left:20px;list-style:none
}

DIV.adress .tel
{
background-image:url(images/iconphone.gif); background-repeat:no-repeat; background-position:0px 5px;
}

DIV.adress .fax
{
background-image:url(images/iconfax.gif); background-repeat:no-repeat;  background-position:0px 5px;
}

DIV.adress .adres
{
background-image:url(images/iconadress.gif); background-repeat:no-repeat;  background-position:0px 5px;
}

DIV.adress .mail
{
background-image:url(images/iconmail.gif); background-repeat:no-repeat;  background-position:0px 5px;
}

DIV.googlemap
{
width:495px; height:280px; background-image:url(images/content/googlemap.gif); background-repeat:no-repeat; background-position:left;
padding-right:0px; margin-left:15px; margin-top:20px;  font-weight:bold;

}

DIV.googlemap a
{
color:#356070;
}
/*************************** / Iletisim ***********************************/


.clearRight{
	CLEAR: right
}

.floatleft
{
float:left;
}
.floatright
{
float:right;
}
.noborder
{
border:none!important;
}

#MyResult
{
color:#9a2879; text-align:left; line-height:20px; text-align:justify; width:180px; height:1px
}

#MyResult a
{
color:#831162; font-weight:bold
}

.inline
 {
 display:inline
 }

.clear
{
clear:both
}

.bold
{
font-weight:bold;
}

.nomargin
{
margin:0px
}

.nopadding
{
padding:0px;
}

.gosterilerselected
{
background-color:#fff; padding:4px; border:#e5e5e5 1px solid
}

.italic
{
font-style:italic;
}
p.name
{
	padding-left:15px;
	background-image:url(images/iconinfo.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#000;
	font-size:10px
}
.fontbigger
{
font-size:14px; line-height:30px; color:#124e7f; font-style:italic
}

.fontbiggertitle
{
font-size:16px; color:#000000;
}

.margin
{
margin-left:10px; margin-right:10px
}

.marginright15px
{
margin-right:15px
}


.marginvertical
{
margin-top:10px; margin-bottom:10px
}

a.white
{
color:#FFFFFF
}

img
{
border:none
}

.justify
{
text-align:justify
}

.borderbottom
{
border-bottom-color:#CCCCCC; border-bottom-style:dotted; border-bottom-width:1px
}
/*------- Anasayfa animasyon --------------------*/

.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 889px; /*Width of Carousel Viewer itself*/
height: 283px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 889px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*------- Anasayfa animasyon END--------------------*/

/*------- BOX BLUE--------------------*/

DIV.boxblue
{
width:248px; height:auto; margin-left:10px;
}

DIV.boxbluetop
{
background-image:url(images/boxbluetop.gif); width:248px; height:9px;
}

DIV.boxbluemiddle
{
background-image:url(images/boxbluemiddle.gif); background-repeat:repeat-y;width:248px; height:auto;
}

DIV.boxbluetext
{
color:#ebf7f9; font-family:Helvetica, Arial, Verdana; font-size:11px; width:210px; text-align:justify;
padding:15px; line-height:18px; 
}

DIV.boxbluebottom
{
background-image:url(images/boxbluebottom.gif); width:248px; height:31px;
}

.boxtitle
{
margin-bottom:20px;  color:#033b4f; width:210px; text-align:left; font-size:12px;
 padding:0px!important; border-bottom:#bae5ec solid 1px; line-height:20px
}

.boxtitle .titlecolor1
{
color:#fff
}




/*------- BOX BLUE END--------------------*/