/* v1.0 | 20080212 */
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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
html,body{ background-color: white; background-image: url(/assets/templates/site/bg.jpg); background-repeat: repeat-x; background-position: 0 0; margin:0; padding:0 }
body{ font: 76% arial, sans-serif;}
a:link { color: #1a55a3; text-decoration: none; border-style: none; border-width: 0; }
a:visited { color: #1a55a3; text-decoration: none; }
a:hover { color: #5c8f0a; border-style: none; border-width: 0; }
a:active { color: #1a55a3; border-style: none; border-width: 0; }
div#accordion h3 a:link { color: #1a55a3; text-decoration: none; border-style: none; border-width: 0; }
div#accordion h3 a:visited { color: #1a55a3; text-decoration: none; }
div#accordion h3 a:hover { color: #5c8f0a; border-style: none; border-width: 0; }
div#accordion h3 a:active { color: #1a55a3; border-style: none; border-width: 0; }
.toggler { cursor: pointer; }
.iconspace { float: left; margin-right: 10px; }
div#container { background-image: url(/assets/templates/site/container_bg.jpg); background-repeat: no-repeat; width: 963px; height: 100%; margin-right: auto; margin-left: auto; }
div#header { width: 720px; height: 164px; margin: 0; padding: 0; float: left;}
div#haku { width: 170px; float: right;}
div#headwrap { width: 720px; float: left;}
div#navigation{ line-height: 41px; background-color: transparent; width: 720px; height: 41px; float: left; clear: both; }
div#navigation ul { color: black; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; display: inline; }
div#navigation li { line-height: 41px; height: 41px; display: inline; }
div#leftnavigation li { width: 205px; list-style-image: url(/assets/templates/site/luettelo.png); }
div#newsbox2 ul li { list-style-image: url(/assets/templates/site/luettelo_small.gif); margin-bottom: 5px;}
div#leftnavigation ul { height: 320px; margin-top: 15px; margin-left: 32px; }
div#newsbox2 ul { margin-top: 15px; margin-left: 32px; margin-right: 5px; }
div#navigation ul li a { display: inline; margin-left: 10px; padding: 8px 8px 10px; }
div#navigation ul li a:hover { background-color: #cfebf6; display: inline; margin-left: 10px; padding: 8px 8px 10px; }
div#navigation a:link { color: black; }
div#navigation a:visited { color: black; }
div#navigation a:hover { color: black; height: 41px; }
div#navigation form { margin: 0 0 0 30px; padding: 0; }
div#ilmoittautuminen { width: 100%; height: auto; float: left; }
div#ilmoittautuminen td { padding-top: 3px; }
div#ilmoittautuminen h3 { width: 211px; color: #424141; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; border-bottom: 1px dotted #63bfdd; }
div#ilmoittautuminen form { padding-bottom: 50px; }
div#header h1{ line-height:80px; margin:0; color: #79b30b; background-image: url(/assets/templates/site/header_img.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right 9px; padding: 0 0 0 10px; float: left; }
div#blog h1 { font-size: 2.5em; margin-bottom: 0.3em; }
ul { list-style-type: none; }
div#blogright ul { margin-right: 25px; margin-left: 20px; padding: 0; }
ul ul { margin: 0 0 0 -5px; padding: 0; }
li { }
ol { color: #000; margin: 0 50px 0.2em 80px; padding: 0; }
p { color: #000; font-size: 1.1em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1.4em; margin: 0 0 0.4em; }
h6 { color: black; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 0.5em; padding: 0; }
a{ color: #0C9FE3; margin: 0; padding:0 }
h1 { color: #555; font-size: 2.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding: 0; }
h2 { color: #08a4e4; font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 400; margin: 0.7em 0 0.1em; padding: 0; }
h3 { color: black; font-size: 1.6em; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0.5em 0 0.1em; padding: 0; }
h4 { color: #242424; font-size: 1.4em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; letter-spacing: 0; margin: 0 0 0.2em; padding: 0; }
h5 { color: black; font-size: 1.2em; font-weight: normal; margin: 0; padding: 0 0 0.8em; }
div#wrapper { background-color: transparent; width: 963px; height: auto; clear: both; min-height: 500px; margin: 0; padding: 0; }
div#ref { width: 950px; height: auto; clear: both; }
div#leftnavigation { background-image: url(/assets/templates/site/leftnavi.png); background-repeat: no-repeat; width: 300px; height: 500px; float: left; }
div#content { width: 663px; height: auto; float: left; }
div#koulutukset { width: 100%; height: auto; float: left; }
div#blogForm { width: 200px; }
div#lcontent { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 35%; height: auto; float: left; }
div#accordion { margin-bottom: 80px; }
div#half { width: 49.95%; height: auto; float: left; }
div#frontinfo { background-image: url(/assets/templates/site/front_info.png); background-repeat: no-repeat; background-position: right 40px; width: 380px; height: auto; float: left; min-height: 150px; }
div#ilmoittaudu { width: 100px; height: auto; min-height: 150px; float: right; }
div#lcontent h3 { padding-right: 30px; }
div#content h2 { margin-top: 0; margin-bottom: 10px; padding-top: 0; }
div#leftnavigation h3 { color: white; font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 4px; padding-top: 0; padding-left: 15px; }
div#leftnavigation h3 a:link { color: #fff; }
div#leftnavigation h5 { color: black; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-top: 5px; padding-bottom: 0; padding-left: 5px; }
div#leftnavigation a:link { color: black; }
div#leftnavigation a:visited { color: black; }
div#leftnavigation a:hover { color: #5c8f0a; }
div#palaute { background-image: url(/assets/templates/site/palaute_bg.png); background-repeat: no-repeat; width: auto; height: auto; min-height: 150px; clear: both; }
div#palaute h3 { color: white; font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0; padding-top: 5px; padding-left: 15px; }
div#ilmoittaudu img { padding-top: 40px; }
div#frontinfo h3 { font-family: Georgia, "Times New Roman", Times, serif; padding-top: 32px; padding-left: 40px; }
div#frontinfo p { color: #2b2525; font-weight: normal; line-height: 1.25em; padding-left: 40px; }
div#half h1 { margin-bottom: 10px; }
div#content h1 { color: #0699ce; margin-bottom: 10px; }
div#content h5 { color: black; font-size: 1.2em; font-weight: normal; line-height: 1.5em; }
div#content h6 { color: #555; margin-bottom: 15px; }
div#content h6 a:link { color: #555; }
div#content h6 a:visited { color: #555; }
div#content h6 a:hover { color: #0c9fe3; }
div#half h4 { line-height: 1.3em; width: 90%; }
div#lcontent h5 { padding-top: 11px; padding-right: 30px; padding-bottom: 3px; }
div#lcontent h5 { padding-top: 11px; padding-right: 30px; padding-bottom: 3px; }
div#lcontent ul { margin: 0; padding: 10px 30px 10px 55px; }
div#lcontent ol { margin: 0; padding: 0 30px 10px 60px; }
div#blog img { float: left; margin: 0; padding: 0 5px 5px 0; }
div#blog h6 { margin-bottom: 0.5em; }
div#blog p { padding-right: 30px; }
div#blog h4 { padding-right: 30px; }
div#blog h2 { padding-right: 30px; }
div#navigation h2 { padding-left: 50px; }
div#navigation p { padding-left: 50px; }
div#navigation h4 { padding-left: 50px; }
div#lcontent h2 { margin-bottom: 0.2em; padding-right: 40px; }
div#lcontent h4 { margin: 0; padding: 7px 40px 4px 0; }
div#lcontent h1 { margin: 0; padding: 5px 40px 5px 0; }
div#lcontent p { color: #000; padding-right: 40px; }
div#rcontent p { }
div#rcontent h4 { margin: 0; padding: 5px 0 2px; }
div#rcontent h2 { margin: 0; padding: 0 50px 5px 0; }
div#rcontent h3 { }
div#rcontent img { float: right; padding-left: 5px; }
div#lcontent img { float: left; margin-right: 10px; }
div#leftnavigation h3 a:link { color: #fff; }
div#leftnavigation h3 a:visited { color: #fff; }
div#leftnavigation h3 a:hover { color: black; }
div#leftnavigation h3 a:active { color: #fff; }
img { border-style: none; border-width: 0; }
div#lcontent form { width: 300px; margin: 0; padding: 0; }
div#lcontent textarea { margin: 0; padding: 0; width: 200px; }
div#lcontent form img { float: none; margin: 0; padding: 0; }
div#footer p{ color: #fff; background-image: none; background-repeat: no-repeat; background-position: 300px 225px; text-align: center; margin:0; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; }
div#onecolumn { margin: 0; padding: 25px 0 0; width: 650px; height: auto; float: left; clear: none; }
div#onecolumn h1 { padding-top: 5px; }
div#onecolumn h2 { margin-top: 0; padding-top: 0; padding-left: 20px; }
div#onecolumn p { padding-left: 20px; }
div#onecolumn table { margin-top: 0; padding-top: 40px; padding-bottom: 40px; }
div#onecolumn td { vertical-align: top; }
div#onecolumn img { border: solid 1px #ddd; }
div#rcontent { width: 64.9%; height: auto; float: right; height: auto; clear: none; margin: 0; padding: 25px 0 0; }
div#blogright { margin: 0; padding: 85px 0 0; width: 200px; height: auto; float: left; clear: none; }
div#blog { margin: 0; padding: 85px 0 0; width: 449px; height: auto; float: left; clear: none; }
div#extra { width: 50%; height: auto; float: right; margin: 0; padding: 85px 0 0; }
div#rightextra { width: 50%; height: auto; float: right; margin: 0; padding: 0; }
div#wextra { margin: 0; padding: 0; width: 100%; height: 20px; float: none; clear: both; }
div#bottom { background: #fff url(/assets/templates/site/con_bot.gif) no-repeat 0 bottom; margin: 0; padding: 0; width: 100%; height: 50px; float: none; clear: both; }
div#2bottom { background: #fff url(/assets/templates/site/con_bot.gif) no-repeat 0 bottom; margin: 0; padding: 0; width: 950px; height: 750px; float: none; clear: both; }
div#extra p { color: #000; margin: 0; padding: 5px 10px 5px 62px; }
div#extra h2 { color: #00aff0; margin: 0; padding: 5px 10px 5px 62px; }
div#rightextra ul { color: #000; margin: 0; padding: 5px 10px 5px 115px; }
div#rightextra p { color: #000; margin: 0; padding: 5px 10px 5px 100px; }
div#rightextra h2 { margin: 0; padding-left: 60px; }
div#extra p { margin: 0; padding: 5px 50px 5px 105px; }
div#extra h4 { margin: 0; padding: 5px 50px 5px 105px; }
div#left { background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 bottom; }
div#footer h6 { color: #000; font-size: 1em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center; padding-top: 65px; }
div#footer { background-image: url(/assets/templates/site/footer_bg.png); background-repeat: no-repeat; background-position: 0 0; width: 100%; height: 90px; clear: both; margin-top: 30px; padding-bottom: 30px; }
div#frontbox { background-image: url(/assets/templates/site/frontbox_bg.png); background-repeat: no-repeat; background-position: 0 0; width: 49.99%; height: 230px; float: left; }
div#newsbox { background-image: url(/assets/templates/site/newsbox_bg.jpg); background-repeat: repeat-x; background-position: 0 0; width: 48%; height: auto; float: right; min-height: 203px; }
div#newsbox2 { background-image: url(/assets/templates/site/newsbox_bg.jpg); background-repeat: repeat-x; background-position: 0 0; width: 48%; height: auto; float: right; min-height: 203px; }
div#verdiv { width: 4%; height: auto; min-height: 203px; float: right; clear: none; }
div#boxwrap { width: 673px; height: auto; float: left; }
div#frontboxbig { background-image: url(/assets/templates/site/muukoulutus_bg.png); background-repeat: no-repeat; width: 33.3%; height: auto; float: right; min-height: 475px; }
div#lcontent td { padding-top: 3px; padding-bottom: 3px; }
div#frontbox img { padding-top: 7px; padding-left: 7px; }
div#frontbox h3 { color: white; padding-top: 5px; padding-left: 15px; }
div#language { width: 100%; text-align: right; height: 18px; float: right; margin-top: 2px; clear: both;}
div#language a { color: #fff; font-size: 1.1em; font-weight: bold; }
div#koulutukset h3 { font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; padding-top: 5px; border-bottom: 1px dotted #63bfdd; }
div#koulutukset p { margin: 0; padding: 0; width: 75%; float: right; }
div#koulutukset li p { margin-top: 6px; margin-bottom: 0; }
div#koulutukset ul li ul { width: 70%; float: right; }
div#koulutukset ul li ul li { list-style-type: circle; }
div#koulutukset ul li { clear: both; }
div#koulutukset li h6 { margin-top: 6px; margin-bottom: 0; }
div#koulutukset h6 { color: #525252; font-size: 1em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; padding-left: 0; width: 22%; float: left; clear: left; }
div#koulutukset2 h3 { font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; padding-top: 5px; border-bottom: 1px dotted #63bfdd; }
div#koulutukset2 p { line-height: 1.1em; margin: 0 0 0; padding: 0; width: 70%; float: left; clear: left; }
div#koulutukset2 li p { margin-top: 3px; margin-bottom: 3px; }
div#koulutukset2 ul li { clear: both; padding-top: 4px; }
div#koulutukset2 li h6 { margin-top: 6px; margin-bottom: 0; }
div#koulutukset2 h6 { color: #525252; font-size: 1em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; padding-left: 0; width: 27%; float: right; clear: right; }
div#newsbox h3 { font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 15px 15px; padding-top: 5px; border-bottom: 2px dotted #63bfdd; }
div#newsbox p { width: 65%; float: left; margin: 0; padding: 0; }
div#newsbox2 h3 { font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 15px 15px; padding-top: 5px; border-bottom: 2px dotted #63bfdd; }
div#newsbox2 p { width: 90%; float: left; margin: 0; padding-left: 15px; }
div#alarm { background-color: #f6fbfe; text-align: center; width: auto; height: auto; clear: both; margin: 15px; padding-top: 10px; padding-bottom: 10px; border: dotted 2px #32aadb; }
div#alarm p { color: black; font-size: 1.3em; width: auto; float: none; margin: 10px 0 15px; padding: 0 15px; }
div#newsbox li p { margin-top: 7px; margin-bottom: 2px; }
div#newsbox li h6 { margin-top: 9px; }
div#newsbox h6 { width: 26%; float: left; clear: left; padding-left: 15px; font-size: 1.1em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; }
div#newsbox h5 { font-size: 1em; margin: 0 0 10px 15px; padding: 0; float: left; clear: both; width: 290px;}
div#newsbox2 h5 { font-size: 1em; margin: 0 0 10px 15px; padding: 0; float: left; clear: both; width: 290px;}
div#newsbox img { margin: 0 0 0 15px; padding: 0; float: left; border: solid 1px #4cb4e6; }
.musaka { padding-top: 20px; padding-left: 70px; }
div#frontboxbig h3 { color: white; padding-top: 5px; padding-left: 15px; }
div#frontboxbig h4 { line-height: 1.3em; padding-left: 8px; }
div#frontboxbig img { padding-top: 7px; padding-bottom: 5px; padding-left: 8px; }
hr { width: 89%; float: left; clear: right; margin-top: 2em; border-top-color: #fff; border-left-color: #fff; border-left-style: inset;b;border-right-color: #fff; border-right-style: inset; border-bottom-color: #fff; border-bottom-style: inset; order-top-style: inset; }
div.main{ width:300px; margin: 30px 0 30px 0; padding: 0; }
div.box{ padding:0; color:#333333; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-bottom:20px; margin-left: 0; border-left: 2px dotted #d0cfcf; }
div.box p{ padding-bottom: 14px; padding-left: 0; }
div.box input .input-text{
border:solid 1px #3b6e22;
color:#666666;
width:225px;
}
div.box label{ display:block; margin-bottom:10px; color:#555555; }
div.box label span{
display:block;
float:left;
padding-right:6px;
width:70px;
text-align:right;
font-weight:bold;
}
.submit { padding-left: 74px; }
div.box textarea { width: 300px; height: 100px; }
form { margin: 0; padding: 0; }
.ilmoittautuminen { color: #0c9fe3; font-size: 1.2em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; }
div#frontbox h3 a:link { color: white; }
div#frontbox h3 a:hover { color: white; }
div#frontbox h3 a:visited { color: white; }
div#frontboxbig h3 a:link { color: white; }
div#frontboxbig h3 a:hover { color: white; }
div#frontboxbig h3 a:visited { color: white; }
#ajaxSearch_form {
color: #444;
width: 175px;
height: 200px;
padding-top:0px;
padding-right:15px;
padding-bottom:0px;
float: right;
}
#ajaxSearch_input {
width: 110px;
display: inline;
height: 17px;
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
background: #fff url(images/input-bg.gif) repeat-x top left;
margin: 175px 3px 0 0;
padding: 3px 0 0;
vertical-align: top;
}
#ajaxSearch_submit {
width: 50px;
display: inline;
height: 22px;
line-height: 22px;
margin: 175px 2px 0 0;
}
#ajaxSearch_output {
border: 1px solid #444;
padding: 10px;
background: #fff;
display: block;
height: auto;
vertical-align: top;
}
.AS_ajax_result {
color: #444;
margin-bottom: 3px;
}
.AS_ajax_resultLink {
text-decoration: underline;
}
.AS_ajax_resultDescription{
color: #555;
}
.AS_ajax_more {
color: #555;
}
.ajaxSearch_paging {
}
.newsboxmargin { margin-left: 10px; }
div#content textarea { width: 250px; }
div#content td { text-align: left; vertical-align: top; }
.submit2 { width: 80px; }
.input { width: 250px; }
div#content iframe { float: right; }
div#googlemap { width: 275px; float: right; }
.ilmoselect { width: 550px; border: solid 5px #3fb3e3;}
.errors { margin: 15px; padding: 10px; background-color: #fba8b5; }
div#submitdiv { text-align: center; vertical-align: middle; width: 550px; height: auto; clear: both; }
div#submitdiv input { width: 150px; height: 40px; margin-top: 10px;}
div#ilmoittautuminen table { float: left; }
.luettelopad { padding-right: 6px; }
.lukukausi { margin-left: 4px; }
.lukukausi2 { margin-left: 14px; }