/* Kekri Content CSS */

html, body { margin: 0; padding: 0; font-family: georgia, serif; font-size: 14px; font-weight: normal;
background-color: #13101c; background-image: url(../images/pattern.gif); background-repeat: no-repeat; 
background-position: top center; }

/* top */
#main { margin: 0 auto 0 auto; padding: 0; width: 803px;}

#kekrilogo_ind { margin: 0; padding: 60px 0 0 125px; }
#kekrilogo_ind h1 { margin: 0; padding: 0; font-size: 18px;}
#kekrilogo_ind h1 span { display: none; }
#kekrilogo_ind h1 a:link, #kekrilogo_ind h1 a:visited, #kekrilogo_ind h1 a:hover, #kekrilogo_ind h1 a:active
{ margin: 0; padding: 0; background-image: url(../images/kekrilogo_index.gif); background-repeat: no-repeat;
display: block; width: 542px; height: 370px;}


#kekrilogo { margin: 0; padding: 59px 0 0 229px; }
#kekrilogo h1 { margin: 0; padding: 0; font-size: 18px;}
#kekrilogo h1 span { display: none; }
#kekrilogo h1 a:link, #kekrilogo h1 a:visited, #kekrilogo h1 a:hover, #kekrilogo h1 a:active
{ margin: 0; padding: 0; background-image: url(../images/kekrilogo.gif); background-repeat: no-repeat;
 display: block; width: 340px; height: 261px;}

/* content */ 
#content { margin: 0 auto 0 auto; padding: 40px 0 0 0; width: 801px; }

#yla { margin: 0; padding: 0; background-image: url(../images/paperi_yla.gif); background-repeat: no-repeat; height: 30px;}
#ala { margin: 0; padding: 0; background-image: url(../images/paperi_ala.gif); background-repeat: no-repeat; height: 30px;}
#mid { margin: 0; padding: 0; background-color: #ffffff; }

#navi { margin: 0; padding: 10px 0 20px 45px; float: left; }
#navi dl { margin: 0; padding: 10px 0 0 0;}
#navi dt { margin: 0; padding: 1px 0 0 0; width: 170px; line-height: 16px;}
#navi dd { margin: 0;  padding: 0; width: 170px; line-height: 16px;}
#navi dd ul { margin: 0; padding: 0;}
#navi dd li { margin: 0 0 0 15px; padding: 0 0 0 0; list-style: disc; color: #bb4411;}

#navi dt a:link, #navi dt a:visited { margin: 0; padding: 0; font-family: "Courier New", Courier, monospace; 
font-size: 12px; text-transform: uppercase; color: #dd6600; text-decoration: none; }
#navi dt a:hover, #navi dt a:active, #navi dt a.active { margin: 0; padding: 0; 
font-family: "Courier New", Courier, monospace; font-size: 12px; color: #111111; text-transform: uppercase; 
text-decoration: underline; }

#navi dd a:link, #navi dd a:visited { margin: 0; padding: 0; font-family: "Courier New", Courier, monospace; 
font-size: 12px; text-transform: none; color: #dd6600; text-decoration: none; }
#navi dd a:hover, #navi dd a:active, #navi dd a.active { margin: 0; padding: 0; 
font-family: "Courier New", Courier, monospace; font-size: 12px; color: #111111; text-transform: none; 
text-decoration: underline; }

#text { margin: 0; padding: 10px 45px 10px 0; float: right;}
#text p { margin: 0; padding: 0 0 18px 0; width: 515px; color: #444444; line-height: 20px;}
#text p.index { margin: 0; padding: 9px 0 9px 0; width: 518px; color: #444444; line-height: 20px;}
#text a:link, #text a:visited { margin: 0; padding: 0; color: #dd6600; text-decoration: none; }
#text a:hover, #text a:active { margin: 0; padding: 0; color: #dd6600; text-decoration: underline; }

strong { color: #111111; }

h2 { margin: 0 0 18px 0; padding: 9px 0 12px 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; 
background-image: url(../images/viiva.gif); background-repeat: no-repeat; background-position: bottom left; }

#text h3 { margin: 0 0 18px 0; padding: 2px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
#text h3.first { margin: 0 0 18px 0; padding: 8px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
#text h4 { margin: 0; padding: 2px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}

a.kuva { margin: 0; padding: 0;  text-decoration: none; }
img.thumb { margin: 0; padding: 0 0 10px 15px; border: none; float: right; }



/* infolink */
.infolink { margin: 0; padding: 0 0 18px 0;}
.viiva { margin: 6px 0 9px 0; padding: 0; background-image: url(../images/viiva.gif); 
background-repeat: no-repeat; background-position: top left; line-height: 3px;}
.infolink a:link, .infolink a:visited  { margin: 0 10px 0 0; padding: 0; color: #dd6600; text-decoration: none;}
.infolink a:hover, .infolink a:active  { margin: 0 10px 0 0; padding: 0; color: #dd6600; text-decoration: underline;}
.nuoli { margin: 0; padding: 0 0 0 10px; background-image: url(../images/nuoli.gif); background-repeat: no-repeat;
background-position: center right;}



/*Palautelomake*/ 
#palaute {margin: 0; padding: 0; width: 515px;}
#palaute p { margin: 0; padding: 18px 0 0 0; font-family: georgia, serif; font-size: 14px; color: #444444; font-weight: normal;	}
#palaute p.viesti { margin: 0; padding: 0 0 0 0; font-family: georgia, serif; font-size: 14px; color: #444444; font-weight: normal;	}
.singleline { padding: 5px; width: 500px; font-family: georgia, serif; font-size: 14px; color: #444444; font-weight: normal; border: 1px solid #aaa; background-color: #f6f6f6;}
textarea {padding: 5px; width: 500px; font-family: georgia, serif; font-size: 14px; font-weight: normal; color: #444444; border: 1px solid #aaa; background-color: #f6f6f6;}
input.btn {float: left; font-family: "Courier New", Courier, monospace; font-size: 12px; text-transform: uppercase; width: 100px; margin: 8px 0 0 0;}
#palautenimi {float:left;}
#palauteosoite {float:right;}
#palauteclear {clear:both;}



/* otteet */
#otteet { margin: 0 auto 0 auto; padding: 20px 0 0 0; width: 801px; }

#otteet_yla { margin: 0; padding: 0; background-image: url(../images/otteet_yla.gif); background-repeat: no-repeat; height: 80px;}
#left_title { margin: 0; padding: 0; float: left; }
#left_title h3 { margin: 0; padding: 45px 0 0 45px; font-family: "Courier New", Courier, monospace; font-size: 12px; font-weight: bold;
text-transform: uppercase; color: #111111;}

#right_title { margin: 0; padding: 0; float: left;}
#right_title h3 { margin: 0; padding: 45px 0 0 61px; font-family: "Courier New", Courier, monospace; font-size: 12px; font-weight: bold;
text-transform: uppercase; color: #111111;}

#otteet_mid { margin: 0; padding: 0; background-image: url(../images/otteet_mid.gif); background-repeat: repeat-y;}
#otteet_mid p { margin: 0; padding: 0 45px 0 241px; font-family: "Courier New", Courier, monospace; font-size: 12px; color: #444444;
line-height: 19px;}

#otteet_ala { margin: 0; padding: 0; background-image: url(../images/otteet_ala.gif); background-repeat: no-repeat; height: 80px;}
#otteet_ala p { margin: 0; padding: 18px 45px 0 241px; font-family: "Courier New", Courier, monospace; font-size: 12px; color: #444444;
line-height: 18px;}

 
/* footer */
#footer { margin: 0; padding: 40px 0 40px 0; text-align: center; }

#footernavi { margin: 0; padding: 0; }
#footernavi p { margin: 0; padding: 0 0 4px 0; color: #ffffff; font-family: "Courier New", Courier, monospace; font-size: 12px;}
#footernavi a:link, #footernavi a:visited { margin: 0; padding: 0; color: #dd6600; 
font-family: "Courier New", Courier, monospace; font-size: 12px; text-decoration: none; }
#footernavi a:hover, #footernavi a:active { margin: 0; padding: 0; color: #dd6600; 
font-family: "Courier New", Courier, monospace; font-size: 12px; text-decoration: underline; }

#skslogo { margin: 0; padding: 20px 0 0 363px; }
#skslogo p { margin: 0; padding: 0;}
#skslogo p span { display: none; }
#skslogo a:link, #skslogo a:visited, #skslogo a:hover, #skslogo a:active { margin: 0; padding: 0; 
background-image: url(../images/skslogo.gif); background-repeat: no-repeat; display: block; width: 81px; height: 31px;
text-decoration: none; }

/* extras */
.clear { margin: 0; padding: 0; clear: both; }
.luelisaa, .up {	margin: 0 0 0 5px; padding: 0;}
.back { margin: 0 5px 0 0; padding: 0;}

.ankkuri { margin: 0; padding: 0;}
.ankkuri a:link, .ankkuri a:visited { margin: 0; padding: 0; color: #dd6600; text-decoration: none; }
.ankkuri a:hover, .ankkuri a:active { margin: 0; padding: 0; color: #dd6600; text-decoration: underline; }

img { border: none;}