/* ----------     Roche    -----------*/

body {margin:0; padding:0; background:url(../images/bg_site_11.jpg) top center no-repeat #56a6e5 fixed;
			font-family:arial,sans-serif; color:#000000; font-size:10pt;}

img {border:0;}

/*
#siteBg {position:absolute; width:100%; height:100%; vertical-align:top; text-align:center;
		background:url(images/dummy_bg.gif) bottom left repeat-x;}
*/

td {font-family:arial,sans-serif; vertical-align:top; text-align:left;}
h1 {color:#006bb4; font-size:12pt; margin-top:3px; margin-bottom:12px;}



.mini {font-size:8pt;}

.w400 a {color:#155076;}
.tulosta a {color:#155076;}
.blink {color:#155076;}

.soluNavi {height:130px; background:#ffffff;}

.pak {font-weight:bold; color:#155076; font-size:8pt;}

/* navigation */
#nav {margin:0; padding:0;}
#nav li {display:inline; padding:0; margin:0;}
	  #nav a:link, #nav a:visited {
	  color:#000; background:#b2b580;
	  padding:20px 40px 4px 10px;
	  }
/* border */
.blu1 {width:1px; background:#1857C7;}
.blu942 {width:942px; height:1px; background:#1857C7;}
.valk {width:940px; height:1px; background:#ffffff;}

/* sisalto alue */
.mainArea {width:940px; background:#ffffff;}
	.w50 {width:50px;}
	.w400 {width:400px; padding-top:20px; padding-bottom:20px;}
	.w20L {width:20px; height:430px; background:url(../images/line_dash_vert.gif) top right no-repeat;}
		.w20Lohjelma {width:20px; height:430px; background:url(../images/line_dash_vert_b.gif) top right repeat-y;}
	.w20R {width:20px;}
#header {height:116px;}
#navi {height:55px; background:url(../images/bg_navigation.gif) top left no-repeat;}

	.aikaTaulu1 {float:left; width:140px; margin-bottom:8px;}
	.aikaTaulu2 {float:left; width:220px; margin-bottom:8px;}

/* Ohjelma */	
.ohjelmaTaulu td {padding-bottom:6px;}	
	.pvm {font-weight:bold; color:#006bb4;}
	
	/* Tulosta */
	.tulosta {background:;#ffffff; height:40px; vertical-align:middle; padding-left:50px;}
	#takaisinKiitos {position:relative; top:370px; width:380px; float:left;}
	
	/* btn Lisätietoa etusivu */
	#lisatietoa {width:400px; height:77px;}
	
/* Lomake */
.lomblue {color:#006bb4; }

.ilmo0 {float:left; width:370px; margin-bottom:6px; }
.ilmo1 {float:left; width:150px; margin-bottom:6px;}
.ilmo2 {float:left; width:230px; margin-bottom:6px;}
	.ilmo3 {float:left; width:150px; margin-bottom:6px;}
	.ilmo4 {float:left; width:240px; margin-bottom:6px;}
.ilmoMuu {width:225px; background:#f1f8fd; border:1px solid #afdaf4;}

.kentta {background:#f1f8fd; width:230px; border:1px solid #afdaf4;}
.dash {float:left; width:385px; background:url(../images/linedash_h.gif) top left repeat-x; margin:12px 0ox 0px 0px;}

/* Footer */
#footer {width:940px; height:91px; background:url(../images/bg_footer_grad.gif) top center no-repeat;
		vertical-align:middle; font-size:8pt;}
		
		.copy {float:left; width:80px; margin:5px 0px 0px 50px; height:40px; padding-top:3px; font-size:8pt;
				}
		.yhteys {float:left; width:790px; padding-left:13px;height:55px; line-height:17px;
			background:url(../images/line_footer.gif) top left repeat-y;
			/*border:1px solid #cc0000;*/
			}
		.blue {color:#155076; font-weight:bold;}
			
/* ----------     Roche    -----------*/