/* ######################################################### */
/* sivustolla käytettävät tyylit, saatavilla editorissa      */
/* ######################################################### */

/* koko sivuston sisällään ylläpitävä div -elementti */
#container {
  width: 1002px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  vertical-align: top;
}

a img, :link img, :visited img {
  border: 0;
}

/* normaali otsikko */
h1 {
  font-family: Georgia, Garamond, "Lucida Sans", Arial, Tahoma;
  font-size: 48px;
  font-weight: normal;
  text-decoration: none;
  color: #00354C;
  line-height: 56px;
  margin-top: 0px;
}

h2 {
  font-family: Georgia, Garamond, "Lucida Sans", Arial, Tahoma;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  color: #07A7EC;
  line-height: 32px;
}

h3 {
  font-family: Georgia, Garamond, "Lucida Sans", Arial, Tahoma;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  color: #00354c;
  line-height: 32px;
}

a {
  font-family: "Lucida Sans", Arial, Tahoma;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #ce0101;
  line-height: 20px;
}

a:hover {
  text-decoration: underline;
}

/* sivun normaalin tekstin tyylimuotoilut */
p {
  font-family: "Lucida Sans", Arial, Tahoma;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #00354C;
  line-height: 20px;
  margin-top: 0px;
}

ul, li {
  font-family: "Lucida Sans", Arial, Tahoma;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #00354C;
  line-height: 20px;
}

p table tr td, table tr td {
  font-family: "Lucida Sans", Arial, Tahoma;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #00354C;
  line-height: 20px;
  padding: 4px;
  text-align: left;
  vertical-align: top;
}

p table th, table th {
  font-family: "Lucida Sans", Arial, Tahoma;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #00354C;
  line-height: 20px;
  padding: 4px;
  text-align: left;
  vertical-align: top;
}

#sivu_ylin {
  background-image: url('http://www.hakarinteet.fi/2009/UserFiles/Image/topheader.png'); background-repeat: no-repeat;
  width: 1002px;
}

/* valikot alkaa */

#menu{
  background-color: #00354C;
  float: left;
  margin-left: 210px; margin-top: 75px;
  width: 792px;
  padding: 4px 0 0 0px;
  list-style: none;
}

#menu li {
  float:left;
  border-right: 2px solid #00A6EB;
}

#menu a {
  font-family: "Lucida Sans", Arial, Tahoma;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  color: white;
  line-height: 23px;
  padding: 4px 12px;
  display: block;
}

#menu li:first-child  a{
  padding-left: 0px;
}

#menu li:last-child {
  margin-right: 0px;
  border-right: 0px;
}

.submenuEffect {
  display: none;
}

#submenu {
  background-color: #00354C;
  float: left;
  width: 1002px;
  padding: 10px 0 10px 0px;
  list-style: none;
  margin-bottom: 10px;
}

#submenu a {
  font-family: "Lucida Sans", Arial, Tahoma;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: white;
  line-height: 23px;
  padding: 4px 8px;
  border-right: 1px solid #00A6EB;
}

#submenu a:first-child {
  padding-left: 12px;
}

#submenu a:last-child {
  padding-right: 12px;
  margin-right: 0px;
  border-right: 0px;
}

/* valikot päättyy */

#sivu_header {
  background-image: url('http://www.hakarinteet.fi/2009/UserFiles/Image/header_etusivu.jpg'); background-repeat: no-repeat;
  width: 1002px;
  height: 286px;
}

#sivu_etusivu_vasen {
  width: 328px;
  float: left;
  text-align: left;
  margin-top: 18px;
}

  #sivu_etusivu_aamunavaus {
    width: 311px;
	height: 242px;
	background-image: url('http://www.hakarinteet.fi/2009/UserFiles/Image/aamunavaus.png'); background-position: top center; background-repeat: no-repeat;
	vertical-align: top;
	text-align: center;
	font-size: 11px;
	font-family: "Lucida Sans", Arial, Tahoma;
	color: #00354C;
	line-height: 18px;
	padding: 8px;
	margin-top: 16px;
  }

  #sivu_etusivu_nimipaivaonnittelut {
    width: 311px;
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	font-family: "Lucida Sans", Arial, Tahoma;
	color: #00354C;
	line-height: 18px;
	padding: 8px; padding-left: 24px;
	margin-top: 16px;
	margin-bottom: 16px;
  }
  
#sivu_etusivu_keski {
  width: 346px;
  float: left;
  margin-top: 18px;
  text-align: center;
}

  #sivu_etusivu_div_reunoilla {
    width: 344px;
	border-left: 1px dotted #366475;
	border-right: 1px dotted #366475;
	text-align: center;
	vertical-align: top;
  }

#sivu_etusivu_oikea {
  width: 328px;
  margin-left: 674px;
  margin-top: 18px;
  text-align: right;
}

  #sivu_etusivu_mokkivaraus {
    background-image: url('http://www.hakarinteet.fi/2009/UserFiles/Image/mokkivaraus_tausta.jpg'); background-repeat: no-repeat; background-position: top center;
	width: 311px;
	height: 352px;
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	font-family: "Lucida Sans", Arial, Tahoma;
	color: #00354C;
	line-height: 18px;
	padding: 16px;
	margin-top: 16px;
	float: right;
  }

#sivu_alasivu_vasen {
  float: left;
  width: 675px;
  min-height: 400px;
  border-right: 1px dotted #366475;
  text-align: left;
  vertical-align: top;
}

#sivu_alasivu_oikea {
  margin-left: 675px;
  float: left;
  width: 300px;
  min-height: 400px;
  margin-left: 16px;
  text-align: left;
  vertical-align: top;
}
  
#sivu_ala {
  background-image: url('http://www.hakarinteet.fi/2009/UserFiles/Image/alapalkki.png'); background-repeat: no-repeat;
  width: 1002px;
  height: 148px;
}

#yhteydenotto_valkoinen {
  margin-right: 20px;
  background-color: #FFFFFF;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 10px; padding-top: 0px;
}

#alasivut_valkoinen {
  width: 311px;
  background-color: #FFFFFF;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

  /* tähän padding tms jotta teksti ei olisi laatikon reunoissa kiinni */
  #alasivut_valkoinen_tekstisisalto {
    padding: 8px; padding-top: 0px;
  }

.lomake_kentat {
  border: 1px solid #00354C;
  font-family: "Lucida Sans", Arial, Tahoma;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  color: #00354C;
  padding: 4px;
}

#clear {
  clear: both; 
  height: 0px;
}


/* ######################################################### */
/* älä muokkaa tietoja jotka on syötetty tästä eteenpäin     */
/* ######################################################### */

/* TinyMCE */
body.mceContentBody {
  background-color: #D3F3F3;
  font-family: "Lucida Sans", Arial, Tahoma;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #00354C;
  line-height: 20px;
  padding: 4px;
}

.mceContentBody a, p a {
  font-family: "Lucida Sans", Arial, Tahoma;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #CE0101;
  line-height: 20px;
  padding: 4px;
}

.mceContentBody a:hover, p a:hover {
  text-decoration: underline;
}