/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#f7f7f7; font-size: 1em; color: #000000; font-family: calibri ,Arial, helvetica, sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 {font-family: 'Open Sans Condensed', sans-serif; margin-bottom: 10px; color: #002ec2; font-size:1.75em; text-transform:uppercase;}	
a, img { outline: none; border:none; color: #002ec2; font-weight: bold; text-transform: uppercase; text-decoration:none;}
a:hover{text-decoration:underline;}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
img { display: block; margin-bottom: 10px;}
aside {}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
/* Structure */
#wrapper {
	width: 96%;	
	max-width: 860px;
	margin: auto;
	margin-top:2em;  /*experimental*/
	padding: 2%;
	} 

	#main {
		width: 48%;
		margin-right: 4%;
		float: left;
		}		
		
		
	aside {
		width: 48%;
		float: right;
		}
				


/* container */			
#container1{
	float: left;
	width: 100%;
}

#container {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	}

	#container img {
		width: 100%;
		}

				
#intro, #projects, #workflow, #story, #partners {
width:100%;
float:left;
}	

#mainlogo{
width:300px;
margin:auto;

}




.textbox{
width:100%;
max-width:600px;
float:left;
}



 #contact {
width:100%;
float:left;
max-width:500px;
 }
 
#footer{
width:100%;
float:left;
background:#002ec2;
margin-top:2em;
margin-bottom:2em;
color:#fff;
 }
 
#footer p{
width:80%;
font-size:1em;
margin-left:20px;
margin-top:5px;
margin-bottom:5px;
} 

#footer a{
text-transform:none;
color:#fff;
font-weight:bold;
text-decoration:none;
}


 
		
		
/*portfolio*/		




		
#button1, #button2 {
width:100px;
margin-top:1em;
margin-bottom:2em;
margin-left:auto;
margin-right:auto;
}	

.toggle_projects{
width: 100px;
height: 70px;
padding-top:30px;
margin-top:1em;
margin-bottom:1em;
background: url(../images/btn_more.png) 0 0 no-repeat;
display:block;
color:#fff;
text-align:center;
}

#more1 a, #more2 a, #more3 a, #more4 a{
background:#002ec2;
padding:3px;
color:#FFF;
text-decoration:none;
float:left;
margin-bottom:0em;
}


#item{
float:left;
width:100%;
margin-bottom:2em;
margin-top:2em;
display:none;
}


#item_sb, #item_looks{
float:left;
max-width:860px;
margin-bottom:2em;
margin-top:2em;
display:none;
}

#item_sb img, #item_looks img{
width:100%;
}		
		
		
	

#contact_left{
width:48%;
float:left;
margin-top:10px;
}

#contact_right{
width:48%;
float:right;
margin-top:10px;
}

#logo1{
float:left;
width:120px;
margin-top:2em;
margin-right:2.5em;
}
#logo2{
float:left;
width:150px;
margin-top:1.5em;
margin-right:2em;
}
#logo3{
float:left;
width:79px;
margin-top:1.5em;

}



#h_logo{
float:left;
}


#caption{
width:100%;
float:left;
margin-bottom:1em;
margin-top:1em;
}
	
		
#lang_select li{
float:right;

}

#lang_select a{
text-decoration:none;
font-weight:normal;
color:#000;
}


	
#language  a :hover, #language a:active{
color:#002ec2;
text-decoration:none;
}	


body#EN a#en_nav,
body#DE a#de_nav,
body#NL a#nl_nav,
body#FR a#fr_nav {
color:#002ec2;
text-decoration:none;
font-weight:bold;
}
	
		
#border {
margin-top:1em;
margin-bottom:2em;
width: 100%;
height: 1px;
background: #002ec2;
display: block;
float:left;
}	

.feedback{
margin-top:10px;
width:18px;
height:18px;
display:inline-block;
vertical-align:text-bottom;
margin-bottom:3px;
margin-top:-4px;

}




#icon{
float:left;
width: 60px;
height: 60px;
margin-right:1em;
}	

#title{
float:left;
margin-top:1em;
}	

#text{
float:left;
margin-top:0.5em;
width:100%;
}
	

/* Logo H1 */


#logo{
	width: 250px;
	float: left;
	display: block;
	font-family:calibri, arial, sans-serif;
	font-size:1.2em;
	margin-bottom:2em;
	margin-top:2em;
	
}

#logo img{
float:left;
margin-bottom:-5px;
}







header h1 {
	height: 50px;
	width: 250px;
	float: left;
	display: block;
	background: url(../images/logo_mt.png) 0 0 no-repeat;
	text-indent: -9999px;
	}
	
		
/* Nav */
header nav {
	float: right;
	margin-top:10px;

	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		}



.videoWrapper {
	position: relative;
	padding-bottom: 53.5%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Media Queries */
@media screen and (max-width: 480px) {

	#skipTo {
		display: block;
		}
	
	#language{
	float:right;
	margin-right:15px;
	}
	
	#contact_left{
	width:100%;
	float:left;
	margin-top:10px;
	}

	
	#contact_right{
	width:100%;
	float:left;
	margin-top:10px;
	}
	
#logo1, #logo2, #logo3{
margin-left:20px;

}

	
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
		header nav li {
			margin: 0;
			background: #efefef;
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				}			
}