.screen {
}

/* Yleiset tiedot
---------------------------------------------------------------------------------------------------------- 
Sivuston URI: http://www.projekti55.fi/
Kuvaus: Tämä on projekti55.fi -sivuston css-tyylitiedosto. 
Versio: 0.9
Muokattu viimeksi: 2008-06
Tekijä: Perttu Tolvanen, perttu(at)projekti55.fi
Tekijän www-osoite: http://www.projekti55.fi

*/

/* Sisällysluettelo
---------------------------------------------------------------------------------------------------------- 

- Typografia
- Sivuasettelu
- Signature
- Perusasetukset
- Linkit
- Virheilmoitukset

*/

/* =Typografia
---------------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
 font-family: Georgia, Trebuchet MS, serif;
 font-weight: normal;
 color: #858585;
 text-decoration: none;
 margin: 0;
 padding: 5px;
}

h1 {
 font-size: 2.5em;
}

h2 {
 font-size: 1.8em;

 margin-bottom: 5px;
 margin-top: 10px;
 /* border-bottom: 1px solid #EEEEE8; */
}

h3 {
 font-size: 1.6em;
 margin-bottom: 5px;
 margin-top: 5px;
}

h4 {
 font-size: 1.4em;
 margin-bottom: 5px;
 margin-top: 5px;
}

p {
 font-family: Geneva, Helvetica, sans-serif;
 font-size: 1.3em;
 color: #333333;
 padding: 5px;
 margin: 0;
}

#sisalto ul {
} 


#sisalto li {
 list-style-type: square;
 margin: 0 0 5px 0;
 }
 
li.huomio {
 list-style-image: url(../images/lisatietoa.gif);
 }
 
p.tietolaatikko {
 background-color: #EEEEE8;
 padding: 20px 20px 20px 20px;
 margin: 30px 100px 10px 0;
 border-left: 10px solid #B5B5B5;
}

p.leipateksti {
}

.korostus {
 background-color: #EEEEE8;
}

p.ilmoitusteksti {
 font-size: x-large;
 text-align: center;
 line-height: 4em;
}

.line {
 clear: both;
 /* overflow: hidden; */
 margin: 40px auto 40px auto;
 border-top: 10px solid #B5B5B5;
 border-bottom: 10px solid #B5B5B5;
 background: #000000;
 line-height: 2em;
}

#sisalto .line {
 clear: both;
 /* overflow: hidden; */
 margin: 40px auto 20px auto;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 background: #B5B5B5;
 line-height: 1em;
}

/* =Sivuasettelu
---------------------------------------------------------------------------------------------------------- */

#koko_paketti {
 background-color: #FFFFFF;
 width: 90%;
 margin: 0 0 30px 30px; 
 line-height: 2em;
 padding: 0;
}

#sisalto {
 padding: 0 100px 0 0;

}

#kirjanmerkit {
 background-color: #FFFFFF;
 margin-top: 40px;
 }

/* =Banner (Yhteystiedot-laatikko)
---------------------------------------------------------------------------------------------------------- */

#banner {
 clear: both;
 /* overflow: hidden; */
 margin: 40px auto;
 border-top: 10px solid #B5B5B5;
 border-bottom: 10px solid #B5B5B5;
 background: #FFFFFF;
 line-height: 2em;
}

#banner img {
 padding: 5px;
 margin: 20px 30px 20px 30px; 
 float: left;
 }
 
#banner p {
 font-family: Geneva, Helvetica, sans-serif;
 font-size: 1.3em;
 color: #333333;
 padding: 5px;
 margin: 25px 20px 20px 30px; 
 line-height: 1.3em;
 }
 
 #banner h1 {
 font-size: 1.8em;

 margin-bottom: 5px;
 margin-top: 10px;
 border-bottom: 1px solid #EEEEE8;
}
 
 #banner .korostus {
 color: #F6F6F6;
 background:none;
 font-weight: bold;
 }
	
/* =Perusasetukset
---------------------------------------------------------------------------------------------------------- */

body {
/*  background-image: url(../images/taustakuva-palkki.gif); */
 background-repeat: repeat-x;
 margin: 0; padding: 0;
 font-size: 62.5%;

}

img, a img {
 border: 0; padding: 0; margin: 0;
}

div {
 margin: 0; padding: 0; 
 }
 
/* Tällä divillä saadaan kuvat pysymään boksien sisällä, ettei mene lay-out sotkuun bokseissa joissa on float-kuvia ja vähän tekstiä. */

div.clear {
 clear:both;
 }

/* =Linkit
---------------------------------------------------------------------------------------------------------- */

a:visited {
 color:#7F7F7F;
 text-decoration: underline;
}
a:link {
 color: #0279D5;
 text-decoration: underline;
}
a:hover {
 background-color: #EEEEE8;
 text-decoration: underline;
}

/* linkki-luokka sivustolta ulos meneville linkeille, lisää ikonin linkkien eteen */

a.ulkoinen:visited {
 background: url(../images/ulkoinen-linkki-nuoli.gif) left center no-repeat;
 padding-left: 17px;
 color:#7F7F7F;
 text-decoration: none;
 }
 
a.ulkoinen:link {
 background: url(../images/ulkoinen-linkki-nuoli.gif) left center no-repeat;
 padding-left: 17px;
 text-decoration: none;
 }

a.ulkoinen:hover {
 background: url(../images/ulkoinen-linkki-nuoli.gif) left center no-repeat;
 padding-left: 17px;
 color: #0279D5;
 background-color: #EEEEE8;
 text-decoration: underline;
}

/* linkki-luokka pdf-tiedostoille, lisää pdf-ikonin linkkien loppuun */

a.pdf:visited {
 background: url(../images/pdf-icon.gif) right center no-repeat;
 padding-right: 45px;
 color:#7F7F7F;
 text-decoration: underline;
 }
 
a.pdf:link {
 background: url(../images/pdf-icon.gif) right center no-repeat;
 padding-right: 45px;

 text-decoration: underline;
 }

a.pdf:hover {
 background: url(../images/pdf-icon.gif) right center no-repeat;
 padding-right: 45px;
 background-color: #EEEEE8;
 text-decoration: underline;
}

/* =Virheilmoitukset
---------------------------------------------------------------------------------------------------------- */

div.ilmoituslaatikko {
 width:600px;
 margin: 50px auto;
 padding: 20px 20px 20px 20px;
 border: 10px solid;
 border-color: #cccccc;
}