/* CoE PolCon CSS */

html, body { margin: 0; padding: 0; font-family: verdana, sans-serif; font-size: 12px; font-weight: normal;
color: #555555; background-color: #FFFFFF; background-image: url(../kuvat/clouds.jpg); background-repeat: no-repeat; background-position: top center;
line-height: 18px; }
#wrapper { margin: 0; padding: 0; }
#main { margin: 0 auto 0 auto; padding: 0; width: 750px; }
#content { margin: 0 auto 0 auto; padding: 0; width: 750px;  }

#left { margin: 0; padding: 0; float: left; width: 220px; }
#search { margin: 135px 0 0 0; padding: 0 0 85px 0; }
#search input { margin: 0; padding: 5px; font: 11px verdana, sans-serif; color: #555555;  border: 1px solid #999999; background-color: #FFFFFF; }
form { margin: 0; padding: 0; }
/*#search input.hakubtn { margin: 0; padding: 4px; font: 11px arial, sans-serif; color: #FFFFFF;  border: 1px solid #0d1f2b; 
background-color: #0d1f2b; }*/

#navi { margin: 0; padding: 0;}
#yellow { margin: 0 0 10px 0; padding: 0; background-image: url(../kuvat/yellow.jpg); background-repeat: no-repeat;
display: block; width: 166px; height: 198px; }
#gray { margin: 0 0 10px 0; padding: 0; background-image: url(../kuvat/gray.jpg); background-repeat: no-repeat;
display: block; width: 166px; height: 198px;}
#lightgray { margin: 0; padding: 0; background-image: url(../kuvat/lightgray.jpg); background-repeat: no-repeat;
display: block; width: 166px; height: 50px; }

#yellow dl, #lightgray dl { margin: 0; padding: 17px 0 0 17px; }
#yellow dt, #gray dt, #lightgray dt { margin: 0; padding: 0; }
#yellow dd, #gray dd, #lightgray dd { margin: 0; padding: 0 0 0 14px; }
#gray dl { margin: 0; padding: 17px 0 0 17px; color: #FFFFFF;}

#yellow dt a:link, #yellow dt a:visited { margin: 0; padding: 0; color: #111111; text-decoration: none; }
#yellow dt a:hover, #yellow dt a:active, #yellow dt.active a
{ margin: 0; padding: 0 0 0 14px; color: #111111; text-decoration: none; background-image: url(../kuvat/line.gif); 
background-repeat: no-repeat; background-position: left center;}

#gray dt a:link, #gray dt a:visited { margin: 0; padding: 0; color: #FFFFFF; text-decoration: none; }
#gray dt a:hover, #gray dt a:active, #gray dt a.active 
{ margin: 0; padding: 0 0 0 14px; color: #FFFFFF; text-decoration: none; background-image: url(../kuvat/whiteline.gif); 
background-repeat: no-repeat; background-position: left center;}

#gray dd a:link, #gray dd a:visited { margin: 0; padding: 0; color: #FFFFFF; text-decoration: none; }
#gray dd a:hover, #gray dd a:active, #gray dd a.active
{ margin: 0; padding: 0 0 0 14px; color: #FFFFFF; text-decoration: none; background-image: url(../kuvat/whiteline.gif); 
background-repeat: no-repeat; background-position: left center;}

#lightgray dt a:link, #lightgray dt a:visited { margin: 0; padding: 0; color: #111111; text-decoration: none; }
#lightgray dt a:hover, #lightgray dt a:active { margin: 0; padding: 0; color: #111111; text-decoration: underline;}

.menue_links_off a:link, .menue_links_off a:visited { margin: 0; padding: 0; color: #FFFFFF; text-decoration: none; }

.menue_links_off a:hover, .menue_links_off a:active, .menue_links_off a.menue_links_on { margin: 0; padding: 0 0 0 14px; color: #FFFFFF; text-decoration: none; background-image: url(../kuvat/whiteline.gif); 
background-repeat: no-repeat; background-position: left center;}

.menue_links_off a.cat_links { margin: 0 0 0 14px; padding: 0 0 0 14px; color: #FFFFFF;}

.menue_links_off a.cat_active { margin: 0 0 0 14px; padding: 0 0 0 14px; color: #FFFFFF; text-decoration: none; background-image: url(../kuvat/whiteline.gif); 
background-repeat: no-repeat; background-position: left center; }

#right { margin: 0; padding: 0; float: right; width: 530px;}
#header { margin: 135px 0 0 0; padding: 0; }
#header h2 { margin: 0; padding: 0;}
#header h2 span { display: none; }
#header h2 a:link, #header h2 a:visited, 
#header h2 a:hover, #header h2 a:active { margin: 0; padding: 0; text-decoration: none;
background-image: url(../kuvat/title.jpg); background-repeat: no-repeat; display: block; width: 435px; height: 54px;}

#text { margin: 50px 0 0 0; padding: 0 0 18px 0; min-height: 550px;}
#text h2 { margin: 0; padding: 0 0 18px 0; color: #111111; font-family: georgia, serif; font-size: 16px;}
.fine { font-weight: normal;}
#text h3 { margin: 0; padding: 6px 0 18px 0; color: #111111; font-family: georgia, serif; font-size: 16px;}
#text h4 { margin: 0; padding: 0 0 14px 0; color: #111111; font-family: georgia, serif; font-size: 16px; font-style: italic;
font-weight: normal;}
#text h6 { margin: 0; padding: 0; color: #555555; font-family: verdana, sans-serif; font-size: 12px; font-weight: bold;}
#text p { margin: 0; padding: 0 0 18px 0;}

#text ul { margin: 0; padding: 0 0 18px 14px; list-style: disc;}
#text li { margin: 0; padding: 0}

#text ol { margin: 0; padding: 0 0 18px 42px;}
#text li { margin: 0; padding: 0}

#text a:link, #text a:visited { margin: 0; padding: 0; text-decoration: none; color: #33a72a; font-weight: bold;}
#text a:hover, #text a:active { margin: 0; padding: 0; text-decoration: underline; color: #33a72a; font-weight: bold;}

#text img { margin: 0; padding: 0; float: right; clear: both;}

#footer { margin: 0 auto 0 auto; padding: 0; width: 750px; clear: both; font-size: 9px; line-height: 14px;}
#footerbg { margin: 0; padding: 0; background-image: url(../kuvat/shadow.jpg); background-repeat: no-repeat;
display: block; width: 750px; height: 45px; }
#footerwrap { margin: 0 0 0 220px; padding: 0; }

#hki { margin: 18px 0 32px 0; padding: 0; float: left; }
#hki h6 { margin: 0; padding: 0 0 14px 0;}
#hki h6 span { display: none; }
#hki h6 a:link, #hki h6 a:visited, 
#hki h6 a:hover, #hki h6 a:active { margin: 0; padding: 0; text-decoration: none;
background-image: url(../kuvat/helsinki.jpg); background-repeat: no-repeat; display: block; width: 185px; height: 71px;}
#hki p a:link, #hki p a:visited { margin: 0; padding: 0; text-decoration: none; color: #555555;}
#hki p a:hover, #hki p a:active { margin: 0; padding: 0; text-decoration: underline;}

#jkl { margin: 18px 0 32px 0; padding: 0; float: right; }
#jkl h6 { margin: 0; padding: 0 0 14px 0;}
#jkl h6 span { display: none; }
#jkl h6 a:link, #jkl h6 a:visited, 
#jkl h6 a:hover, #jkl h6 a:active { margin: 0; padding: 0; text-decoration: none;
background-image: url(../kuvat/jyvaskyla.jpg); background-repeat: no-repeat; display: block; width: 185px; height: 71px;}
#jkl p a:link, #jkl p a:visited { margin: 0; padding: 0; text-decoration: none; color: #555555;}
#jkl p a:hover, #jkl p a:active { margin: 0; padding: 0; text-decoration: underline;}

.clear { clear: both; }