* {margin:0; padding:0;}

pre
{
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	width: 650px;
}

html
{
	height:100%;
}

body
{
	position: relative;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #fce0df;
	text-align: center;
	background-image: url(kuvat/tausta3.jpg);
	background-position: top center;
	background-repeat: repeat; 
}

table#tausta_yllapito_login
{
	background-color: white;
}

#container 
{
	position: relative;
	top: 0px;
	z-index: 5;
	margin: auto;
	height: 100%;
}

#sivu_varjostus
{
	position: relative;
	top: 0px;
	z-index: 5;
	width: 990px;
	margin: auto;
	height: auto;
}

#introsivu
{
	position: relative;
	top: 20px;
	z-index: 5;
	width: 1000px;
	margin: auto;
}

.teksti_valkoinen
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: white;
}

.otsikko_valkoinen
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: white;
}

.border
{
	border: 1px;
	border-color: #DCEDF6;
	border-style: solid;
}

.border_table td
{
	vertical-align:top;
	border:0px solid #8BA785;
	padding:5px 2px 2px 5px;
}

#ylaosa
{
	position: relative;
	margin-top: -143px; /*150*/
	z-index: -1; /*-1 */
	width:850px;
	margin-left:10px;
	
}
#logo
{
	padding-left: 0px;
	padding-top: 0px;
	z-index: 6;
}

#ylin_navi
{
	position: absolute;
	margin-left: 690px;
	margin-top: 10px;
}

#ylanavi
{
	width: 941px;
	height: 34px;
	background-image: url(kuvat/navi_pohja.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-left: 1px;
	color: white;
	text-align: left;
	z-index: 90;
	
}

#ylanavi_pad
{
	padding-top: 97px;
	z-index: 90;
	margin-left:50px;
}

#tekstikentta
{
	position:relative;
	width: 850px; /*943 */
	margin: 0px;
	margin: auto;
	text-align: left;
	height: 100%;
	border: 2px solid #000000;
}

#alaosa
{
	position:relative;
	margin-top:0px;
	margin-left:1px;
	background-color: white;
	background-image: url(kuvat/alaosa.jpg); 
	background-repeat: no-repeat;
	width: 992px; 
	height: 55px;
	font-size: 12px;
	font-family: Arial;
	font-weight:bold;
	color: #000000; /*#2D2D2D*/
}
#alaosa_pad
{
	padding-top: 0px; /*12*/
	padding-left: 0px;
	width:875px;
	margin-left:57px;
}
#alaosa_pad_annos
{
	padding-top: 60px; /*12*/
	padding-left: 0px;
	padding-bottom: 0px;
	width:875px;
	margin-left:57px;
	background-color:#efec07;
}

#alaosa_linkit
{
	position: absolute;
	padding-top: 0px;
	margin-left: 190px;
	width: 210px;
}

#alaosa_linkit2
{
	position: absolute;
	padding-top: 0px;
	margin-left: 420px;
}

#alaosa_linkit3
{
	position: absolute;
	padding-top: 0px;
	margin-left: 640px;
	
}

#alaosa_teksti
{
	float: right;
	padding-top: 0px;
	padding-right: 35px;
}

#alaosa_yht
{
	float: left;
}

#vasen
{
	float: left;
	z-index: 9;
	margin-left: 24px;
	padding-top: 12px;
	width: 210px;
	line-height: 19px;
}

.kuvaborder
{
	border: 2px solid #D8EEF5;
}

.vasen_sis
{
	margin-left: 10px;
}

#oikea
{
	float: right;
	padding-top: 27px;
	z-index: 10;
	width: 220px;
	margin-right: 10px;
	text-align: center;
	line-height: 4px;
	clear: right;
}

#oikea_uutiset
{
	float: right;
	padding-top: 7px;
	z-index: 10;
	width: 220px;
	margin-right: 5px;
	text-align: left;
	line-height: 13px;
	clear: right;
}

#oikea_kuvat
{
	float: right;
	padding-top: 7px;
	z-index: 10;
	width: 220px;
	margin-right: 10px;
	text-align: left;
	clear: both;
}

#pohja1
{
	position: relative;
	margin-top: 10px;
	z-index: 10;
	padding-left: 40px;
	padding-bottom: 0px;
	width: 250px;
	text-align: left;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:15px;
	color: #8a2e36;
}
#pohja2
{
	position: relative;
	margin-top: -275px;
	z-index: 10;
	padding-left: 410px;
	width: 250px;
	text-align: left;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:15px;
	color: #8a2e36;
}
#pohja_860
{
	background-image: url(kuvat/yla1.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	position: relative;
	margin-top: 0px; /*15*/
	z-index: 10;
	padding-left: 44px;
	padding-top: 1px;
	padding-bottom: 0px;
	width: 950px;
	text-align: left;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:15px;
	color: #000000;
}
table
{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	padding:15px;
}
td { 
    padding: 5px;
}
#keski
{
	position: relative;
	background-image: url(kuvat/valitila.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	margin-top: -5px; /*-210*/
	margin-left:-7px;
	z-index: 10;
	padding-left: 15px;
	padding-bottom: 10px;
	width: 355px; /*270*/
	text-align: left;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #8a2e36;
}
#keski_iso
{
	position: relative;
	background-image: url(kuvat/valitila_iso.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	margin-top: -5px; /*-210*/
	margin-left:-7px;
	z-index: 10;
	padding-left: 15px;
	padding-bottom: 10px;
	width: 700px; /*270*/
	text-align: left;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #8a2e36;
}
#keski_860
{
	position: relative;
	background-image: url(kuvat/valitila_860.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	margin-top: -5px; /*-210*/
	margin-left:-7px;
	z-index: 10;
	padding-left: 15px;
	padding-bottom: 0px;
	width: 860px; /*270*/
	text-align: left;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #8a2e36;
}
#keski_860_liuku
{
	position: relative;
	margin-top: 60px; /*-210*/
	margin-left:12px;
	z-index: 10;
	padding-left: 14px;
	padding-bottom: 0px;
	width: 868px; /*270*/
	text-align: left;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	background-color:#efec07;
}
#keski_tulokset
{
	position: relative;
	padding-top: 12px;
	z-index: 10;
	margin-left: 255px;
	width: 670px;
	text-align: left;
}
#teksti_860
{
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	padding-top:25px;
	width: 860px;
	text-align: left;
	z-index: 1;
	background-color:#efec07;
}
#laatikko_jatkuva
{
	position: relative;
	z-index: 9;
	background-image: url(kuvat/laatikko_jatkuva.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}
#kuva
{
	background-image: url(kuvat/kuvapohja_ohut.jpg);
	background-position: top center;
	float: right;
	padding-top: 7px;
	z-index: 2;
	width: 220px;
	margin-right: 10px;
	text-align: left;
}

.navi_vasen_valittu_box
{
	padding: 3px;
	background-color: #FFFFFF;
	color: #4D4D4D;
}

#kuvateksti
{
	font-family: arial;
	font-size: 12px;
	color: #626262;
	background-color: white;
	width: 268px;
	padding: 5px;
	margin-bottom: 4px;
	margin-top: -3px;
	text-decoration: none;
	text-align: left;
}

#numerot
{
	float: left;
	line-height: 3px;
	margin-left: 9px;
	padding-top: 10px;
	width: 24px;
	height: 23px;
}

/*****************/

/* UUTISET */
#uutiset
{
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
}

table#uutiset_taulu
{
	width: 435px;
	position: relative;
	z-index: 9;
}
#uutiset_ylaosa
{
	position: relative;
	padding-top: 7px;
	padding-left: 13px;
	color: #4D4D4D;
	font-size: 16px;
	font-weight: bold;
	width: 435px;
	height: 35px;
	background-image: url(kuvat/uutiset_otsikko.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#uutiset_ylaosa_palaute
{
	position: relative;
	padding-top: 7px;
	padding-left: 13px;
	color: #4D4D4D;
	font-size: 16px;
	font-weight: bold;
	width: 435px;
	height: 35px;
	background-image: url(kuvat/uutiset_otsikko.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

table#uutiset_taulu_tulokset
{
	width: 650px;
	position: relative;
	z-index: 9;
}

#uutiset_ylaosa_tulokset
{
	position: relative;
	padding-top: 8px;
	padding-left: 13px;
	color: #4D4D4D;
	font-size: 16px;
	font-weight: bold;
	width: 650px;
	height: 35px;
	background-image: url(kuvat/uutiset_otsikko.jpg);
	background-position: middle left;
	background-repeat: no-repeat;
}

#uutiset_jatkuva_galleria
{
	width: 435px;
	font-size: 12px;
	font-weight: normal;
}

.uutiset_pad_oikea
{
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 4px;
}

.uutiset_pad
{
	padding-left: 12px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 9px;
}

.uutiset_pad_keski
{
	padding-left: 12px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 9px;
}

.etusivu_lines
{
	line-height: 12px;
}

.etusivu_lines2
{
	line-height: 14px;
}


#uutiset_alaosa
{
	padding-left: 13px;
	padding-top: 5px;
	width: 435px;
	height: 1px;
}

.etusivu_uutiset_kuva
{
	float:right;
	margin-right: 40px;
	margin-left: 8px;
	width: 150px;
}

.uutiset_kuva_facebox
{
	float:right;
	margin-top: 25px;
	margin-right: 14px;
	margin-left: 8px;
	width: 270px;
	clear: both;
}

.vihrea
{
	color: #35991E;
}

.joukkuekuva
{
	margin-left: -11px;
}

.pelaajat
{
	float: left;
	width: 210px;
	text-align: center;
}

.clear
{
	clear: both;
}

.kuvapad
{
	margin-right: 0px;
	padding-top: 9px;
	text-align: center;
	width: 150px;
}

.kuvapad_juttu
{
	margin-top: 0px;
	width: 125px;
	text-align: center;
}

.kuvareuna
{
	border: 5px solid #E3E3E3;
}

.kuvareuna2
{
	border: 3px solid #E3E3E3;
}

.kuvareuna_valkoinen
{
	border: 5px solid #FFFFFF;
}

/*****************/


/* normaalit */
#tausta_yllapito
{
	background-color: #FFFFFF;
}
#keskipalsta
{
	background-image: url(kuvat/keski.jpg); 
	background-repeat: repeat-x; 
	background-color: #F7F7F7;
}
#palsta_sisennys
{
	position: relative; 
	top: 10px; 
	padding-left: 15px; 
	padding-right: 25px;
	padding-bottom: 25px;
}
div#header
{
	position:absolute;
	text-align: center;
	padding-top: 2px;
	top:0;
	left:0;
	width:100%;
	height: 30px;
	background-image: url(kuvat/yllapito_header.jpg); 
	background-repeat: repeat-x;
	font-family: arial;
	font-size: 11px;
	color: black;
}


div#boksi
{
	padding: 4 2 4 2;
	background-color: #EFF4FF;
	border:1px solid #B8C8EC;
	width: 100px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

div#boksi:hover, div#boksi:active
{
	padding: 4 2 4 2;
	background-color: #EDF1F5;
	border:1px solid #C3C3C3;
	width: 100px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
.th 
{
	color:#ffffff;
	border: 0px solid black;
	border-collapse: collapse;
	background-color: #135F8B;
	font: normal 11px arial, Helvetica, Arial, sans-serif;
}
input.submit
{
	border: 1px solid #BFBFBF;
	background-image: url(yllapito/kuvat/input_tausta.gif);
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 0px 5px 3px 5px;
	cursor: hand;
	cursor: pointer;
	height: 22px;
}

input.tallenna
{
	border: 1px solid #BFBFBF;
	background-image: url(yllapito/kuvat/input_tausta_tallenna.gif);
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 0px 5px 3px 5px;
	cursor: hand;
	cursor: pointer;
	height: 22px;
}
input.hae
{
	border: 1px solid #C2C2C2;
	background-image: url(yllapito/kuvat/input_tausta.gif);
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	cursor: hand;
}

input.poista
{
	border: 1px solid #BFBFBF;
	background-image: url(yllapito/kuvat/input_tausta_poista.gif);
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 0px 5px 3px 5px;
	cursor: hand;
	cursor: pointer;
	height: 22px;
}

textarea.tekstikentta
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	padding: 4px;
	height: 190px;
	width: 520px;
}

.hide
{
	display: none;
}

.show
{
	display: block;
}
h1 {
font-size: 1.438em;
margin-top: 0;
}

h2 {
color: #333;
font-size: 1.188em;
font-weight: bold;
margin: 0.842em 0;
}

h2 i {
color: #666;
}
/*
b {
color: #1a9364;
}

b.fail {
color: #a81c1c;
}
*/
.nav {
border-bottom: 1px solid #999;
/*max-width: 771px; */
width:890px;
padding-bottom: 1.5em;
position: relative;
z-index: 4;
font-family: Arial;
font-weight:bold;
}

.nav:nth-of-type(2) {
z-index: 3;
}

.nav:nth-of-type(3) {
z-index: 2;
}

.nav:nth-of-type(4) {
z-index: 1;
}

.nav:last-of-type {
border: 0;
min-height: 1.25em; /* navigaation korkeus */
padding: 0;
}

ul , ul div{
border: solid #e6eae9; /*00794a*/
border-width: 0px 0;
display: table;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.fail ul, .fail ul div {
border-color: #7e1515;
}

li {
display: table-cell;
position: relative;
}
.nav a {
background: #ff0402; /*tausta*/
border-right: 1px solid ##00794a; /*#00794a*/
color: #efec07; /*teksti*/
display: block;
padding: .375em;
text-decoration: none;
}
.fail a {
background: #891717;
border-right-color: #7e1515;
}

li:first-child > a {
border-left: 2px solid #e6eae9; /*00794a*/
border-top-left-radius: 10px 10px;
}
li.rr:first-child > a {
border-left: 2px solid #e6eae9; /*00794a*/
border-top-left-radius: 0px 0px;
}
li:last-child > a {
border-top-right-radius: 10px 10px;
}
li.lr:last-child > a {
border-top-right-radius: 0px 0px;
}
.fail li:first-child > a {
border-left-color: #7e1515;
}
/*
.parent:after {
border-color: #000 transparent transparent transparent;
border-style: solid;
border-width: 5px 5px 0 5px;
content: '';
display: inline-block;
height: 0;
margin-left: .5em;
position: relative;
top: -.063em;
-webkit-transform: rotate(360deg);
width: 0;
}*/

a:hover, a:focus, li:hover > a {
background: #efdc07; /*hover tausta*/
color:#ffffff;
}

.fail a:hover, .fail a:focus, .fail li:hover > a {
background: #891717;
}

ul ul, ul div {
border-width: 0 2px;
left: -999em;
margin-left: -2px;
max-width: 34em;
position: absolute;
}

ul div ul {
border: 0;
margin: 0;
max-width: none;
position: static;
}

ul li:hover ul, ul li:hover div, ul li a.tmh-open + * {
left: auto;
}

ul li:first-child ul, ul li:first-child div {
margin-left: 0;
}

li li {
display: block;
}

li li a {
background: #f2f2f2; /*cdd7d3, 1a9364*/
border: solid #e1e5e4; /*00794a*/
border-width: 0 0 2px 0;
}

.fail li li a {
background: #a81c1c;
border-color: #7e1515;
}

li li:first-child > a {
border-top-width: 2px;
border-left: 0;
}

li li a:hover, li li a:focus {
background: #052efa; /*008752*/
}

.fail li li a:hover, .fail li li a:focus {
background: #891717;
}
/* normaalit loppuu */
a.face:link, a.face:active, a.face:visited
{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #8a2e36;
	text-decoration:none;
	background: #FFFFFF;
}

a.face:hover
{
	text-decoration:underline;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #a1303a;
	background: #FFFFFF;
}
.iclass
{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #8a2e36;
	text-decoration:none;
	
}
.iso_otsikko
{
	font-family: Verdana, sans-serif;
	font-size:38px;
	color: #ff0402;
	font-weight: bold;
	text-decoration:none;
	
}
.lounashinta
{
	padding-left:200px;
	color: #ff0402;
	font-weight: normal;
	text-decoration:none;
	
}
.lounaslista
{
	padding-left:30px;
	font-family: Verdana, sans-serif;
	font-size:24px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
}
.lounaslista2
{
	position:absolute;
	margin-left:430px;
	margin-top:-400px; /*-405*/
	font-family: Verdana, sans-serif;
	font-size:24px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
}
.pikkujoululounaslista
{
	padding-left:80px;
	font-family: Verdana, sans-serif;
	font-size:24px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
}
.pikkujoululounaslista2
{
	position:absolute;
	margin-left:480px;
	margin-top:-280px; /*-405*/
	font-family: Verdana, sans-serif;
	font-size:24px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
}
.pieni_auki_musta
{
	font-family: Verdana, sans-serif;
	font-size:1.1em;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
.pieni_otsikko_musta
{
	font-family: Verdana, sans-serif;
	font-size:1.438em;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
	
}
.pienin_otsikko_musta
{
	font-family: Verdana, sans-serif;
	font-size:1.000em;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
	
}
.pieni_otsikko_punainen
{
	font-family: Verdana, sans-serif;
	font-size:1.438em;
	color: #ff0402;
	font-weight: bold;
	text-decoration:none;
	
}
table#annoslista td
{
width: 425px;
vertical-align:top;
}
a.lounaslinkki:link, a.lounaslinkki:active, a.lounaslinkki:visited
{
	font-family:Verdana,Tahoma, Helvetica;
	font-size:38px;
	color: #ff0402;
	text-decoration:none;
}

a.lounaslinkki:hover
{
	text-decoration:underline;
	font-family:Verdana,Tahoma, Helvetica;
	font-size:38px;
	color: #ff0402;
	background-color:#efec07;
}
#parikuva
{
position:absolute;
margin-top:160px; /*150*/
margin-left:5px; /*-500*/
z-index:999;
}
#kuva_slid
{
position:absolute;
margin-top:-492px;
margin-left:48px;
width:753px;
z-index:999;

}
.wysiwyg-color-black {
  color: black;
}

.wysiwyg-color-silver {
  color: silver;
}

.wysiwyg-color-gray {
  color: gray;
}

.wysiwyg-color-white {
  color: white;
}

.wysiwyg-color-maroon {
  color: maroon;
}

.wysiwyg-color-red {
  color: red;
}

.wysiwyg-color-purple {
  color: purple;
}

.wysiwyg-color-fuchsia {
  color: fuchsia;
}

.wysiwyg-color-green {
  color: green;
}

.wysiwyg-color-lime {
  color: lime;
}

.wysiwyg-color-olive {
  color: olive;
}

.wysiwyg-color-yellow {
  color: yellow;
}

.wysiwyg-color-navy {
  color: navy;
}

.wysiwyg-color-blue {
  color: blue;
}

.wysiwyg-color-teal {
  color: teal;
}

.wysiwyg-color-aqua {
  color: aqua;
}
.wysiwyg-font-size-small {
  font-size: small;
}
.wysiwyg-font-size-medium {
  font-size: medium;
}
.wysiwyg-font-size-large {
  font-size: large;
}
.wysiwyg-font-size-x-large {
  font-size: x-large;
}
.wysiwyg-font-size-xx-large {
  font-size: xx-large;
}
.wysiwyg-font-name-arial {
  font-family: Arial;
}
.wysiwyg-font-name-times {
  font-family: Times;
}
.wysiwyg-font-name-comic {
  font-family: Comic Sans MS;
}
.wysiwyg-font-name-segeo {
  font-family: Segoe UI;
}
#borderimg {
    border: 50px solid transparent;
    padding: 45px;
    border-image-source: url(kuvat/reds2.gif);
    border-image-repeat: round;
    border-image-slice: 50;
 
}
img { behavior: url(iepngfix.htc); }