/*****************************************************/
/***************     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;
}


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

h2 {
font-size:18px;
font-weight:bold;
color:#666666;
padding:10px 10px 30px 15px;
}

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;
}

.ref_kuva {
padding:1px;
border:#333333 solid 1px;
margin:5px;
}

.referenssi_kuvat {
color:#000000;
font-style:italic;
font-size:12px;
text-align:left;
}

.referenssi_kuvat p {
padding-bottom:10px;
}




/*****************************************************/
/*****************     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;
background-color:#d2232a;
/*height:504px;*/
clear:both;
text-align:left;
}

.top_tekstit {
padding:15px 15px 0px 15px;
}

/*****************************************************/
/*****************     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;
}

.oppari {
float:left;
padding:0px 10px 0px 0px;
}



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

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

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/tr2.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:0px 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;
}

/*****************************************************/
/*****************     TUOTANNOT   *******************/
/*****************************************************/

.ikoni_esittely {
padding:0px 10px 20px 20px;
}




.tuotannot p.mainos {
background-image:url(images/ikonit/tv_mainos.gif);
background-position:top left;
background-repeat:no-repeat;
padding-top:5px;
}

.tuotannot p.tv {
background-image:url(images/ikonit/tv_tuotanto.gif);
background-position:top left;
background-repeat:no-repeat;
padding-top:5px;
}

.tuotannot p.yritys {
background-image:url(images/ikonit/esittely.gif);
background-position:top left;
background-repeat:no-repeat;
padding-top:5px;
}

.tuotannot p.cd {
background-image:url(images/ikonit/cd_tuotanto.gif);
background-position:top left;
background-repeat:no-repeat;
padding-top:5px;
}

.tuotannot p.siporex {
background-image:url(images/ikonit/siporex.gif);
background-position:top left;
background-repeat:no-repeat;
padding-top:5px;
}

.tuotannot p.isover {
background-image:url(images/ikonit/isover.gif);
background-position:top left;
background-repeat:no-repeat;
padding-top:5px;
}


/*****************************************************/
/*****************    LOMAKE       *******************/
/*****************************************************/

.lomakekentta {
margin-bottom:7px;
}

fieldset {
  padding: 10px;
  }
  
  .legend {
  font-size:12px;
  font-weight:bold;
  margin-top:5px;
  margin-bottom:5px;
  }
  
  .lomake {
  font-size:12px;
  color:#000000;
  }
  
  .lomake p {
  padding-bottom:5px;
  }