body {
	background-color: #7E93A8;
	font-weight: normal; 
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
}

#headerPic {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 45px;
	height:	129px;
	width: 688px;
	background: none;
	background-repeat: no-repeat;
}

#sarake1 {
	position: absolute;
	top: 129px;
	left: 45px;
	width: 200px;
	height: auto;
	background: #ffffff;
/*	border-right: 1px solid #dddddd; */
}

#headerVasen { 
	position: relative; 
	margin-left: 15px; 
	border-bottom: 1px solid #dddddd;
	padding: 25px 10px 3px 2px; /*top right bottom left*/ 
}


#contentNews { 
	position: relative; 
	height: auto;
	margin-left: 15px; 
	background: #ffffff;
/*	border-right: 1px solid #dddddd;  */
	font-weight: normal; 
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
	text-align: left;
	padding: 15px 11px 0px 2px /*top right bottom left*/ 
} 


.newsStyle {
	font-weight: normal; 
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
	text-align: left;
	color: #555555;
}

.newsStyle a:visited {
	color: #555555;
	text-decoration: none;
}

.newsStyle a:link {
	color: #555555;
	text-decoration: none;
}

.newsStyle a:hover {
	color: #555555;
	text-decoration: none;
}

#buttonContainer { 
	position: relative; 
	height: 35;
	margin-left: 15px; 
	background: #ffffff;
	padding: 0px 10px 5px 0px /*top right bottom left*/ 
} 


#button { 
	position: relative; 
	background-image: url(./images/buttonBase.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 104px;
	text-align: center; 
	padding: 6px 0px 0px 0px;  
} 

a:link {
color: #7E93A8;
text-decoration: none;
}

a:visited {
color: #7E93A8;
text-decoration: none;
}

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

#contentDiscussion { 
	position: relative; 
	margin-left: 15px; 
	background: #ffffff;
/*	border-right: 1px solid #dddddd;  */
	font-weight: normal; 
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
	text-align: left;
	padding: 5px 6px 0px 2px; /*top right bottom left*/ 
}

#forums a:link {text-decoration: none; color: #555555}
#forums a:active {text-decoration: none; color: #555555}
#forums a:visited {text-decoration: none; color: #555555}
#forums a:hover {text-decoration: none; color: #4060a8}

#topics a:link {text-decoration: none; color: #555555}
#topics a:active {text-decoration: none; color: #555555}
#topics a:visited {text-decoration: none; color: #555555}
#topics a:hover {text-decoration: none; color: #df177a} 


/* ----------------------------------------------------- S A R A K E  2 ----------------------------------------------------- */


#sarake2a {
	margin-top: 129px;
	padding: 0px;
	margin-left: 200px;
	width: 244px;
	height: auto;
	background: #ffffff;
	border-left: 1px solid #dddddd;
}

#headerTeaser { 
	position: relative;  
	margin-top: 0px;  
	margin-left: 0px; 
/*	height: 45px;  */
	background: #5f6b77;
	font-weight: normal; 
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
	text-align: left;
	padding: 25px 10px 3px 15px; /*top right bottom left*/ 
} 

#teaserPic {
	height: 200px;
	width: 300px;
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
} 

#varjostus { 
	position: relative; 
/*	top: -4px; */
	background-image: url("./images/varjostus.jpg");
	background-position: top;
	background-repeat: repeat-x;
	height: 15px;
	margin-top: 0px;
	width: auto;
	padding: 0px; 
} 

#teaserTeksti { 
	position: relative;  
	margin-top: 0px;  
	width: auto; 
	height: auto; 
	background: #5f6b77;
	font-weight: normal; 
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
	text-align: right;
	color: #ffffff; 
	padding: 0px 15px 0px 15px; /*top right bottom left*/ 
} 

#teaserTeksti a:link {text-decoration: underline; color: #eeeeee}
#teaserTeksti a:active {text-decoration: underline; color: #eeeeee}
#teaserTeksti a:visited {text-decoration: underline; color: #eeeeee}
#teaserTeksti a:hover {text-decoration: none; color: #eeeeee}

#headerKeski { 
	position: relative; 
	width: 230px;
/*	height: 40px;  */
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 15px; 
	background: #ffffff;
	border-bottom: 1px solid #dddddd;
	font-weight: normal;
	padding: 20px 10px 3px 2px; /*top right bottom left*/ 
}

#mainos { 
	position: relative; 
	height: auto;
	margin: 0px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 16px;
	background: #ffffff;
/*	text-align: center; */
}  

#mainosteksti { 
	position: relative; 
	height: auto;
	margin: 0px;
	padding-bottom: 0px;
	background: #ffffff;
}  

#mainosteksti a:link {text-decoration: none; color: #eeeeee}
#mainosteksti a:active {text-decoration: none; color: #eeeeee}
#mainosteksti a:visited {text-decoration: none; color: #eeeeee}
#mainosteksti a:hover {text-decoration: underline; color: #eeeeee}

#mainosteksti2 a:link {text-decoration: none; color: #888888}
#mainosteksti2 a:active {text-decoration: none; color: #888888}
#mainosteksti2 a:visited {text-decoration: none; color: #888888}
#mainosteksti2 a:hover {text-decoration: underline; color: #888888}


#mainoskuva { 
	position: relative; 
	text-align: center;
	height: auto;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 15px;
	background: #ffffff;
}  

/* ----------------------------------------------------- S A R A K E  3 ----------------------------------------------------- */

#sarake3 {
	position: absolute;
	top: 129px;
	left: 489px;
	padding: 0px;
	margin-right: 0px;
	width: 244px;
	height: auto;
	background: #ffffff;
	border-left: 1px solid #dddddd;
}

#headerOikea { 
	position: relative; 
/*	clear: both; 
	height: 40px; */
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left:10px;
	margin-right: 10px; 
	background: #ffffff;
/*	border-left: 1px solid #dddddd;  */
	border-bottom: 1px solid #dddddd;
	font-weight: normal; 
	padding: 20px 10px 3px 0px; /*top right bottom left*/ 
} 

#updateNimi  {
	position: relative;
	clear: both;
	font-weight: normal; 
	font-family: Verdana; 
	font-size: 12px; 
	text-decoration: none;
/*	color: #6E8398; */
	color: #5E7388;
/*	border-left: 1px solid #dddddd; */
	padding: 15px 12px 0px 10px; /*top right bottom left*/ 
}

#contentOikea { 
	position: relative;
	float: left;
	margin-left: 0px; 
	margin-right: 0px;
	background: #ffffff;
/*	border-left: 1px solid #dddddd; */
	font-weight: normal; 
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
	text-align: left;
	color: #555555;
	padding: 10px 15px 5px 12px; /*top right bottom left*/ 
} 

#updateImg {
	float: left;
	height: 60px;
	width: 60px; 
	height: auto;
	width: auto;
/*	border: 1px solid #999999 ; */
	margin: 5px 8px 5px 1px; /*top right bottom left*/ 
}

#footer {
	left: 45px;
	height: 35px;
	width: 688px;
} 

#messageteksti { 
	position: relative; 
	height: auto;
	margin: 0px;
	padding-bottom: 0px;
	background: none;
	color: #ffffff;
	font-family: Arial; 
}  

#messageteksti a:link {text-decoration: none; font-weight: normal; color: #bad8f0}
#messageteksti a:active {text-decoration: none; font-weight: normal; color: #bad8f0}
#messageteksti a:visited {text-decoration: none; font-weight: normal; color: #f0d8ba}
#messageteksti a:hover {text-decoration: underline; font-weight: normal; color: #ffffff}

#linkpage a:link {color: #7E93A8; text-decoration: none;}
#linkpage a:visited {color: #e4c8a8; text-decoration: none;}
#linkpage a:hover {color: #cc0088; text-decoration: none;}


/* -------------------------------------- moreNews --------------------------------------- */

#wrapper {
	position: absolute;
	z-index: 1;
	top: 129px;
	left: 45px;
	width: 688px;
	height: auto;
}


#sarake1MoreNews {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	background: #ffffff;
}

.moreNewsStyle {
	margin: 0;
	padding: 0;
	font-weight: normal; 
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
	text-align: left;
	color: #555555;
}

.moreNewsStyle a:visited {
	color: #7E93A8;
	text-decoration: none;
}

.moreNewsStyle a:link {
	color: #7E93A8;
	text-decoration: none;
}

.moreNewsStyle a:hover {
	color: #cc0088;
	text-decoration: none;
}

#newsHeader {
	position: relative;
	width: 100%;
	margin: 0; 
	font-family: Verdana; 
	font-size: 12px; 
	color: #505a7a; 
	text-decoration: none;
	background: #e2e6e9;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

#contentMoreNewsContainer { 
	position: relative; 
	width: 485px;
	height: auto;
	margin-left: 15px;
	background: #ffffff;
	padding-right: 0px;
	border-right: 1px solid #dddddd;
/*	border-left: 1px solid #dddddd; */
} 

#contentMoreNews { 
	position: relative; 
	float: left;
	height: auto;
	width: 98%;
	margin-right: 0; 
	font-weight: normal; 
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
	text-align: left;
	background: #ffffff;
	padding: 8px 0px 16px 2px /*top right bottom left*/ 
} 


/* -------------------------------------- gallery --------------------------------------- */

#oikeaSarakeGallery {
	position: relative;
	background: #ffffff;
	float: right; 
	height: auto;
}

#vasenSarakeGallery {
	position: absolute;
	height: auto; 
	background: #ffffff; 
	border-right: 1px solid #dddddd;
}

#contentVasenGallery {
	position: relative; 
	height: auto; 
	width: 100%; 
	background: #ffffff;
}


/* ------------- vanha slouppi -------------- */

.normal02 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal; 
	color: #555555; 
	text-decoration: none;
}

.image02 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal; 
	color: #555555; 
	text-decoration: none;
}

.teaser02 {
	font-family: sans-serif, Arial, Helvetica; 
	font-size: 9px; 
	font-style: normal; 
	line-height: normal; 
	color: #555555; 
	text-decoration: none; 
	font-weight: normal;
}

.topo02 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal; 
	color: #000000; 
	text-decoration: none
}