/* YLEISET TYYLIASETUKSET */

html,body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  color: #808080;
}

a {
  text-decoration: none;
}

img#tausta { /* Taustakuvan asetus */
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
} 

#all_content { /* Koko sivun sisältö */
  position:relative;
  z-index:1;
  text-align: center;
} 

#visible_page { /* Varsinaisen sisällön elementti */
  position: relative;
  width:800px;
  height:625px;
  text-align: left;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

/* YLÄPALKKI */

#emmaus_logo { /* Emmaus Helsinki logo */
  float:left;
  width:324px;
  height:35px;
  margin-left: 50px;
  margin-top: 20px;
  background-image:url('../images/emmaushelsinki.gif');
  background-repeat:no-repeat;
}

#emmaus_logo_sv { /* Emmaus Helsinki logo */
  float:left;
  width:416px;
  height:35px;
  margin-left: 50px;
  margin-top: 20px;
  background-image:url('../images/emmaushelsingfors.gif');
  background-repeat:no-repeat;
}


#int_logo { /* Kansainvälisen Emmauksen tunnus */
  margin-left: 715px;
  padding-top: 10px;
}

#page_header { /* Pääelementti osoitteelle ja kielivalinnalle */
  position: absolute;
  top: 60px;
  left: 50px;
  width: 100%;
}

#address {
  float: left;
  text-align: left;
  font-size: 0.7em;
}

#language {
  float: right;
  margin-right: 100px;
  text-align: right;
  font-size: 0.7em;
}

#language a {
  color: #808080;
}

#language a:hover {
  color: #000000;
}

#fb {
  left: 736px;
  top: 600px;
  position: absolute;
}

/* ETUSIVUN PÄÄSISÄLTÖALUE */

#link_boxes { /* Laatikkoalueen alkupiste */
  top: 80px;
  left: 50px;
  position: absolute;
}

.link_box { /* Ensimmäisen ja kolmannen rivin laatikot */
  float: left;
  width: 160px;
  height: 160px;
}

#link_box_ak { /* Ajankohtaista-laatikko */
  float: left;
  width: 160px;
  height: 160px;
  background-image: url('../images/ajankohtaista.gif');
  margin-left:20px;
}

#link_box_ak:hover {
  background-image: none;
  background-color: #FFd100;
}

.link_box_mid { /* Toisen rivin laatikot */
  float: left;
  width: 160px;
  height: 160px;
  margin-top: 15px;
  margin-bottom: 15px;
}  

.link_box_header { /* Laatikoiden otsikot */
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 15px;
  padding-bottom: 3px;
}

.link_box_header a {
  font-size: 1.2em;
  line-height: 110%;
  color: #ffffff;
}

#link_box_links_1_1,#link_box_links_1_2,#link_box_links_1_3,#link_box_links_1_4,#link_box_links_2_1,#link_box_links_2_2,#link_box_links_2_3,#link_box_links_2_4,#link_box_links_3_1,#link_box_links_3_2,#link_box_links_3_3,#link_box_links_3_4 { /* Jokaisella laatikolla täytyy olla yksilöllinen ID */
  margin-top: -16px;
  display: none;
}

.link_box_link { /* Alavalikot */
  margin-top:3px;
  margin-right: 10px;
  background-image:none;
  line-height: 94%;
}

.link_box_link a {
  padding-left: 10px;
  font-size: 0.715em;
  color: #FFFFFF;
  display: block;
}

.link_box_link a:hover {
  background-image:url('../images/nuoli_a.gif');
  background-repeat: no-repeat;
  background-position: 0 3px;
}

#ak1,#ak2,#ak3,#ak4,#ak5 { /* Ajankohtaista-alavalikot */
  margin-top:4px;
  line-height: 120%;
  padding-left: 10px;
  font-size: 0.715em;
  color: #000000;
  display: block;
}

#ak1:hover,#ak2:hover,#ak3:hover,#ak4:hover,#ak5:hover {
  background-image:url('../images/nuoli_b.png');
  background-repeat: no-repeat;
  background-position: 0 3px;
  color: #000000;
}