/* ===========================
YLEISET 
============================*/

* {
	font-size: 1em; margin: 0; padding: 0;}
	
body {
	font-size: 76%;
	padding: 0; margin: 3px 0 0 0;
	font-family: helvetica, arial, sans-serif;
}

table td, table, form, form * {
	margin: 0; padding: 0;
}

p {
	padding: 5px 25px 20px 50px; /* top right bottom left */
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
}

a {
	color: #bf0000;
	text-decoration: underline;
}

a:hover {
	color: #bf0000;
	text-decoration: none;
}

.clear {
	clear: both;
	height: 0;
	width: 0;	
}


/* ===========================
sivun emot 
============================*/

/* sisältö hoitelee sivun keskityksen ja sisältää kaiken */
.sisalto {
	align: center;
	margin: auto;
	width: 758px;
}

/* leipis sisältää vasemman palstan sekä leipätekstialueen */
.leipis {
	border-top: 1px solid #bf0000;
	width: 740px;
	margin-top: 10px;
}


/* ===========================
ylaosan saadot 
============================*/

.ylakuva {
	background: url(none) no-repeat;
	width: 758px;
	height: 235px;
}

.valikko {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #bf0000;
	text-transform: uppercase;
	font-size: 0.9em;
	align: center;
	margin-left: 18px;
}

.valikko img {
	padding: 0px 5px 0px 5px; /* top right bottom left */
}

.valikko a {
	color: #5f5f5f;
	text-decoration: none;
}

.valikko a:hover {
	color: #bf0000;
	text-decoration: none;
}


/* ===========================
vasemman reunan saadot 
============================*/

.vasenpalsta {
	width: 210px;
	border-left: 18px solid #bf0000;
		
}

.uutiset {
	width: 190px;
	background: #a7a7a7;
	margin-left: 2px;
	margin-top: 2px;	
}

h2 {
	align: right;
	padding: 40px 15px 25px 0px; /* top right bottom left */
	margin-bottom: 1px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.4em;
}

.uutinen {
	text-align: right;
	background: #ffffff;
	padding: 7px 18px 7px 0px; /* top right bottom left */
	margin-right: 0px;
	font-size: 1em;
	line-height: 1.3em;
}

.uutisviiva_yla {	
	background-image: url(images/uutisviiva.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}

.uutisviiva_ala {
	background-image: url(images/uutisviiva.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.uutisvali {
	display:none;
	height: 15px;
}


/* ===========================
itse leipatekstialue
============================*/

.tekstialue {
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	background: #ffffff;
	width: 528px;
	
}

h1 {
	padding: 25px 0px 25px 0px; /* top right bottom left */
	margin-left: 0px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #acacac;
	text-transform: uppercase;
	font-size: 2.2em;
	text-align: left;
}

h1 img {
	
}

h3 {
	padding: 25px 0px 10px 50px; /* top right bottom left */
	margin-left: 0px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #acacac;
	font-size: 1.9em;
	text-align: left;
}

.kuva {
	border: 1px solid #adb7be;
	float: left;
	margin: 5px 40px 5px 25px; /* top right bottom left */
	background: #f1f1f1;
}

.kuvateksti {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2em;
	color: #bf0000;
	text-align: left;
	padding: 0;
	margin: 2px 4px 2px 5px; /* top right bottom left */
}	

ul {
	padding-top: 0px;
	padding-bottom: 20px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	color: #e05353;
}

li {
	padding: 5px 40px 5px 0px; /* top right bottom left */
	list-style-type: circle;
	list-style-position: outside;	
}
.tekstialue td {
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.5em;
	valign: top;
}


.tekstialue a {
	text-decoration: underline;
	font-weight: normal;
	color: #5f5f5f;
}
.tekstialue a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #bf0000;
}



/* ===========================
footer
============================*/

.footer {
	text-align: right;
	margin-right: 0px;
	padding-right: 0px;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2em;
	color: #acacac;
}

.footer a {
	text-decoration: underline;
	font-weight: normal;
	color: #acacac;
}

.footer a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #acacac;
}