/*

Original design by Free CSS Templates

Stylesheet modification and customization 
Mikko Korkala, k7komi03@students.oamk.fi

Released for free under a Creative Commons Attribution 2.5 License.

@override http://joomla15.bamboopixel.com/pluralism/templates/pluralism1.5/css/template_css.css

*/





* {
	margin: 0;
	padding: 0;
}


body {
	background: #f5fafd url(/img/body-background.jpg) repeat;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B6B6B;
	line-height: 1.65em;
}

/*  varjot sisällön molemmin puolin 

#vasenVarjo {
float:left;	position:absolute;	left: -10px; top: 0px;   clear:both; 
width: 10px; height:auto !important; height:100%; min-height:100%;  												
background-image:url(/img/vasen.png); 
background-repeat: repeat-y;
background-position: left top;													

}


#oikeaVarjo {	
position:absolute; right: -10px; top: 0px; 
margin-top: 0px; clear:both; 
width: 10px; height: 100%; 
background-image: url(/img/oikea.png);
background-repeat: repeat-y;
background-position: left top;													

}  */







input, textarea {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #EBEBEB;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6B6B6B;
}




h1, h2, h3, h4 {
	margin: 0;
}

h2, h3, h4,.componentheading, .contentheading {

	margin-bottom: 20px;
	padding-bottom: 9px;

	letter-spacing: -0.035em;
	font-weight: normal;
	color: #37404C;
}

h2,.contentheading,.componentheading {
	font-size: 180% ;line-height: 120%;
}

h3,.moduletable h3 {
	font-size: 120%;
	font-weight: bold;
	margin-top: 10px;
	width: 150px;
	text-decoration:none;
	border-bottom: 0px solid white; 
}

h4 {
	font-size: 105%;
	font-weight: bold;
}

p, ul, ol {
	margin-bottom: 1.5em;
	line-height: 170%;
	text-align: justify;
}

ul, ol {
	margin-left: 3em;
}

dl.list1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

dl.list1 dt {
	float: left;
	width: 70px;
}

dl.list1 dd {
	margin-bottom: 10px;
}

dl.list1 a {
	color: #666666;
}

ul.list2 {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

ul.list2 li {
	float: left;
	margin: 0 12px 12px 0;
}

ul.list2 li.nopad {
	margin-right: 0;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	color: #0479be; 
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 5px 20px 0 0;
}

img.right {
	float: right;
	margin: 5px 0 0 20px;
}

/* Sisus */

#sisus {
	position:relative;  margin:0 auto; 
	width: 980px; height:auto !important; height:100%; min-height:100%; 
	text-align: left;		}


/* Wrapper */

#wrapper {
	position:relative; margin:0 auto; 
	width: 980px;
	margin: 0 auto;

	background: #d5e8f5 url(/img/wrapper-background.png) repeat-x;
	padding-left: 8px; padding-right: 8px;

}

#wrapper2 {

	/* url("/img/bg.png") no-repeat left bottom; */
}




/* login area */



#loginbar { 
	float: left;
	position: relative; left:0px; top:5px;
	width: 330px;
	height:15px;
	margin: 0 auto;
	padding: 5px;
	font-size: 85%;
	min-height: 10px;
} 


#login {
	float: left; 
	position: relative; left: 0px; top:0px;
	width: 380px; height: 8px;
line-height: normal;
z-index: 50000;


}



#login label { font-size: 9px; font-weight: bold; color: white }

#login .moduletable { float: left; text-align: left; margin-right:0px; top:0px; position: relative; height:10px; }

#login #form-login  { float: left; margin-right:0px; top:0px; position: relative; height:8px; left:10px;}



#userMenu {
	width: 250px; height: 10px; 
	float: left; 
	text-align: left;
	position: relative; top:15px; left:-25px;
z-index: 100000;

}


#userMenu li      { display: inline; border-left: 0px solid white; padding-left:5px; padding-right:5px; }

#userMenu ul li   { list-style: none; line-height: normal; }

#userMenu a       { text-decoration: none; font-size: 10px; font-weight: bold; color: #58FAF4; }

#userMenu a:hover { text-decoration: none; font-size: 10px; font-weight: bold; color: #0479be; }








#userMenu div.customenu_layout_default div.customenu_default a span 

{

background: transparent; 
background-image: url(/img/menu_button.png);
background-repeat: repeat-x; 

background-attachment: scroll;
background-position: 50% 50%;

float: right;
position: relative;
left: 0px;
height: 12px;
padding-top: 5px;
padding-bottom: 0px;
text-align: right;
border-top:0px solid black; 
border-left:0px solid black; 
border-right:0px solid black;
}


#userMenu div.customenu_layout_default div.customenu_default a span:hover
{

}

#userMenu div.customenu_layout_default div.customenu_default a, 
#userMenu div.customenu_layout_default div.customenu_default a:hover, 
#userMenu div.customenu_layout_default div.customenu_default a span

{
line-height: 1.2em;
font-size: 10px;
font-weight: 650;
text-decoration: none;
color: black;
display: inline-block;
}

#header {
	height: 130px;
	position: relative; 
	top:0px;
	left:0px;
	width:980px;
}

#logo {
	float: right;
	height: 110px; width:300px;
	position: relative; 
	top: 5px;
	left:0px;
}

/* #logo img { width:200px; height:89px; }  */

#breadcrumb .moduletable {
	height: 15px;
	margin-top:5px;
	margin-bottom:20px;
	position: relative; 
	left:0px;
	width: 430px;
}

#breadcrumb span .breadbrumbs pathway {
	height: 15px;
	margin-top:5px;
	margin-bottom:15px;
	position: relative; 
	left:0px;
	width: 430px;
}

#breadcrumb p, #breadcrumb a {
	font-size: 12px;
	font-weight: 500; 
	color: gray; 
	line-height: 1.65em;
}

#search {
	float: right; clear:right;
	position: relative; left: -60px; top: 8px;
	width: 100px; height: 10px;  
	z-index:200;
}

#search label { font-size: 10px; font-weight: 700; color: white; }

#search .moduletable { width: 100px; float: right; text-align: right; margin-right:0px; }

#breadcrumb {
	height: 15px;
	margin-top:10px;
	margin-bottom:10px;
	position: relative; 
	left:0px;
	width:700px;
}

#navibar { 

	position: relative; left:0px; top:0px;
	width: 100%;
	padding-top:8px; padding-bottom:5px;
	height:40px;
	margin-bottom:8px;
	background: url(/img/navi-background.png) left top no-repeat; 
}

#nav {
	float: left;
	position: relative;
	top: 0px;
	left:10px;
	height:20px;
	width:970px;
	z-index: 50000;
}

#nav .moduletable {
	float: left;
	position: relative;
	top: 0px;
	height:20px;
	width:970px;
	z-index: 50000;
}

#nav ul {
	position: relative;
	float: left; 
	left:0px;
	height:20px;
	overflow: hidden;
	margin-top: 0px;
	list-style: none;
}

#nav ul li { display: inline;  }

#nav ul li a { 
	float: left;
	padding-left:6px; padding-right:6px; padding-bottom:2px; padding-top:5px;
	position: relative; top: -5px; 
	text-decoration: none;
	text-transform: uppercase;
	font: 11px "Segoe Ui", verdana, arial, serif;
	font-weight: bold;
	color: white;
	border-right: 1px solid #aacfe9;
}
 
#nav ul li a:hover { color:#9AFE2E;  }

#subnav {
	float: left;
	position: relative;
	top: 0px;
	left:10px;
	height:10px;
	width:900px;
	z-index: 50000;
}

#subnav .moduletable {
	float: left;
	position: relative;
	top: 3px;
	height:10px;
	width:900px;
	z-index: 50000;
}



#subnav ul {
	position: relative;
	float: left; 
	left:0px;
	height:15px;
	overflow: hidden;
	margin-top: 0px;
	list-style: none;
}

#subnav ul li { display: inline;  }

#subnav ul li a { 
	float: left;
	padding-left:15px; padding-right:15px; padding-bottom:10px;
	text-decoration: none;
	text-transform: uppercase;
	font: 10px "Segoe Ui", verdana, arial, serif;
	font-weight: normal;
	color: black;
	border-right: 1px solid silver; 
}
 
#subnav ul li a:hover { color: white; }

#submenu {  
	width: 500px; height: 30px; 
	float: left; 
	text-align: left;
	position: relative; 
	top: 0px; 
	clear: both; 
}

#submenu li { 
display: inline; border-right: 1px solid #CCC; 
padding-left:5px; padding-right:5px; position: relative; top:0px; left:-10px; 

}

#submenu ul li { list-style: none; line-height: normal;	 }

#submenu a {
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	color: black;
}

#submenu a:hover {
	color: #000;
	
}

#leftbar {
	width: 150px;
	padding-left: 15px;
	padding-top: 0px;
	margin-right: 20px;
	position: relative; 
	left:0px;
	top:0px;
	float:left;
	clear: right;
}

#leftbar ul {
	margin: 0;
	padding: 0;
	list-style: inside;
}

#leftbar a  { text-decoration: none; border-bottom:0px; color: gray;  }
#leftbar #form-login  fieldset .input   { border: 0px solid white; }

#leftbar li ul { border:none;      }
#leftbar li li { margin: 0;        }
#leftbar ul li a { font-size:10px; }

#leftbar .moduletable 			{ width:135px;  }
#leftbar .moduletable_menu ul   	{ list-style-type: none;  }
#leftbar .moduletable_menu ul li a 	{ font-size: 12px;  }
#leftbar .moduletable .contentpaneopen  { font-size:10px; }


#leftbar img { width: 60px; }

#leftbar h3  	{ width: 150px; height: 10px; padding-top:20px; text-align: center;
  	background: url(/img/leftbar_h3_bg.gif)left top no-repeat;  }

#leftbar .moduletable_text h3   	{ width: 150px; height: 10px; padding-top:20px; text-align: center;
  				  	  background: url(/img/leftbar_h3_bg.gif)left top no-repeat;  }

#leftbar .moduletablekalenteri h3 	{ width: 150px; height: 10px; padding-top:20px; text-align: center;
  				  	  background: url(/img/leftbar_h3_bg.gif)left top no-repeat;  }

#leftbar .moduletable_menu h3   	{ width: 150px; height: 10px; padding-top:20px;
  				  	  background: url(/img/leftbar_h3_bg.gif)left top no-repeat;  }

.eventcalq td.mod_eventlistcalq {
	font-family: "Lucida Grande",Arial,Verdana,Helvetica,sans-serif; 
	font-style: normal; font-variant: normal; 
	font-weight: bold; 
	font-size: 10px; 
	line-height: 20px; 
	font-size-adjust: none; font-stretch: normal;
	border: 0px solid white;  /* border-right: 0px solid white; border-bottom: 0px solid white; */
	width: 21px; height: 20px; text-align: center; 
	background-color: white;
}

.eventcalq td.mod_eventlistcalq_calday {
	font-family: "Lucida Grande",Arial,Verdana,Helvetica,sans-serif; 
	font-style: normal; font-variant: normal; 
	font-weight: bold; 
	font-size: 10px; 
	line-height: 20px; 
	font-size-adjust: none; font-stretch: normal;
	border: 0px solid #a2adbc; width: 21px; height: 20px; text-align: center; background-color: #efefef;
}

.eventcalq table.mod_eventlistcalq_calendar {
	width: 154px;
	padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt;
	margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt;
	border: 0px solid #a2adbc;
	font-family: "Lucida Grande",Arial,Verdana,Helvetica,sans-serif; 
	font-style: normal; font-variant: normal; 
	font-weight: bold; 
	font-size: 10px; 
	line-height: 20px; 
	font-size-adjust: none; font-stretch: normal;
	color: #616b76;
	text-align: center;
	background-color: white;
}

.eventcalq td.mod_eventlistcalq_caltoday {
	font-family: "Lucida Grande",Arial,Verdana,Helvetica,sans-serif; 
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
	font-size-adjust: none;
	font-stretch: normal;
	text-align: center;
	border: 1px solid #a2adbc;
	width: 21px; 
	height: 20px;
	color: #f6f4da;
	background-color: #df9496;
}

.eventcalq caption.mod_eventlistcalq_calendar-month {
	font-family: "Lucida Grande",Arial,Verdana,Helvetica,sans-serif; 
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
	font-size-adjust: none;
	font-stretch: normal;
	color: gray;
	background-color: white; /*#61a4d0*/
	text-align: center;
}

.eventcalq th.mod_eventlistcalq_daynames
{
	font-family: "Lucida Grande",Arial,Verdana,Helvetica,sans-serif; 
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 20px;
	font-size-adjust: none;
	font-stretch: normal;
	color: #616b76;
	background-color: white;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	visibility: hidden;
}

#page { 
	width:100%; background: white; 
	padding-top:10px; 
}

#content {
	float: left; position: relative; left:5px;
	width: 540px;
	padding-left:20px; padding-right:10px; padding-top: 10px; 
	border-right: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8;
}

#content .componentheading, .contentheading {
	margin-bottom: 20px;
	padding-bottom: 9px; padding-top: 20px;	
	letter-spacing: -0.035em;
	font-weight: normal;
	color: #37404C;
	text-decoration: none; 
}

#content .contentheading a {
	margin-bottom: 20px;
	padding-bottom: 9px;
	padding-top: 20px;	
	letter-spacing: -0.035em;
	font-weight: normal;
	color: #0479be; 
	text-decoration: none; 
}

#content fieldset { width: 520px; }

#content .post    { width: 520px; }

#content .moduletable h3	{ margin-top: 10px; }

#content .article_column img	{ padding-right:5px; padding-bottom: 5px; }

#bottom {
	margin-top:10px;
	padding-left: 20px; padding-right:20px; padding-top: 10px; padding-bottom: 20px; 
	width:450px;
	height: 120px;
	margin-bottom:10px;
	text-align: left; 
}

#bottom a  { font-size: 10px; line-height: 1.65em; } 

#bottom h3 { margin: 0 0px; font-size: 110%; width: 100px; color: #60AFFE; }

#bottom #user1 {
	position:relative; left:0px; top:0px;
	float: left;
	width: 200px;
	padding-right:5px;
	margin-bottom:10px;
	clear: right;
}

#bottom #user1 img { width: 120px; margin-top: 10px; }

#bottom #user2 {
	position:relative; left:5px; top:0px;
	float: left;
	width: 240px;
	margin-bottom:2px;
}

#bottom #user2 .moduletable { position:relative; left:0px; top:0px; float: left; width: 240px; }

#bottom p { font: 10px "lucida Grande", arial, serif; }

#rightbar 				{ width: 180px; padding-left: 0px; padding-right: 15px; 
					  position: relative; left:0px; top:0px; float:right;   }

#rightbar ul   				{ margin: 0; padding: 4px; list-style: inside;  }

#rightbar li ul 			{ border:none;      	}
#rightbar li li 			{ margin: 0;      	}
#rightbar ul li a 			{ font-size:10px; text-align: left;	} 
#rightbar a   				{ text-decoration: none; border-bottom:0px; color: #001111; }


#rightbar h3  				{ width: 180px; height: 10px; padding-top:20px; text-align: center;
  				  	  background: url(/img/rightbar_h3_bg.gif)left top no-repeat;  }

#rightbar .moduletable h3 		{ width: 180px; height: 10px; padding-top:20px; text-align: center;
  				  	  background: url(/img/rightbar_h3_bg.gif)left top no-repeat;  }
#rightbar .moduletable_text h3 		{ width: 180px; height: 10px; padding-top:20px; text-align: center;
  				  	  background: url(/img/rightbar_h3_bg.gif)left top no-repeat;  }

#rightbar .moduletableuutiset h3	{ width: 180px; height: 10px; padding-top:20px; text-align: center;
  				  	  background: url(/img/rightbar_h3_bg.gif)left top no-repeat;  }

#rightbar .moduletableomamainos h3	{ width: 180px; height: 10px; padding-top:20px; text-align: center;
  				  	  background: url(/img/rightbar_h3_bg.gif)left top no-repeat;  }

#rightbar .moduletable thead tr td 	{ font-size: 10px; padding-bottom:10px; } 
#rightbar .moduletable td 		{ font-size: 10px; }

#rightbar .banneritem_text img, #rightbar .banneritem_text a { 
margin-bottom: 15px; margin-top: 0px; 
opacity:0.6;  
}

#rightbar .banneritem_text img:hover, #rightbar .banneritem_text a { margin-bottom: 15px; margin-top: 0px; opacity:1.0;  }

#rightbar img 				{ width: 100px; margin-bottom: 15px; }
#rightbar .moduletableomamainos 		{ padding-top:10px; }
#rightbar .moduletableomamainos img		{ width: 150px; opacity:0.6; }
#rightbar .moduletableomamainos img:hover	{ width: 150px; opacity:1.0; }

#rightbar .banneritem_text img, 
#rightbar .banneritem_text a 			{ margin-bottom: 15px; margin-top: 0px; opacity:0.6; }

#rightbar .banneritem_text img:hover, 
#rightbar .banneritem_text a:hover		{ margin-bottom: 15px; margin-top: 0px; opacity:1.0; }

#joomulus1 				{ position: relative; left: 0px; margin-bottom: 20px; margin-top: 20px; width:100px; height: 300px; margin-right: 40px; }
#joomulus1 p 				{ width: 20px; }

#ads					{ float: right; width: 250px; padding-top:30px; padding-left: 30px; 
					  position: relative; left:0px;clear: right; margin-right:20px; 		}
#ads .banneritem_text img, 
#ads .banneritem_text a 		{ margin-bottom: 15px; margin-top: 0px;  opacity:0.6;  }
#ads img:hover 				{ margin-bottom: 15px; margin-top: 0px;   opacity:1.0;  }
#ads .moduletable_text h3 		{ margin-top: 10px; }
#ads img 				{ width: 100px; }

#advert1				{ float: left; width: 800px; padding-top:30px; padding-left: 30px; 
					  position: relative; left:250px; clear: right; margin-right:20px; 		}

#advert2				{ float: right; width: 100%; padding-top:10px; padding-left: 30px; 
					  position: relative; left:0px; clear: right; margin-bottom:20px; 		}

#advert2 img				{ width: 288px; height: 100px; text-align: center;	}

#advert2 li                              { display: inline; padding-left:5px; padding-right:5px; }

#advert2 ul li                           { list-style: none; line-height: normal; }

#imagebar {
	margin: 0 0px;
	padding: 1px;
	background: white; 
	border: 1px dotted silver; 
	width:585px;
	height:210px;
	margin-bottom:10px;
}

#imagebarImage {
	position:relative; left:5px; top:5px;
	float: left;
	height:200px;
	width: 575px;
}

#MainImageRoller .moduletable {float: left; margin-right:0px; width:575px;}

#infobar {
	margin-top:30px;
	padding: 5px 0px 0 20px;
	background: url(/img/info_panel_brushed.png) left top no-repeat;
	width:510px;
	height: 135px;
	margin-bottom:10px;
}

#infobar h3 {
	margin: 0 0px; font-size: 120%; width: 250px;
}


#infobar #colA {
	position:relative; left:0px; top:0px;
	float: left;
	width: 205px;
	padding-right:5px;
	margin-bottom:10px;
	clear: right;
}

#infobar #colA img { width: 200px; margin-top: 10px; }

#infobar #colB {
	position:relative; left:5px; top:0px;
	float: left;
	height:145px;
	width: 280px;
	margin-bottom:2px;
	

}

#infobar #colB .moduletable { position:relative; left:0px; top:0px; float: left; width: 275px; }

#infobar p { font: 10px "lucida Grande", arial, serif; }

#widebar2 {

	position:relative; 
	padding-left:15px; 
	margin: 0 0px;
	border: 0px dotted silver; 
	height:320px;
	width: 575px;
	margin-bottom:20px;
}

#previkka1 {
	position:relative; 
	float: left;
	height:300px;
	width: 150px;
	border-right: 1px dotted silver; 
	padding-right:30px;
	padding-top:0px;

}

#previkka1 img { height:140px; }
#previkka1 h3  { letter-spacing: -0.035em; font-weight: normal; color: #37404c; font-size: 160%; line-height: 120%;}

#previkka2 {
	position:relative;
	float: left;
	top: 0px; left:20px;
	border-right: 1px dotted silver; 
	height:300px;
	width: 150px;
	padding-right:30px;

}

#previkka2 img { height:140px; }
#previkka2 h3  { letter-spacing: -0.035em; font-weight: normal; color: #37404c; font-size: 160%; line-height: 120%;}

#previkka3 {
	position:relative;
	float: left;
	top: 0px; left:20px;
	height:300px;
	width: 150px;
	padding-left:30px;
}

#previkka3 img { height:140px; }
#previkka3 h3  { letter-spacing: -0.035em; font-weight: normal; color: #37404c; font-size: 160%; line-height: 120%;}

#footer {
	visibility: hidden; 
	clear:both;
	height: 20px;
	position: relative; 
	left:0px;
	margin: 0;
	padding-top: 5px;
	padding-left:0px;
	text-align: center;
	color: #8cbedf;
	font-size:9px;
	background: white;
}

#footer p {
}

#footer a {
	color: #666666;
}

.clear {clear: both;}

.border {margin: 10px;padding: 4px;border:0px dotted silver; }

.contentpaneopen {margin: 0 10px 0 0;}

/* julkaisija*/
.contentpaneopen .small {margin: 0 10px 0 0; color:gray; font-weight:700; font-size:13px; }   

/* julkaisupvm*/
.contentpaneopen .createdate {padding-bottom: 20px; font-size:9px;  }

/* muokkauspvm*/
.contentpaneopen .modifydate {margin: 0 10px 0 0; font-size:9px;  }