/* ------------------ ALL ------------------ */

*{
 font-family:tahoma,serif;
 font-size:12px;
 }

hr
 {
 display: none;
 }

/* ------------------ BODY ------------------ */

body{
 background:#224466 url('bg.png') no-repeat 50% top;
 margin:0;
 padding:0;
 border:0;
 text-align:center;
 }

/* ------------------ CONTAINER ------------------ */

div.container{
 background:transparent;
 display:block;
 width:960px;
 margin:0 auto;
 padding:0;
 border:0;
 text-align:left;
 }

/* ------------------ HEADER ------------------ */

h1.header{
 background:#ffffff url('../img/hdr_wide.jpg') no-repeat;
 display:block;
 float:left;
 width:100%;
 height:180px;
 margin:0;
 padding:0;
 border:0;
 text-align:left;
 text-indent: -20000px;
 }

#arjahdr{
 background:#ffffff url('../img/arjahdr.jpg') no-repeat;
 }

div.header h2, div.header p{
 display:none;
 }

/* ------------------ LINKS & NAVI ------------------ */

div.links{
 background: rgba(30,60,120,0.5);
 display:block;
 float:left;
 width:100%;
 margin:0;
 padding:0;
 border:0;
 text-align:center;
 font-weight:bold;
/* box-shadow: 0 5px 10px #fff;*/
 }

div.links ul.navlist{
 padding:0;
 margin:0;
 list-style-type: none;
 float: left;
 width: 100%;
 color: #ffffff;
 background:transparent;
 border-top:3px solid #002244;
 border-bottom:3px solid #002244;

 }


div.links ul.navlist li {
 display: inline;
 }

div.links ul.navlist li a, div.links ul.navlist li a:hover, div.links ul.navlist li a.selected{
 float:left;
 margin:0;
 padding:2px 14px 2px 14px;
 text-decoration:none;
 color:#fff;
 border-right:1px solid #224466;
 line-height:30px;
 }

div.links ul.navlist li a:hover{
 color:#ffffff;
 background: rgba(10,20,40,0.5);
 }

div.links ul.navlist li a.selected{
 color:#fff;
 background: rgba(10,20,40,0.5);
 }

div.links ul.navlist li a.selected:hover{
 color:#cccccc;
 background: rgba(10,20,40,0.5);
 }

/* ------------------ CONTENT ------------------ */

div.content{
 margin:0;
 padding:0;
 border:0;
 }

div.content a{
  text-decoration: none;
  color: #369;
 }

div.content a:hover {
  text-decoration: underline;
  color: #963;
 }

small{
  font-size: .8em;
}

div.contentWrapper{
 margin: 20px;
 width: 740px ;
 }

div.edge{
 display:block;
 float:left;
 padding:px;
 margin:0;
 border:0;
 width:100%;
 height:20px;
 /*background:#ffffff url('../img/topedge.gif') repeat-x;*/
 }

div.content_L{
 background:#ffffff url('../img/lbg.gif') repeat-y;
 background-position:100% 0%;
 display:block;
 float:left;
 width:780px;
 margin:0 0 100px 0;
 padding:0;
 border:0;
/* box-shadow: 0 5px 10px #fff;*/
 border-radius: 0 0 30px 30px;
 }

div.content_R{
 background:#fff;
 display:block;
 float:right;
 width:180px;
 margin:0;
 padding:40px 0 40px 0;
 border:0;
 border-radius: 0 0 30px 0;
/* box-shadow: 0 5px 10px #fff;*/
 }

div.content_R div.content_RWrapper{
    margin: 10px 10px 10px 0;
 }

div.content_R a.rightLink {
 font-size:12px;
 display:block;
 text-decoration:none;
 color:#6688aa;
 margin:0;
 margin-top:2px;
 padding:0;
 padding-left:5px;
 border-left:10px solid #88aacc; 
 background:#ffffff;
 }

div.content_R a.rightLink:hover{
 border-left:10px solid #224466; 
 color:#ff9900;
 }

div.content_R div.imageWrapper{
 margin:0;
 padding:0;
 border:0;
 background:#ffffff;
 }

div.content_R div.imageWrapper img{
 margin:0;
 padding:0;
 border:0;
 border-top:3px solid #4488bb;
 }

div.content_R a.small,
div.content_R a.small img{
 display:block;
 margin:0  !important;
 padding:0  !important;
 border: 0 !important;
 }

div.content_R img.rImg{
 border: 5px solid #ccc;
 border-radius: 10px;
 }

div.content_R p{
 margin: 5px 0 10px 0;
 color:#224466;
 font-size: 14px;
 }

div.contentWrapper h2,
div.contentWrapper h3,
div.contentWrapper h5,
div.contentWrapper h6{
 display:block;
 margin: 0 0 2em 0;
 padding:0;
 border:0;
 width: 100%;
 }

div.contentWrapper h2{
 font-size:18px;
 line-height: 2em;
 color:#248;
 }

div.contentWrapper h3{
 background: #468;
 color:#fff;
 line-height: 3em;
 text-indent: 1em;
 border-radius: .5em;
 }

div.contentWrapper h4{
 color:#248;
 line-height: 1.5em;
 text-indent: 1em;
 border-radius: .5em;
 }


div.contentWrapper p{
 clear: left;
 color:#002244;
 margin:3px 5px 15px 15px;
 padding:0;
 border:0;
 font-size: 14px;
 }
 
div.contentWrapper p.urgent{
 color:#996633;
 margin:20px 0 20px 0;
 padding:20px;
 border:2px dashed #ffcc99;
 letter-spacing:1px;
 font-weight: bold;
 }

div.contentWrapper p.urgent b{
 color:#996633;
 letter-spacing:3px;
 font-weight: bold;
 text-decoration: underline;
 }

div.contentWrapper ul{
 color:#468;
 margin:0 0 15px 0;
 padding:0;
 }

div.contentWrapper ul li{
 margin:0 0 0 35px;
 font-size: 14px;
 }

div.contentWrapper dl,
div.contentWrapper dl.hinnasto{
 width: 100%;
 color: #024;
 border: 0;
 margin: 0;
 padding: 0;
 border-radius: .5em;
 }

div.contentWrapper dl.hinnasto{
 background:#eeeeee;
 }

div.contentWrapper dl dt,
div.contentWrapper dl.hinnasto dt{
 display:block;
 float:left;
 margin:0;
 padding:0;
 border:0;
 font-size: 12px;
 text-indent: .5em;
 }

div.contentWrapper dl.hinnasto dt{
 width:70%;
 line-height: 2.5em;
 }

div.contentWrapper dl dd,
div.contentWrapper dl.hinnasto dd{
 display:block;
 float:none;
 margin:0;
 border:0;
 font-size: 12px;
 padding:0;
 color:#224488;
 line-height: 2.5em;
 }

div.contentWrapper dl.hinnasto dd{
 border-bottom:1px dotted #ccc;
 line-height: 2.5em;
 }

.formItem_off, .formItem_on{
 font-size:12px;
 background:#dddddd;
 color:#004488;
 padding:5px;
 margin:5px;
 border:1px dotted #999999;
 width:600px;

 }

.formItem_on{
 font-size:12px;
 background:#ffffff;
 color:#002244;
 padding:5px;
 margin:5px;
 border:1px solid #999999;
 width:600px;
 }

.topIMG{
 display:block;
 float:none;
 }

.rightIMG, .rightIMGbig{
 display:block;
 float:right;
 position:relative;
 top:-5px;
 margin: 0 0 20px 20px;
 }
 
div.rose{
 margin: 30px 0 30px 0;
 text-align: center;
 }

div.rose p{
 font-weight:bold;
 }
 
div.rose img{
 margin:10px;
 }

div.rose2{
 color: #4488aa;
 margin: 15px 0 15px 0;
 }

div.rose2 p{
 font-weight:bold;
 color: #4488aa;
 }
 
div.rose2 img{
 margin:10px;
 }
 
div.space{
 display:block;
 float:none;
 width:1px;
 height:400px;
 }

div.content_R_bottom{
 display:block;
 float:none;
 background:transparent url('../img/r_div_bottom.gif') no-repeat;
 padding:0;
 margin:0;
 border:0;
 width:150px;
 height:30px;
 }
 
div.imgdiv {
 display:block;
 float: left;
 width: 96%;
 padding:0;
 margin:0;
 border:0;
 }
 
div.imgdiv img{
 display:block;
 float:right;
 clear: both;
 margin:0 0 20px 30px;
 }

div.tarjous h3, div.tarjous h4{
 margin:3px 5px 10px 5px;
 color:#ff3f00;
 border-bottom:3px solid #ff3f00;
 }
 
div.tarjous{
 font-size:12px;
 background:#dddddd;
 color:#002244;
 padding:5px;
 margin:5px 5px 20px 5px;
 border:1px dotted #ff7f00;
 width:600px;
 }

a[href="#top"]{
 display: block;
 float: right;
 margin: 20px 0 20px 0;
 }

/*player css*/

#playercontainer
  {
  display: block;
  float: left;
  width: 610px;
  border: 0 solid #fcc;
  }

#playerdiv , #datadiv
  {
  display: block;
  float: left;
  clear: none;
  width: 240px;
  border: 0 solid #ccc;
  margin: 0 0 0 10px;
  }

#datadiv
  {
  width: 330px;
  }

#player
  {
  display: block;
  float: left;
  clear: both;
  border: 0;
  width: 240px;
  }

#playerdiv small, #playerdiv small a
  {
  clear: both;
  font-size: 9px;
  margin: 0 10px 0 0;
  }
/*
#playerdiv small
  {
  display: block;
  float: left;
  width: 100%;
  }
*/

dl.contactList
  {

  }

div.group
{
display: blcok;
float:left;
width:100%;
}


div.group div.c12
{
display: blcok;
float:left;
width:50%;
}

img.centerimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 1em;
    }

img.rightdivimg {
    border-radius: .5em;
    }