#main_menu_id{
	position: relative;
	height: 45px;
	/*top: 35px;	*/
}	
	#header_logo {
		position: absolute;	
		z-index: 1;
		top: 10px;
		left: 0px;

		width: 163px;
		height: 35px;
		}	
		.header_logo_btn {	
			position: absolute;
			
			top: 0px;
			left: 0px;
			
			width: 163px;
			height: 35px;

			background: url('../images/logo_mamalingua_small.png') no-repeat;
			background-position: 0px 0px;
		}
	#header_email {
		position: absolute;
		z-index: 1;
		top: 24px;
		right: 0px;
		
		width: 116px;
		height: 15px;		
	}
		.header_email_btn {			
			position: absolute;
			
			top: 0px;
			right: 0px;
			
			width: 116px;
			height: 15px;	
					
			background: url('../images/login/button_email.png') no-repeat;
			background-position: 0px -28px;
		}
			#header_email a:hover {
				background-position: 0px 0px;
			}
			#header_email:active {
				background-position: 0px -56px;
			}


/* ---------login bar ----------------------*/

			
#header_login {
	/*position: relative;*/
	/*top: 0px;
	left: 0px;*/ /* for footer */

	width: 1024px;
	height: 35px;	
	background-color: #e8e8e8;	
}
	#header_login a
	{
		color: #4bb7ad;	
	}
	#header_login a:hover
	{
		color: #333;
	}

	#header_login_name
	{
		text-align: left;
	}
	#header_loggedin_name
	{
		float: left;
		text-align: left;
		top:10px;
		margin: 0px 0px 0px 20px;
		display: inline;
		z-index:1000;
	}
	#header_login_pass
	{
		text-align: left;
	}

	.flex_cont_header {
		display: flex;
		height: 40px;
		flex-wrap: nowrap;
		align-items: center;
		background-color: #e8e8e8;
	};
	  
	  .flex_cont_header > div {
		padding: 0 40px 0 10px;
		text-align: center;
		line-height: 30px;
		font-size: 20px;
	  }
		
		.flex_header1 {
			margin-left: 1vw;
		}
		.flex_header2 {
			margin-left: 1vw;
		}
		.flex_header3 {
			margin-left: 1vw;
		}
		.flex_header4 {
			margin-left: 1vw;
		}
		.flex_header5 {
			margin-left: 1vw;
		}
		.flex_header6 {
			margin-left: 1vw;
			margin-right: 1vw;
		}
		

#header_error_message
{
	width: 300px;
	color:#F00;
	font: 12px arial, sans-serif;
}
	

#header_languages
{
	float: left;
	text-align: left;
	display: inline;
	z-index:1000;
}

/* ---------login bar END ----------------------*/



/* parameters of the input fields in the login, */

.w3_input {
	color: #111111;
	font-size:11px;
	border:none;
	border-radius:0px;
	padding:2px; 
	width: 139px;
}


/* container css: */

.container {
	display: grid;
	grid-template-areas:
	  "logo"
	  "header"
	  "content"
	  "footer"
	  ;
	  
	width: 1024px;
    margin:  auto;
  }
  .container > div {
	padding: 0px;
  }
	.container > div.main_menu_id {
		grid-area: logo;
		text-align: center;
	}
	.container > div.header_login {
		grid-area: header;
	}
	.container > div.content_container {
		grid-area: content;
	}
	.container > div.footer {
		grid-area: footer;
	}