/* File Created: september 5, 2012 */

/* Responsive design for Master Page */
/* iPads (landscape) ----------- */
/*@media screen and (max-width : 1200px) 
{
	#wrapper {width: 990px;}     
	div#footer {width: 990px;} 
    div#footer-bottom .content {width: 990px;} 
    #content #services li {	display: block; float: left; width:24%; margin-right:1%;}
    #content #services li a { font-size:15px; width:140px; padding-right:15px; margin-right:30px;}  		
    .subMegaMenu li a {	font-size:12px;	line-height:14px;}
    .vacancyGallery .galleryContent { width: 260px }
}

/* iPads (portrait) ----------- */
/*@media screen and (max-width : 1000px)
{
	.megamenu {display:none;}
	#header #menu li:hover{	padding-bottom:0px;	margin-bottom:0px; background: url('../images/button_bg.png') repeat-x; }
    #header #menu li:hover a {color: #434041;}
	#wrapper {width: auto;margin:0 2%;}    
	#header #menu li {width:122px;font-size: 13px;}
    div#footer {width: auto;} 
    div#footer-bottom .content {width: auto;} 
	#header #navigation .dropdown {display:none;}
	#header #navigation .language{margin-left:0px;}
    .dc60 {width:50%;}
	.dc40 {width:50%;}

    .margin{margin:0px 23px 23px 0px;width:auto;}
    #main #shadow {padding:23px 0px 0px 23px;}
    #pagecontainer{margin:0px 23px 23px 0px}
    .focusareas{margin-right:23px;}

	.HideOniPad {display:none;}
	#itempage #content #center{width:100%;}
	#itempage #content #right{display:none;}
	.focusareas .content .box .icon {width:25px;height:25px;}
	.focusareas .content .box .header{   line-height:30px;}
	.focusareas .content .box .header h1 {font-size: 12px; line-height:15px; height:23px;}
    #content #services li {	display: block; float: left; width:32.33%; margin-right:1%;}
    #content #services li a { font-size:15px; width:145px; padding-right:15px; margin-right:25px;}
    .subMegaMenu li a {	font-size:12px;	line-height:14px;}
    .subMegaMenu li p{	display: block;margin:0px;max-width:110px;} 
    .vacancyGallery .galleryContent { width: 160px }

    .gallery .main ul li { width: 100%; }

    .referenceGallery .galleryHeader .referencefilter { float: left;clear: left;margin-bottom: 10px; }
    .referenceGallery .galleryHeader .referencefilter label { min-width: 75px;float: left;margin-left: 0; }
    .referenceGallery .galleryHeader .searchInput { float: left;clear: left; }
    
    .dc60 .projectreferences .slides .imagewrap    {   width: 100%;   }
    .dc60 .projectreferences .slides .linkwrap   {   width:100%; height:70px;  }
    .dc60 .projectreferences .bottom {  width:100%;float:left;}
    .dc60 .projectreferences .flex-control-nav{bottom:90px;}
    .dc60 .projectreferences .flexslider{ width:70%;margin:0 15%;}
    .dc60 .projectreferences .header{display:block;}
    .dc60 .projectreferences .main{margin-top:0px;}
    .dc60 .projectreferences .slides .imagewrap img   {height:166px; width:auto; margin-left:-65px; }
    .dc60 .projectreferences .flex-direction-nav a{    top:50%;}
    .dc60 .projectreferences .slides .linkwrap .description  { display:none; }

    .dc66 .projectreferences .slides .imagewrap    {   width: 100%;   }
    .dc66 .projectreferences .slides .linkwrap   {   width:100%; height:70px;  }
    .dc66 .projectreferences .bottom {  width:100%;float:left;}
    .dc66 .projectreferences .flex-control-nav{bottom:90px;}
    .dc66 .projectreferences .flexslider{ width:70%;margin:0 15%;}
    .dc66 .projectreferences .header{display:block;}
    .dc66 .projectreferences .main{margin-top:0px;}
    .dc66 .projectreferences .slides .imagewrap img   {height:166px; width:auto; margin-left:-65px; }
    .dc66 .projectreferences .flex-direction-nav a{    top:50%;}
    .dc66 .projectreferences .slides .linkwrap .description  { display:none; }

    .dc100 .projectreferences .slides .imagewrap    {   width: 67%;   }
    .dc100 .projectreferences .slides .linkwrap   {   width:33%; height:156px;  }
    .dc100 .projectreferences .bottom {  width:33%;float:left;}
    .dc100 .projectreferences .flex-control-nav{bottom:180px;}
    .dc100 .projectreferences .flexslider{ width:86%;margin:0 7%;}
    .dc100 .projectreferences .header{display:none;}
    .dc100 .projectreferences .main{margin-top:14px;}
    .dc100 .projectreferences .flex-direction-nav a{    top:60%;}
    .dc100 .projectreferences .slides .imagewrap img  {height:200px; width:auto; margin-left:-10px;}
    .dc100 .projectreferences .slides .linkwrap .description   {  min-height:110px;  }
}*/

/* Smartphones (landscape) ----------- */
@media screen and (max-device-width : 768px) 
{
	#header {background-image: url('../images/logo_iPhone.png');margin-bottom:10px;}
	#header #menu {margin-top:65px;margin-bottom:10px;width: 100%;float:left;}
	#header #menu li, #header #menu li:hover, #header #menu li.active {width:47%;font-size: 16px;line-height:35px;margin-bottom:10px;background: url('../images/button_iPhone_bg.png') repeat-x;float:left;margin-right:0%;margin-left:2%;}
	#header #menu li:hover a, #header #menu li.active a {color: #434041;}
	.message{display:none;}
	#tab {width:435px;padding:20px;}
	#main #shadow.radius_topright{-webkit-border-top-right-radius: 0px;-moz-border-radius-topright: 0px;-o-border-radius-topright: 0px; -ms-border-radius-topright: 0px; -khtml-border-radius-topright: 0px; border-top-right-radius: 0px;}

	#breadcrumb {display:none;}
	#main #submenu li.active, #main #submenu li.active:hover{background: url('../images/bg/submenu_hover.png') no-repeat top center;}
	.dc60 {width:100%;}
    .dc66 {width:100%;}
    .dc50 {width:100%;}
	.dc40 {width:100%;}
	.dc33 {width:100%;}
	.dc25 {width:50%;}

    .margin{margin:0px 18px 18px 0px;width:auto;}
    #main #shadow {padding:18px 0px 0px 18px;}
    #pagecontainer{margin:0px 18px 18px 0px}
    .focusareas{margin-right:18px;}

	.HideOniPad {display:inline;}
	.HideOnSmartphones {display:none;}
    .focusareas .content .box{ width:46%;	margin-left:2%;	margin-right:2%;}
    .focusareas .right a, .focusareas .left a{    height:270px;}
    #content #services li {	display: block;    float: left;	width:49%;	margin-right:1%;}
    #content #services li a { font-size:15px; width:140px; padding-right:15px; margin-right:30px;}	 
    .subMegaMenu li p{	display: block;margin:0px;max-width:210px;}
    .vacancyGallery .galleryContent { width: 260px }


    .dc100 .projectreferences .slides .imagewrap    { width: 100%; }
    .dc100 .projectreferences .slides .linkwrap   {  width:100%; height:70px; }
    .dc100 .projectreferences .bottom{   width:100%;float:left;}
    .dc100 .projectreferences .flex-control-nav{bottom:90px;}
    .dc100 .projectreferences .flexslider{ width:70%;margin:0 15%;}
    .dc100 .projectreferences .header{display:block;}
    .dc100 .projectreferences .main{margin-top:0px;}
    .dc100 .projectreferences .slides .imagewrap img   {height:166px; width:auto; margin-left:-55px; }
    .dc100 .projectreferences .flex-direction-nav a{    top:50%;}
    .dc100 .projectreferences .slides .linkwrap .description  { display:none; }
}

/* Smartphones (portrait) ----------- */
@media screen and (max-device-width : 480px) 
{
    

	#header #navigation .search .box{width:140px;}
	#header #menu li, #header #menu li:hover, #header #menu li.active {width:96%;margin-bottom:5px;}
	#tab {width:270px;padding:20px;}
	.dc50 {width:100%;}
	.dc33 {width:100%;}
	.dc25 {width:50%;}    

    .margin{margin:0px 14px 14px 0px;width:auto;}
    #main #shadow {padding:14px 0px 0px 14px;}
    #pagecontainer{margin:0px 14px 14px 0px}
    .focusareas{margin-right:14px;}

	.HideOniPad {display:inline;}
	.HideOnSmartphones {display:none;}
    .focusareas{display:none;}
    #content #services li {	display: block;    float: left;	width:99%;	margin-right:1%;}
    #content #services li a {   font-size:15px;	     width:200px;    padding-right:5px;  }
    .vacancyGallery .galleryImage { display: none; }
    .vacancyGallery .galleryContent { width: 225px }
    .gallery .main ul li { margin-right: 20px }
}