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

/* koko sivuston sisällään ylläpitävä div -elementti */

@font-face {
  font-family: "Bentwood";
  src: url("http://www.hakarinteet.fi/2009/UserFiles/Media/bentwood-bol.otf");
}


#container {
  width: 1002px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  vertical-align: top;
}

img {
margin: 0;
padding: 0;
}

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

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

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

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

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

}

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: "Bentwood", "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: "Bentwood", "Lucida Sans", Arial, Tahoma;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #00354C;
  line-height: 20px;
  padding: 0px;
  text-align: left;
  vertical-align: top;
}

.bannerit {
 
  line-height: 0px;
 
}


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

#logo {
position: absolute;
top: 15px;


 background-image: url('http://www.hakarinteet.fi/2009/UserFiles/Image/hakalogo.png'); background-repeat: no-repeat;
height: 92px;
width: 265px;
}

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

/* valikot alkaa */

#menu{

  float: left;
  margin-left: 280px; margin-top: 75px;
  width: 730px;
  padding: 4px 0 0 0px;
  list-style: none;
}

#menu li {
  float:left;
  border-right: 1px solid #cecece;
}

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

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

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

.submenuEffect {
  display: block;
}

#submenu {
  background-image: url('http://www.hakarinteet.fi/2009/UserFiles/Image/submenu.png'); background-repeat: repeat-x;
  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: #000000;
  line-height: 15px;
  padding: 2px 10px;
  border-right: 1px solid #cecece;
}

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

#submenu a:last-child {
  padding-right: 14px;
  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: 280px;
  margin-top: 4px;
}

#sivu_etusivu_vasen {
  width: 328px;
  float: left;
  text-align: left;
  margin-top: 6px;
  background: #ffffff;
  padding: 10px;
}

  #sivu_etusivu_aamunavaus {
    width: 311px;
	height: 260px;
	background-image: url('http://www.hakarinteet.fi/2009/UserFiles/Image/aamunavaus.png'); background-position: bottom 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;
	height: 113px;
	
	
  }
  
#sivu_etusivu_keski {
  width: 346px;
  float: left;
  margin-top: 6px;
  text-align: center;
  height: 576px;
  
}

  #sivu_etusivu_div_reunoilla {
    width: 344px;
     background: #ffffff;
    padding: 10px;
	border-left: 1px dotted #366475;
	border-right: 1px dotted #366475;
	text-align: center;
	vertical-align: top;
	 height: 576px;
  }

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

  #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: 328px;
	height: 400px;
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	font-family: "Lucida Sans", Arial, Tahoma;
	color: #00354C;
	
	
	float: right;
  }

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

#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;
}

.fb-like-box {
background: #ffffff;
}

/* ######################################################### */
/* ä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;
}