body {
background:#c1c6c9 url(../images/bg.jpg) repeat-x;
margin:0 0 0 0;
}
#wrapper{
width:800px;
margin:0 auto;
overflow:auto;
}
#header{
width:800px;
height:186px;
}
#header h1 a{
background:transparent url(../images/logo.gif) no-repeat;
width:800px;
height:0;
margin:0 0 0 0;
padding:186px 0 0 0;
white-space:nowrap;
overflow:hidden;
display:block;
}
#defaultcontent{
width:800px;
margin:0 0 10px 0;
}
.step{
margin:0 0 20px 0;
height:168px;
}
#blog1{
float:left;
width:360px;
margin:0 10px 0 0;
}
.blog-content{
font-family:"tahoma", Arial, Helvetica, sans-serif;
font-size:12px;
color:#515151;
line-height:20px;
padding:10px 0 0 0;
position:relative;
height:120px;
}
.blog-content span a{
position:absolute;
right:0;
bottom:3px;
font-family:"tahoma", Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#515151;
}
#blog2{
float:left;
width:430px;
}
#blog3{
float:left;
width:360px;
margin:0 14px 0 0;
}
#blog4{
width:220px;
float:left;
margin:0 0 0 12px;
}
#blog5{
float:left;
}
#blog5 .widget2{
float:left;
background:url(../images/bg-widget.gif) no-repeat;
width:90px;
height:122px;
margin:0 5px 0 0;
}
#blog5 .widget3{
float:left;
background:url(../images/bg-widget.gif) no-repeat;
width:90px;
height:122px;
}
#blog5 .widget3 ul{
margin:15px 0 0 10px;
}
#blog5 .widget3 ul li a{
font-family:"tahoma", Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#515151;
text-decoration:none;
line-height:30px;
}

#blog5 .widget2 img{
margin:10px 0 0 5px;
border:none;
}
#blog5 .widget1{
clear:both;
width:185px;
}
.step .blogleft{
float:left;
background:url(../images/bg-blogleft.gif) no-repeat;
width:10px;
height:168px;
}
.step .blogcenter3{
float:left;
background:url(../images/bg-blogcenter.gif) repeat-x;
width:200px;
height:168px;
}
.step .blogcenter3 ul{
margin:0 0 0 5px;
}
.step .blogcenter3 ul li{
font-family:"tahoma", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#515151;
line-height:20px;

}
.step .blogcenter{
float:left;
background:url(../images/bg-blogcenter.gif) repeat-x;
width:340px;
height:168px;
}
.step .blogright{
float:left;
background:url(../images/bg-blogright.gif) no-repeat;
width:10px;
height:168px;
}
.blog-title{
height:39px;

}
.blog-title h2{
line-height:39px;
}

#nav{
width:800px;
height:51px;
}
#nav #navleft{
float:left;
background:url(../images/bg-fotterleft.gif) no-repeat;
width:14px;
height:51px;
}
#nav #navright{
float:left;
background:url(../images/bg-fotterright.gif) no-repeat;
width:14px;
height:51px;
}
#nav #navcenter{
float:left;
background:url(../images/bg-fottercenter.gif) repeat-x;
width:772px;
height:51px;
}
#nav #navcenter ul li{
float:left;
line-height:51px;
}
#nav #navcenter ul li a{
background:url(../images/bullet-nav.gif) right no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#515151;
text-decoration:none;
display:block;
padding:0 22px 0 3px;
}
#nav #navcenter ul li a.after{
background:none;
}
#nav #navcenter ul li a:hover{
color:#727272;
}
/*content*/
#contentcontainer{
width:800px;
margin:10px 0;
}
#content, #content1{
float:left;
width:590px;
margin:0 0 0 10px;
}
#content #list{}
#content #list li{
border:3px solid #f0f1f2;
margin:0 0 10px 0;
width:584px;
}
#content #list li .title{
background:url(../images/bg-title.gif) repeat-x;
height:35px;
}
#content #list li .title h2{
margin:0 0 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#515151;
line-height:35px;
}
#content #list li .content{
overflow:auto;
}
#content #list li .content .image{
float:left;
padding:5px 0;
width:170px;
text-align:center;
border-right:3px solid #f0f1f2;
}
#content #list li .content .image img{
border:2px solid #515151;

}
#content #list li .content .step1{
float:left;
width:190px;
border-right:3px solid #f0f1f2;
padding:5px 0 5px 5px;
height:120px;}
#content #list li .content .step2{
float:left;
padding:0 0 0 5px;
}
.stepspan{
display:block;
height:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#727272;
margin:5px 0 12px 0;
font-weight:bold;
}
.stepspan b{
width:75px;
float:left;
}
.button{
padding:5px 0 0 0;
}
.button img{
border:none;
}

#sidebar{
float:left;
width:200px;
margin:0 0 10px 0;
}
.widget{
border:3px solid #f0f1f2;
margin:0 0 10px 0;
}
.widget-title{
background:url(../images/bg-title.gif) repeat-x;
height:35px;
}
.widget-title h2{
margin:0 0 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#515151;
line-height:35px;
}

#widget-callcenter{
overflow:auto;
}
#widget-callcenter #image{
float:left;
width:90px;
height:125px;
margin:0 0 5px 0;
}
#widget-callcenter ul{
float:left;
margin:0 0 0 5px;
}
#widget-callcenter ul li{
color:#515151;
font-weight:bold;
}
#widget-callcenter ul li a{
color:#515151;
text-decoration:none;
line-height:30px;
}
#widget-callcenter span{
line-height:15px;
color:#515151;
font-weight:bold;
display:block;
clear:both;
padding:0 0 0 10px;
}
.widget-doviz-title{
background:#FFFFFF;
overflow:auto;
height:22px;
}
.widget-doviz-title b{
font-weight:bold;
}
.widget-doviz-satir{
background:#C9CCCE;
overflow:auto;
padding:0 0 0 3px;
height:22px;
}
.widget-doviz-satir-end{
background:#FFFFFF;
overflow:auto;
padding:0 0 0 3px;
height:22px;
}
.widget-doviz-step{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#515151;
width:33%;
float:left;
padding:3px 0;
}
.widget-content{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#515151;
padding:5px 5px;
}
.widget-content h2{
font-size:14px;
font-weight:bold;
padding:0 0 5px 0;
}



/*iletisimform*/
#iletisimform{
margin:15px 0 0 25px;
}
#iletisimform li{
line-height:23px;
padding:3px 0;
clear:both;
font-family:"tahoma", Arial, Helvetica, sans-serif;
font-size:12px;
color:#696969;
font-weight:bold;
}
#iletisimform li input{
font-family:"tahoma", Arial, Helvetica, sans-serif;
color:#696969;
font-weight:bold;
}
#iletisimform li a.link{
font-weight:bold;
color:#696969;
text-decoration:underline;
}
#iletisimform li label{
width:100px;
font-family:"tahoma", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#515151;
float:left;
display:block;
}
#iletisimform li .submitbutton{
margin:0 0 0 100px;
font-family:"tahoma", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#4F4F4F;
}
/*iletisimform*/





#footer{
clear:both;
width:800px;
height:51px;
}
#footer #footerleft{
float:left;
background:url(../images/bg-fotterleft.gif) no-repeat;
width:14px;
height:51px;
}
#footer #footerright{
float:left;
background:url(../images/bg-fotterright.gif) no-repeat;
width:14px;
height:51px;
}
#footer #footercenter{
float:left;
background:url(../images/bg-fottercenter.gif) repeat-x;
width:772px;
height:51px;
}
#footer #footercenter h3{
margin:0 0 0 10px;
line-height:51px;
}
#footer #footercenter h3 a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#515151;
text-decoration:none;
}
#backlink{
clear:both;
width:800px;
text-align:center;
margin:10px 0 0 0;
}
#backlink a{
margin:0 5px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#515151;
text-decoration:none;
}