*{margin:0; padding:0}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #777;
	font-family: 'Open Sans', arial;
line-height: 19px;
font-size:12px;	
text-align:left;
}

.bosluk:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.bosluk {
	display: block;
}
/* Hides from IE-mac \*/
* html .bosluk {height: 1%;}
.bosluk {display: block;}
/* End hide from IE-mac */


.sol { float:left; }
.sag { float:right; }

a {outline:0; text-decoration:none; color: #777}
img { border: 0; }

p {
color:#777; text-decoration:none; line-height: 19px;
font-size:12px; margin-bottom:7px;text-align:left;
}

h1 {
font-family: 'Open Sans', arial;
color:#00ccff; 
text-decoration:none; 
line-height: 46px; 
font-size:41px; 
margin-top:0px; 
text-align:left;
margin-bottom:10px;
font-weight: 300;
}

h2 {
color:#777; 
text-decoration:none; 
line-height: 27px; 
font-size:20px; 
margin-top:0px; 
text-align:left;
margin-bottom:10px;
font-weight: 500;
}

li {list-style:none;}

#resim2, #resim3, #resim4, #resim5, #dipnot2 {display:none;}

#ana { width:620px; float:left; clear:both; }

#ana ul li{
float:left; font-size:13px; color:#5f5f5f; line-height:17px; clear:both; background: url(arrow3.png) no-repeat 0px 6px; margin-bottom:12px; padding:0 0 0 13px; width:100%;} 

#menu ul{
float:right;
margin-right:0px;
margin-top:10px;
}

#menu ul li {
float:left; 
font-size:13px; 
line-height:27px; 
clear:both; 
background: url(arrow.png) no-repeat 0px 11px; 
width:230px; 
margin-bottom: 0px;
border-bottom: 1px dotted #ccc; 
} 

#menu ul li a { 
padding:0 0 0 13px; float:left; color: #00ccff; font-weight:300;
}

#menu ul li a:hover {
color:#000; 
}


#menu ul li.son {
border-bottom: 0px dotted #ccc; 
} 




#yukari {
width:100%;  height:10px; margin:0; background-color: #00ccff; clear:both;
}

#yukari2 {
width:100%; height:550px; margin: 0; background: #fff url(bg.jpg) no-repeat center center; clear:both;
}

#yukari2_ic {
width:990px;  height:550px; margin:0 auto; clear:both;
}


#ust{
width:990px; height:150px; float: left; background: url(ust.png) repeat top center; position:relative; margin-top:140px;
}

#banner{
width:990px; height:230px; float: left; position:relative; margin-top:20px;
}



#logo {
width:250px; 
height:150px; 
float: left; 
background: url(logo.png) no-repeat center left; 
position:relative; 
}

#tel {
width:250px; 
height: 100px; 
float: left; 
background: url(tel.png) no-repeat center left; 
position:absolute;
margin-left:720px; 
top: 10px;
}




#orta{
width:100%; float:left; margin-bottom:50px;
}

#orta_ic{
width:990px; margin: 0 auto; 
}

#ortasol{
width:680px; 
float:left; 
border-right: 1px solid #ddd; 
padding-right: 30px; 
text-align:left; 
margin: 0px;
margin-left:20px;
}


#ortasag{
width:230px; 
float:right; 
text-align:right; 
margin: 0px; 

}



#alt {
width:100%; height:150px; margin: 0; background: url(ust.png) repeat top center; clear:both; border-bottom:13px solid #ddd; border-top:1px solid #ddd;
}

#alt_ic{
width:990px; height:150px; margin: 0 auto; 
}

#alt_sol{
float:left; 
text-align:left; 
font-size:10px;
margin-top:50px;
color: #777;
}


#alt_sag{
float:right; 
text-align:right; 
font-size:10px;
margin-top:0px;
}







#orta1{
width:990px; margin: 0px auto 0px auto; background: url(bos.png) repeat left top; padding: 10px 0 10px 0; float:left;
}

#orta2{
width:990px; margin: 0px auto 0px auto; background: url(bos.png) repeat left top; padding: 10px 0 10px 0; float:left;
}

#orta2_ic{
width:970px; background: url(orta2.png) repeat-x top right; margin: 0px 0 0px 10px; float:left;
}

#orta3_ic{
width:970px; background-color: #111; margin: 0px 0 0px 10px; float:left;
}






#sag li{
background: url(arrow.png) no-repeat center left; padding-left:20px; line-height:24px;
}

#cizgibosluk{
width:100%; float:left; height:1px;  clear:both; margin: 30px 0 30px 0px;
border-top: 1px dashed #222;
}


#svb{
width:100%;  height:50px; margin:0; border-top: 1px dashed #808080; background-color: #000;
}

#svb_ic{
width:950px;  height:50px; margin:0 auto; 
}

#flash{
height:304px; background:url(display.png) top center no-repeat; width:467px; margin-top:100px; float:right; position:relative; z-index:999
}



#vorteile ul{
margin-bottom: 30px; float:left; text-align:left; clear:both;
}

#vorteile ul li {
 margin-left:1px; float:left; font-size:13px; color:#5f5f5f; line-height:20px; clear:both; background: url(ok.png) no-repeat top left; width:180px; padding-left:25px; margin-bottom: 5px;  } 

#vorteile ul li a { 
 height:20px; padding:10px 13px; float:left; color: #777;
}

#vorteile ul li a:hover, ul li a.active {
color:#777; background:#272727
}


.cepic {
height:430px; width:710px; float:right; overflow:auto; 
}

.cepic2 {
height:430px; width:710px; float:right; overflow:auto; 
}

#cepic_sol {
width:300px; float:left; 
}
#cepic_sag {
width:300px; float:right; 
}


#t0{
width:200px; height:27px; margin: 0px 0 20px 0; padding: 0; float:left;
border-bottom: 1px dashed #222; clear:both;
}

#t00{
width:620px; height:2px; margin: 0px 0 17px 0;  padding: 0; float:left;
border-bottom: 1px dashed #222; clear:both;
}

#t1{
width:200px; height:37px; margin: 0px 0 20px 0; background: url(t1.png) no-repeat left top; padding: 0; float:left;
border-bottom: 1px dashed #222; clear:both;
}

#t2{
width:200px; height:37px; margin: 50px 0 20px 0; background: url(t2.png) no-repeat left top; padding: 0; float:left;
border-bottom: 1px dashed #222; clear:both;
}

#t3{
width:200px; height:37px; margin: 50px 0 20px 0; background: url(t3.png) no-repeat left top; padding: 0; float:left;
border-bottom: 1px dashed #222; clear:both;
}

#t5{
width:200px; height:37px; margin: 50px 0 20px 0; background: url(t5.png) no-repeat left top; padding: 0; float:left;
border-bottom: 1px dashed #222; clear:both;
}

#t6{
width:200px; height:37px; margin: 50px 0 20px 0; background: url(t6.png) no-repeat left top; padding: 0; float:left;
border-bottom: 1px dashed #222; clear:both;
}
#t7{
width:620px; height:27px; margin: 0px 0 20px 0; background: url(t7.png) no-repeat left top; padding: 0; float:left;
border-bottom: 1px dashed #222; clear:both;
}

#resimsol{
width:442px; float:left;
}

#resimsag{
width:140px; float:right;
}

#resimsol img{
border: 1px solid #ddd; padding:2px;
}

#resimsag img{
border: 1px solid #ddd; padding:2px;
}

.tooltip:hover:after {
    content:attr(tip);
    position: absolute;
    display: inline;
    padding: 5px;
    margin: 0px 0 0 3px;
    max-width: 130px;
    background: #111;
    background: rgba(0,0,0,.8);
    color: #FFF;
    font-size: 9px;
    font-weight: normal;
}

.gradientbuttons{
float:right; margin:0px; border: 0px solid #fff; position:relative; z-index:1;
}

.gradientbuttons ul{
padding: 0px 0;
margin: 0 0px 0 0;
list-style-type: none;
text-align: left;
clear:both;
}

.gradientbuttons li{
display: inline;
padding:0; margin:0 0px 0 0px; float:left; 
}

.gradientbuttons li a{
color:#000; 
text-decoration:none; 
border-bottom: 0px solid #808080; 
padding: 0px 27px; 
display:block; 
float:left; 
height:150px; 
line-height:150px; 
font-size:16px;
font-weight:normal; 
}

.gradientbuttons li a:hover, .gradientbuttons li a.current{
color:#fff; background-color: #00ccff;
}

.gradientbuttons li#son:hover{

}

.gradientbuttons li a.tabactive{
color:#eee; 
}

.gradientbuttons li#son a.tabactive{
color:#eee; 
}

.gradientbuttons li#son a{
color:#777; text-decoration:none; border-right: 0px dashed #808080; 
padding: 0px 20px 0px 20px;
}




#aramasade input {width:150px; height:40px; float:left;  margin:0; border: 1px solid #333; font-size:15px; padding-left:10px; background-color: #222; color: #888;}

#ANA_2 img, #ANA_3 img { 
max-width:620px; width: expression(this.width > 620 ? "620px" : true); 
}

#acikl {width:620px; float:left; clear:both; margin-top:30px;}

#acikl li{background: url(arrow.png) no-repeat 0px 5px; line-height:16px; padding: 0 0 0 14px; margin:0 0 5px 0;}







.sablonslidetab {background: transparent;}


.sablonslidetab, .sablonslidetab .panel { width: 680px; min-height:440px; }

	
.sablonslidetab p.loading { padding: 20px; text-align: center }

.anaslidetab{}

.sablonslidetab { float: left; overflow: hidden; position: relative }
	

.sablonslidetab .panel { display: block; float: left }
	

.sablonslidetab .panel-container { position: relative }
	

.sablonic { padding: 5px }





#kutu {
background: transparent url(pat7.png) top center repeat;
width: 200px;
border: 1px solid #ddd;
height:220px;
}

#kutu h3 {
margin-top:10px;
font-size:14px;
font-weight:normal;
text-align:center;
color: #777;
font-family: Arial, Helvetica;
}


#referenzen img {
margin: 17px;
float:left;
border: 5px solid #ddd;
}


.panel2 {
background: #fff url(bg2.png) no-repeat top left;  padding:140px 20px 20px 20px;
}