/* CSS Document */

body{
margin-left: 25px;
margin-top: 25px;
margin-right: 25px;
margin-bottom: 14px;
background-color: #CCCCCC;
background-image:url(../images/bg.gif);
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

select, input, textarea 
{
color: #000000;
background:transparent;
font-size: 11px;
border: 1px #000000 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

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

a#kristal:hover{text-decoration:none; color:#CC0000;}


#wrap{
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/
border:6px solid #EEEEEE;
width:938px;
background-color:#FFFFFF;
}

#kristal{
margin:0 auto; /*center hack*/
width:950px;
text-align:right;
font-size:9px;
color:#888888;
padding-top:2px;
}

#top{
width:938px;
height:97px;
}

#middle{
background-image:url(../images/main_bg.gif);
overflow:hidden;
}

#left-column{
float:left;
padding-top:36px;
width:205px;
overflow:hidden;
}

#right-column{
float:left;
width:733px;
overflow:hidden;
}

#header{
height:27px;
padding-left:12px;
padding-top:9px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#CC0000;
overflow:hidden;
}

#main{
width:689px;
padding-top:4px;
padding-left:16px;
padding-right:28px;
padding-bottom:1px;
overflow:hidden;
}



#footer{
width:925px;
height:15px;
float:left;
padding-right:12px;
padding-top:39px;
padding-bottom:9px;
background-image:url(../images/footer_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
font-size:11px;
}

.clr{
clear:both;
}

.content25{
margin:25px;
}

.img1{
padding:1px;
border:1px solid #CCCCCC;
}

.uretim{
line-height:21px;
}

.bordo1{
color: #CC0000;
font-weight: bold;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #EEEEEE;
overflow: scroll; /*leave this value alone*/
width: 619px; /*Width of Carousel Viewer itself*/
height: 419px; /*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: 10px; /*margin around each panel*/
width: 619px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
}