.ikkunateksti {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #000000; 
  text-decoration: none;
  font-weight: normal;
  line-height: normal }

.ikkunaotsikko {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #000000; 
  text-decoration: none;
  font-weight: bold;
  line-height: normal }

.footerteksti {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #000000; 
  text-decoration: none;
  font-weight: normal;
  line-height: normal }
  
a.footerteksti {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #000000; 
  text-decoration: none;
  font-weight: normal;
  line-height: normal }
  
a.footerteksti:hover {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #000000; 
  text-decoration: underline;
  font-weight: normal;
  line-height: normal }

html, body {
background: #b11016;
height:100%;
margin: 10px;
}

.paakehys { 
	background-color: #FFFFFF;
	border-collapse: collapse;
	
}


input.nappi {
  font-family: Tahoma,verdana,arial,helvetica;
  font-weight: normal;
  font-size: 11px;
  text-decoration: none;
  color: #ffffff;
  background: #444546;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #4a4a4a;
}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: 12px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #b11016; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { 
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #ff9100; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ff9100; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #b11016; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #ff9100; /* set desired hover color */
color: #000
}

/* end css tabs */

/*  C O L O U R   A N D   D E C O R A T I O N  */

.red_bg {			background-color : #B11016; }
.orange_bg {		background-color : #FF9000; }
.white_bg {			background-color : #FFFFFF; }
.black_bg {			background-color : #000000; }
.grad_bg_r2w {		background-color : #B11016; background-image : url(imgs/bg-grad-r2w.gif); 
					background-attachment : fixed; background-repeat : repeat-y; background-position : right; }
.grad_bg_w2r {		background-color : #B11016; background-image : url(imgs/bg-grad-w2r.gif); 
					background-repeat : repeat-y; }

.red {				color : #B11016; }
.orange {			color : #FF9000; }
.white{				color : #FFFFFF; }
.black {			color : #000000; }

.footer {			color : #FFFFFF; }
a.footer {			color : #FFFFFF; text-decoration : none; }
a.footer:hover {	color : #FFFFFF; text-decoration : underline; }
a.menu {			display : block; color : #000000; text-decoration : none; width : 100%; height : 100%; }
a.menuSel{			display : block; color : #FF9900; text-decoration : none; width : 100%; height : 100%; }
a.menu:hover, a.menuSel:hover {
					color : #FFFFFF; }
a.sortable_list {	color : #000000; text-decoration : none; width : 100%; height : 100%; }
a.sortable_list:hover {
					text-decoration : underline; }					
a {					color : #B11016; }					
a:hover {			color : #FF9000; }					

td.menu	{ 			background-color : #FF9000; border : 1px solid black; }
td.menuSel	{ 		background-color : #000000; }

.content td {		border : 1px solid #B11016; }
.usertable, .usertable td, .k_email_form, .k_email_form td {
					border : 0px; }
.pageTitle {		color : #FFFFFF; background-color : #B11016; }
.boxTitle {			color : #000000; background-color : #FF9900; }


/*  F O N T   D E F I N I T I O N S  */

.content, .usertable, .k_email_form, .pageTitle, .boxTitle, body, h1, h2, p, a {
					font-family : verdana, Geneva, Arial, Helvetica, sans-serif; }

.footer, .ten_px {	font-size : 10px; }
.content, .usertable, .k_email_form, .twelwe_px, p {
					font-size : 12px; }
a.menu {			font-size : 12px; font-weight : bold; }
a.menuSel {			font-size : 12px; font-weight : bold; }
a.sortable_list {	font-size : 12px; }
.boxTitle {			font-size : 12px; font-weight : bold; }
h1 {				font-size : 14px; }
h2 {				font-size : 12px; }
.pageTitle {		font-size : 16px; font-weight : bold; }


/*  P O S I T I O N   A N D   S P A C E  */

table.content {		width : 100%; }
table.content td {	margin : 5px; padding : 5px; vertical-align : top; text-align : left; }
table.content_holder td {
					margin : 0px; padding : 0px; vertical-align : top; text-align : left; }
.content_holder table.content td {	
					margin : 5px; padding : 5px; }
table.menu {		margin : 0px; padding : 0px; border : 0px; }
td.menu	{ 			margin : 0px; padding : 0px; vertical-align : middle; }
td.menuSel	{ 		margin : 0px; padding : 0px; vertical-align : middle; }
a.menu {			margin : 0px; padding : 0px; padding-left : 6px; border : 0px; line-height : 18px; }
a.menuSel {			margin : 0px; padding : 0px; padding-left : 20px; border : 0px; line-height : 18px; }