/* typography 

p { margin-bottom:1em ; }
ul,ol { padding-left:3em ; margin:1em ; } 
h1,h2,h3,h4,h5 { margin-bottom:1em ; }

/* //typography */

a:link
{
    color: #004299;
    text-decoration: none;
}
a:visited
{
    color: #004299;
    text-decoration: none;
}
a:hover
{
    color: #004299;
    text-decoration: underline;
}
a:active
{
    color: #004299;
    text-decoration: underline;
}


a.yla:link
{
    color: #333333;
    text-decoration: none;
}
a.yla:visited
{
    color: #333333;
    text-decoration: none;
}
a.yla:hover
{
    color: #333333;
    text-decoration: underline;
}
a.yla:active
{
    color: #666666;
    text-decoration: underline;
}



a.navi_3_on
{
    color: #004299;
    text-decoration: none;
	font: 11px verdana, arial, helvetica;
    font-weight: bold;
}
a.navi_3_off
{
    color: #333333;
    text-decoration: none;
	font: 11px verdana, arial, helvetica;
    font-weight: bold;
}
a.navi_4
{
    color: #004299;
    text-decoration: none;
	font: 10px verdana, arial, helvetica;
}

a.teksti:link
{
    color: #004299;
    text-decoration: underline;
}

.leipis
{
	font: 11px verdana, arial, helvetica;
	color: #000000;
}

.paivays
{
	color: #666666;
}

.alaotsikko
{
	font-weight: bold;
}

.alapalkki
{
	font: 10px verdana, arial, helvetica;
	color: #666666;
}

.iso_otsikko
{
	font: 18px/20px georgia, times, serif;
	color: #004299;
		display:block ;
}

.iso_ingressi
{
	font: 12px georgia, times, serif;
}

.pieni_otsikko
{
	font: 18px verdana, arial, helvetica;
	color: #333333;
}

.laatikko_leipis
{
	font: 10px verdana, arial, helvetica;
}

.laatikko_otsikko
{
	font: 10px verdana, arial, helvetica;
	color: #ffffff;
}

form
{
	display: inline;
	margin: 0px;
}

.nostoosioon 
{
	font: 11px georgia, times, serif;
	color: #004299;
}

/* case liftup styles */
.case_seg1_img img {
    border: 1px solid #004299;
}
.case_seg2_img img {
    border: 1px solid #993333;
}
.case_seg3_img img {
    border: 1px solid #663366;
}
.case_seg4_img img {
    border: 1px solid #004299;
}
.case_seg1_hdl, .case_seg1_txt, .case_seg1_txt a, .case_seg1_txt a:link, .case_seg1_txt a:visited, .case_seg1_txt a:active {
    color: #004299;
}
.case_seg2_hdl, .case_seg2_txt, .case_seg2_txt a, .case_seg2_txt a:link, .case_seg2_txt a:visited, .case_seg2_txt a:active {
    color: #993333;
}
.case_seg3_hdl, .case_seg3_txt, .case_seg3_txt a, .case_seg3_txt a:link, .case_seg3_txt a:visited, .case_seg3_txt a:active {
    color: #663366;
}
.case_seg4_hdl, .case_seg4_txt, .case_seg4_txt a, .case_seg4_txt a:link, .case_seg4_txt a:visited, .case_seg4_txt a:active {
    color: #004299;
}
.case_seg1_hdl, .case_seg2_hdl, .case_seg3_hdl, .case_seg4_hdl {
    font: bold 13px/15px Georgia,'Times New Roman',Times,serif;
}
.case_seg1_txt, .case_seg2_txt, .case_seg3_txt, .case_seg4_txt {
    font: 11px/13px Georgia,'Times New Roman',Times,serif;
}
.case_seg1_txt a, .case_seg1_txt a:link, .case_seg1_txt a:visited, .case_seg1_txt a:active,
.case_seg2_txt a, .case_seg2_txt a:link, .case_seg2_txt a:visited, .case_seg2_txt a:active,
.case_seg3_txt a, .case_seg3_txt a:link, .case_seg3_txt a:visited, .case_seg3_txt a:active,
.case_seg4_txt a, .case_seg4_txt a:link, .case_seg4_txt a:visited, .case_seg4_txt a:active {
    font: bold 11px/13px Verdana,Geneva,Arial,Helvetica,sans-serif;
    text-decoration: none;
}
.case_seg1_txt a img, .case_seg2_txt a img, .case_seg3_txt a img, .case_seg4_txt a img {
    margin-top: -3px;
}

.footer1, .footer1 a, .footer1 a:link, .footer1 a:visited, .footer1 a:hover, .footer1 a:active, .footer1 span {
    font: 9px/14px verdana, Arial, Helvetica, sans-serif; 
    color: #666666;
}
.footer2, .footer2 a, .footer2 a:link, .footer2 a:visited, .footer2 a:hover, .footer2 a:active {
    font: 10px/14px verdana, Arial, Helvetica, sans-serif; 
    color: #999999;
    vertical-align: middle;
}
.footer2 img {
    vertical-align: middle;
}

#topContainer { }
.navi { padding:0 0 7px ; margin:0  ; vertical-align:bottom ; }
.footer2 #viittoma { padding-left:15px ; background:url(/assets/img/footer_viittomakieliset.png) no-repeat left top ; }
#viittomavideo { width:822px ; height:544px ; background:url(/assets/inc/viittoma/ui.png) no-repeat left bottom ; }
#viittomavideo h1 { width:822px ; height:84px ; text-indent:-100em ; overflow:hidden ; background:url(/assets/inc/viittoma/header_trans_shadow.png) no-repeat left top ; margin:0 ; padding:0 ; }
* html #viittomavideo { background:url(/assets/inc/viittoma/ui_ie.png) no-repeat left bottom ; }
* html #viittomavideo h1 { background:url(/assets/inc/viittoma/header_trans_shadow_ie.png) no-repeat left top ; }