/* alustetaan tagit */

/*------------------------------------*/


/* YLAPALKKI*/
/* KESKI = keskiosa, jossa Timon kuva ja suurin osa kehyksistä */
/*------------------------------------*/
/* JATKUVA = muutaman pikselin korkea, sisältö tässä. Saa kehyksen venymään  pystysuunnassa, 
jos tekstiä liikaa sisältöön nähden.  */
/* SÄLÄ */
/*------------------------------------*/
/* LISTAT */
/* LINKIT */
/* FONTIT */
/*<agl.folder "class">*/
	html, body, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}
	body {
	font-size: 100.01%;
	position: relative;
	float: none;
    text-align: center;	
}
	p { 
	padding-bottom: 1em;
	/*border: solid 1px #da2c36;*/
}
	fieldset { width: 427px; float: left; margin: 0; padding: 0 10px 10px; border: solid 1px #a6a6a6; }
	font {
/*border: solid 1px #000; */
}
	img { border-style: solid; border-width: 0; }
/*</agl.folder>*/
/*<agl.folder "div">*/

#container { text-align: left; width: 780px; margin: 0 auto; /*border: dotted 2px #000;*/ }

#ylapalkki
{ position:relative; width: 780px; height: 95px; margin-top: 5px; margin-left: 0; background-image: url(../kuvat/leiska_yla.jpg); background-repeat: no-repeat; /*border: solid 2px #ff8000;*/ outline-style: none; }

#ylapalkki #logo
{
	position:absolute;
	width: 170px;
	height: 100px;
	margin-top: 3px;
	margin-left: 15px;
	outline-style: none;
}

#ylapalkki #linkit
{
	position:absolute;
	width: 620px;
	height: 15px;
	margin-top: 73px;
	margin-left: 230px;
	vertical-align: top;
	outline-style: none;
	/*border: solid 1px blue;*/
}
#ylapalkki    #linkit  #kaksirivia  {
	position:absolute;
	height: 15px;
	left: 320px;
	top: -3px;
}


#ylapalkki #kielet
{
	position:absolute;
	width: 200px;
	height: 20px;
	margin-top: 5px;
	margin-left: 642px;
	outline-style: none;
	/*border: solid 1px blue;*/
}

#keski_container
{ position:relative; width: 780px; height: 600px; margin-top: 0; margin-left: 0; background-image: url(../kuvat/leiska_keski.jpg); background-repeat: no-repeat; /*border: solid 2px #008000;*/ }

#keski_container #vasen
{ position:absolute; margin-top: 20px; margin-left: 5px; text-align: center; width: 140px; height: 780px; /*border: solid 2px #0080c0;*/ }

#jatkuva
{ position: relative; width: 780px;
	/* jos laittaa heightin, ei toimi IE:llä
	height: 2px;*/
	margin-top: 0; margin-left: 0; background-image: url(../kuvat/leiska_jatkuva.jpg); background-repeat: repeat; /*border: solid 2px #f00;*/ display: table-cell; }
	
#jatkuva #otsikko { position: relative; text-align: left; margin-top: -590px; margin-left: 200px; width: 520px; /*border: dotted 2px #800080;*/ }

	#jatkuva #teksti
{ position: relative; text-align: justify; margin-top: 0; margin-left: 200px; width: 540px; /*border: dotted 2px #80ff80;*/
	/*height: 470px;*/
	/*display: table;*/
}
	#jatkuva #betoni
{
	position: relative;
	text-align: left;
	margin-top: -590px;
	margin-left: 200px;
	width: 540px;
	/*border: solid 1px blue;*/
}
	#jatkuva #betoni #betoni_ylapalkki
{
	position: relative;
	text-align: left;
	margin-top: 0px;
	margin-left: -30px;
	height: 110px;
	width: 590px;	/*border: solid 1px red;*/
}
#jatkuva #betoni #betoni_ylapalkki_muut_kielet
{
	position: relative;
	text-align: left;
	margin-top: 0px;
	margin-left: -30px;
	height: 100px;
	width: 590px;	/*border: solid 1px red;*/
}
	#jatkuva #betoni #betoni_otsikko
{
	position: relative;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 540px;	/*border: solid 1px green;*/
}
	#jatkuva #betoni #betoni_teksti
{
	position: relative;
	text-align: justify;
	margin-top: 0;
	margin-left: 0;
	width: 540px;
	/*border: solid 1px grey;*/
}
#jatkuva #betoni #teltat_ylapalkki {
	position: relative;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	height: 80px;
	width: 540px;	/*border: solid 1px red;*/
}

#jatkuva #betoni #teltat_otsikko {
	position: relative;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 540px;	/*border: solid 1px green;*/
}
#jatkuva #betoni #teltat_teksti {
	position: relative;
	text-align: justify;
	margin-top: 0;
	margin-left: 0;
	width: 540px;
}


/* ei käytössä*/
#jatkuva #yhteystiedot_kuvat{
	position: relative;
	top: -40px; left: 370px; right: 0; bottom: 0;
	width: 520px;
	margin: 0;
	border: solid 1px #000;
}
/* ei käytössä*/
#jatkuva #yhteystiedot_teksti{
	text-align: left;
	margin-top: 0;
	margin-left: 200px;
	position: relative;
	top: 0px; left: 0; right: 0; bottom: 0;
	width: 300px;
	/*border: solid 1px #008080*/;
}
/* ei käytössä*/
#jatkuva #teksti_form  { 
	text-align: left;
	margin-left: 220px;
	position: relative;
	width: 300px;
	/*border: solid 1px #00f;*/ 
}

#ala
{
	position: relative;
	width: 780px;
	height: 43px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(../kuvat/leiska_ala.jpg);
	background-repeat: no-repeat;
}
#ala #kayttoehdot
{ text-align: right; position: absolute; width: 540px; height: 15px; margin-top: 15px; margin-left: 200px; }

/*</agl.folder>*/
/*<agl.folder "linkit">*/
	a{
	border: solid 0px blue;
	text-decoration: underline;
}
	a.ylapalkki_linkit{
	vertical-align: top;
	text-decoration: none;
}
	a.ylapalkki_kielet{
	vertical-align: top;
	text-decoration: none;
}
	a.betoniylapalkki { color: #0080ff; text-decoration: none; border: solid 0 black; outline-style: none; }
	a.betoniylapalkki_valittu { color: #00f; text-decoration: none; border: solid 0 black; outline-style: none; }
a.alleviivaus {
	color: #0080ff;
	text-decoration: underline;
	border: solid 0 black;
	outline-style: none;
}
	a:link {
	color: #0080ff;
	text-decoration: underline;
	border: solid 0 black;
	outline-style: none;
}
	a:visited {
	color: #0080ff;
	text-decoration: underline;
	border: solid 0 black;
	outline-style: none;
}
	a:hover {
	color: blue;
	text-decoration: underline;
	border: solid 0 black;
	outline-style: none;
}
	a:active { text-decoration: none; border: solid 0 black; outline-style: none; }
	.etusivu_linkki{
	margin-top: 200px;
	margin-left: 0px;
}
	.etusivu_linkki a:{
	display: block;
	background-image: url(../kuvat/etusivu_btn.gif);
	background-repeat: no-repeat;
}
	.etusivu_linkki a:hover{
	background-image: url(../kuvat/etusivu_over_btn.gif);
	background-repeat: no-repeat;
}
/*</agl.folder>*/
/*<agl.folder "teksti">*/
	.leipis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}
	.otsikko { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.1em; 
	font-weight: bold; 
	font-style: normal; 
}
	.betoniylapalkki { 
	color: #0f78ff;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	.betoniylapalkki_valittu { color: #00f; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
	.leipisbold { color: black; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
	.leipiskorostus {
	font-family: Arial, Helvetica, sans-serif;
	color: #0f78ff;
}
	.e-mail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
	.linkki {
	font-family: Arial, Helvetica, sans-serif;
	color: #1174fd;
	font-weight: bold;
	text-decoration: none;
}
	.kuvateksti { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; }
	.pieniteksti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
	.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-align: right;
}
/*</agl.folder>*/
/*<agl.folder "lista">*/
	ul.dd {
	list-style-type: circle;
	margin: -1em 0 0;
	padding: 0;
	/*border: solid 1px #0f78ff;*/
}
	ul{ margin: 0; padding: 0; list-style-type: none;/*border: solid 1px red;*/
}
	ul.disc {
	margin: 0;
	padding: 0;
	list-style-type: square; 
}

	ul.circle {
	margin: 0;
	padding: 0;
	list-style-type: circle; 
}

	li.ylapalkki_linkit {
	float: left;
	display: inline;
	margin: 0;
	padding-left: 0px;
	padding-right: 15px;
	/*border: solid 1px orange;*/ 
}
	li.ylapalkki_kielet {
	float: left;
	display: inline;
	padding-left: 0px;
	padding-right: 8px;
	
	/*border: solid 1px yellow;*/
	margin: 0px;
}
li.betoni_ylapalkki_lista {
	float: left;
	display: inline;
	padding-left: 0px;
	padding-right: 10px;
	/*border: solid 1px yellow;*/
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	border: 0;
}
	li.inline { margin-bottom: 20px; padding: 0 20px 20px 0; display: inline; }
	li.betoni { margin-bottom: 20px; padding: 0; display: inline; }
	li.kuvateksti { text-align: center; vertical-align: top; padding: 0 0 10px; }
	li.kuva { text-align: center; vertical-align: top; }
	li.dd {
	/*border: solid 1px #000;*/
	list-style-position: inside;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
li.valiotsikko {
	padding: 0 0 0 10px;
	/*border: solid 1px #000;*/
	list-style-position: inside;
}
	li.index {  }
/*</agl.folder>*/
.img.float_right { float: right; }
table.betoni { border: solid 1px #98ccff; }