/* Perusmuotoilu ulkoasulle */

#mainDiv { background: url(../../surf.fi2008/images/header.jpg) no-repeat; margin: auto; padding: 0px; width: 974px; border-left: 1px solid #000000; border-right: 1px solid #000000; }

#mainDiv2 { width: 950px; margin: auto; text-align: left; position: relative; padding-top: 200px; }

#footerGraphic {height: 331px; background: url(../../surf.fi2008/images/footer.jpg) #ffffff no-repeat; position: relative; }

#copyright { position: absolute; bottom: 10px; left: 50px; text-align: left; }



/* main body. */

body { background: url(../../surf.fi2008/images/gradient.jpg) center #e8ebef repeat-y; margin: 0px; padding: 0px; text-align: left; 	font-family: Arial; font-size: 9pt; }



/* Divit kahdelle kolumnille */

.main { float:left; width: 620px; margin-left: 10px; padding-left: 30px; margin-right: 80px; padding-right: 5px; margin-top: 1px; padding-top: 1px; }

.intro { float:left; width: 620px; margin-left: 10px; padding-left: 30px; margin-right: 80px; padding-right: 5px; margin-top: 1px; margin-bottom: 20px; padding-top: 10px; }

.main2 { float:left; width: 620px; margin-left: 10px; padding-left: 30px; margin-right: 80px; padding-right: 5px; margin-top: 1px; padding-top: 1px; }

.left {float:left; width: 120px; margin-left: 80px; padding-left: 0px; margin-right: 5px; padding-right: 0px; margin-top: 20px; padding-top: 1px;}





/* Globaalit tekstimuotoilut */

h1 {font-size: 18pt; color: #555555; }

h2 {font-size: 16px; color: #555555; }

h3 {font-size: 14px; color: #555555; }

h4 {font-size: 12px; color: #555555; }

body, td, p { color: #555555; 

/*line-height: 18px; */

font-family: Arial, tahoma, Helvetica, sans-serif;

}

.smalltext { font-size: 8pt; }

a { color: #555555; text-decoration: none; font-family: Arial, tahoma, Helvetica, sans-serif; }

a:hover { color: #909090; }

.smalltextlight { font-size: 8pt; color: #555555; }



/* Omat muotoilut, teksti ja kuvat */

.vlog { }

#mainDiv #mainDiv2 .main .vlog img { padding: 2px; border: 1px solid #999999; }

#mainDiv #mainDiv2 .right p { font-family: Arial, Helvetica, sans-serif; }

.menu {

	font-size: 9pt;

	font-family: Arial, tahoma, Helvetica, sans-serif;

}

.box{

   clear: both; 

   width: 90%; 

   padding-top: 1em;

   padding-bottom: 1em;



}



.sidebar{

   float: right;

   width: 15em;

   font-size: 80%;

}



#player1{

	background-color: #FFFFFF;

	text-align: left;

	height: 403px;

	width: 560px;

	vertical-align: middle;

	border: thin solid #999999;

	background-position: center center;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;





}



	#player2{

	background-color: #FFFFFF;

	text-align: left;

	height: 203px;

	width: 276px;

	vertical-align: middle;

	border: thin solid #999999;

	background-position: center center;

	padding-top: 3px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;





}





/*joomlan muotoiluja */





	.moduletable {

		

	}

		

	table.moduletable { 

	margin-bottom: 40px;

	text-align: left;

	}



	

	table.moduletable th {

	font-family: tahoma, Helvetica, sans-serif;

	font-size: 12pt;

	font-weight: bold;

	color: #555555;

	padding-bottom: 20px;



	}

		

	table.moduletable td {

	margin-bottom: 10px;



	}

	

	.contentpane {



}



	.contentpaneopen {

	/* margin-bottom: 10px; */

   width: 98%;

	/*border: thin dashed InactiveCaption;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;*/







}



	.conponentpaneopen {



}

	

	.contentheading {

 	font-size: 16px; color: #555555; 

	font-weight: bold;

		 margin-bottom: 20px;





}



	.componentheading {

	 font-size: 16px; color: #555555; 

	 font-weight: bold;

	 margin-bottom: 20px;



	



			}

			

	table.moduletable-intro {

		margin-bottom: 0px;

	}

	



	 readon {

	 	text-align: right;

	 }



	 

	 /* valikko */



a.mainlevel {

font-size: 10pt;

text-decoration: none;

font-weight: normal;

list-style: none;

}





a.mainlevel:hover, a.mainlevel#active_menu {

text-decoration: none; color: #909090;



}



.introa {

	font-size: 12pt; 

}