/* Rovaniemi English Playschool CSS-styles */

html,body {margin:0; padding:0; width:100%; height: 100%; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-repeat:repeat-x;}
body.news {background-image:url(img/tausta-v.png); background-color: #99cc00;}
body.calendar {background-image:url(img/tausta-v.png); background-color: #99cc00;}
body.pictures {background-image:url(img/tausta-k.png); background-color: #ffbb00;}
body.info {background-image:url(img/tausta-k.png); background-color: #ffbb00;}

#runko-news {background-image:url(img/reunat-p.png); width: 720px; min-height: 100%; position:relative; margin: 0 auto 0 auto; background-repeat:repeat-y; background-color: white;}
#runko-calendar {background-image:url(img/reunat-k.png); width: 720px; min-height: 100%; position:relative; margin: 0 auto 0 auto; background-repeat:repeat-y; background-color: white;}
#runko-pictures {background-image:url(img/reunat-s.png); width: 720px; min-height: 100%; position:relative; margin: 0 auto 0 auto; background-repeat:repeat-y; background-color: white;}
#runko-info {background-image:url(img/reunat-v.png); width: 720px; min-height: 100%; position:relative; margin: 0 auto 0 auto; background-repeat:repeat-y; background-color: white;}

#logo {background-image: url(img/logo.png); width: 720px; height: 200px;}

#napit {width: 720px; height: 26px;}
#napit img {border:0}

#ylareuna-news {background-image:url(img/ylareuna-p.png); width: 720px; height: 28px;}
#ylareuna-calendar {background-image:url(img/ylareuna-k.png); width: 720px; height: 28px;}
#ylareuna-pictures {background-image:url(img/ylareuna-s.png); width: 720px; height: 28px;}
#ylareuna-info {background-image:url(img/ylareuna-v.png); width: 720px; height: 28px;}

#sisalto-news {text-align: left; font-size:11px; letter-spacing: 1px; line-height: 18px; margin: 20px 70px 0 70px; padding: 0 0 40px 0; width: 580px;} 
#sisalto-calendar {text-align: left; font-size:11px; letter-spacing: 1px; line-height: 16px; margin: 30px 60px 0 60px; padding: 0 0 72px 0; width: 600px;} 
#sisalto-pictures {text-align: left; font-size:11px; letter-spacing: 1px; line-height: 20px; margin: 40px 70px 0 70px; padding: 0 0 72px 0; width: 580px;} 
#sisalto-info {text-align: left; font-size:11px; letter-spacing: 1px; line-height: 18px; margin: 40px 70px 0 70px; padding: 0 0 72px 0; width: 580px;} 

a {color: black; text-decoration: underline;}
a:hover {color: #0099ff;}
a:active, a:visited {outline: none;}

#alahahmot {width: 100%; height: 133px; background-image: url(img/alahahmot.png); background-position: center; background-repeat:no-repeat; position: fixed; left: 0; bottom: 26px;}

#yhteystiedot-news {width: 100%; text-align: center; font-size: 11px; color: white; line-height: 24px; letter-spacing: 1px; height: 26px; position: fixed; left: 0; bottom:0; background-color: #ff0099;}
#yhteystiedot-calendar {width: 100%; text-align: center; font-size: 11px; color: white; line-height: 24px; letter-spacing: 1px; height: 26px; position: fixed; left: 0; bottom:0; background-color: #ffbb00;}
#yhteystiedot-pictures {width: 100%; text-align: center; font-size: 11px; color: white; line-height: 24px; letter-spacing: 1px; height: 26px; position: fixed; left: 0; bottom:0; background-color: #0099ff;}
#yhteystiedot-info {width: 100%; text-align: center; font-size: 11px; color: white; line-height: 24px; letter-spacing: 1px; height: 26px; position: fixed; left: 0; bottom:0; background-color: #99cc00;}

.title {font-size: 12px; font-weight: bold;}
td.english {padding-right: 20px}
td.finnish {padding-left: 20px}

td.english-links {padding-right: 20px; text-align: center;}
td.finnish-links {padding-left: 20px; text-align: center;}

.text {width: 580px; text-align: left; font-size: 11px; vertical-align:top;} 
.text td {width: 290px; vertical-align:top;}
.filelink {text-align: left}

.separator {width: 580px; height: 1px; margin: 30px 0 35px 0; text-align: center;}
.separator-cal {width: 600px; height: 1px; margin: 30px 0 35px 0; text-align: center;}
.separator-pic {width: 580px; height: 1px; margin: 30px 0 35px 0; text-align: center;}



/* CALENDAR */

#month {width: 600px; margin-bottom: 24px; text-align:center; font-size:18px; font-weight: bold;}
#themes {width: 580px; text-align: center; font-size: 11px; margin: 0 0 40px 10px;}
#weekdays {width: 600px; height: 30px; font-size: 12px; font-weight: bold;}
#weekdays span {width: 120px; float: left; text-align: center;}

#calendartable {width: 600px; height: 580px; border-collapse: collapse; border-style:solid; border-width: 1px; font-size: 11px; border-color:#99cc00}
#calendartable td {width: 120px; height:116px; padding: 6px; vertical-align:top; border-color:#99cc00}
#calendartable tr:hover {background-color: #f7ffdd;}
.date {font-weight: bolder; color:#0099ff; margin-bottom: 12px;}

#holidays {width: 580px; margin: 0 0 0 10px; font-size: 11px; vertical-align:top;} 
#holidays td {width: 290px;}

#ourday {width: 580px; margin: 0 0 20px 10px; font-size:11px;}
#ourday td {width: 290px;  vertical-align:top;}


/* PICTURES */

.photo {width: 560px; height: auto; border: solid; border-color: black; border-width: 1px; padding: 10px;}
.phototitle {margin: 6px 0 50px 0; width: 580px;}


/*INFO*/

#contact {text-align: center; line-height: 24px;}
#design {text-align: center; font-size: 11px}