/* ======================================================== GLOBAL ==========================================================*/

*{
margin: 0;
}

html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, dl {
	margin:0 0 0 0;
	padding:8px 0 0 0 ;
	border:0;
	position:relative;
	
}

h4 {font-family:Georgia, Times New Roman, Times, serif; font-size:22px; font-weight:normal; font-style:italic;padding-bottom:5px;}
h5 {font-family:Georgia, Times New Roman, Times, serif; font-size:16px; font-weight:normal; font-style:italic;padding-bottom:20px;}
body {
font-family: Arial, Helvetica, sans-serif; font-size: 12px;
color:#000; 
background:url(../images/bg.jpg) #fff left 95px repeat-x;
}

html, body {
	height: 99%;
}

.head_spot {top: 15px;}

p{
font-size: 12px;
color:#333;
line-height:19px;
margin-bottom:8px;
}

.testimonial_l{
width: 250px;
height:150px;
background-image:url(../images/testimonial_l.gif);
background-repeat:no-repeat;
background-position:top left;
padding: 0 0 0 20px;
}

.testimonial_r{
display:block;
float:left;
width:240px;
padding: 10px 15px 20px 8px;
font-size: 12px;
color:#888;
line-height:19px;
margin-bottom:8px;
background-image:url(../images/testimonial_r.gif);
background-repeat:no-repeat;
background-position:bottom right;
}



a:link{
color:#000000;
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}

.Wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5em;
	width:830px;

}

input:focus, input.focus, textarea:focus, textarea.focus, select:focus, select.focus{
background-color:#FFFFCC;
}

h1 {
background:url(../images/grey_arrow.gif) left center scroll no-repeat;
padding-left:20px;
font-size:15px;
line-height:25px;
color:#333;
}

h1.subtitle{
position:absolute;
bottom:-5px;
font-size:16px;
color:#333;
font-weight:normal;
}

.centered, p.centered {
	text-align:center;
}
.txtright{
text-align:right;
}

.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}


img {
	border:0px;
}

.cfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.cfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .cfix {height: 1%;}
.cfix {display: block;}
/* End hide from IE-mac */

.icon {
vertical-align:middle;
margin-right:5px;
}
.Content_title {
font-size:18px;
line-height:18px;
}
.viewprofiletext {
font-size:11px;
font-weight:bold;
color:#797979;
}
.biggerfont {
font-size:13px;
font-weight:bold;
}
.submenudiv {
position:absolute;
top:121px;
left:125px; 
background: transparent url('../images/submenu_l.gif') no-repeat scroll top left;
display: block;
float: left;
height: 28px;
padding-left: 8px; /* sliding doors padding */
text-decoration: none;
z-index: 15;
}
.submenudiv span {
background: transparent url('../images/submenu_r.gif') right top no-repeat;
display: block;
float:left;
padding-right:8px;
text-decoration: none;

}


ul.submenu {
margin:0;
padding:0;
list-style:none;
}
ul.submenu li  {
padding:0 19px;
height:28px;
line-height:28px;
float:left;
}

ul.submenu li.activated a {
font-weight:bold;
color:#000;
}

ul.submenu li a, a:visited {
color:#3b3b3b;
text-decoration:none;
}

ul.submenu li a:hover {
color:#000;
text-decoration:none;
}



ul.homepage {
margin:0;
padding:0;
list-style:none;
}
ul.homepage li  {
padding:0px;
height:28px;
line-height:28px;

font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
}
ul.homepage li a:link, a:visited {
color:#000;
text-decoration:none;
}
ul.homepage li a:hover {
color:#ff9000;
text-decoration:underline;
}





/*======================================================= COLOR ====================================== */
.orange {
color:#ff9000;
}
/* ====================================================== BUTTON ===================================== */
a.top_btn {
    background: transparent url('../images/top_btn_r.gif') no-repeat scroll top right;
    display: block;
	float: left;
    height: 24px;
    padding-right: 28px; /* sliding doors padding */
    text-decoration: none;
}

a.top_btn span {
	color:#fff;
    background: transparent url('../images/top_btn_l.gif') no-repeat;
    display: block;
    line-height: 24px;
    padding-left:12px;
	text-decoration: none;
	font-size:11px;
	color:#000;
}

a.top_btn:link, a.top_btn:visited, a.top_btn:active{
	text-decoration: none;
}
a.top_btn:hover {
    background-position: bottom right;
	text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

a.top_btn:hover span {
	color:#FF7200;
    background-position: bottom left;
    padding-left:12px; /* push text down 1px */
	text-decoration: none;
}
/* ====================================================== WRAPPER ==================================== */
.Wrapper {
width:830px;
margin:0 auto;
}
.Wrapper .Topbar {
height:120px;
}
.Wrapper .Topbar .language {
display:block;
margin-bottom:15px;
float:right;
}

.Wrapper .Topbar .selection{
display:block;
float:right;
height:77px;
width:560px;
text-align:right;
}


.lang{
width:150px;
float:left;
margin-left:410px;
text-align:right;
margin-top:1px;
z-index:800;
position:relative;
}

.selection .lang a.deutsch {

padding-left:10px;
color:#000;
text-decoration:none;
margin:0 3px;
font-size:10px;
}

.selection .lang a.deutsch:hover {
margin:0 3px;
text-decoration:underline;
}

.selection .lang a.english {
text-decoration:none;
margin:0 5px;
color:#000;
font-size:10px;
}
.selection .lang a.english:hover {
margin:0 5px;
text-decoration:underline;
}

.selection .lang a.turkish {
text-decoration:none;
margin:0 5px;
color:#000;
font-size:10px;
}
.selection .lang a.turkish:hover {
margin:0 5px;
text-decoration:underline;
}

.Topbar ul.Menu {
margin:0;
padding:0px;
list-style:none;
float:left;
}
.Topbar ul.Menu li {
float:left;
display:inline;
list-style-type:none;
position:relative;
width:auto;
padding:0px;
}

.Topbar ul.Menu li.activated {
padding:0px 15px;
}


.Topbar ul.Menu li a{
height:43px;
width:126px;
float:left;
display:block;
}



.Topbar ul.Menu li a:link, .Topbar ul.Menu li a:visited{
background-position:center;
}

.Topbar ul.Menu li a:hover {
background-position:bottom;
}

.Topbar ul.Menu li.activated a:link, .Topbar ul.Menu li.activated a:visited, .Topbar ul.Menu li.activated a:hover, .Topbar ul.Menu li.activated a:active{
background-position:top;
}


/* ================================================ HEADER =================================================== */
.Wrapper .Header {
background:url(../images/header_bg.jpg) no-repeat;
width:100%;
padding-top:25px;
margin-bottom:10px;
height:106px;
position:relative;

}


/* ============================================== CONTENT ========================================================== */
.Content {
float:left;
height:auto;
margin-bottom:30px;
min-height:483px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
line-height:18px;
width:820px;
}


#videoplayer {float:right;width:300px; border:3px solid #F5F5F5; margin-left:5px;}

.productOptions {
	width: 550px;
	padding: 8px;
	background: #fff url(../images/doubleSolidDivider.gif) 0 0 repeat-x;
	font: normal 12px arial, helvetica, sans-serif;
	color: #483723;
}

.productOptions:hover {
	background: #FFF9DF url(../images/doubleSolidDivider.gif) 0 0 repeat-x;
}

.productOptions img {
	float: left;
	width: 150px;
	height: 120px;
	background: #fff;
	border: 2px solid #FFDA34;
	padding: 1px;
	margin: 0 10px 0 0;
}

.productOptions a img:hover {
	border: 2px solid #003300;
}

.productOptions h2 {
font: normal 14px Verdana;
padding: 2px 0 0 0;
}



* html div.Content  { 
   height: expression( this.scrollHeight < 484 ? "483px" : "auto" ); /* sets min-height for IE */
   min-height: 483px; /* sets min-height value for all standards-compliant browsers */
}

.Content .main_content {
background:url(../images/main_content_bg.gif) left top scroll repeat-x;
width:702px;
padding-top:3px;
margin-bottom:35px;
}
.main_content .introducediv {
padding:16px;
background:url(../images/dotted.gif) right top scroll no-repeat;
float:left;
width:202px;
}
.introducediv ul.list {
margin:0;
padding:0;
list-style:none;

}
.introducediv ul.list li {
padding:6px 0 6px 10px;
background:url(../images/smallline.gif) left 10px scroll no-repeat;
display:block;
list-style-type:none;
color:#333333;
font-size:12px;
}

a.clients:link, a.clients:visited{
display:block;
float:left;
margin-right:5px;
background-position:top;
height:55px;
}

a.clients:hover, a.clients.hover, a.clients:active{
display:block;
float:left;
margin-right:5px;
background-position:bottom;
}


/* ======================================================= FOOTER ================================================ */
.alpha{
position:relative;
width:95%;
padding:12px 2% 0px 3%;
z-index:30;
}

.alphabutt{
width: 100px;
height: 30px;
display:block;
position:absolute;
top: -45px;
right: 10px;
}

.Footer{
position:relative;
width:95%;
padding:12px 2% 0px 3%;
height: 77px;
background-color:#1D1D1D;
border-top:2px solid #FFD53C;
color:#999;
margin-top:-3em;
z-index:3;
}

.Footer .btn {
position:absolute;
top:-25px;
right: 10px;
z-index:55;
}


.Footer .copyRight {
clear:both;
float:left;
margin-right:20px;
font-size:11px;
}

.Footer .contactways {
float:left;
margin-right:20px;
font-size:11px;
margin-bottom:3px;
}
.Footer .contactways img {
margin-right:5px;
}

.Footer ul.links{
margin:0;
padding:0;
list-style:inside;
list-style-type:square;
}

.Footer ul.links li{
float:left;
margin-right:6px;
}

.Footer a:link, .Footer a:visited {
color:#999999;
}
.Footer a:hover, .Footer a:active {
color:#FF7200;
text-decoration:underline;
}

.Footer ul.links li a:link, .Footer ul.links li a:visited {
color:#999999;
padding-right:5px;
font-size:11px;
text-decoration:none;
}
.Footer ul.links li a:hover, .Footer ul.links li a:active {
color:#FF7200;
text-decoration:underline;
}



/* ================================================= ABOUT TEAM =================================================== */
.Content .Teampage {
width:820px;
float:left;
margin-bottom:58px;
}
.Teampage ul.teamnumber {
margin:0;
padding:0;
list-style:none;
}
.Teampage ul.teamnumber li {
padding:10px 15px 40px 0px;
list-style-type:none;
color:#333;
display:block;
}
.Teampage ul.teamnumber li.bg {
background:url(../images/greygradient_bg.gif) left top repeat-y scroll;
z-index:-1;
}

.Teampage ul.teamnumber li .director {
float:left;
background:url(../images/greybox_bg.gif) right top scroll no-repeat;
padding-right:40px;
height:45px;
line-height:29px;
width:auto;
min-width:220px;
font-size:11px;
color:#555555;
}

/* ================================================= ABOUT OVERVIEW =================================================== */
.Overview{
float:left;
width:600px;
padding-left:10px;
padding-bottom:40px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
line-height:18px;
font-weight: normal;
text-align:justify;
z-index:-10;
position: static;
}

.urunkisa {line-height:12px;}


/* ================================================= ABOUT CAREER =================================================== */
.Career{
float:left;
width:588px;
height:auto;
margin-bottom:60px;
}
/* ================================================= PORTFOLIO =================================================== */
.Portfolio{
float:left;
padding-bottom:40px;
}

.Portfolio .screen1{
float:left;
width: 652px;
height:290px;
border:3px solid #e0e0e0;
margin-right:15px;
position:relative;
}

.Portfolio .screen2{
float:left;
width: 280px;
height:290px;
border:3px solid #e0e0e0;
position:relative;
}

.Portfolio .loading {
position:absolute;
top:50%;
left:50%;
z-index:9;
}

.Portfolio .screen1 img, .Portfolio .screen2 img{
position:absolute;
z-index:15;
}

.Description{
float:left;
display:block;
width: 652px;
margin-right:12px;
position:relative;
margin-top:30px;
}

.Testimonial{
float:left;
display:block;
width: 284px;
position:relative;
margin-top:15px;
}

.Tidbits{
float:left;
display:block;
width: 495px;
font-size:13px;
color:#555;
line-height:19px;
}

.Share{
float:left;
width: 142px;
height:60px;
background:url(../images/share.gif) no-repeat;
padding:25px 4px 0px 4px;
}

.Share img{
padding:4px 3px;
}

.Portfolio .Featured{
width: 100%;
float:left;
height:auto;
padding-bottom:35px;
margin-bottom:20px;
background:url(../images/shadow.gif) repeat-x bottom;
}

.Portfolio .Featured .thumb{
float:left;
width: 242px;
height:162px;
margin-right: 20px;
background:url(../images/featured_shadow.gif) no-repeat;
padding:4px;
}

.Portfolio .Featured .desc{
float:left;
width:645px;
height:auto;
}

.Portfolio .Featured .desc .title{
width:645px;
height:auto;
color:#006088;
font-size:28px;
font-weight:bold;
display:block;
}

.Portfolio .Featured .desc .subtitle{
color:#444;
font-size:17px;
font-weight:bold;
}

.Portfolio ul.case{
list-style:none;
margin:6px 0px 0px 0px;
padding:0px;
}

.Portfolio ul.case li{
float:left;
font-size:12px;
margin-right:23px;
height:260px;
color:#777;
position:relative;
}

.Portfolio ul.case img{
margin-bottom:9px;
}

.Portfolio ul.case .progress{
display:block;
font-size:10px;
color:#FF9900;
}

.Portfolio ul.case li .title{
display:block;
font-size:21px;
color:#222;
font-weight:bold;
}

.border {padding:0px; border: 3px solid #CCCCCC;}
a:link img.border {padding:0px; border: 3px solid #CCCCCC;}
a:hover {background-position: 0 0}
a:hover img.border {padding:0px; border: 3px solid #ffd507;}



/* ================================================= CONTACT =================================================== */
.Contact{
float:left;
width:665px;
margin-bottom:70px;
}

.Contact .form{
float:left;
width:390px;
background:url(../images/contact_bg.gif) no-repeat top;
padding:0px 15px;
margin:0;
}

.Contact .address{
float:left;
width:220px;
font-size:13px;
color:#333;
margin-left:15px;
line-height:20px;
}

.Contact .form span.l{
width: 90px;
float:left;
text-align:left;
}

.Contact .form ul{
padding:0;
margin:0;
list-style:none;
}

.Contact .form ul li{ 
padding: 5px 0px;
}

.Contact .form ul li input, .Contact .form ul li textarea{
width:265px;
}

a.formbutton {
    background: transparent url('../images/button_r.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 20px;
    margin-right: 6px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

a.formbutton span {
	color:#000;
    background: transparent url('../images/button_l.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 11px 3px 18px;
	text-decoration: none;
}

a.formbutton:link, a.formbutton:visited, a.formbutton:active{
	text-decoration: none;
}
a.formbutton:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.formbutton:hover span {
	color:#333;
    background-position: bottom left;
    padding: 3px 11px 3px 18px; /* push text down 1px */
}

ul.keys{
list-style:outside;
list-style-type:square;
margin:0 0 0 15px;
padding:0px;
}
ul.keys li{
padding:4px 0px;
color:#666;
}

.msg
{
  border:1px solid green;
  bacground: yellow;
  width:360px;
  padding:5px;
  margin:10px;
}

ul.related{
list-style:inside;
list-style-type:square;
margin:0;
padding-left:25px;
list-style-position:outside;
}

ul.related li{
margin: 5px;
}





/* left side column */
#leftside   { width: 192px; float:left; text-align:left; position: relative; top: 0px; }

#leftside a { text-decoration:none; }



#left_browse_content {
background:#fff url(../images/left_browse_content_end_bg.gif) no-repeat left bottom;
padding:0 0 12px 0;
margin:0 0 17px 0px;
}


#left_browse_content li {
border-bottom:1px solid #d3e2ed;
padding:8px 5px 4px 3px;
width:182px;
background:#e2e3e5;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
list-style-type:none;
z-index:1;
}

#left_browse_content li a {color:#000000;}
#left_browse_content li a:hover {color:#FFFFFF;}
#left_browse_content li:hover   {background:#FDD83F;}
#left_browse_content li:hover a {color:#000000;}
#left_browse_content li.activated a {font-weight:bold;}




.left_title{
	padding:0px;
	margin-top:10px;
	border:0px;
	background:url(../images/left_browse_content_h2_bg.gif) no-repeat left top;
	height:24px;
	width:189px;
	
}
.left_title h2{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	padding-left:8px;
}



/* ---------------- IKINCI EL URUNLER  -----------------------*/

#ikinciel_div{
	background:#e8f0f6 url(../images/left_browse_content_end_bg.gif) no-repeat left bottom;
	width:190px;
	padding-bottom:12px;
	overflow: hidden;
}
#ikinciel_div li{
	border-bottom:1px solid #d3e2ed;
	padding:8px 5px 4px 11px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	list-style-type:none;
}
#ikinciel_div .ikinciel-title{
	padding:0px;
	margin:0px;
	border:0px;
	background:url(../images/left_browse_content_h2_bg.gif) no-repeat left top;
	height:24px;
	text-align:center;
	padding-top:5px;
}
#ikinciel_div h2{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-top:6px;
	padding-left:13px;
}
#ikinciel_div li a{
	color:#333333;
}
#ikinciel_div li a:hover{
	color:#666666;
}


/* ---------------- NEWSLETTER  -----------------------*/

#newsletter_div{
	background:#e8f0f6 url(../images/left_browse_content_end_bg.gif) no-repeat left bottom;
	width:190px;
	margin-bottom:12px;
	overflow: hidden;


}

#newsletter_div .newsletter-title{
	padding:0px;
	margin:0px;
	border:0px;
	background:url(../images/left_browse_content_h2_bg.gif) no-repeat left top;
	height:24px;
	text-align:center;
	padding-top:5px;
}

#newsletter_div h2{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-top:6px;
	padding-left:13px;
}
#newsletter_div a{
	font-size:10px; color:#333333;
}
#newsletter_div a:hover{
	color:#666666;
}
#newsletter_div p{
	font-size:10px; padding:5px;line-height:12px;
}

.buton {
BACKGROUND-COLOR: silver; BORDER: #003060 1px solid;COLOR: #003060; FONT-FAMILY: verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold; margin-left:-4px;
}

/* ---------------- HABERLER  -----------------------*/

#habernav_div{
	background:#e8f0f6 url(../images/left_browse_content_end_bg.gif) no-repeat left bottom;
	width:190px;
	padding-bottom:12px;
	overflow: hidden;
}
#habernav_div li{
	border-bottom:1px solid #d3e2ed;
	padding:8px 5px 4px 3px;
	margin-left:-35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	list-style-type:none;
}
#habernav_div .habernav-title{
	padding:0px;
	margin:0px;
	border:0px;
	background:url(../images/left_browse_content_h2_bg.gif) no-repeat left top;
	height:24px;
	text-align:center;
	padding-top:5px;
}
#habernav_div h2{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-top:6px;
	padding-left:13px;
}
#habernav_div li a{
	color:#333333;
}
#habernav_div li a:hover{
	color:#666666;
}

/* ----------------- MARKALAR --------------------*/

.stateon{ border: 1px #eeeeee Solid;}
.stateoff{ border: 1px #FFFFFF Solid; FILTER: gray(color: #000000) }
.stateclicked{ border: 1px #CCC Solid; }




/* ---------------- FORMS -------------------------*/
.FormLabel
{
    float:left;
    margin:0px 20px 0 0;
    font-weight:bold;
    width:200px;
	font-size:12px;
}

.FormInput
{
    margin-left:5px;
    font-family:Tahoma;
    font-size:12px;
    margin:0;
	border: 1px solid #333333;
}

.FormField
{
    clear:left;
    float:left;
    width:150px;
    margin:0 0 3px 0;
}


/*
3three column
--------------------------------- */
.threeColumn{
	overflow:hidden;
	position:relative;
	margin:0px;
	padding:0px;
}
.threeColumn li{
	float:left;
	width:180px;
	height:195px;
	padding:11px 5px 0 5px;
	border-right:1px dashed #dcdcdc;	
	border-bottom:1px dashed #dcdcdc;
	list-style-type:none;
	text-align:left;
	font-size:11px;
}

.threeColumn li p{
	line-height:14px;
	padding-left:3px;
}

.haberimg {
padding:3px;
margin:3px;
border:1px solid #E1E1E1;
background:#FFFFFF;
}

.spotbaslik {
padding:5px 3px 5px 20px;
background:url(../images/yellow.gif) no-repeat left center;
border-bottom:1px dashed #D2D2D2;
font-weight:bold;
display:block;
color:#990000;
}