/* CSS simple */

/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	text-align: center;
	overflow-y: hidden;	
	/* 
	background: white url('graphics/textix_background.jpg') no-repeat top left;
	*/
}
ol, ul {
	list-style: none;
}

strong{
	font-weight: bold;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset styles - END */



/*
*	BASIC STUFF
*/

/*
*body
*{
*//margin: 20px 20px 20px 20px;
*//background-color: #F0F0F0;
*//border: 6px #DCDCDC solid; 
*//padding: 10px; 
*//position: static; position: fixed;
*}
*/
/*
*   10px 10px 10px 10px ---  top, right, bottom, left
*   #column a:focus   links for inside column class without declaration to link
*
*/


table, div
{
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	line-height: 1.4;
	color: #8C8C8C;
	text-align: center;
}

.error
{
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}

p
{
margin: 5px;
}

.leipateksti p
{
padding: 5px 15px 5px 30px;
}

a.leipateksti_rightalign_link
{
text-align: right;
padding-right: 10px;
margin-left: 80px;
text-decoration: underline;
}




a
{
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: black;
}
a:link
{
	color: black;
}

a:visited
{
	color: grey;
}
a:active
{
	color: grey;
	text-decoration: none;
}
a:hover
{
	color: grey;
}


.header_big
{
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: black;
	padding-left: 30px;
}

.header_small
{
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: black;
	padding-left: 30px;
}



#page_mainframe
{
margin: 0 auto 0 auto;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
min-height: 100%;
overflow-y: hidden;
}

#page_menu
{
position: relative;
height: 30px;
text-align: center;
padding-top: 20px;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
color: black;
}

a.menulink
{
font-family: verdana, tahoma, arial, sans-serif;
font-size: 14px;
text-decoration: underline;
color: black;
}
a.menulink:link
{
color: black;
}
a.menulink:visited,a.menulink:active
{
color: grey;
text-decoration: none;
}
a.menulink:hover
{
color: grey;
}




#page_logo
{
text-align: center;
width: 199px;
height: 96px;
border: 0px;
}

#page_contentframe
{
margin: 0 auto 0 auto;
padding: 0px;
width: 800px;
text-align: left;
font-family: Verdana;
font-size: 12px;
line-height: 1.4;
color: black;
background: white;
border-left: 1px black dotted;
border-right: 1px black dotted;
border-top: 0px;
border-bottom: 0px;
height: 2000px;
overflow-y: hidden;
}

#page_content
{
/* margin: 0 auto 0 auto;
*/
position: relative;
width: 796px;
margin: 0px;
padding: 0px;
height: 100%;
}

#page_endfooter
{
height: 21px;
background: #ADC403;
text-align: center;
font-family: Verdana,"Times New Roman";
font-size: 8pt;
margin-left: 0px;
padding-top: 4px;
}


.header_page
{
text-align: center;
font-family: "Times New Roman";
font-size: 14pt;
font-weight: bold;
margin: 70px 0px 20px 0px;
height: 150px;

}

.header_grey
{
background: #A7ACB2;
text-align: left;
font-family: "Times New Roman";
font-size: 12pt;
margin-left: 0px;
padding-left: 5px;
}

.header_grey_italic
{
background: #A7ACB2;
text-align: left;
font-family: "Times New Roman";
font-style: italic;
font-size: 12pt;
margin-left: 0px;
padding-left: 5px;
}

.header_green
{
background: #ADC403;
text-align: left;
font-family: "Times New Roman";
font-size: 12pt;
margin-left: 0px;
padding-left: 5px;
}


.pricetable_container
{
width: 160px;
}

.pricetable1
{
width: 90px;
float: left;
text-align: left;
margin-left: 10px;
}

.pricetable2
{
width: 50px;
float: right;
text-align: left;
}


.pricetable_container2
{
width: 300px;
}

.pricetable1b
{
width: 190px;
float: left;
text-align: left;
margin-left: 10px;
}

.pricetable2b
{
width: 90px;
float: right;
text-align: left;
}

.pricetable_container3
{
width: 400px;
margin-left: 30px;
}

.pricetable3a
{
width: 190px;
float: left;
text-align: left;
margin-left: 10px;
}

.pricetable3b
{
width: 190px;
float: right;
text-align: left;
}




.lehtikuva_container
{
width: 300px;
}


.lehtikuva_kuva
{
float: left;
width: 85px;
margin: 8px 5px 20px 5px;
align: left;
position: relative; top: -28px; left: 0px;
}

.lehtikuva_teksti
{
width: 200px;
float: left;
text-align: left;
}


a.expand { 
display: block; 
text-align: center; 
zoom: 1; /* max clickable area */ 
} 
  
a.expand:hover { 
padding-top: 20em; 
} 





.textix_menubar
{
background: black url('graphics/textix_menubar.gif') no-repeat top left;
color: white;
width: 155px;
height: 33px;
vertical-align: text-bottom;
}

.margin_top
{
margin: 0px 0px 0px 0px;
padding-top: 0px;
font-size: 12px;
}


#textix_banner
{
position: relative;
float: right;
margin-right: 50px;
width: 196px;
height: 206px;
}

.leipateksti
{
min-height: 150px;
margin: 0px;
padding: 30px 40px 0px 60px;
font-size: 14px;
}


.leipateksti2
{
min-height: 150px;
margin: 0px;
padding: 30px;
}