body {
	background-image: url(/layout/pennanen/images/tausta.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	}

p {
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}

ul {
	padding: 0;
	margin: 0;
	padding-left: 15px;
	padding-bottom: 12px;
}

h1 {
	margin: 0;
	margin-bottom: 10px;
	}

/*
------------------------------------------- 
Rakenne
-------------------------------------------
*/

div.lehtitausta {
	background-image: url(/layout/pennanen/images/lehtitausta.jpg);
	background-repeat: no-repeat;
	width: 100%;
	background-position: center top;
	min-width: 945px;
	}

div.header {
	margin-left: auto;
	margin-right: auto;
	width: 945px;
	height: 130px;
	display: block;
	}

div.logo {
	width: 495px;
	float: left;
	}

.lang {
        float: right;
        padding-top: 5px;
}

.lang a {
        font-size: 11px;
	line-height: 15px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #02CADA;
}

.lang a:hover {
        text-decoration: none;
}

div.menu {
        text-align: left;
        padding-left: 15px;
}
	
div.center {
	height: 312px;
	width: 945px;
	margin: auto;
	margin-top: 18px;
	}
	
div.siipake {
	margin-top: -68px;
	float: left;
	width: 100%;
	position: relative;
	z-index: 10;
	}
	
div.siipake img {
	margin-right: 400px;
	background-image: url(/layout/pennanen/images/siipake.png);
	background-repeat: no-repeat;
	}

div.footer {
	clear: both;
	margin-top: -4px;
	}

div.aptual {
	width: 945px;
	margin: 0 auto;
	}
	
div.aptual img {
	float: right;
	padding-right: 15px;
	border: none;
	}
	
/*
------------------------------------------- 
Vasen
-------------------------------------------
*/

div.left {
	width: 203px;
	height: 312px;
	float: left;
	background-image: url(/layout/pennanen/images/vasentausta.jpg);
	background-repeat: no-repeat;
	}
	
div.leftlaatikko {
	height: 215px;
	padding: 20px 10px 10px 20px;
	overflow: hidden;
	text-align: left;
}

.leftlaatikkotext, .leftlaatikkotext .richtext, .leftlaatikkotext .leipis, .leftlaatikkotext .jalustaLeipis, .leftlaatikkotext .j_td, .leftlaatikkotext .j_datastream {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
}

.leftlaatikkotext .jalustaH1 {
	font-size: 16px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.leftlaatikkotext .jalustaH2 {
	font-size: 15px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.leftlaatikkotext .jalustaH3 {
	font-size: 14px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.leftlaatikkotext .jalustaIngressi {
	font-size: 12px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	line-height: 15px;
	font-weight: bold;
}

.leftlaatikkotext a {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	font-weight: bold;
}
.leftlaatikkotext a:visited {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	font-weight: bold;
}
.leftlaatikkotext a:hover {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	font-weight: bold;
}
.leftlaatikkotext a:active {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	font-weight: bold;
}

/*
------------------------------------------- 
Keskusta
-------------------------------------------
*/

div.middle {
	width: 531px;
	height: 312px;
	float: left;
	overflow: hidden; 
	}
/*
------------------------------------------- 
Oikea
-------------------------------------------
*/

div.right {
	width: 211px;
	height: auto;
	min-height: 312px;
	float: left;
	z-index: 11;
	position: relative;
	margin-top: -1px;
	}

div.rightyla {
	min-height: 159px;
	}
	
div.rightylatop {
	background-image: url(/layout/pennanen/images/oikeataustayla.jpg);
	background-repeat: no-repeat;
	height: 141px;
	}
	
div.rightylabottom {
	height: 19px;
	background-color: #028C97;
	text-align: left;
	width: 220px;
	}
	

div.rightylalaatikko {
	height: 125px;
	min-height: 130px;
	padding: 20px 10px 10px 20px;
	overflow: hidden;
	text-align: left;
}

.righttoptext {
	margin-bottom: 12px;
}

.righttoptext, .righttoptext .richtext, .righttoptext .leipis, .righttoptext .jalustaLeipis, .righttoptext .j_td, .righttoptext .j_datastream {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #000000;
}

.righttoptext .jalustaH1, .righttoptext .valikkoOsio {
	font-size: 16px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF ! important;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.righttoptexttext .jalustaH2 {
	font-size: 15px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.righttoptext .jalustaH3 {
	font-size: 14px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.righttoptext .jalustaIngressi {
	font-size: 12px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #000000;
	line-height: 15px;
	font-weight: bold;
}

.righttoptext a {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #000000;
}
.righttoptext a:visited {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #000000;
}
.righttoptext a:hover {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #000000;
}
.righttoptext a:active {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #000000;
}
.righttoptext .valikkoPaa {
	font-weight: bold; 
	font-size: 12px; 
}
.righttoptext .valikkoAla {
	font-weight: normal; 
	font-size: 12px; 
}

div.rightala {
	height: auto;
	min-height: 140px;
	background-color: #028C97;
	}
	
div.rightalalaatikko {
	height: 120px;
	padding: 20px 10px 10px 20px;
	overflow: hidden;
	text-align: left;
	}
	
div.rightalapohja {
	background-image: url(/layout/pennanen/images/oikeapohja.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 19px;
	}

.rightbottomtext, .rightbottomtext .richtext, .rightbottomtext .leipis, .rightbottomtext .jalustaLeipis, .rightbottomptext .j_td, .rightbottomtext .j_datastream {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
}

.rightbottomtext .jalustaH1 {
	font-size: 16px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.rightbottomtexttext .jalustaH2 {
	font-size: 15px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.rightbottomtext .jalustaH3 {
	font-size: 14px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.rightbottomtext .jalustaIngressi {
	font-size: 12px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	line-height: 15px;
	font-weight: bold;
}

.rightbottomtext a {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	font-weight: bold;
}
.rightbottomtext a:visited {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	font-weight: bold;
}
.rightbottomtext a:hover {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	font-weight: bold;
}
.rightbottomtext a:active {
	text-decoration: none; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #FFFFFF;
	font-weight: bold;
}
/*
------------------------------------------- 
Sisäsivu
-------------------------------------------
*/

.sisa {
	background-image: url(/layout/pennanen/images/sisatausta.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	}
	
div.sisalehtitausta {
	background-image: url(/layout/pennanen/images/sisalehtitausta.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	min-width: 945px;
	}

div.keskusta {
	width: 945px;
	margin: auto;
	margin-top: 18px;
	}
	
div.vasen {
	width: 734px;
	height: auto;
	min-height: 312px;
	float: left;
	background-image: url(/layout/pennanen/images/oikeareuna.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: -1px;
	}

body.kantis div.vasenlaatikko {
        padding: 20px 10px 10px 0;
}
	
div.vasenlaatikko {
	height: auto;
	text-align: left;
	padding: 20px 10px 10px 20px;
	}
	
.vasenlaatikkotext, .vasenlaatikkotext .richtext, .vasenlaatikkotext .leipis, .vasenlaatikkotext .jalustaLeipis, .vasenlaatikkotext .j_td, .vasenlaatikkotext .j_datastream {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #000000;
}

.vasenlaatikkotext .jalustaH1 {
	font-size: 22px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #028C97;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.vasenlaatikkotext .jalustaH2 {
	font-size: 15px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #028C97;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.vasenlaatikkotext .jalustaH3 {
	font-size: 14px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #028C97;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

.vasenlaatikkotext .jalustaIngressi {
	font-size: 12px;
	font-family: Arial, Helvetica, "Sans Serif";
	color: #028C97;
	line-height: 15px;
	font-weight: bold;
}

.vasenlaatikkotext a {
	text-decoration: underline; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #028C97;
}
.vasenlaatikkotext a:visited {
	text-decoration: underline; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #028C97;
}
.vasenlaatikkotext a:hover {
	text-decoration: underline; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #028C97;
	font-weight: bold;
}
.vasenlaatikkotext a:active {
	text-decoration: underline; 
	font-family: Arial, Helvetica, "Sans Serif";
	color: #028C97;
	font-weight: bold;
}

div.rightylatop2 {
	background-image: url(/layout/pennanen/images/oikeataustayla.jpg);
	background-repeat: no-repeat;
	height: auto;
	min-height: 141px;
	}
		
div.rightylakeski {
	background-image: url(/layout/pennanen/images/oikeataustakeski.jpg);
	background-repeat: repeat-y;
	}
	
div.rightylalaatikko2 {
	height: auto;
	min-height: 112px;
	padding: 20px 10px 10px 20px;
	overflow: hidden;
	text-align: left;
}

div.rightala2 {
	width: 220px;
	height: auto;
	min-height: 140px;
	background-color: #028C97;
	}
	
div.rightalalaatikko2 {
	height: auto;
	min-height: 109px;
	padding: 20px 10px 10px 20px;
	overflow: hidden;
	text-align: left;
	}

div.aptuallogo {
	float: right;
	padding-top: 8px;
	}
	
div.aptuallogo img {
	border: none;
	}

.clearDiv {
	position: relative;
	clear: both;
	line-height: 0px;
	font-size: 1px;
	overflow: hidden;
	height: 1px;
	margin-bottom: -1px;
	}
	
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
.clLevel0,.clLevel0over{position:absolute;}
.clLevel1, .clLevel1over, .clLevel2, .clLevel2over{position:absolute;padding:2px; padding-left:8px; padding-right:8px; font-family: Arial, Tahoma, Verdana, sans-serif; font-size:12px; font-weight:normal;text-align:left}
.clLevel1{background-color:#03CADA; layer-background-color:#03CADA; color:black;}
.clLevel1over{background-color:#01454C; layer-background-color:#01454C; color:white; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; top: 0px; visibility:hidden; background-color:#028C97; layer-background-color:#028C97}
.clLevel2{background-color:#03CADA; layer-background-color:#03CADA; color:black;}
.clLevel2over{background-color:#01454C; layer-background-color:#01454C; color:white; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; top: 0px; visibility:hidden; background-color:#028C97; layer-background-color:#028C97}
}
.clLevel0border{position:absolute; visibility:hidden; display:none}