/* HABOTTI.COM V.6 */
	/* Yleiset tyylimääritteet */
	

body {
	background: #fff url(../img/taustakuva.gif);
	color: #222222;
	font-family: 'Trebuchet MS', trebuchet, arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	}
	
a:link, a:active, a:visited {
	color: #222222;
	text-decoration: underline;
	}

a:hover, a:focus {
	text-decoration: none;
	}
	
	
h3 {
	font-size: 15px;
	color: #777777;
	font-weight: bold;
	margin-top: 5px;
	}
	
h2{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 8px;
	}
	
h1{
	color: #5F8EA3;
	}
	
ul {
	list-style: square;
	}
	
	
.painike {
	height: 25px;
	padding: 10px;
	padding-top: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	cursor: pointer;
	border: solid #888888 1px;
	background: transparent url(../img/painike_bg.gif) repeat-x;
	background-position: 0px 0px;
	}
	
.painike:hover {
	background-position: 0px -25px;
	}
	
.tekstikentta {
	padding: 15px;
	font-size: 14px;
	color: #777777;
	}
	
	
	
	
	
	/* Elementit */
	/* Yläosa */
	
	
	
.rakentaja {
	margin: 0 auto;
	margin-top: 10px;
	padding: 0;
	width: 850px;
	}
	
.varjodiv {
	width: 850px;
	box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-moz-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	}
	
	
.ylapalkki {	
	position: absolute;
	width: 100%;
	height: 42px;
	top: 0px;
	left: 0px;
	background: transparent url(../img/ylapalkki_bg.gif) repeat-x;
	box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-moz-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	}
	
.ylapalkki_rakentaja {
	width: 780px;
	margin: 0 auto;
	}
	
.ylapalkki_sisalto { 
	float: right;
	color: white;
	padding: 11px;
	margin-right: 100px;
	}
	
.headerialue {
	width: 850px;
	height: 235px;
	margin: 0 auto;
	margin-top: 81px;
	}
	
.ylempi_navi {
	width: 800px;
	height: 28px;
	text-align: right;
	background: #E7E9E9 url(../img/ylempi_navi_bg.gif) no-repeat;
	padding-top: 10px;
	padding-right: 50px;
	color: #999999;
	font-style: italic;
	}
	
.alempi_navi {
	width: 850px;
	height: 47px;
	background: #90C5EB url(../img/alempi_navi_bg.gif) no-repeat;
	}
	
.banneri_iso {
	float: left;
	width: 500px;
	height: 200px;
	border: solid 1px #ffffff;
	box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-moz-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	}
	
.banneri_pieni {
	float: left;
	width: 220px;
	height: 200px;
	margin-left: 30px;
	border: solid 1px white;
	box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-moz-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	}
	
#banneri_iso_kuva {
	height: 140px;
	width: 500px;
	border-bottom: 1px solid white;
	}
	
.banneri_iso_teksti {
	height: 40px;
	width: 470px;
	background: black url(../img/banneri_teksti_bg.png);
	color: white;
	padding: 10px;
	padding-left: 20px;
	}
	
	
#banneri_pieni_kuva {
	height: 140px;
	width: 220px;
	border-bottom: 1px solid white;
	}
	
.banneri_pieni_teksti {
	height: 35px;
	width: 190px;
	background: black url(../img/banneri_teksti_pieni_bg.png);
	color: white;
	padding: 10px;
	padding-left: 20px;
	padding-top: 15px;
	line-height: 15px;
	}
	
	
#kuvake_asetukset, #kuvake_sivukartta {
	float: left;
	display: block;
	margin-top: -200px;
	margin-left: 790px;
	width: 45px;
	height: 45px;
	background: transparent url(../img/kuvake_asetukset.gif);
	box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-moz-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	}
	
#kuvake_sivukartta {
	background: transparent url(../img/kuvake_sivukartta.gif);
	margin-top: -140px;
	}
	
#logo {
	position: absolute;
	display: block;
	width: 117px;
	height: 23px;
	margin-left: 100px;
	margin-top: 8px;
	background: transparent url(../img/logo.gif) no-repeat;
	}
	
.asetukset {
	position: fixed;
	display: none;
	height: 91px;
	width: 180px;
	margin-left: 545px;
	margin-bottom: 30px;
	margin-top: -274px;
	padding-top: 55px;
	padding-left: 20px;
	color: white;
	background: transparent url(../img/asetukset_bg.gif) no-repeat;
	}
	
#navi_habotti {
	float: left;
	display: block;
	height: 35px;
	width: 80px;
	margin-left: 50px;
	margin-top: 5px;
	background: transparent url(../img/navi_habotti.gif) no-repeat;
	}
	
#navi_kirjoitukset {
	float: left;
	display: block;
	height: 35px;
	width: 100px;
	margin-left: 20px;
	margin-top: 5px;
	background: transparent url(../img/navi_kirjoitukset.gif) no-repeat;
	}
	
#navi_grafiikka {
	float: left;
	display: block;
	height: 35px;
	width: 100px;
	margin-left: 20px;
	margin-top: 5px;
	background: transparent url(../img/navi_grafiikka.gif) no-repeat;
	}
	
#navi_wiki {
	float: left;
	display: block;
	height: 35px;
	width: 80px;
	margin-left: 10px;
	margin-top: 5px;
	background: transparent url(../img/navi_wiki.gif) no-repeat;
	}
	
#navi_habbola {
	float: left;
	display: block;
	height: 35px;
	width: 80px;
	margin-left: 20px;
	margin-top: 5px;
	background: transparent url(../img/navi_habbola.gif) no-repeat;
	}
	
#navi_extra {
	float: left;
	display: block;
	height: 35px;
	width: 80px;
	margin-left: 20px;
	margin-top: 5px;
	background: transparent url(../img/navi_extra.gif) no-repeat;
	}
	
#navi_vieraskirja {
	float: left;
	display: block;
	height: 35px;
	width: 100px;
	margin-left: 20px;
	margin-top: 5px;
	background: transparent url(../img/navi_vieraskirja.gif) no-repeat;
	}
	
.sitaatti {
	display:none;
	position: absolute;
	width: 283px;
	height: 68px;
	margin-left: 430px;
	margin-top: 160px;
	background: transparent url(../img/sitaatti_bg.png) no-repeat;
	}

	
	
	
	/* Elementit */
	/* Sisältöalue */
	
	

.sisaltoalue {
	width: 850px;
	background: #FFFFFF url(../img/sisaltoalue_bg_testi.gif) repeat-y;
	}
	
.sisalto_vasen {
	float: left;
	width: 240px;
	margin-top: 30px;
	margin-left: 30px;
	}
	
.sisalto_oikea {
	float: right;
	width: 500px;
	margin-top: 30px;
	margin-right: 40px;
	}
	
.sisaltoloota, .sisaltoloota_uutiset, .sisaltoloota_uutiset_eitaustaa {
	width: 470px;
	padding: 15px;
	border: 1px solid #D8D8D8;
	border-bottom: 2px solid #D8D8D8;
	margin-bottom: 40px;
	background: white;
	}
	
.sisaltoloota_uutiset {
	padding: 0px;
	width: 500px;
	background: #FFFFFF url(../img/uutisloota_bg.gif);
	}
	
.sisaltoloota_uutiset_eitaustaa {
	padding: 0px;
	width: 500px;
	background: #FFFFFF;
	}
		
.etusivu_uutinen {
	width: 320px;
	height: 120px;
	padding-left: 170px;
	padding-right: 10px;
	}
	
.viikon_klik{
	width: 320px;
	padding-left: 170px;
	padding-right: 10px;
	padding-bottom: 20px;
	}
	
.uutisotsikko {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #72A2C1;
	}
	
.etusivu_uutinen:hover {
	background-color: #FFFFFF;
	}
	
.sisaltoloota_uutiset a:link, .sisaltoloota_uutiset a:active, .sisaltoloota_uutiset a:visited {
	text-decoration: none;
	}

.sisaltoloota_uutiset a:hover, .sisaltoloota_uutiset a:focus {
	text-decoration: none;
	}
	
#etusivu_avatar {
	display: block;
	position: absolute;
	float: left;
	margin-left: -155px;
	margin-top: 15px;
	width: 140px;
	height: 90px;
	}
	
.kommenttiloota {
	width: 460px;
	padding: 20px;
	border: solid 2px #D8D8D8;
	border-bottom: none;
	margin-bottom: 0px;
	background-color: #F2F2F2;
	}
	
.kommenttiloota_pohja {
	height: 13px;
	width: 500px;
	background: url(../img/kommenttiloota_pohja.gif) no-repeat;
	margin-bottom: 30px;
	}
	
.galleriakuva {
	float: left;
	width: 135px;
	height: 121px;
	background: url(../img/kuva_bg.gif) no-repeat;
	margin-left: 33px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 19px;
	padding-left: 12px;
	}
	
.galleriakuva img {
	width: 123px;
	height: 80px;
	}
	
.kuva_esikatselu {
	width: 123px;
	height: 80px;
	padding-top: 19px;
	padding-left: 12px;
	display: block;
	text-align: center;
	overflow: hidden;
	} 
	
#sisaltokuva {
	box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-moz-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	border: solid 10px white;
	}
	
.sisalto_ryhmataustat {
	padding: 30px;
	margin-left: 3px;
	margin-right: 3px;
	background: url(../img/ryhmatausta_bg.gif);
	}
	
#ryhmatausta{
	width: 105px;
	height: 152px;
	border: solid 5px white;
	margin: 5px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.45);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.45);
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.45);
	}
	
.ryhmataustat_viesti {
	background: #F7F7F7;
	width: 725px;
	padding: 20px;
	margin-bottom: 30px;
	border: solid 1px #BCBCBC;
	}
	
	
.sisalto_uutiset {
	padding-left: 80px;
	padding-right: 70px;
	padding-top: 40px;
	margin-left: 3px;
	margin-right: 3px;
	line-height: 16px;
	background: url(../img/uutistausta_bg.gif);
	}
	

.loota_rakentaja_kuvagalleria1 {
	position: absolute;
	margin-top: 40px;
	margin-left: 140px;
	}
	
.loota_rakentaja_kuvagalleria2 {
	margin-top: 150px;
	margin-left: 370px;
	position: absolute;
	}
	
.loota_sinilappu_yla {
	width: 246px;
	height: 30px;
	background: #769CC3;
	border: solid #536E89 1px;
	border-bottom: solid #779EC4 1px;
	}
	
.loota_sinilappu_keski {
	width: 206px;
	background: #91C0EF;
	color: #444444;
	padding: 20px;
	line-height: 15px;
	border-top: solid #9BCDFF 1px ;
	border-left: solid #536E89 1px;
	border-right: solid #536E89 1px;
	padding-bottom: 30px;
	}
	
.loota_sinilappu_ala {
	width: 248px;
	height: 24px;
	background: transparent url(../img/loota_sinilappu_ala.gif) no-repeat;
	}
	
	
.loota_sinilappu_keski li {
	margin-left: -10px;
	color: #444444;
	margin-top: 3px;
	margin-bottom: 3px;
	}
	
.loota_sinilappu_keski li:hover {
	list-style: decimal;
	}
	
	
	
	/* Elementit */
	/* Vasen navi */
	
	
	
.naviheaderi, .naviheaderi_pun {
	width: 218px;
	height: 19px;
	font-size: 14px;
	font-family: trebuchet ms;
	color: white;
	padding: 15px;
	padding-left: 22px;
	font-weight: bold;
	text-shadow: #49433B 1px 1px 1px;
	background: transparent url(../img/naviheaderi_bg.gif) no-repeat;
	}
	
.naviheaderi_pun {
	text-shadow: #894361 1px 1px 1px;
	background: transparent url(../img/naviheaderi_pun_bg.gif) no-repeat;
	}
	
.naviloota, .naviloota_alalinkit {
	width: 206px;
	border: 1px solid #D8D8D8;
	border-top: 0px;
	border-bottom: 2px solid #D8D8D8;
	margin-bottom: 30px;
	padding: 15px;
	background: white;
	}
	
.naviloota_alalinkit {
	padding: 0px;
	width: 240px;
	border: 0px;
	border-top: 1px solid #D3D3D3;
	}

.naviloota_alalinkit a:link, .naviloota_alalinkit a:active, .naviloota_alalinkit a:visited {
	color: #888888;
	text-decoration: none;
	}

.naviloota_alalinkit a:hover, .naviloota_alalinkit a:focus {
	color: #666666;
	text-decoration: none;
	}
	
#alalinkki {
	height: 29px;
	padding-left: 30px;
	padding-top: 10px;
	background: transparent url(../img/alalinkit_bg.gif) no-repeat;
	background-position: 0px 0px;
	}
	
#alalinkki:hover {
	background-position: 0px -39px;
	}
	
	
	
	
	/* Elementit */
	/* Pohja */
	
	
.footeri {
	width: 790px;
	height: 70px;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-left: 60px;
	color: white;
	background: black url(../img/footeri_bg.png) no-repeat;
	}