html * { margin:0; padding:0; }

html { height:101%; }

body {
background:url("img/bodybg.jpg") top left repeat-x #000;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#333;
font-size:14px;
}

h1 {
font-size:20px;
margin-bottom:15px;
}

h2 {
font-size:16px;
margin-bottom:10px;
}

h3 {
margin-bottom:5px;
}

p {
margin-bottom:15px;
}

pre {
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#333;
font-size:14px;
}

a {
outline:none;
color:#000;
text-decoration:underline;
}

a:hover { color:#AB011B; }

ul,ol { padding-left:30px; margin-bottom:15px; }



#topbg_etusivu {
width:100%;
height:100%;
min-height:515px;
_height: expression(document.body.clientHeight ? "515px" : "auto");/*IE6*/
background:url("img/wrappertopbg_etusivu.jpg") top center no-repeat;
}
#topbg_default {
width:100%;
height:100%;
min-height:297px;
_height: expression(document.body.clientHeight ? "297px" : "auto");/*IE6*/
background:url("img/wrappertopbg_default.jpg") top center no-repeat;
}

#toptxt {
width:1000px;
height:247px;
margin:0 auto;
}
#toptxt p {
float:right;
color:#fff;
font-weight:bold;
font-size:16px;
line-height:22px;
padding:20px 160px 0 0;
}

#boxes {
width:1000px;
height:225px;
margin:0 auto;
}
#boxes h1 {
font-size:18px;
font-weight:bold;
}
.punainen { color:#AB011B; }
#box1 {
width:240px;
height:200px;
padding-left:92px;
float:left;
}
#box1 .boksi1 { padding:10px 0 0 10px; background:#fff; }
#box1 .boksi3 { padding:10px 0 0 10px; background:#fff; }
#box1 .boksi4 { padding:10px 0 0 10px; background:#fff; }
#box1 .boksi5 { padding:10px 0 0 10px; background:#fff; }
#box2 {
width:240px;
height:200px;
padding-left:50px;
float:left;
position:relative;
line-height:20px;
}
#box3 {
width:240px;
height:200px;
padding-left:45px;
float:left;
position:relative;
line-height:20px;
}
.boxpad { padding:10px 0 0 10px; }
a.kurssitarjontamme {
width:217px;
height:22px;
display:block;
position:absolute;
bottom:0;
margin:0 0 8px 10px;
background:url("img/kurssitarjontamme.jpg") top left no-repeat;
}
a.kurssitarjontamme:hover { background:url("img/kurssitarjontamme_h.jpg") top left no-repeat; }

a.ilmoittaudu_link {
width:240px;
height:200px;
display:block;
background:url("img/ilmoittaudu_link.jpg") top left no-repeat;
}
a.ilmoittaudu_link:hover { background:url("img/ilmoittaudu_link_h.jpg") top left no-repeat; }


#navi {
width:780px;
height:40px;
margin:0 auto;
}
#navi a {
text-decoration:none;
color:#000;
font-weight:bold;
font-size:17px;
margin:0 15px 0 0;
position:relative;
top:15px;
}
#navi a:hover { color:#444; }
#navi a.active { color:#AB011B; }

#navi_etusivu {
width:780px;
height:40px;
margin:0 auto;
}
#navi_etusivu a {
text-decoration:none;
color:#000;
font-weight:bold;
font-size:17px;
margin:0 15px 0 0;
position:relative;
top:12px;
}
#navi_etusivu a:hover { color:#444; }
#navi_etusivu a.active { color:#AB011B; }

#whitebg {
width:100%;
background:#fff;
margin-top:3px;/*515-#toptxt + #navi + boxes*/
}

#content {
width:1000px;
min-height:230px;
_height: expression(document.body.clientHeight ? "230px" : "auto");/*IE6*/
margin:0 auto;
background:url("img/contentbg.jpg") top left repeat-y;
}
#contentpad {
width:780px;
margin:0 auto;
padding-top:15px;
}


.ajankohtainen {
border-top:2px dotted #aaa;
margin-top:20px;
padding:15px 0 0 10px;
}
table.listtable td { padding:5px; } 


#left {
width:580px;
float:left;
}
#left li { margin-bottom:10px; }
#left table.kurssitable {
width:100%;
border-top:2px dotted #aaa;
margin-top:20px;
padding:10px 0 0 10px;
}

#left50 {
width:380px;
float:left;
}

img.etusivu_akl {
float:left;
margin-right:10px;
border:0;
}
span.etusivu_akl_txt {
position:relative;
top:10px;
line-height:18px;
}

#lomake input { font-size:14px; }
#lomake input { margin-bottom:10px; width:300px; padding:2px; }
#lomake span { color:#AB011B; }
#lomake input.input-radio-btn { width:15px; }
#lomake .select_option { padding:1px 7px 0 1px; }
#lomake textarea {
margin-bottom:10px;
width:300px;
height:100px;
overflow:auto;
padding:2px;
font-size:14px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#lomake input.submitbtn { width:308px; cursor:pointer; }
#lomake select { margin-bottom:10px; }




#right {
width:184px;
float:right;
}

#right50 {
width:380px;
float:right;
}
a.etusivu_kartta {
width:340px;
height:128px;
display:block;
background:url("img/etusivu_kartta.jpg") top left no-repeat;
}
a.etusivu_kartta:hover { background:url("img/etusivu_kartta_h.jpg") top left no-repeat; }

#gmap { background:url("img/loading.gif") 50% 50% no-repeat; width:380px; height:360px; margin-bottom:20px; }

#subnavi {
width:184px;
height:500px;/*435*/
float:right;
margin-top:10px;
background:url("img/subnavi.jpg") top left no-repeat;
}
#subnavi p {
font-size:13px;
font-weight:bold;
padding:10px 0 0 8px;
}
#subnavi ul { list-style-type:none; padding:0 0 4px 8px; }
#subnavi ul li { margin-bottom:8px;/*2px*/ }
#subnavi ul li { margin-bottom:4px;/*2px*/ }
#subnavi a {
color:#333;
text-decoration:none;
font-weight:bold;
font-size:14px;
}
#subnavi a:hover { color:#AB011B; text-decoration:none; }
#subnavi a.subnavi_link1 {
margin:31px 0 20px 20px;
display:block;
font-size:14px;
}
#subnavi a.subnavi_link2 {
margin:29px 0 0 20px;
display:block;
font-size:14px;
}
#subnavi a.subnavi_link3 {
margin:30px 0 0 19px;
display:block;
font-size:14px;
}
#subnavi a.subnavi_link4 {
margin:30px 0 0 20px;
display:block;
font-size:14px;
}
#subnavi a.subnavi_link5 {
margin:20px 0 0 0;
display:block;
font-size:14px;
width:164px;
height:34px;
padding:16px 0 0 20px;
background:url("img/buttonbg.jpg") top left no-repeat;
}


.harmaaboksi {
background:#fafafa;
padding:10px;
margin-bottom:10px;
}
.fleft { float:left; margin-right:20px; }
.kalusto_tausta {
background:url("img/kalusto/tausta.jpg") bottom right no-repeat;
width:100%;
height:100%;
}

table.link_table { width:100%; }
table.link_table td { padding:5px 0 5px 0; }
table.link_table tr:hover { background:#fafafa; }


#cycle {
width:370px;
height:205px;
position:relative;
overflow:hidden;
}







#footer {
width:1000px;
height:130px;
margin:0 auto;
background:url("img/footerbg.jpg") top left no-repeat;
color:#727272;
}
#footer p { color:#727272; padding:37px 0 0 120px; }
#footer a { color:#727272; text-decoration:none; }
#footer a:hover { color:#aaa; text-decoration:none; }