/*****************************************************/
/***************     YLEISET TYYLIT    ***************/
/*****************************************************/


* {
margin:0;
padding:0;
vertical-align:top;
}

body {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	vertical-align:top;
}


h1 {
font-size:18px;
font-weight:bold;
color:#d2232a;
padding:0px 10px 10px 0px;
}

h2 {
font-size:14px;
font-weight:bold;
color:#666666;
padding:0px 10px 10px 10px;
}

h3 {
font-size:12px;
font-weight:bold;
color:#d2232a;
padding:0px 10px 5px 10px;
}

p {
padding-bottom:15px;
}

.leipis {
padding:10px;
font-size:11px;
text-align:left;
line-height:2;
}



/*****************************************************/
/*****************     RAKENNE     *******************/
/*****************************************************/


#frame {
	margin:auto;
	width:850px;
}


/*****************************************************/
/*****************     YLANAVI     *******************/
/*****************************************************/

.topnavi {
clear:both;
height:26px;
background-color:#363636;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:2;
}

.topnavi li {
	list-style:none;
	margin: 0;
	padding: 0;
	padding-right:20px;
	float:right;
	/*color:#FFFFFF;*/
}

.topnavi li a {
	/*color:#FFFFFF;*/
	text-decoration:none;
}

.topnavi li a:hover {
	color:#d2232a;
}

.topnavi li.aktiivinen a {
color:#d2232a;
}

.topnavi li.aktiivinen a:hover {
color:#d2232a;
}

.topnavi li.eiaktiivinen a {
color:#FFFFFF;
}

.topnavi li.eiaktiivinen a:hover {
color:#d2232a;
}


/*****************************************************/
/*****************     YLASISÄLTÖ  *******************/
/*****************************************************/

.topcontent {
background-image:url(images/content_tausta.jpg);
background-position:left top;
background-repeat:no-repeat;
height:364px;
clear:both;
text-align:left;
}

.top_kuvat {
float:left;
width:260px;
}

.top_kuvat img {
padding:50px 10px 0px 20px;
}

.top_tekstit {
float:left;
width:460px;
}

.top_tekstit h1 {
padding:50px 10px 0px 10px;
}

.top_tekstit h2 {
padding:10px 10px 0px 10px;
}

.top_tekstit p {
padding:10px 10px 0px 10px;
}

.top_tekstit ul {
padding:15px 10px 15px 35px;
}


.top_tekstit li {
/*padding:10px 20px 10px 50px;*/
list-style-image:url(images/tick.gif);
list-style-position:outside;
padding-bottom:8px;
margin-left:10px;
padding-left:5px;
}

/*****************************************************/
/*****************     ALASISÄLTÖ  *******************/
/*****************************************************/

.bottomcontent {
background-color:#d2232a;
/*height:500px;*/
padding:20px;
}

.vasenpalsta {
float:left;
padding:10px;
}

.oikeapalsta {
float:left;
padding:10px;
}

.referenssi_kuva {
background-image:url(images/laatikko.gif);
background-position:left top;
background-repeat:no-repeat;
width:315px;
height:112px;
padding-top:8px;
margin-left:15px;
margin-top:5px;
}

.referenssi_kuva h3 {
font-size:11px;
font-weight:bold;
color:#666666;
}

.referenssi_kuva p {
font-size:11px;
color:#666666;
padding:0px;
float:left;
}


/*****************************************************/
/*****************     LAATIKKO    *******************/
/*****************************************************/

.roundcont {
	/*text-align:center;*/
	background-color:#FFFFFF;
	color:#000000;
	
}

.roundcont a {
color:#333333;
}

.roundcont a:hover {
color:#333333;
text-decoration:none;
}

.roundcont h3 {
padding-bottom:10px;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/br.gif) no-repeat bottom right; 
	padding:0px;
	margin:0px;
}

img.corner-bottom {
   width: 6px;
   height: 6px;
   border: none;
   display: block !important;
   text-align:left;
   vertical-align:bottom;
}

img.corner-top {
   width: 6px;
   height: 6px;
   border: none;
   display: block !important;
   text-align:left;
}

/*****************************************************/
/***************     YHTEYSTIEDOT      ***************/
/*****************************************************/

.ytiedot {
clear:both;
text-align:left;
padding:10px 0px 0px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}

.ytiedot p {
padding-bottom:0px;
}

.ytiedot a {
color:#FFFFFF;
}

.ytiedot a:hover {
text-decoration:none;
}