/* type HTC Desire S portrait */
@media only screen 
and (min-width : 320px) 
{
a:focus {border:0;} 
header#header {background-image:none;}
header#header nav .leftFloat ul#languageSwitch {display:none;}
header#header nav .rightFloat ul.serviceNav {display:none;}
header#header nav .rightFloat select.serviceNav {display:block;margin-top:20px;margin-right:10px;}
header#header #headContent {clear:both;position:relative;top:12px;}
header#header #headContent figure {float:left;margin:0 0 20px 0;position:relative;left:5px;width:50%;}
header#header #headContent figure img {max-width:100%;}
header#header #headContent iframe#topnav {border:0;float:right;height:110px;margin:0;width:100%;border-bottom:1px solid white;bottom:5px;}
#homepage article#intro {display:none;}
#homepage section #eBoxFrame {float:none;height:384px;margin-top:5%;width:100%;}
#eBoxFrame #insertBox {background:none;}
#homepage section aside {float:none;width:100%;}
#homepage section aside header {background:#dcdfe6;color:#414650;height:60px;padding:10px 0 0 13px;}
#homepage section aside header h2 {font-size:133.3333333%;font-weight:700;margin-bottom:9px;}
#homepage section aside #applicationsBox > .appBanner {float:none;margin:0 auto 5px auto;}
#homepage section aside #applicationsBox > .appBanner:nth-child(even) { margin-left: auto; }
#homepage section .banners {background:none;float:none;margin:0 auto 5px;width:313px;height:153px;}
#homepage section .banners figure {background:none;padding-right:0;}
#homepage section .banners figure a {display:inline;}
#homepage footer #partners {position:relative;width:100%;}
#homepage footer #partners #institutions {background:#e8ebf1;float:none;width:100%;}
#homepage footer #partners ul li {clear:both;float:none;width:auto;margin-right:0;margin-bottom:5px;}
#homepage footer #partners ul a {color:#8e8f91;}
#homepage footer #partners ul a:hover {color:#414650;}
#homepage footer #partners ul li figure {margin-bottom:9px;}
#homepage footer #partners aside {background:#6f7989;float:left;position:relative;top:0;width:100%;height:auto;}
#homepage footer #partners aside p {padding:5px;line-height:16px;text-align:center;}
#homepage footer #partners {margin-bottom:4px;}
#homepage footer #footer {border-top:2px solid #fff;width:100%;}
#about #content {margin:20px auto 10px auto;overflow:hidden;width:98%;}
#about #content #main, #about #content #partners {width:100%;float:none;}
#about #content aside {background:#e8ebf1;height:auto;margin-bottom:7px;}
#about #content aside header h1 {margin-right:1px;padding-top:0px;}
#about #content #addInstitution {background:#6f7989;color:#fff;padding:18px 24px;z-index:500;}
#about #content #addInstitution a {color:#fff;font-weight:700;text-decoration:underline;}
#faq section {margin-top:30px;}
#faq section header h1 {margin-left:0;}
#faq section .subSection {margin:20px 0 0;}
#faq section .subSection h3.expand {margin:0 0 6px 0;}
#faq section .subSection h3.open {margin:0 0 0 0;}
#faq section .subSection article {margin:0 0 6px 0;}
#contact #content section {float:none;width:100%;}
#contact #content #otherContact {background:#e8ebf1;float:none;height:auto;padding:18px;width:100%;}
#language #allContainer figure {width:100%;}
#language #allContainer figure img {margin-left:0;max-width:100%;}
#language #allContainer ul {background:none;height:263px;overflow:hidden;padding:48px 0 0 0;width:100%;}
#language #allContainer ul li {font-size:120%;}
#error #allContainer {margin-top:5px;}
#error #allContainer figure {margin-top:10px;margin-left:40px;width:70%;}
#error #allContainer figure img {max-width:100%;}
}
/* type HTC Desire S landscape */
@media only screen 
and (min-width : 480px) 
{
}
/* type Galaxy SIII portrait */
@media only screen 
and (min-width : 720px) 
{
header#header {background-image:none;}
header#header nav .leftFloat ul#languageSwitch {display:block;}
header#header nav .rightFloat ul.serviceNav {display:block;float:right;}
header#header nav .rightFloat select.serviceNav {display:none;}
header#header nav .leftFloat {clear:both;float:left;}
header#header nav .rightFloat {clear:none;float:right;}
header#header nav .rightFloat ul.serviceNav {margin-left:10px;}
header#header nav .leftFloat ul#languageSwitch {margin:0 0 0 10px;padding-top:20px;}
header#header nav .leftFloat ul#languageSwitch li {float:left;font-size:0.8em;margin-right:2px;padding:2px;}
header#header nav .rightFloat ul.serviceNav li {float:left;font-size:.8em;margin-right:2px;padding:2px;}
header#header #headContent figure {float:left;margin:0 0 22px 0;position:relative;left:5px;width:48%;}
header#header #headContent figure img {max-width:90%;}
header#header #headContent iframe#topnav {border:0;float:right;height:110px;margin:0;width:352px;border-bottom:1px solid white;bottom:-12px;}
#homepage article#intro {display:block;}
#homepage article#intro p {width:97.91%;}
#homepage section .banners {background:#E8EBF1;float:left;margin:5px auto 0;width:313px;}
#homepage section #eBoxFrame {float:left;height:384px;margin-top:0;width:352px;}
#eBoxFrame #insertBox {background:none;}
#homepage section aside {background:#fff;float:right;margin-top:0;width:337px;}
#homepage section aside #applicationsBox #student,
#homepage section aside #applicationsBox #activa, 
#homepage section aside #applicationsBox #pension,
#homepage section aside #applicationsBox #elo,
#homepage section aside #applicationsBox #horeca,
#homepage section aside #applicationsBox #calidris,
#homepage section aside #applicationsBox #interimatwork{float:none;margin:0 auto 5px auto;}

#homepage section aside .banners {float:none;margin:0 auto 5px auto;}
#homepage section aside #applicationsBox #student aside.studentContingent {background:transparent;}
#homepage footer #partners {width:auto;}
#homepage footer #partners ul li {clear:none;float:left;box-sizing:border-box;padding-right:5px;width:16.6%;}
#homepage footer #partners #institutions {background:#E8EBF1;width:auto;}
#homepage footer #partners aside {width:100%;}
#homepage footer #footer {width:100%;}
#about #content section, #about #content aside, #about #content #addInstitution, #contact #content section, #contact #content #otherContact {width:100%;}
#homepage footer #footer, footer #footer {width:100%;}
#about #content aside p {margin:5px;}
#faq section {margin-top:30px;}
#faq section header h1 {margin-left:0;}
#faq section .subSection {margin:20px 0 0;}
#faq section .subSection h3.expand {margin:0 0 6px 0;}
#faq section .subSection h3.open {margin:0 0 0 0;}
#faq section .subSection article {margin:0 0 6px 0;}
}

/* iPads (portrait) */
@media only screen 
and (min-width : 768px) 
{
#homepage section aside {background:#fff;float:right;margin-top:0;width:52%;}
#homepage section .banners {background:#fff;float:right;margin:5px auto 0;width:43.4%;}
#homepage section .banners figure.img153 {float:left;margin-left:0;}
}
@media only screen 
and (min-width : 800px) 
{
}