/* WWW.REILUKAUPPA.FI STYLE SHEET - REBUILD 2008				*/
/* Copyright (c) Medusaworks Oy 2008							*/
/* Author: Matti Laakso '_'	& Miska Loimaala >^..^< 			*/

html {
	width: 100%;
	height: 100%;
	}
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 112%;
	background: #D3D0D7;
	text-align: center;
	}

/* LAYOUT */

#frame {
	position: relative;
	width: 700px;
	margin: 0px auto;
	background-color: #ffffff;
	text-align: left;
	font-size: 62%;
	}
#top {
	position: relative;
	width: 660px;
	margin-left: 20px;
	padding-top: 20px;
	}
#menu1 {
	width: 660px;
	margin: 6px 0px 6px 8px;
	font-size: 12px;
	font-weight: bold;

	}
#main {
	width: 660px;
	margin-left: 20px;
	background: url(./images/main_bk.gif) repeat-y 480px 0px;
	}
#ritecol {
	background: #DDDDDD;
}
.contentpage #main {
	width: 660px;
	margin: 20px 0px 0px 20px;
	background: url(./images/main_bk.gif) repeat-y 480px 0px;
	}
#frame-menu2 {
	display: block;
	margin: 0px 0px 5px 12px;
	height: auto;
}
#frame-inner {
	height: auto;
	}
#content {
	width: 465px;
	font-size:112%;
	}
#rite, #ritecol {
	float: right;
	width: 180px;
	_width: 177px;
	}
.ritecolblock {
	font-weight: normal;
	_overflow: visible;
	_width: 160px;
	
}
.ritecolblock .flashcontent {
	margin-left: -20px;
	_display: none;
}
/* TOP */
#branding {
	font-size: 0px;
	}
#branding a img {
	border: 0px;
	}
#topbanner {
	position: absolute;
	right: 0px;
	width: 548px;
	height: 96px;
	background:#000000;
	}
#sitefuncs {
	position: absolute;
	top: -5px;
	_top: 0px;
	#top: 0px;
	right: 0px;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	height: 20px;
	padding: 0px;
	#padding-top: 2px;
	text-align: right;
	}
#sitefuncs li {
	float: left;
	list-style: none;
	height: 12px;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	}
#sitefuncs a:link, #sitefuncs a:visited {
	height: 12px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
	}
#sitefuncs a:hover {
	color: #10c4ec;
	}
#sitefuncs ul li ul {
	display:none;
	}
.laskuri {
	display:block;
	width: 140px;
	height: 80px;
	margin-left: 20px;
	}

/* MENUS */

#menu1 ul {
	height: 16px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 12px;
	overflow: hidden;
	_display: inline;
	}
#menu1 li {
	float: left;
	border-left: 1px solid #000000;
	}
#menu1 li:first-child, #menu1 li#nav_250 {	/* ID of first page in main menu, for crappy browsers */
	border-left: none;
	}
#menu1 a {
	display: block;
	font-weight: bold;
	margin: 0px;
	margin: 0px 12px 2px 12px;
	_margin: 0px 6px 2px 6px;
	height: 16px;
	line-height: 16px;
	color: #000000;
	text-transform: uppercase;
	_float: left;
	}
#menu1 a:link, #menu1 a:visited {
	text-decoration: none;
	}
#menu1 a:hover {
	text-decoration: underline;
	}
#menu1 a.active {
	color: #87c546;
	}
/* hides all unwanted navigation */
#menu1 li li {display: none;}

/* menu2 -> top area/white */
#menu2 {
	width: 100%;
	font-size: 12px;
	margin-left: 0px;
	}

#menu2 ul {
	float: left;		/* FnE method clear hack*/
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 14px;
	margin: 0px;
	_margin-left: 43px;
	}
#menu2 li {
	margin: 3px 0px 0px 0px;
	float: left;
	width: auto;
	#min-width: 44px;
	_padding: 0px 4px 0px 2px;
	}

#menu2 ul ul ul {display: none;}

#menu2 a {
	display: block;
	font-weight: normal;
	padding: 0px 8px 1px 8px;
	#border-right: 1px solid #000000;
	color: #000000;
	}
#menu2 a:last-child {
	border-right: 1px solid #000000;
	}
#menu2 a:link, #menu2 a:visited {
	text-decoration: none;
	}
#menu2 a:hover {
	text-decoration: underline;
	}
#menu2 a.active {
	color: #87c546;
	}

/* Menu 3 -> right column */

#menu3 ul {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #10c4ec;
	margin: 0px;
	padding: 0px;
	}
#menu3 li {
	list-style: none;
	}
#menu3 li ul {
	font-size: 1.0em;
	font-weight: normal;
	color: #000000;
	margin: 2px 0px 4px 0px;
	}
#menu3 li ul li {
	margin-left: 2px;
	padding-left: 8px;
	background: url(images/menulistarrow.gif) no-repeat 0px 5px;
	}
#menu3 a {
	font-weight: normal;
	color: #000000;
	}
#menu3 a:link, #menu3 a:visited {
	text-decoration: none;
	}
#menu3 a:hover {
	text-decoration: underline;
	}
#menu3 a.active {
	color: #87c546;
	}
	
/* menu4 -> top area/white */
#menu4 {
	width: 100%;
	font-size: 12px;
	margin-left: 0px;
	}

#menu4 ul {
	float: left;		/* FnE method clear hack*/
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 14px;
	margin: 0px;
	_margin-left: 43px;
	}
#menu4 li {
	margin: 3px 0px 0px 0px;
	float: left;
	width: auto;
	#min-width: 44px;
	_padding: 0px 4px 0px 2px;
	}

#menu4 ul ul  {display: none;}

#menu4 ul li a {
	display: block;
	font-weight: normal;
	padding: 0px 8px 1px 8px;
	border-right: 1px solid #000000;
	color: #000000;
	}
#menu4 li:last-child a {
	border-right: 0px;
	}
#menu4 a:link, #menu2 a:visited {
	text-decoration: none;
	}
#menu4 a:hover {
	text-decoration: underline;
	}
#menu4 a.active {
	color: #87c546;
	}

#breadcrumbs {
	clear: both;
	margin: 20px 0px 10px 17px;
	#margin-top: 0px;
	width: 660px;
	display: block;
	padding-top: 6px;
	}
#breadcrumbs ul {
	display: inline;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	}
#breadcrumbs li {
	display: inline;
	list-style: none;
	padding: 0px 4px 0px 0px;
	color: #00c0eb;
	}
#breadcrumbs a {	
	margin-left: 3px;
	padding-right: 10px;
	background: url(images/linkarrow.gif) no-repeat right;	/* Doesn't work on IE but we really care (see below). */
	_background: none;		/* hides background link arrow from IE (no CSS workaround available as of June'06) */
	font-style:italic;
	font-weight: bold;
	}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #00c0eb;
	text-decoration: none;
	}
#breadcrumbs a:hover {
	text-decoration: underline;
	}

/* MAIN */

#main h1 {			/* lead header */
	font-size: 1.2em;
	font-weight: bold;
	color: #00c0eb;
	margin: 10px 0px 5px 0px;
	}
#main h4 {
	font-size: 2.2em;
	line-height: 1.0em;
	font-weight: normal;
	color: #000000;
	margin: 10px 0px 12px 0px;
	}
#main h3 {			/* product header */
	font-size: 1.6em;
	font-weight: normal;
	color: #000000;
	margin: 10px 0px 5px 0px;
	}
#main h2 {
#font-size: 1.2em; 
	}
	#main h4 {
	#font-size: 1.2em; 
	}
#main h5 {			/* right column header */
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	color: #000000;
	margin: 8px 0px 0px 0px;
	}
#main h6 {			/* small header type */
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px 0px;
	}
#main p {
	font-size: 0.9em;
	margin: 0px 0px 5px 0px;
	}
.clrbrk {
	clear: both;
	font-size: 1px;
	height: 1px;
	text-indent: -9999px;
	colow: #ffffff;
	}
	
/* RIGHT COLUMN */

.riteblock, .ritecolblock {
	width: 140px;
	margin: 0px auto;
	padding: 6px 10px;
	_width: 160px;
}


/* Right column white lines come from text module*/
#rite .riteblock .whiteline, #ritecol .ritecolblock .whiteline {
		clear:both;
		display:block;
		height: 2px;
		width: 100%;
		border-top: 2px solid #ffffff;
		padding-bottom: 8px;
}
#rite .riteblock .whiteline {
	margin-top: -8px;
	}
	

#ritecol .ritecolblock .whiteline {
	margin-top: -8px;
}
#ritecol .ritecolblock .spacerline {
	display: block;
	width: 100%;
	height: 14px;
}

.riteblock .spacerline {
	display: block;
	width: 100%;
	height: 10px;
}

#ritecol .ritecolblock .mindthegap {
	position: relative;
	top: 0px;
	}

#searchbox {
	width: 160px;
	_width: 152px;
	margin: 0px auto;
	padding: 6px 0px;
	
	}
#searchbox h2 {
	padding-left: 10px;
	}
#searchbox fieldset {
	border: none;
	}
#searchbox input {
	width: 152px;
	height: 21px;
	border: 2px solid #ffffff;
	background: url(./images/search-bk.gif) repeat-x;
	margin-left: 4px;
	_margin-left: 1px;
	margin-top: 4px;
	}
#searchbox select {
	margin-left: 4px;
	_margin-left: 1px;
	width: 152px;}

#rite h2, #ritecol h2 { 
	font-size: 1.2em;
	font-weight: bold;
	line-height: 16px;
	color: #000000;
	margin: 0px 0px 5px 0px;
	}
#rite h2 a, #ritecol h2 a, .ritecolblock h2 a {
	color: #000000;
	line-height: 16px;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	}
	


.riteblock, .ritecolblock {
	#width: 140px;
	_width: 140px;
	font-size: 12px;
}

#ritecol .text_block{
	display: block;
	overflow:hidden;
	margin: 0px;
}
.ritecolblock .rkviikot_news .julkaisuaika,  .ritecolblock .rkviikot_news .tiedote_marker {
	color: #FFFFFF;
}
.riteblock img, .ritecolblock img {
	float: left;
	clear: right;
	margin-bottom: 5px;
	#margin-bottom: 0px;}
#rite .sisalto_2  h4, #ritecol .sisalto_2 h4 { 
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #000000;
	margin: 0px 0px 5px 0px;
	}
#rite .sisalto_3  h4, #ritecol  .sisalto_3  h4{ 
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
	margin: 0px 0px 5px 0px;
	 }
#rite .sisalto_9 h4, #ritecol  .sisalto_9 h4 { 
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #000000;
	margin: 5px 0px 2px 0px; }

#rite .sisalto_1, #rite .sisalto_2, #rite .sisalto_3, #rite .sisalto_10, #rite .sisalto_11, #rite .sisalto_12, #rite .sisalto_13, #ritecol .sisalto_1, #ritecol .sisalto_2,#ritecol .sisalto_3,#ritecol .sisalto_10,#ritecol #rite .sisalto_11,#ritecol .sisalto_12,#ritecol .sisalto_13 
	{margin-bottom: 10px;
	font-size: 12px;
	line-height: 13px;}
#rite a, #ritecol a {
color:#000000;
text-decoration:none;
font-weight:bold;}
ul.news, ul.productnews, ul.rkviikot_news {
	margin: 0px;
	padding: 0px;
	display: block;
	} 
ul.news li, ul.productnews li, ul.rkviikot_news li {
	list-style-type: none;
	_margin-bottom: 15px;
	}
ul.news li .newsbox, ul.productnews .newsbox, ul.rkviikot_news .newsbox {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 450px;
	}
#sisalto_14_4 ul.news li .newsbox a.read_more {
	position:relative;
	top: -10px;
}
ul.news li .newsbox .paivays, ul.productnews .paivays, ul.rkviikot_news .paivays {
	font-weight: bold;
	}

#listaa {
	display: block;
	margin: 10px 0px 10px 0px;
}
#ritecol.paivaus, #rite.paivaus {
	font-size: 10px;
	font-weight: bold;
	color: #00c0eb;
	}
ul.productnews, ul.news, ul.rkviikot_news {
	margin: 0px;
	padding: 0px;
	display: block;
	} 
ul.productnews li, ul.news li, ul.rkviikot_news li {
	list-style-type: none;
	display: block;
	}
	
.otsikko a, #main .otsikko a
	{
	margin: 2px 0px 5px 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
	}
/*.news .otsikko a {display: block;}*/
.otsikko a:hover, #main .otsikko a:hover
{	color: #87c546;
	margin: 2px 0px 5px 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;}

	.uutisotsikko {
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	color: #00c0eb;
	margin: 2px 0px 5px 0px; }
	
.tiedote_marker {
font-size:9px;
color: #a0a0a0;
margin-left: 5px;
}
.tiedote {
font-size:11px;
color: #a0a0a0;
}

.julkaisuaika {
font-size:11px;
color: #a0a0a0;
margin-left: 5px;}
.julkaisuaika2 {
font-size:11px;
color: #a0a0a0;
}
.ingressi {
	margin-bottom: 12px;
	display: block;
	font-size: 12px;
}
.ingressi a, #main .ingressi a
{
	margin: 2px 0px 5px 0px;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	text-decoration: none;
	}
/*
.ingressi a:hover, #main .ingressi a:hover
{
margin: 2px 0px 5px 0px;
color: #87c546;
font-size: 12px;
line-height: 12px;}
*/

#rite .riteblock .banner {
	margin-bottom: 15px;
	display:block;
}


#sisalto_9_11 .mindthegap { 
	margin-top: 10px;
}
	
/* Content */
/* Huvilan pyytama korjaus, carusellin ja oikean palkin valiin 17px.*/
#content #carousel {
	margin-left: 0px;
	}
#content #ingress {
	margin-left: 0px;
	margin-top: 14px;
	width: 460px;
	background-color: #DDDDDD;
	color: #000000;
	padding: 6px 0px 6px 0px;
	}
#content #ingress  p {
	margin: 0px 15px 0px 15px;
	font-size: 12px;
	}
#content .prodname {
	font-weight: bold;
	}
#content p.proddesc {
	margin: 0px 0px 0px 90px;
	}
#content .proddescitem {
	font-style: italic;
	margin-left: -22px;
	}

#content a {
	text-decoration: underline;
	color: #00c0eb;
	font-weight: bold;			
	}

.doublecols h2 {
	width: 200px;
	margin: 0px auto 8px auto;
	padding: 14px 0px 4px 0px;
	border-bottom: 2px solid #000000;
	text-align: center;
	}
#content .doublecols h2 a, #content .doublecols a {
	text-decoration: none;
	color: #000000;
	}
#content .doublecols h2 a:hover {
	color: #00c0eb;
	}
.leftc {
	float: left;
	width: 200px;
	min-height: 255px;
	_height: 255px;
	margin: 0px 0px 0px 15px;
	}
.ritec {
	width: 200px;
/*	border-left: 1px solid #000000; */
	min-height: 255px;
	margin: 0px 10px 0px 230px;
	padding-left: 15px;
	_width: 190px; /* For IE 6*/
	_height: 255px; /* For IE 6*/
	_margin-left: 255px; /* For IE 6*/
	_padding-left: 5px; /* For IE 6*/
	}
.leftc h2, .ritec h2{
	width: 200px;
	font-size: 16px;
	_width: 190px; /* For IE 6*/
}
.centerborder {
	float: left;
	margin: 20px 0px 0px 15px;
	width: 2px;
	/*height: 345px;*/
	height:490px;
	_height: 490px;
	background-color:#D3D0D7;
}


#content img {
	margin: 0px;
	}
		
#ritecol a:hover, #rite a:hover {color: #00000;}
#content a.name {
	font-size: 18px;
	text-decoration: none;
	color: Black;
}
/* >^..^< Product descriptions */

.italic {font-style: italic;}

#content .proddescription {
	float: left;
	width: 350px;
	margin-top: 7px;
}

#content .prodimg {
	float: left;
	margin-right: 15px;
	margin-top: 7px;
}
#content .products {margin-top: 30px;}

/* >^..^< Content add-ons*/

#content img {margin: 0px;}
		

/* >^..^<  Content Calendar*/
#content .kuukausi h3 {
	display: block;
	width: 430px;
	height: 25px;
	line-height: 25px;
	background-color: #c9d60a;
	color: white;
	padding-left: 15px;
	}
#content th.pvm {
	display: block;
	width: 80px;
	line-height: 15px;
	}
#content th.kello {
	display: block;
	width: 100px;
	height: 15px;
	font-weight: normal;
	}
	
#content tr.line {
	display: table;
	padding-bottom: 5px;
	}
#content td.tapahtuma {
	width: 260px;
	}
	

/* Image alignment classes -> all Main layout blocks */
#main img.center {		/* No text wrap of course */
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
#main img.left {
	display: block;
	float: left;
	margin-right: 3px;
	}
#main img.rite {
	display: block;
	float: right;
	margin-left: 3px;
	}
#main .ilmaa img {
	margin: 15px;
}
/* Bannerspace */
#bannerarea {
	clear: both;
	width: 660px; 
	height: auto;
	/*height: 75px;*/
	font-size: 0px;
	margin-bottom: 3px;
	}
#bannerarea a img {
	border: 0px;
	}
#bannerarea a {
	margin-right: 5px;
	}
#bannerarea #ritebanner {
	width: 180px;
	float: right;
	margin-right: 0px;
}
/* <^..^> add-ons */
/*#contentpage2 img {
	margin: 5px 8px 30px 0px;
}*/

/* CONTENT:kuvapankki >^..^<*/

.kuvapankki_item {
	width: auto;
	height: auto;
	float: left;
	margin: 15px;
	padding: 5px;
	}
.kuvapankki_item img {
	/*border: 1px solid #ccc;*/
	padding: 5px;
}
.thumbnail {
	height: 115px;
}
ul.kuvapankki {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	/*font-weight: bold;*/
}

ul.kuvapankki li {
	/*list-style-image: url(images/kansio.gif);*/
	list-style-type: none;
	margin: 0px;
}
ul.kuvapankki li a {color: black;}

ul.kuvapankki_links  {
	margin: 0px; 
	padding: 0px;
}

ul.kuvapankki_links li {
	list-style-type: none;
	margin: 0px;
}

.kuvalaatikko {
float: left;
width: auto;
height: 120px;
margin-right: 10px;

}
#content .kuvalaatikko a{
	text-decoration: none;
	}

/* CONTENT form styles*/

ul#detmenu {
	list-style-type:none;
	width: 465px;
	display:block;
	height: 21px;
	padding: 0px;	
	margin-bottom: 0px;
}
#detmenu li {
	display:inline;
	}
#detmenu li a {
	padding: 8px 4px 6px 4px;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top:2px solid #000000;
	}
#detmenu li.active a, #detmenu li a:hover {
	border-left: 2px solid #00c0eb;
	border-right: 2px solid #00c0eb;
	border-top:2px solid #00c0eb;
	background:#99CC00;
	color:#FFFFFF;
}
table.package
{
background: #ffd281;
border: none;
}
table.tilauslomake
{
border: 2px solid #00c0eb;
}
table.tilauslomake th.left, table.tilauslomake td.otsakel
{
background: black;
color: #FFFFFF;
font-weight: bold;
width: 70%;
padding-left: 3px;
}
table.tilauslomake th.rite, table.tilauslomake td.otsaker
{
background: rgb(245,254,11);
color: black;
font-weight: bold;
width: 30%;
padding-left: 3px;
}
table.tilauslomake td.left, table.tilauslomake td.rite, table.tilauslomake td.row
{
background: #99CC00;
padding-left: 3px;
}
table.tilauslomake td.row 
{
width: 100%;
padding-left: 3px;
}

table.tilauslomake td.teksti {
	
	font-size: 111%;
}
table.tilauslomake td.teksti ul {
	font-size: 0.9em;
}
table.tilauslomake td.teksti p {padding: 5px;}
/* >^..^< ! */
/*img.banner {margin: 0px;}*/

#supershiny {clear: both;}
#clearrite {clear: right;}
#clearleft {clear: left;}

#bannerarea .sisalto_6 {
	position: relative;
	top: 5px;
	float: left;
	margin-right: 12px;
	margin-top: 5px;
	}
#bannerarea .sisalto_7 {
	position: relative;
	top: 5px;
	float: left;
	margin-right: 12px;
	margin-top: 5px;}
#bannerarea .sisalto_8 {
	position: relative;
	top: 5px;
	float: right;
	margin-top: 5px;
	}

#bannerarea img, #bannerarea a {
	margin: 0px;
	padding: 0px;
}



/* News */
/* >^..^< repalced .new* -classes  with corresponding contentblocks*/

#news p {
	display: inline;
	color: #000000;
	margin: 0px;
	padding-right: 10px;
	/*background: url(images/linkarrow.gif) no-repeat right;*/ 	/* Doesn't work on IE but we really care (see below). */
	_background: none;		/* hides background link arrow from IE (no CSS workaround available as of June'06) */
	}
#news a.sisalto_1, a.sisalto_2, a.sisalto_3, a.sisalto_10 {
	display: block;
	text-decoration: none;
	margin-left: -5px;
	_margin-left: -2.5px;	/* eww! nasty double-float hacqk for IE */
	padding: 2px 5px 2px 5px;
	float: left;			/* clearing hack to stop newsimg intruding to following .newsitem */
	/*border: 1px solid #ffffff; */
	}
#news a img {
	display: block;
	border: 0px;
	margin-bottom: 0px;
	}
#news a:hover {
	
	}

.newsdate {
	margin-right: 3px;
	font-weight: bold;
	color: #00c0eb;
	}

/* Other right column blocks */

a.ritecolitem {
	display: block;
	text-decoration: none;
	margin-left: -5px;
	_margin-left: -2.5px;	/* eww! nasty double-float hacqk for IE */
	padding: 2px 5px 0px 5px;
	float: left;			/* clearing hack to stop newsimg intruding to below elements */
	border: 1px solid #ffffff;
	}
a.ritecolitem p {
	display: inline;
	color: #000000;
	margin: 0px;
	padding-right: 10px;
	/* background: url(images/linkarrow.gif) no-repeat right; */
	}
a.ritecolitem img {
	display: block;
	border: 0px;
	margin-bottom: 0px;
	}
a.ritecolitem:hover {
	border: 1px solid #dadada;
	}
#sahkopaimen {
	width: 140px;
	padding: 2px;
	margin-left: -16px;
	color: white;
	height: 100px;
	/*background: url(images/spostlista.jpg) no-repeat bottom;*/
	background: black;
}
#sahkopaimen h2 {color: #FFFFFF;}

#sahkopaimen form input {float: right; margin-right: 10px;}

#sahkopaimen2 {
	width: 140px;
	padding: 2px;
	margin-left: -2px;
	color: #000000;
	height: 140px;
	font-size: 10px;
	#height: 170px;
	font-weight: bold;
	background: #DDDDDD;
}
#sahkopaimen2 h2 {color: #000000; font-size: 13px;}
#sahkopaimen2 form input {float: right; margin-right: 10px;}
#sahkopaimen2 .rekryb {
	margin: 3px 0px 3px 0px; 
	position: relative;
	left: -30px;
	display: block;
	width: 80px;
	height:20px;
	font-size: 12px;
	border:1px solid #000000;
	background:#000000;
	color:#FFFFFF;}
#sahkopaimen2 p {
	clear: both;
	display:block;
	width: 145px;
	font-size: 10px;
	color: #000000;
}



/* FOOTER */

#footer {
	clear: both;
	width: 660px;
	margin: 10px 0px 10px 20px;
	height: 38px;
	}
#bannerspace {
	}
#footer p {
	margin: 5px 3px 15px 0px;
	padding: 0px;
	color: #9e9e9e;
	font-size: 0.9em;
	font-weight: bold;
	}
#footer a {
	color: #9e9e9e;
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footerlogo {
	float: left;
	margin: 2px 5px;
	padding: 0px;
	}
	
a:active {outline:none;}
a:focus {-moz-outline-style:none;} 

#content a.tulosta {text-decoration: none;
display: block;
font-size: 0.9em;
color: #9e9e9e;
font-weight: lighter;
height: 17px;
width: 100px;
line-height: 17px;
background: url(../../layout/tulostin3.jpeg) no-repeat right;
}
#content a.tulosta:hover {
color: #00c0eb;
background: url(../../layout/tulostin3.jpeg) no-repeat right;
}
/*****  Me-kahvitauko lomake tyyylit *****/

#kaffecontainer, #kaffecontainer_ruotsi {
width: 470px;
}
#kaffecontainer form label {
	width: 235px;
	display:block;
	text-align:left;
	float: left;
	padding: 3px 5px 2px 0px;
}
#kaffecontainer_ruotsi form label {
	width: 205px;
	display:block;
	text-align:left;
	float: left;
	padding: 3px 5px 2px 0px;
}
#kaffecontainer form input .teksti{
	text-align:right;
	width: 210px;
	}
#kaffecontainer_ruotsi form input .teksti{
	text-align:right;
	width: 220px;
	}
#kaffecontainer_ruotsi form .paikkakunta label {
	clear: left;
}
#kaffecontainer_ruotsi form .paikkakunta 
{
	width: 470px;
	
	display: block;
	height: 30px;
	margin-top: 7px;
}
#kaffecontainer form .paikkakunta select 
{
	width: 210px;
}
#kaffecontainer_ruotsi form .paikkakunta select
{
	width: 220px;
	float: left;
	
}
	
#kaffecontainer form .radiot {
	display:block;
	width: 245px;
	float: right;
	padding: 0px 0px 10px 0px;}
	
 #kaffecontainer_ruotsi form .radiot {
	display:block;
	width: 245px;
	float: left;
	padding: 0px 0px 10px 0px;
	}

#kaffecontainer form .tekstit, #kaffecontainer_ruotsi form .tekstit  {
	display:block;
	clear: right;}
#kaffecontainer_ruotsi form .tekstit  { 
	clear: none;
	width: 460px;
	
}
	
#kaffecontainer form .tekstit i, #kaffecontainer_ruotsi form .tekstit i {
	display:block;
	width:200px;
	margin-top: 1em;
	clear: left;
	float:left;}
#kaffecontainer form .tekstit textarea, #kaffecontainer_ruotsi form .tekstit textarea {
	width:230px;
	height: 120px;
	}
#kaffecontainer form input.file, #kaffecontainer_ruotsi form input.file {
	float: right;
	display: block;
	width: 245px;
	background: #FFF;
	}
#kaffecontainer h1, #kaffecontainer_ruotsi h1 {
	font-size:24px;}
#kaffecontainer h3, #kaffecontainer_ruotsi h3 {
	text-align: left;
	float: left;
	width: 470px;
	font-size:24px;
	height: 32px;
	padding: 4px 0px 0px 0px;
	}

.taukomestari {
	float: left;
	border: #FFF thin solid;
}
#kaffecontainer form .tsekit  input.tsekki, #kaffecontainer_ruotsi form .tsekit  input.tsekki{
	text-align: left;
	float: left;
	clear:left;
	}
#kaffecontainer form .tsekit label, #kaffecontainer_ruotsi form .tsekit label{
	width: 440px;
	}
	
#kaffecontainer form .lahetys, #kaffecontainer_ruotsi form .lahetys {
width: 470px;
text-align:center;
float:left;
clear:both;}	

#kaffecontainer .red, #kaffecontainer_ruotsi .red {color: #FF0000;font-weight: bold;} 

#kaffecontainer p.ok, #kaffecontainer_ruotsi p.ok {
	padding: 10px;
	border:medium #000000 solid;
}
	
/* validation styles*/
.validation-advice {
	color: #FF0000;
	font-weight: bold;
}	
ul.kahvitauko {
list-style-type:none;}
#viislista ul.kahvitauko {
	margin-left: -40px;
	#margin-left: 0px;
}
.kuvausotsikko {
	font-size: 2.2em;
	line-height: 1.0em;
	font-weight: normal;
	color: #000000;
	margin: 10px 0px 5px 0px;

}
.taukokuva {
	float: right;
	display: block;
	width: 176px;
	height: 132px;
	overflow:hidden;
	clear: both;
	margin: 0px 0px 20px 10px;
}
.paikkakunta select {
width: 185px;
margin-left: 5px;
}
.jarjestaja select {
margin-left: 23px;}
.haku {
display: block;
margin-bottom: 25px;}
.eemil {font-size: 0.8em;
color:#66CCFF;}
.aika {
font-size: 0.8em;
color:#CCCCCC;}
.kommentti {
height: auto;
width: 450px;
display:block;
overflow:hidden;
margin: 10px 0px 10px 0px;
padding: 4px;
background: #EEEEEE;
}
.raportoi, .raportoi a img {
	float: right;
	margin: -14px 10px 0px 0px;
	border: none;}

.ekortti {
display: block;
margin-bottom: 12px;
}
/****** Ekortti tyylit*******/
#contento {
	width: 600px;
	text-align: center;
	}
.kuvaus {
	width: 435px;
	overflow: hidden;
	}
.teksti {
	}
/* Laskurin tyylit*/
.laskuri {
	margin-top: 5px;
	margin-left: 45px;
	}
.laskuri input{
	padding:0.5em;
	#padding: 3px 10px 3px 5px;
	font-size: 1.2em;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#000000;}
.laskuri input.laske{
	width: 240px;
	#width:200px;
	 }
.laskuri input.laske2{
	width: 340px;
	#width: 300px;
	 }
.laskuri input.count2 {
	width: 120px;
	#width: 110px;}
	
#laskuri {
	font-family:Helvetica, Arial, Geneva, sans-serif;
	color: #000000;
	font-size: 15px;
	font-weight:bold;
	position: relative;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 85px;
	#height: 85px;
	padding: 5px;
	border: 2px solid #FFFFFF;
	margin: 0px 0px 2px 0px;
	}
#laskuri2 {
	font-family:Helvetica, Arial, Geneva, sans-serif;
	color: #000000;
	font-size: 15px;
	font-weight:bold;
	position: relative;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 50px;
	#height:55px;
	padding: 5px;
	border: 2px solid #FFFFFF;
	margin: 0px 0px 2px 0px;
	}
#countdowncontainer {
}
#kahviosallistujat {
font-family:Helvetica, Arial, Geneva, sans-serif;
	color: #000000;
	font-size: 15px;
	font-weight:bold;
	position: relative;
	top: 0px;
	left: 0px;
	width: 130px;
	height:90px;
	#height: 90px;
	padding: 5px;
	border: 2px solid #00c0eb;
	margin: 0px 0px 10px 0px;
}
#kahviosallistujat2 {
font-family:Helvetica, Arial, Geneva, sans-serif;
	color: #000000;
	font-size: 15px;
	font-weight:bold;
	position: relative;
	top: 0px;
	left: 0px;
	width: 130px;
	height:145px;
	#height: 145px;
	padding: 5px;
	border: 2px solid #00c0eb;
	margin: 0px 0px 10px 0px;
}
#pipo #kahviosallistujat {
	height: 110px;
}
#pipo #kahviosallistujat .numero {
	background: #000000;
	border: outset 3px #00c0eb;
	display: block;
	color: #87c546;
	padding: 4px;
	width: 45px;
	}
	
	
/* Aarrejahti tyylit */

.aarrejahtiBg {
	background: rgb(241,246,216);
	width: 467px;
	color: #00B9E4;
}	
h2.aarrejahti {
	color: #00B9E4;
	font-size: 2em;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 11px;
}
#main h3.aarrejahti {
	color: #00B9E4;
	font-size:1.0em;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
	margin-left:11px;
}
hr {
	color: #00B9E4;
	width: 446px;
	margin-top: -5px;
}
.aarrejahtiBg ol {
	color: #00B9E4;
	margin-left: 24px;
	padding-left: 11px;
	font-weight:bold;
}
.aarrejahtiBg ol li {
		margin-left: 0px;
		padding-left: 0px;
}
.aarrejahtiBg ol li .text{
	color: #000000;
	font-weight:normal;
}
table.aarrejahti {
	border-top: 3px #00B9E4 solid;
	border-bottom: 3px #00B9E4 solid;
	width: 446px;
	display: block;
	margin: 20px 11px 0px 11px;
}
table.aarrejahti th {

}
table.aarrejahti td.halfrow {
	font-size: 1.2em;
	border-bottom: 1px #00B9E4 solid;
}
table.aarrejahti td.halfrow input[type=text] {
		background: rgb(241,246,216);
		border:none;
}
/*
   `      .   `      `           -//o+/sy++ooy/s:.  ` `.` mMMMMM-y//:yyd//NhNNdmNMsdoy/smm+.  `  
                                          -//oo+o`:       .+NMMMMM/o:/:--o.-`o::syhmdmmso`.`       
Hansel, a Dutch bartender, had unsavoury  /:s://hs-::-:s+ohm++MMMMMh/+:` .``/  .s/yyMddmso+         
persuasions regarding young Gretel,       +mNNmmh/``/ddhmyh+`mMMMMMmdh.  `+hhmyh+ys+yhdmdd+`       
persuasions, which he unabashedly         +mmddmMdd./yhmyoymhohMMMMMmhdh` ohdsohhd/oshmhshmho`      
and with obscene amounts of lemon sorbet  .-+o++- -::``:`:`  -MMMMMN:.     .-.:      ././.         
embraced.                                   `.. ``-```         hMMMMMs    sm.                       
                       .:  `/    `/`  /.    :`  -.    `:   /   -MMMMMN:   dM-        `/   /         
MMMmhdds-:/+/hdMNNdo   :yysss`   .sysss-   `oysyh/    -hysyy-.-:NMMMMMd/--+h/-.``    .yssyy-        
dNNmddhMN+`sNNhNddNM/ smdhdyNm- :NmydymN/ `NNydhdNd  ommhdyNm/ `NMMMMMMd     `..-`  /mNydhmm+       
yh+/o:+:+o.s.oo-//.hh..`:/.+.`` ``.+./.``  ``/.:/`.  ``:+`+-``  /MMMMMMh            ``-+`+-``   ::` 
y/:+//+. oo.-`                                                  .dMMMMMMy::.                 ``-so` 
hs```` -y.``  ```     Thus, it came as no surprise to anyone     .MMMMMMd  -:+--`      ``    .+syyy`
-yddMNdds/./hyNMmyh:  when Gretels aunt disassembled Hansel    -yymMMMMMM+    :```  +hhNMdyy:-dss/+ 
-ymhyssMh. sdhsssddo  one Thursday morning.                    +ddyMMMMMMN-        `ymysssmhhymdyd+.
`-hosooM:  `ss.+.yh`                                 -h/:/:h-   +y.dMMMMMMm.        `so./.h:`ysdo+od
 .-.  `s:       -s/                                                `NMMMMMMm`                `syd+ym
` `-.  .s :-`   .-o                                                 +MMMMMMMy             -:-yydh:+s
./mMMNsoNh-.sodmdsh. `+ohmmso:         +yy/           :/.        .`  hMMMMMMMo  `-  -osmmhomMMNdmy/h
MmMMNdMMM+ hmsoh+dmy -dm+hyoNd.       `mMMN`         dMMN`       /` `:MMMMMMMN` :/ `hMoyh+dms+os+:oo
                                       :yNm/`        :NMMo`      +.+: mMMMMMMMd`:y`.`hm/+.m/ :/hmo/h
The recycled carbon and calcium  +o+sooohMMMMy:       oNMMNhs-  `:o+o`yMMMMMMMMy-m+o.:hd+`.osdhhho-s
she later used for restoring      `.:+oNMMMosh-   `sNMMMh-/dy  `h+s::MMMMMMMMMyyy+/:+hmhdmMNNymdys
an antique Roybatty.                    -NMMN::yyysho-NMMMy``Nh +soso/hMMMMMMMMMNmmys+dNMdMNddss-.-
                                        `dMMMd  `   `dMMMMMy ..   /hh-yMMMMMMMMMNNmmNNdMmmNmsdho/:/
-h`  `.yy  +dmh``s                      .NMhyMMo     yMMMMMMM:   `/ymymsMMMMMMMMMMmNMMdNNMNNdmMNo/yd
y:   -:sN`. --  `s `    ```        .-   +M+` oNd.   `dMNMMMMMh.  +:dNmmNMMMMMMMMMMMMMMdmdMMMhdmNmNmM
y.o+--oyN -:.` -`h`:  :/.`-:     ` :/.` yh .. `sN:   dd`.:-/No  `/ymsNmMMMMMMMMMMMMMMMMMMMMdmNNMMMMM
+-/-+/oyM+:--. .:d/-:-.::./o-:o:.:+hdo-:No.:y:  sMy`+Mo:+ss/oMdoyymNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
h/:.shohMdsdo`` :mo+::/:m//oyNhdmmMNMNMMMNNNMNyhMMdNMMNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
Nhy+/hydMMhdh/::oNd+ymMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MNMddmNNmMmdsyNmmMNmMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/