/*  BODY & UNIVERSAL ELEMENTS */

body, .body { 
	background-image: url(ximg/bg_info.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
	margin-top: 0px;
	margin-left: 0px;
}


td, p, br, div, body
span, input, textarea,
select, a, ol, ul, li  { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular;}
a   { text-decoration: underline; } 
br { line-height: 10px }

/* BACKGROUND COLORS + IMAGES  */

/* page topbar navigation */
.bgtopnavi {background-color: black;}
/* left navi background */
.bgleftnavi {background-color: #94DB4F;}
/* right navi background */
.bgrightnavi {background-color: #EBF9B8;}
/* frontpage dotline */
.bgdotline {
	background-image: url(ximg/dotline.gif);
 	background-repeat: repeat;
	background-position: left top;
	background-color: white;
}

/* page topbar navigation */
.bgbotnavileft {background-color: #B2E618;}
/* page topbar navigation */
.bgbotnaviright {background-color: #CAEE44;}

/* POSITIONING */
.content-position {
 	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom:10px; 
	padding-top: 10px; 
}
.content-position-left {
	width:232px;
 	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom:10px; 
	padding-top: 10px; 
}
.content-position-right {
	width:310px;
 	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom:10px; 
	padding-top: 10px; 
}

.innercontent-position {
	width:410px;
 	padding-left:40px; 
	padding-right: 10px; 
	padding-bottom:10px; 
	padding-top: 10px;
}
/* left navigation position */
.topnavi-position { 
	color:#FFFFFF;
 	padding-left: 5px; 
	padding-right: 10px; 
	padding-bottom: 3px; 
	padding-top: 2px;
}
 /* left navigation position */
.leftnavi-position {
	width:135px;
 	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 10px; 
	padding-top: 10px;
}
/* right navigation position */
.rightnavi-position { 
	height:425px;
	width:144px;
 	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom: 10px; 
	padding-top: 20px;
}
/* left navigation position */
.botnavi-position { 
 	padding-left: 5px; 
	padding-right: 0px; 
	padding-bottom: 2px; 
	padding-top: 2px;
}

div.timeline {
	padding-bottom:3px; 
	padding-top: 3px; 
}

td.timeline {
	background-image: url(ximg/blackline.gif);
 	background-repeat: repeat;
	background-position: left top;
	background-color: white;
}

td.timeline-end {
	background-image: url(ximg/timeline_endpiece.gif);
 	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
}



/* NAVIGATIONS & LINKS */

/*Page top navigation*/
.topnavi {color: white;}
/*Page top navigation - active links*/
.topnaviactive {color: white; text-decoration: underline}
div.leftnavi-row {padding-bottom:9px; padding-right:4px;}
/*left navigation*/
.leftnavi {color: black; letter-spacing: -1px}	
/*left navigation - active links*/
.leftnaviactive {color: black; text-decoration: underline; letter-spacing: -1px}

div.rightnavi-row {padding-bottom:6px;}
/*right navigation*/
.rightnavi {font-weight: bold; }
/*right navigation - active links*/
.rightnaviactive {font-weight: bold; text-decoration: underline}
/*right navigation*/
.rightnavidoc {font-weight: normal; text-decoration: none;}
/*right navigation - active links*/
.rightnavidocactive {font-weight: normal; text-decoration: underline}

/*Page bottom navigation*/
.botnavi {text-decoration: none}
/* Powered by... */
.botnavi-fade {text-decoration: none; color:#690;}

/*Page bottom active navigation*/
.botnaviactive {text-decoration: underline}

.timeline-link {text-decoration: underline; width: 75px; text-align: center; border: 1px solid black; background-color: #EBF9B8; padding: 2px;} /*background-image: url(ximg/timeline_bigmarker.gif);*/ 
/*HOVER ELEMENTS*/

A:link.topnavi {text-decoration: none; color: white;}
A:visited.topnavi {text-decoration: none; color: white;}
A:active.topnavi {text-decoration: none; color: white;}
A:hover.topnavi {text-decoration: underline; color: white;}

A:link.leftnavi {text-decoration: none; color: black;}
A:visited.leftnavi {text-decoration: none; color: black;}
A:active.leftnavi {text-decoration: underline; color: black;}
A:hover.leftnavi {text-decoration: underline; color: black;}

A:link.rightnavi {text-decoration: none; color: black;}
A:visited.rightnavi {text-decoration: none; color: black;}
A:active.rightnavi {text-decoration: none; color: black;}
A:hover.rightnavi {text-decoration: underline; color: black;}

A:link.rightnavidoc {text-decoration: none; color: black;}
A:visited.rightnavidoc {text-decoration: none; color: black;}
A:active.rightnavidoc {text-decoration: none; color: black;}
A:hover.rightnavidoc {text-decoration: underline; color: black;}

A:link.botnavi {text-decoration: none; color: black;}
A:visited.botnavi {text-decoration: none; color: black;}
A:active.botnavi {text-decoration: none; color: black;}
A:hover.botnavi {text-decoration: underline; color: black;}


A:link.timeline-link {text-decoration: none; color: black;}
A:visited.timeline-link {text-decoration: none; color: black;}
A:active.timeline-link {text-decoration: none; color: black;}
A:hover.timeline-link {text-decoration: underline; width: 75px; text-align: center; background-color: #94DB4F; color:black; padding: 2px;} /*background-image: url(ximg/timeline_bigmarker.gif);*/

/* CONTENT */

.welcome {
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline;
}

.ch5-title {font-weight: bold; font-size: 12px; text-decoration: none; padding-bottom:8px}
/*Content subtitles*/
.ch5-subtitle {font-weight: bold; text-decoration: none; padding-bottom:4px}
.newstitle {font-weight: bold; text-decoration: underline;}
.ch5-pictitle {font-weight: bold; text-decoration: none;}
.ch5-pictxt {font-weight: normal; font-style: italic; text-decoration: none;}

div.ch5-qa-question {padding-bottom:15px}
div.ch5-qa-questionmark {font-size:24px; font-weight:bold; color:#94DB4F; padding:6px; padding-top:2px}
div.ch5-qa-answer {}


/* FORM ELEMENTS */

/* submit button*/
.buttonyes {width: 70px; color: white; background: #3D6383}
/* reset button*/
.buttonno {width: 70px;	color: white; background: #E50045}

/*Feedbackform textarea*/
.textarea { 
	font-size: 11px; 
	width: 400px;
	border-style: solid;
	border-color: #3D6383;
	scrollbar-3dlight-color: gray;
    scrollbar-arrow-color: white;
    scrollbar-base-color: #3D6383;
    scrollbar-darkshadow-color: black;
    scrollbar-face-color: #3D6383;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: black;
}
	/*background-image:url(ximg/bg_palaute.gif);
	color:ff0000;*/


/*Kurssit dropdown*/
.dropdown {width: 320px;}
/*Page top search-formfield*/
.textbox {width: 100px; border-style: solid; border-color: #3D6383;}
input.radio {background : #F5F5F5;}
input.checkbox {background : white;}
.checkboxalt {background : #F5F5F5;}

div.radio-pad {padding-top:2px; padding-bottom:2px; padding-right:5px}
div.radio-pad2 {padding-top:4px; padding-bottom:4px; padding-right:5px}
div.correct-answer {padding-top:2px; padding-bottom:2px; color:green; font-weight:bold}

div.correct-answer-box {padding:3px; background-color:#EEE; margin-right:6px; font-style:italic;} /* border: 1px solid green; */
div.wrong-answer-box {padding:3px; background-color:#EEE; margin-right:6px; font-style:italic;} /* border: 1px solid red; */



/* element styles */
/*div.elem-column {width:500px; padding:5px; border:solid 1px white;}*/
div.elem-element {text-aling:left; margin-right:6px;}

div.elem-highlight1, div.elem-highlight-full1 {padding:3px; background-color:#EEE; margin-right:6px;}
div.elem-highlight2, div.elem-highlight-full2 {padding:3px; border: 1px solid black; margin-right:6px;}
div.elem-highlight3, div.elem-highlight-full3 {padding:3px; background-color:#EEE; border: 1px solid black; margin-right:6px;}
div.elem-highlight4, div.elem-highlight-full4 {padding:3px; margin-right:6px;}

/*
div.elem-highlight1 {width:196px}
div.elem-highlight2 {width:196px}
div.elem-highlight3 {width:196px}
div.elem-highlight4 {width:196px}
 */

div.elem-break {clear:both; padding-bottom:10px} /* defines space between elements with break */
div.elem-break-fp {clear:both; padding-bottom:4px} /* alternative space for frontpage */
div.elem-nobreak {padding-bottom:10px} /* defines space between elements without break */
div.elem-break-page {clear:both;}

div.elem-content-left {text-align:left;}
div.elem-content-center {text-align:center}
div.elem-content-right {text-align:right}
div.elem-content-justify {text-align:justify}

img.elem-imgmargin-left {margin-right:10px; margin-bottom:8px;}
img.elem-imgmargin-right {margin-left:10px; margin-bottom:8px;}
img.elem-imgmargin-left-caption {margin-right:10px; margin-bottom:2px;}
img.elem-imgmargin-right-caption {margin-left:10px; margin-bottom:2px;}
div.elem-textmargin {padding-left:10px}

div.elem-newsrow-fp {padding-top:18px;}

/* List elements for element 60*/
div.list-bigtitle {font-size:14px; font-weight:bold; padding-top:4px; padding-bottom:6px;}
div.list-subtitle {font-size:14px; font-weight:bold; padding-top:4px; padding-bottom:6px;}
span.list-readmore a {font-weight:normal;}
span.list-date {font-weight:bold;}
div.list-ingress {font-weight:normal;}
div.list-previousnextlinks {padding-top:2px}
div.list-previousnextlinks a {font-weight:bold;}
div.list-element-border {padding-top:15px;}/*border: 1px #000 solid; padding:3px;*/
/* defaults */
div.list-title a {font-weight:bold; color:#000; text-decoration:none}
div.list-title a:hover, span.list-readmore a:hover {text-decoration:underline}
div.list-break {padding-bottom:12px;}
/* alternative (eg. frontpage) */
div.list-title-fp a {font-weight:bold; color:#000; text-decoration:underline;}
div.list-title-fp a:hover, span.list-readmore a:hover {text-decoration:underline;}
div.list-break-fp {padding-bottom:14px;}

/*sitemap*/

/* deps*/
div.ch5-sitemapdep { padding-bottom:5px; padding-top:10px;  }
a.ch5-sitemapdep {text-decoration: none; width: 400px; text-align: left; border: 1px solid black; background-color: #EBF9B8; padding: 2px; font-weight:bold; font-size: 12px; color: black; }
a:hover.ch5-sitemapdep {text-decoration: none; width: 400px; text-align: left; background-color: #94DB4F; color:black; padding: 2px;}

/* subdeps */
div.ch5-sitemapsubdep {  padding-bottom:1px; padding-top:1px; }/*padding-bottom:5px; padding-top:5px;*/
a.ch5-sitemapsubdep {/*font-weight:bold; font-size: 11px;*/}
a:hover.ch5-sitemapsubdep { text-decoration: underline;}
/* docs */
div.ch5-sitemapdoc { padding-bottom:1px; padding-top:1px;}
a.ch5-sitemapdoc { font-weight:normal;}
a:hover.ch5-sitemapdoc { text-decoration: underline;}
/* sub docs */
div.ch5-sitemapsubdoc {  padding-bottom:1px; padding-top:1px;}
a.ch5-sitemapsubdoc { font-weight:normal;}
a:hover.ch5-sitemapsubdoc { text-decoration: underline;}


/*{text-decoration: underline; width: 75px; text-align: center; border: 1px solid black; background-color: #EBF9B8; padding: 2px;}*/