/* Global
------------------------------------------------------------------*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}

body {
	background-color: #E8E8E8;
    background-image: url('../images/bg_body.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	font-family : Arial, Helvetica, "Times New Roman",  Sans-serif;
	font-size : 12px;
	font-style : normal;    
    height: 100%;
    line-height : 16px;
    
}

br {
	line-height: 10px;
}

em, i {
    font-style:italic;
}

hr {
    background-color: #D1D3D4;
    border:           0px;  
    clear:both;
    color:            #D1D3D4;
    height:           1px; 
}

img {
	border:0px;
}	

p {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family : Arial, Helvetica, "Times New Roman",  Sans-serif;
	font-size : 12px;
	font-style : normal;    
    /* height: 100%; */
	line-height : 16px;
}

pre {
    font-family: monospace;
    font-size: 1.0em;
    margin-bottom: 10px;
}
   
ul, ol, li {
    margin-left: 10px; 
    margin-bottom: 8px; 
}

small {
    font-size: 80%;
}

strong, b {
    font-weight: bold;
}

.alignCenter, p.alignCenter {
	text-align:center;
}

.alignLeft {
	text-align:left;
}

.alignRight {
	text-align: right;
}

.autoHeight {
	width: auto !important;
}
    
.autoWidth {
	width: auto !important;
}

.bold, p.bold	{
	font-weight: bold;
}

.clear {
	clear:both;
}

.clearRight {
	clear:right;
}

.cursorHand {
	cursor: hand;
	cursor: pointer;
}

.floatCenter {
	margin-left: auto;
    margin-right: auto;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.border {
    border: #CCCCCC 1px solid; 
}

.border small {
    margin-left: 12px;
}

.border td {
    padding: 10px;
}

.noBorder {
    border: none !important;
}

.noMargin {
    margin: 0px;
}

.noPadding {
    padding: 0px;
}

.pager {
    height: 16px;
    padding-bottom: 10px;

    margin: 0px;
    width: 301px;

padding-top:0px;
}

.wide {
    width: 100%;
}

/* Layout
------------------------------------------------------------------*/    
    
/* Content areas */

#banner {
    margin-bottom: 10px;
}


    #banner dt img {
    	border: #D1D3D4 1px solid;
        margin-bottom: 10px;
        /* height: 58px; */
        /* width: 148px; */
    }
    
#contentColumn {
    margin-left: 210px;
    margin-right: 210px;
}

#content {
    border-top: #D1D3D4 1px solid;
	font-family : Arial, Helvetica, "Times New Roman",  Sans-serif;
	font-size : 12px;
	font-style : normal;    
    height: 100%;
    line-height : 16px;
}

    #content h1 {
        margin-top: 20px;
    }

/* Footer */

#footer {
    border-top: #D1D3D4 1px solid;
    clear: left;
    color: #000;
    height: 16px;
    margin: 0px 0px 0px 19px;
    text-align: left;
    padding: 10px 0px 10px 0px;
    width: 710px;
	font-family : Arial, Helvetica, "Times New Roman",  Sans-serif;
	font-size : 12px;
	font-style : normal;    
    height: 100%;
    line-height : 16px;
}
   
    #footer span {
        margin: 0px 16px 0px 16px;
        padding: 0px;
    }


/* Extra navigation for maps and languages */

#rightColumnNavigation {
    margin: 20px 0px 0px 0px; 
}

#rightColumnNavigation a, #rightColumnNavigation a {
	line-height: 20px;
	font-family : Arial, Helvetica, "Times New Roman",  Sans-serif;
	font-size : 12px;
	font-style : normal;    
    height: 100%;
}

#rightColumnNavigation a, #rightColumnNavigation a:visited {
	color: #000;
    text-decoration:none;
} 

#rightColumnNavigation a:hover {
	text-decoration:underline;
} 

/* Left column */
  
#leftColumn {
    float: left;
    min-height: 415px;
    padding: 118px 0px 0px 19px;
    width: 153px;
}

/* Logo */

#logo {
    height: 53px;
    margin: 36px auto 28px auto;
    width: 226px;
}

#logo img {
    border: 0px;
    /* height: 53px; */
    /* width: 226px; */
}

/* Right column */

#rightColumn {
    float: right;
    width: 190px;
}

    #rightColumnImage {
        float: right;
        height: 576px;
        width: 111px;
    }
    
/* Wrapper */    

#wrapper {
    background-color: #FFF;
    background-image: url('../images/bg_content.gif');
	background-position: top left;
	background-repeat: no-repeat;
    border: #D1D3D4 1px solid;
    margin: 16px auto 0px auto;
    min-height: 576px;    
    width: 870px;
}

/* Main navigation
------------------------------------------------------------------*/

#mainNavigation {
    margin: 0px 0px 20px 18px;
	font-family : Arial, Helvetica, "Times New Roman",  Sans-serif;
	font-size : 12px;
	font-style : normal;    
}

#mainNavigation ul {
	list-style: none;
	margin: 0; 
    padding: 0;
}

#mainNavigation ul li {
	background-color: #FFF;
    border-left: #D1D3D4 3px solid;
	color: #000;
	letter-spacing: -0.333;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

#mainNavigation ul li:hover {
	background-color: #FFF;
    border-left: #B5111A 3px solid;
}

#mainNavigation ul li#current {
	background-color: #E8E8E8;
    border-left: #B5111A 3px solid;
}

#mainNavigation ul li a {
    color: #000;
    display: block;
    height: 18px;
	text-decoration: none; 
    margin-left: 8px; 
}

#mainNavigation ul li a:hover {
    color: #000;
	text-decoration: underline; 
}

/* Sublevel list and links */

#mainNavigation ul li.sublevel {
    background: none;
    border-left: none;
    /*border-left: #FFFFFF 3px solid;*/
}

#mainNavigation ul li.sublevel#current {
    color: #B6111A;
	font-weight: bold;
	background: none;
    /*border-left: #B5111A 3px solid;*/
    border-left: none;
}

#mainNavigation ul li.sublevel a {
    color: #B6111A;
    display: block;
	text-decoration: none; 
    margin-left: 13px; 
}

#mainNavigation ul li.sublevel a:hover {
    color: #B6111A;
	text-decoration: underline; 
}

/* Forms
------------------------------------------------------------------*/

form {
    width: 440px; /* width set because of IE-bugs */
}

form br 
{
	clear: left;
}

fieldset
{
    border: none;
	margin: 10px 0px 0px 0px;
    padding: 0px;
    text-align: left;
}


input
{
	border: 1px solid #D1D3D4;
    display: block;
	float: left;
    font-size: 12px;
	margin-bottom: 6px;
    margin-right: 4px;
    width: 256px;
}

input[type=text]
 {
	border: 1px solid #D1D3D4;
}

input[type=hidden]
 {
	border: 0px;
	display: none;
}


.input
{
	border: 1px solid #D1D3D4;
}

label 
{
    display: block;
	width: 140px;
	float: left;
	margin-bottom: 6px;
	padding-right: 20px;
    text-align: left;
	
}

legend
{
	background-color: transparent;
	color: #000;
    font-weight: bold;
}

select 
{
	margin-bottom: 6px;
}

textarea 
{
    border: 1px solid #D1D3D4;
    font-family : Arial, Helvetica, "Times New Roman",  Sans-serif;
    font-size: 12px;
    height: 96px;
    padding: 2px 4px 2px 2px;
    width: 250px;
}

.submit
 {
    background-color: #B5111A;
    border: #D1D3D4 1px solid;
    color: #FFF;
    cursor: hand;
    cursor: pointer;
    font-size: 100%;
    font-weight: bold;
    height: 22px;
    line-height: 18px;
    margin: 0px;
	text-transform: uppercase;
    padding: 0px 4px 2px 4px;
    width: 96px;
}

.radio
 {
	border: 0px;
}

/* Headings
------------------------------------------------------------------*/
h1,h2,h3,h4,h5 {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 	12px;
}

h1 {
    color: #000;
    line-height: 16px;
    font-size: 16px;
}

h2 {
    color: #000;
	font-size: 13px;
}

h3 {
    color: #000;
	font-size: 12px;
}

h4 {
    font-size: 11px;
}

h5 {
	font-size: 10px;
}

/* Images
------------------------------------------------------------------*/

img.border {
	border: #D1D3D4 1px solid;
    padding: 3px;
}

img.floatLeft {
	margin: 0px 10px 0px 10px;
}

img.floatRight {
	margin: 0px 0px 10px 10px;
}


/* Links
------------------------------------------------------------------*/
a:link,
a:visited {
	text-decoration:underline;
	color:#B5111A;
}

a:hover {
	text-decoration:none;
	color:#B5111A;
}

/* Back link */

a.back {
	background-image: url('../images/icon_arrow_left.gif');
	background-position: left 4px;
	background-repeat: no-repeat;
	padding-left: 14px;
	text-decoration:underline;
}

a.back:hover {
	text-decoration:none;
}

/* Continue link */

a.continue {
	background-image: url('../images/icon_arrow_right.gif');
	background-position: left 4px;
	background-repeat: no-repeat;
	padding-left: 14px;
}

/* Global icon-link */

a.icon {
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 6px;
	line-height: 20px;
}

/* Map-icon */

a.map {
	background-image: url('../images/icon_map.gif');
}

a.icon-map {
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 6px;
	line-height: 20px;
	background-image: url('../images/icon_map.gif');
}


/* PDF-icon */

a.pdf {
	background-image: url('../images/icon_pdf.gif');
}

a.icon-pdf {
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 6px;
	line-height: 20px;
	background-image: url('../images/icon_pdf.gif');
}


/* Print-icon */

a.print {
	background-image: url('../images/icon_print.gif');
}

/* Pager links */

a.next  {
	background-image: url('../images/icon_arrow_right.gif');
	background-position: right 4px;
	background-repeat: no-repeat;
	color:#B5111A;
    padding-right: 14px;
    text-decoration:underline;
}

a.next:hover {
	text-decoration:none;
}

a.previous {
	background-image: url('../images/icon_arrow_left.gif');
	background-position: left 4px;
	background-repeat: no-repeat;
	color:#B5111A;
    padding-left: 14px;
	text-decoration:underline;
}

a.previous:hover {
	text-decoration:none;
}

/* Paragraphs
------------------------------------------------------------------*/

p.small, span.small, div.small {
	font-size: 11px;
	line-height: 14px;
}

p.tiny, span.tiny {
	font-size: 9px;
	line-height: 11px;
}

/* Styled table */

table.styled {
    border: #D1D3D4 1px solid;
	border-collapse: collapse;
	padding: 0px;
	margin-bottom: 10px;
width: 450px;
}

table.styled a, table.styled a:visited {
    text-decoration: none;
}

table.styled a:hover {
    text-decoration: underline;
}

table.styled caption {
    caption-side:top;
    display:table-caption;
	font-size: 13px;
    margin: 0px;
    margin-left: -1px; /* Fixes 1-pixel margin error in Firefox 1.0 and Netscape 7.2. */
	padding: 5px 0px 6px 0px;
    text-align: left;


}

/* Opera 6+ specific value to fix caption bug */

@media screen and (min-width: 0px) {
    table.styled caption {margin-left:0}
} 

table.styled td {
    border-top: #D1D3D4 1px solid;
    border-left: #D1D3D4 1px solid;
	padding: 3px 6px 3px 6px;
	vertical-align: top;
}

table.styled th {
    background-color: #E8E8E8;
    border-bottom: #D1D3D4 1px solid;
    border-left: #D1D3D4 1px solid;
    border-top: #D1D3D4 1px solid;
    color: #000;
    font-weight: normal;
    height: 17px;
    padding: 2px 8px 2px 6px;
	text-align: left;
    vertical-align: top;
}

table.styled th a, table.styled th a:visited {
    color: #000;
}

td {
	vertical-align: top;
}

.kuva {
    height: 452px;
    margin: 0px;
    width: 301px;
display:block;
padding:0px;
}

.tulosta {
    height: 20px;
    margin: 0px;
    width: 301px;
display:block;
padding:0px;
}

#print_yhteystiedot {
display: none;
}


/* ADDED TO OVERRIDE TYPO3 CSS STYLES */

#footer p {
    margin: 0px;
    padding: 0px;
}

#footer div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
    margin-top: 4px;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
margin-left:0px;
}

div.csc-textpic-clear {
clear:none;
}

/* OVERRIDE SITEMAP STYLE */

.tx-dropdownsitemap-pi1 DIV {
	border: solid 0px #DFE2E3 !important;
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_2 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_2 A {
	font-weight: normal;
}
.tx-dropdownsitemap-pi1 DIV.level_3 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_4 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_5 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.expAll {
	border: solid 0px #DFE2E3 !important;
	background: transparent !important;
}
                 
.tx-dropdownsitemap-pi1, .tx-dropdownsitemap-pi1 * { text-align:left }
.tx-dropdownsitemap-pi1 ul, .tx-dropdownsitemap-pi1 li {
	padding: 0px 0px 0px 10px; 
	margin: 0px; 
	left:10px; 
	list-style: none; 
}
.tx-dropdownsitemap-pi1 .level_3 { 
	margin-bottom: 0px !important; 
}

img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	margin:0;
	}
/*#vctagid {
	//position:absolute;
	//z-index:30000;
	#visibility:hidden;
	margin:0;
	padding:0;
	overload:hidden;
	}*/