/*MEXHIBICION 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;
		}
		
h2 		{
		margin-bottom: 5px; 
		} /* pääotsikko pienempi - e-mag - punainen*/

form 	{ 
		margin:0; 
		}

checkbox {
		border:none;
		}

input.checkbox	{
		border:none;
		}

#wrapper { 
		margin: 0 auto;
		width: 922px;
		/*border: 1px solid;*/
		}

#wrapper_adminTemplate { 
		margin: 0 auto;
		width: 992px;
		/*border: 1px solid;*/
		}
		
#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 10px 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: relative; 
		 left: 450px;
		 }

/*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: 856px;
		}

#emag_otsikko {
		margin-bottom: 5px;
		}

#emag_ingressi {
		margin-bottom: 3px;
		}

#emag_juttulyhyt {
		margin-bottom: 3px;
		}

#emag_imageandtxt_wrapper {
		float: left;
		margin-right: 3px;
		width: 215px;

		}
		
#emag_storyimage {

		}

#emag_storyimage_subtxt {

		}
		
		
/*layout -  3 ruutua - events*/

#box_wrapper { 
		 border: 1px solid;
		 height: 1070px;
		 padding: 5px;
		}

#box_wrapper2 { /*isompi kehys- events*/
		 border: 0px solid;
		 height: 1970px;
		 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;
		}

#top_wide{ 
		margin: 0 auto;
		width: 922px;
		clear: both;
		padding: 20px 0px 20px 0px;
		/*border: 1px solid;*/
		}

#left_norm { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 height: 777px;
		 width: 350px;
		 padding: 10px;
		 /*background-image: url('../_images/mexhibicion.png');*/
		 background-repeat:no-repeat;
		}

#center_top_norm { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 width: 500px;
		 height: 52px;
		 display: inline;
		 /*background-image: url('../_images/mexhib_975x695px_02.jpg');*/
		 background-repeat:no-repeat;
		}

#center_norm { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 width: 500px;
		 height: 695px;
		 display: inline;
		}

#center_bottom_norm { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 width: 500px;
		 height: 30px;
		 display: inline;
		 /*background-image: url('../_images/mexhib_975x695px_05.jpg');*/
		 background-repeat:no-repeat;
		}

#right_norm {
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 height: 777px;
		 width: 52px;
		 /*background-image: url('../_images/mexhib_975x695px_03.jpg');*/
		 background-repeat:no-repeat;
		}


#left_adminTemplate { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 8000px;
		 width: 200px;
		}
		
#right_adminTemplate { 
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px 20px 10px 20px;
		 width: 655px;
		 height: 8000px;
		 display: inline;
		}

		
/*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: 485px;
		height: 335px;
		padding: 10px;	
		margin: 0px 0px 0px 0px;
/*		border: 1px solid;
*/		}


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

#rightcolumn { 
		float: left;
		width: 370px;
		height: 335px;
		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: 160px;
		padding: 10px;	
		/*border: 1px solid;*/
		}
		
#content2 { 
		border-top: 1px solid #F1C12F;
		border-right: 1px solid #F1C12F;
		float: left;
		width: 277px;
		height: 160px;
		padding: 10px;
		/*border: 1px solid;*/
		display: inline;
		}
		
#rightcolumn2 { 
		border-top: 1px solid #F1C12F;
		float: left;
		width: 278px;
		height: 160px;
		padding: 10px;
		/*border: 1px solid;*/
		overflow: auto;
		}

/*layout -  8/9 ruutua - e-mag eli fbjournal_2.html*/

#leftuppercolumn2 { 
/*		 border: 1px solid;
*/		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 50px;
		 width: 516px;
		 float: left;
		}

#rightuppercolumn2 { 
/*		 border: 1px solid;
*/		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 height: 50px;
		 width: 360px;
		 float: left;
		}


#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 { 					/*mexhibicion.com - news - story 1*/ 
		 border: 1px solid;
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 856px;
		 float: left;
		}
#centercentercolumn { 					/*mexhibicion.com - news - story 2*/
		 float: left;
		 border: 1px solid;
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 856px;
		 display: left;
		}
#rightcentercolumn { 					/*mexhibicion.com - news - story 3*/
		 border: 1px solid;
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 856px;
		 float: left;
		}
#leftbottomcolumn {  					/*mexhibicion.com - news - more news*/
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px;
		 width: 856px;
		 float: left;
		}
#centerbottomcolumn {  					/*mexhibicion.com - news - albums*/
		 float: left;
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px 20px 10px 20px;
		 width: 856px;
		 float: left;
		}
#rightbottomcolumn {  					/*mexhibicion.com - news - traveltips*/
		 /*border: 1px solid;*/
		 margin: 0px 0px 0px 0px;
		 padding: 10px 20px 10px 20px;
		 width: 856px;
		 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;
		}
		
/* Formulario */

#formulario{
	padding:  0px 60px 60px 120px;
}

#title {
	width: 330px;
	height: 26px;
	color: #996633;
	font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

form {
	width: 335px;
}

.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url(/_imagenes/bg_label.gif) no-repeat;
}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(/_imagenes/bg_textfield.gif) no-repeat;
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(/_imagenes/bg_textarea.gif) no-repeat;
}

.col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url(/_imagenes/bg_label_comment.gif) no-repeat;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 330px;
	background: url(/_imagenes/bg_submit.gif) no-repeat;
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}