/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


/*---- Basic Styles -----------------------------------------------*/
/*-----------------------------------------------------------------*/	
html, body 	{ 	
					height:100%;
					margin: 0;
					padding: 0; 
					background-image: url(images/background.jpg) ;
					background-repeat: no no-repeat; 
					background-attachment:fixed;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size: 95%;
					overflow-x: hidden;	/*-- no horizontal scrolling */
}

h1, h3, h4 {		
					font-size: 18px;
					margin: 0;
					padding: 0;
					color: #404080; 
}

h3 {				font-size: 92%;
					margin: 0;
					padding: 0;
					color: #404080; 


}

h2 { 
					 font-size: 14px;
					 margin: 0;
					 padding: 0;
					 color: #404080; 
}


h5 { 
					font-size: 13px;
					margin: 0;
					padding: 0;

}

h6 { 
					font-size: 12px;
					margin: 0;
					padding: 0;
					font-weight: 600; 
					color: #404080; 
}

p {
					margin: 0 0 1em 0;
					font-size: 93%;
					line-height: 1.5em;
					text-align: justify;
}


p a:link { text-decoration: none; color: #595980; }
p a:active { text-decoration: none; color: #595980; }
p a:visited { text-decoration: none; color: #595980; }


#wrapper	{ 	
					width:1000px; 
					margin: 0px auto;
					margin-bottom: 30px;
					background-color: #fff;
					-moz-box-shadow:    9px 9px 7px -5px #000;
					-webkit-box-shadow: 9px 9px 7px -5px #000;
					box-shadow:         9px 9px 7px -5px #000;
}


a { text-decoration: none;
	color: #000;
	
}
				
/* Section Inner */
div.section-inner {
					max-width: 950px;
					padding: 0 25px;
					margin: 0 auto;
}

/* Body Content */				
div.body-content { 	
					min-height: 650px;
					padding: 15px 0;
					background-color: #fff;
					float: left;
}

/*Thirds */
div.thirds { 
					padding-bottom: 50px; 
}

div.one-third { 
					width: 30%;
					float: left;
					margin-right: 5%; 
}

div.one-third img{
					/*margin-right: 5%;*/	 
					width: 100%;
					height: auto;
					margin: 0 0 10px 0;
}

div.one-third-last {
					margin: 0; 
}
 
div.one-columns img {
					/*margin-right: 5%;*/
					/*width: 100%;*/
					/*height: auto;*/
					/*margin: 0 0 10px 0;*/
} 
 
div.two-columns img{
					/*margin-right: 5%;	 */
					width: 100%;
					height: auto;
					margin: 0 0 10px 0;
}

div.two-columns-map img{
					/*margin-right: 5%;	 
					width: 100%;
					height: auto;
					margin: 0 0 10px 0;*/
}




.special img { clear: both; }


div.main {
					width: 65%;
					float: left;
					margin-right: 5%;			
}

div.side {						
					width: 30%;
					float: right;
}



div.info-box  { 	
					font-size: 72%;
					min-height: 150px;
					border: 1px solid #595980;
					/*background-color: #fefefe;*/
					margin: 10px 5px;
					padding: 5px;
					background: -moz-linear-gradient(top, #F7F7F7, #F2F2F2);    
					background: -webkit-linear-gradient(top, #F7F7F7, #F2F2F2);
					background: -ms-linear-gradient(top, #F7F7F7, #F2F2F2);
					background: -o-linear-gradient(top, #F7F7F7, #F2F2F2);

}

div.bluebox {		
					min-height: 100px;
					position: relative;
					z-index: 5;
					width: 5%;
					height:50%;
					left: 95%;		
					margin-bottom: 0;
					background-color: #010080;
				
}



div.info-box p  { 	
					padding-left: 4%;
					padding-right: 4%;

}


div.info-box img  { 	

					margin: 0px;
}

div.header { 
					width: 1000px;
					height: 97px;
					clear: both;
					background-image: url(images/mgg_headerbg.jpg) ;
					background-repeat: no repeat;		
}				

div.header img {  
					display: block;
					margin-left: auto;
					margin-right: 1%;
					padding-top: 1%;
}	 

div.footer { 	
					width: 1000px;
					height: 120px;
					clear: both;
					background-image: url(images/footer.jpg) ;
					background-repeat: no no-repeat;

}


/*---- LIST for ALG Download --------------------------------------*/
/*-----------------------------------------------------------------*/
ul.mgg_list_alg li { 	
	
					/*list-style-image: url(../images/dl3.png); */
					list-style-type: none;
					margin: 10px 0px 0px 0px; 
					padding: 0px 0px 0px 2px; 
					font-size: 98%;
					line-height: 200%;								
					
}

ul.mgg_list_alg li img {

					float: left;
					width: auto;
}	

ul.mgg_list_alg li a {

					color: black;
					text-decoration: none;

}	

ul.mgg_list_alg li a:hover {

					color: #fff;
					background-color: grey;
					text-decoration: none;

}	

/*---- LIST for Quality Download ----------------------------------*/
/*-----------------------------------------------------------------*/


ul.mgg_list li { 	
					list-style-type: none;
					margin: 2px 0px 0px 2px; 
					padding: 3px 2px; 
					background-color: #dedede;
					font-size: 85%;
					line-height: 150%;
					color: #000;
					width: 90%;
					
}

ul.mgg_list li:first-child {
					color: #fff;
					font-size: auto;
					border-top: none;
					border-bottom: 1px solid #000;
					font-weight: 500;
					background-color: #6C7B8B;
					line-height: 200%;
					padding: 0 5px;
}

ul.mgg_list li:nth-child(even) {

					background-color: #fff;

}

ul.mgg_list li a {
					padding: 2px;
					color: #000;
					text-decoration: none;
					vertical-align: middle;
}		 

ul.mgg_list li img {

					width: 20px; 
					height:20px;
					margin: 0;
					padding: 0;
					vertical-align: middle;

}	

ul.mgg_list li a:hover {

					color: #fff;
					background-color: grey;
					text-decoration: none;

}	


ul { 
					margin: 0 0 1em 0;
					font-size: 93%;
					line-height: 1.5em;
	}

/*---- LIST for Material Pages ------------------------------------*/
/*-----------------------------------------------------------------*/
ul.mgg_list_2 { 	
					
					/*margin: 0;
					padding: 5%;*/
					width: 90%;
}

ul.mgg_list_2 li {  
					/*list-style-image: url(../images/dl3.png);*/
					list-style-type: none;
					margin: 2px 0px 0px 0px; 
					padding: 0px 0px 0px 2px; 
					font-size: 85%;
					line-height: 150%;
					color: #000;	
					
}	
			
ul.mgg_list_2 li:first-child {
						   
				   	color: #fff;
					font-size: auto;
					border-top: none;
					border-bottom: 1px solid #000;
					font-weight: 500;
					background-color: #6C7B8B;
					line-height: 200%;
					padding: 0 5px;
				   
}

ul.mgg_list_2 li:last-child {
					border-bottom: none;
}
			
			
ul.mgg_list_2 li:nth-child(even) {

					color: #000;
					background-color: #dedede;
}

/*---- LIST for Sub Menus -----------------------------------------*/
/*-----------------------------------------------------------------*/

#mgg_submenu ,
#mgg_submenu  ul,
#mgg_submenu  ul li {
					  list-style: none;
					  margin: 0;
					  padding: 0;
					  border: 0;
}
#mgg_submenu  ul {
					  position: relative;
					  z-index: 597;
					  float: left;
}
#mgg_submenu  ul li {
					  float: left;
					  min-height: 1px;
					  line-height: 1em;
					  vertical-align: middle;

}
#mgg_submenu  ul li.hover,
#mgg_submenu  ul li:hover {
					  position: relative;
					  z-index: 599;
					  cursor: default;
}

#mgg_submenu  ul li:hover > ul {
					visibility: visible;
}

#mgg_submenu  ul li {
					float: none;
}

#mgg_submenu  ul li .active{

}

/* Custom CSS Styles */
#mgg_submenu  {
				  width: 100%;
}

#mgg_submenu  ul a,
#mgg_submenu  ul a:link,
#mgg_submenu  ul a:visited {
				  display: block;
				  background: #efefef;
}
#mgg_submenu  > ul {
					float: none;
}
#mgg_submenu  ul {
					background: #efefef;
}
#mgg_submenu  > ul > li {
				border-left: 5px solid #d7d8da;
}
#mgg_submenu  > ul > li > a {
				padding: 10px 20px;
}
#mgg_submenu  > ul > li:hover {
				border-left: 5px solid #6C7B8B;   
}
#mgg_submenu  ul li:hover > a {
				color: #fff;
				background-color: #6C7B8B;
}
#mgg_submenu  > ul > li:hover {
				background: #efefef;
}

			 
/*---- CSS Tabulators ---------------------------------------------*/
/*-----------------------------------------------------------------*/			 
			 
.csstab {
				width: 65%; 
				display: block;
				float: left;
}

.csstab5 {
				/*width:20px; 
				display: block;
				float: left;*/
}

			 
.csstab100 {
				width: 40%;
				display: block;
				float: left;
}

.csstab80 {
				width: 70%;
				display: inline;
				float: left;
}

.csstab200 {
			   width: 20%;
			   display: block;
			   float: left;
}

.csstab500 {
			   /*width: 80%;
			   display: block;
			   float: left;*/
}

.csstab-infobox {

				width: 20%;
				display: block;
				float: left;


}
			 
/*---- MAIN NAVIGATION  -------------------------------------------*/
/*-----------------------------------------------------------------*/	
			 
nav {
				height: 39px;
				width: 100%;
				/*background-image: url(images/mgg_navbg.jpg); */
				background-color: #010080;
				font-size: 75%;
				font-family: 'PT Sans', Arial, sans-serif;
				font-weight: 500;
				position: relative;

}

nav ul {
				padding: 0;
				margin: 0px auto;
				height: 40px;
				font-size: 100%;
}

nav li {
				display: inline;
				float: left;
}

nav a {
				color: #fff;
				display: inline-block;
				width: 125px;
				text-align: center;
				text-decoration: none;
				line-height: 40px;
				text-shadow: 1px 1px 0px black;
}

nav li a {
				box-sizing:border-box;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				text-shadow: 0 0 5px black;
}

nav li:last-child a {
				border-right: 0;
}

nav a:hover, nav a:active {
				color: #fff;
				text-shadow: 0 0 5px grey;
}

nav a#pull {
				display: none;
}


/*---- E-Mail Button ----------------------------------------------*/
/*-----------------------------------------------------------------*/	
.button {
			  font: bold 11px Arial;
			  text-decoration: none;
			  color: #333333;
			  padding: 4px 10px 4px 10px;
			  margin: 5px 10px;
			  /*border-top: 1px solid #CCCCCC;
			  border-right: 1px solid #333333;
			  border-bottom: 1px solid #333333;
			  border-left: 1px solid #CCCCCC;*/
			  /*background-color: #EEEEEE;*/
 }
/*
 .button:hover {
			  font: bold 11px Arial;
			  text-decoration: none;
			  background-color: #404080;
			  color: #fff;
			  padding: 2px 6px 2px 6px;
			  /*border-top: 1px solid #CCCCCC;
			  border-right: 1px solid #333333;
			  border-bottom: 1px solid #333333;
			  border-left: 1px solid #CCCCCC;
 }*/


.active {

			  font: bold 11px Arial;
			  text-decoration: none;
			  color: grey;
			  padding: 4px 10px 4px 10px;
			  margin: 5px 10px;
			  /*border-left: 5px solid #6C7B8B;*/
 
} 



/*---- FONT STYLES  -----------------------------------------------*/
/*-----------------------------------------------------------------*/	
.bold {				
			font-weight: 600; 
			color: #404080; 
}

.actual {  
			color: grey;
			/*text-shadow: 0 0 5px grey;*/
} 

/*-----------------------------------------------------------------*/	
/*-----------------------------------------------------------------*/	

/*---- Styles for screen 1000px and lower --------------------------*/
/*-----------------------------------------------------------------*/	
@media screen and (max-width: 1000px) {
	
	h1, h2, h3, h4, h5, h6 {		
					font-size: 98%;

	}	
	
	body {  
					font-size: 90%;
					background-image: none;

	}
		
		
	div.header {	
					width: 100%;	
					overflow: hidden; 
	}	
		

	div.footer { 	
					width: 100%;
					max-width:100%;
					height: auto;
	}	

	div.footer img {  
			
					width: 100%;
					max-width: 100%;
					margin: 0 auto;
 	}		

		
	#wrapper	{ 	
					width:100%; 
					margin: 0;
	}

	nav { 
					height: auto;
					//*background-image: url(images/mgg_navbg2.jpg); 	*/
			
  	}
	
  	nav ul {
					width: 100%;
					display: block;
					height: auto;
	}
	
  	nav li {
					width: 25%;
					float: left;
					position: relative;
  	}
	
  	nav li a {
					border-bottom: 0px solid grey;
					border-right: 1px solid grey;
	}
	
  	nav a {
					text-align: left;
					width: 100%;
					text-indent: 25px;
  	}		
	
	div.one-third { 
					width: 45%;
					float: left;
	}	
	
	div.one-third-second { 
	
					float: right; 
					margin-right: 0; 
	}
	
	div.one-third-last { 
					width: 100%;
	}	
	
	ul.mgg_list li  { 	
					font-size: 75%;
					width: 100%;
					
	}

}

/*---- Styles for screen 650px and lower --------------------------*/
/*-----------------------------------------------------------------*/	
@media screen and (max-width: 650px) {
	
	body {
		font-size: 80%;
	}
	
	nav { 
  		height: auto;
		
  	}
	
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
	
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
	
  	nav li a {
		/*border-right: 1px solid grey;*/
	}
	
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	
		
	div.one-third {
				width: 47.5%;
	}	

	div.one-third-second {
				margin: 0;
	}

	div.one-third-last {
				clear: both;
				float: none;
				width: auto;
				padding: 20px 0 0 0;
	}
	
	div.mobile-collapse, div.side {

				clear:both;
				width: auto;
				float: none;
				margin-right: 0;
	}

	div.main {
				width: 100%;
				float: left;
				margin-right: 0;			
		}	
		
	ul.mgg_list li  { 	
					font-size: 80%;
					width: 100%;
					
	}

}

/*---- Styles for screen 480px and lower --------------------------*/
/*-----------------------------------------------------------------*/	
@media only screen and (max-width : 480px) {
	
	
	h1, h2, h3, h4, h5, h6 {		
					font-size: 92%;

	}	
	
	body {
			font-size: 78%;
	}
		
	nav {	
		border-bottom: 0;

	}
	
	nav ul {
		display: none;
		height: auto;
	}
	
	nav a#pull {
		display: block;
		background-color: #010080;
		width: 100%;
		position: relative;
	}
	
	nav a#pull:after {
		content:"";
		background: url('images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	
	div.mobile-collapse {
			width: auto;
			float: none;
			margin-right: 0;
	}
	
	.hide-mobile {
			display: none;	
	}
	
	div.main {
				width: 100%;
				float: left;
				margin-right: 0;			
	}
	
	
	ul.mgg_list { 
	
			margin: 0;
			padding: 0; 
	}
	
	ul.mgg_list li { 	
					width: 100%;
					
	}

}

/*---- Smartphone -------------------------------------------------*/
/*-----------------------------------------------------------------*/	
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		/*border-bottom: 1px solid #576979;*/
	}
	
}


#LANGUAGES { 	
				width:1000px; 
				height: 20px;
				margin: 0px auto;
				/*margin-top: 20px;*/
				padding-left: 20px;
				padding-top: 20px;
				z-index: 4;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 9px;
				text-align:left;
				color: #fefefe;		
}

.lang { 
				font-size: 10px; 
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				padding: 0px 0px; 			
				color: #fff;
} 

		a.lang:link {	
					font-size: 10px;
					text-decoration: none;
					color: #fff;		
		}

		a.lang:visited {	
					font-size: 10px;
					text-decoration: none;
					color: #fff;
		}

		a.lang:hover {	
					font-size: 10px;
					text-decoration: none;
					color: #fff;
					text-shadow: 2px 2px 3px #6C7B8B, 1px 1px 2px #000;
		}

		a.lang:active {
					font-size: 10px;
					text-decoration: none;
					color: #00376a;
		}

.lang .inactive { 
					font-size: 10px;
					text-decoration: none;
					color: #BEBEBE;
					/*text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;*/
}