/*FREE-B LAYOUT.CSS PAGE*/


/*general*/

* { padding: 0; margin: 0; }

body 	{
		background: url(../images/bg.gif) repeat left top;
		/*background: url(../freeb/kuvat/bgbody5.gif) repeat-x center top;*/
		}

table 	{ 
		padding: 0;
		margin: 0;
		}

img 	{ 
		margin: 0px 0px 0px 0px;
		border: none;
		}


.img_index	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

h2 		{
		margin-bottom: 5px; 
		} /* pääotsikko pienempi - e-mag - punainen*/

ol 		{
		margin-left: 8px; 
		}

form 	{ 
		margin:0; 
		}

checkbox {
		border:none;
		}

input.checkbox	{
		border:none;
		}

#wrapper { 
		margin: 0 auto;
		width: 922px;
		}

#wrapper_content {
		margin: 0 auto;
		float: left;
		width: 922px;
		/*overflow: auto;*/
		}

#wrapper_Admin {
		margin: 0 auto;
		width: 922px;
		overflow: auto;
		}

#wrapper_contentAdmin {
		width: 922px;
		}	
		
#optionsnavigation {
		float: left;
		width: 898px;
		padding: 0px 0px 0px 0px;	
		margin: 0px 0px 0px 0px;
		border: 1px solid;
		clear: both;
		}
		
#header {
		 width: 895px;
		 float: left;
		 padding: 0px;
		 /*border: 1px solid;*/
		 /*height: 100px;*/
		 margin: 0px 0px 0px 0px;
		}

#index_widecol {
		 width: 895px;
		 float: left;
		 padding: 0px;
		 border: 0px solid;
		 margin: 0px 0px 0px 0px;
		}

#footer { 
		 width: 898px;
		 float: left;
		 padding: 0px 0px 0px 0px;
		 margin: 0px 0px 0px 0px;
		 /*border: 1px solid;*/
		 clear: both;
		 }

.submenu{
		color: #FFCC33;
		margin: 2px 0px 0 0; /*Margin between each menu item*/
		padding: 0px 12px;
		text-decoration: none;
		letter-spacing: 2px;
		}
		
.move_right{
		 position: absolute; 
		 right: 55px;
		 top: 10px;
		 }

/*layout - links*/

a.otsikko:link    {

		}
		
a.otsikko:visited {

		}
		
a.otsikko:hover   {

		} 

a.otsikko:active  {

		}

a.ingressi:link    {
		margin-bottom: 5px;
		}
		
a.ingressi:visited {
		margin-top: 10px;
		}
		
a.ingressi:hover   { 
		margin-top: 10px; 
		} 
	
a.ingressi:active  { 
		margin-top: 10px;
		}

a.juttulyhyt:link    {

		}
		
a.juttulyhyt:visited {

		}
		
a.juttulyhyt:hover   {

		} 
		
a.juttulyhyt:active  {

		}


/*layout - navigation*/
		
#navigation {
		float: left;
		width: 898px;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 0px 0px;	
		/*border: 1px solid;*/
		}
		
#modernbricksmenu {
		padding: 0;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		}

#modernbricksmenu ul {
		margin:0;
		margin-left: 0px; /*margin between first menu item and left browser edge*/
		padding: 0;
		list-style: none;
		}

#modernbricksmenu li {
		display: inline;
		margin: 0 3px 0 0;
		padding: 0px;
		}

#modernbricksmenu a {
		float: left;
		display: block;
		margin: 2px 0px 0 0; /*Margin between each menu item*/
		padding: 0px 12px;
		/*border-bottom: 1px solid;*/
		}

/*subnavigaatio toimeksiannot -sivuilla*/

li.li_right{
		margin-left: 10px;
		}
		
li.submenuitem{
		font-size: 15px;
		}
		
li.submenuitem_sel{
		font-size: 18px;
		font-style:italic;
		}


/*layout -  2 ruutua - popup*/
#popup_wrapper { 
		margin: 0 auto;
		width: 346px;
		}
		
#popup_logo {
		 padding: 0px;
		 border: 1px solid;
		 width: 344px;
		 height: 150px;
		 margin: 0px 0px 0px 0px;
		}

#popup_txt { 
		 border: 1px solid;
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 324px;
		 height: 458px;
		}


/*layout - storybox - e-mag*/

#emag_storybox {
		width: 285px;
		}

#emag_otsikko {
		margin-bottom: 5px;
		}

#emag_ingressi {
		margin-bottom: 3px;
		}

#emag_juttulyhyt {
		margin-bottom: 3px;
		float: left;
		display: inline;
		}

#emag_imageandtxt_wrapper {
		float: right;
		margin-right: auto;

		}
		
#emag_storyimage {

		}

#emag_storyimage_subtxt {

		}
		
		
/*layout -  3 ruutua - events*/

#box_wrapper2 {
		 border: 0px solid;
		 padding: 5px;
		}

#eventbox { 
		 border: 0px solid;
		 padding: 15;
		 width: 100%;
		 float: left;
		}
		
#eventbox:after {
		content:'';
		display:block;
		clear:both;
		}

.eventbox_big_image { 
		 border: 0px solid;
		 height: 100%;
		 width: 100%;
		 float: right;
		}

#eventbox_thumbs { 
		 border: 1px solid;
		 width: 100%;
		 clear: both;
		}

#eventbox_thumbs img{ 
		 padding: 3px;
		 width: auto;
		 height: auto;
		}

#order_box { 
		 border: 0px solid;
		 height: 40px;
		 width: 100%;
		 clear: both;
		}
		
#left { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 200px;
		}
		
#center { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 606px;
		 display: inline;
		}
		
#right {
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 50px;
		}

#twocolumn_left { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 200px;
		}

#twocolumn_right {
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 656px;
		}

#left_norm { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 600px;
		 width: 200px;
		}
		
#center_norm { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 585px;
		 height: 600px;
		 display: inline;
		}
		
#right_norm {
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 600px;
		 width: 50px;
		}
		
#center_flex { 
		 float: left;
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 display: inline;
		}

#left_adminTemplate { 
		 float: left;
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 200px;
		 height: 900px;
		}
		
#right_adminTemplate { 
		 float: left;
		 margin: 0px 0px 0px 0px;
		 padding: 10px 20px 10px 20px;
		 width: 655px;
		}

		
/*layout -  4 ruutua - index*/
#box { 
		 border: 0px solid;
		 padding: 10px 22px 10px 15px;
		 width: 193;
		 float: left;
		}

/*layout -  6 ruutua - index*/

#leftcolumn {
		/*background-image: url(../images/bg1.gif) no-repeat right top;*/
		float: left;
		width: 150px;
		height: 495px;
		padding: 10px;	
		margin: 0px 0px 0px 0px;
/*		border: 1px solid;
*/		}


#leftcenterspace { 
		border-top: 1px solid #F1C12F;
		/*border: 1px solid;*/
		}

#rightcolumn { 
		float: left;
		width: 704px;
		height: 495px;
		padding: 10px;
		margin: 0px 0px 0px 0px;
/*		border: 1px solid;
*/		}

#leftcolumn2 { 
		border-top: 1px solid #F1C12F;
		border-right: 1px solid #F1C12F;
		float: left;
		width: 278px;
		height: 155px;
		padding: 10px;	
		/*border: 1px solid;*/
		}
		
#content2 { 
		border-top: 1px solid #F1C12F;
		border-right: 1px solid #F1C12F;
		float: left;
		width: 277px;
		height: 155px;
		padding: 10px;
		/*border: 1px solid;*/
		display: inline;
		}
		
#rightcolumn2 { 
		border-top: 1px solid #F1C12F;
		float: left;
		width: 278px;
		height: 155px;
		padding: 10px;
		/*border: 1px solid;*/
		overflow: auto;
		}

/*layout -  9 ruutua - e-mag eli fbjournal_2.html*/
#leftuppercolumn { 
/*		 border: 1px solid;
*/		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 180px;
		 width: 285px;
		 float: left;
		}
#centeruppercolumn { 
		 float: left;
/*		 border: 1px solid;
*/		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 180px;
		 width: 286px;
		 display: inline;
		}
#rightuppercolumn { 
/*		 border: 1px solid;
*/		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 180px;
		 width: 285px;
		 float: left;
		}
#leftcentercolumn { 
/*		 border: 1px solid;
*/		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 340px;
		 width: 285px;
		 float: left;
		}
#centercentercolumn { 
		 float: left;
/*		 border: 1px solid;
*/		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 340px;
		 width: 286px;
		 display: inline;
		}
#rightcentercolumn { 
/*		 border: 1px solid;
*/		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 340px;
		 width: 285px;
		 float: left;
		}
#leftbottomcolumn { 
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 310px;
		 width: 285px;
		 float: left;
		}
#centerbottomcolumn { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px 20px 10px 20px;
		 height: 310px;
		 width: 266px;
		 display: inline;
		}
#rightbottomcolumn { 
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px 20px 10px 20px;
		 height: 310px;
		 width: 265px;
		 float: left;
		}
		
/*index - classes layout*/

.tunnus {
		top: 0px; left: 0px;
		margin-left: 0px;
		}

.salasana {
		margin-left: 5px;
		} 
		
input.textbox_username {
		position: relative; top: 0px; left: 0px;
		border: 1px solid;
		}

input.textbox_password {
		position: relative; top: 0px; left: 0px;
		border: 1px solid;
		}
		
input.submit {
		border-left: 15px;
		border: thin solid;
		}

.boldtxt_change_language {
		margin: 0px 10px 0px 8px;
		}

.boldtxt_login {
		margin-top: 0px;
		margin: 0px 5px 0px 0px;
		}

.index_paivan_kuva {
		margin: 0px 30px 0px 0px;
		padding: 0px;
		} 

.img_big{
		position: relative;
		float: right; 
		padding: 15px;
		}
		
.padding_5 {
		padding: 5px;
		}

.padding_10 {
		padding: 10px;
		}

.padding_15 {
		padding: 15px;
		}
		
		
/*layout - classes - e-mag*/

a.emag_imagetxtwrapper {
		float: right;
		}

a.emag_imageandtxt {
		float: right;
		} 


/*layout - classes - imagebank*/

#wrapper_fbimages { 
		margin: 0 auto;
		width: 922px;
		}

.centered {
		position: absolute;
		}

div.imagecell {
	   background-color: #ffffff;
	   background-image: url(../freeb/kuvat/tp1x1bg.gif);
/*   width: 195px;
	   height: 195px;*/
	   border: 1px #62529B solid;
	   padding: 5px 5px 5px 5px;
	   margin: 5px 5px 5px 5px;
	   font: normal normal normal 9px tahoma, arial narrow, braggadocio;
	   }/* Kuvapankki - hakutulosten kuvien raamit */

div.imagecellmedium {
	   background-color: #ffffff;
	   background-image: url(../freeb/kuvat/tp1x1bg.gif);
	   width: 365px;
	   height: 365px;
	   border: 1px #62529B solid;
	   padding: 5px 5px 5px 5px;
	   margin: 5px 5px 5px 5px;
	   font: normal normal normal 9px tahoma, arial narrow, braggadocio;
	   }/* Kuvapankki - hakutulosten mediumkuvien kuvien raamit - ei toiminnassa */
	   	
div.imagecellbig {
	   background-color: #FFEFBF;
	   border: 1px #62529B solid;
	   padding: 5px 5px 5px 5px;
	   margin: 5px 5px 5px 5px;
	   font: normal normal normal 9px tahoma, arial narrow, braggadocio;
	   }/* Kuvapankki - yksittäisen ison kuvan raamit */
	
td.imagecell {
		background-color: #E8E8E8;
		}/* Kuvapankki */

table.naytaKuva {
		padding-top: 20px;
		}/* Kuvapankki */

td.padded { padding:5px; }  /*e-magazinen elementtien etäisyys*/
td.padded2 { padding:10px;}  /*e-magazinen elementtien etäisyys*/
td.padded3 { padding-left:20px;}  /*kuvapankin hakutuloksen elementtien etäisyys*/

/*layout - hallinta*/

.formtablecell{
		padding: 5px 0px 0px 0px;
		}