@charset "UTF-8";

/* Layout Small Screens */

body { background-image: none; }
header { height: 153px; background: url(../plaat/banner_small.jpg) no-repeat center 0px; }
header a.logo { width: 164px; height: 28px; top: 110px; left:0px; background-image: url(../plaat/logo_large.png); }

article { padding: 20px 20px 10px 20px; font-size: 1.2em; }

.page { margin: 0px auto 0px auto; }

.promo_container { padding: 0px; }
.promo_container .promo { 
    float: none;
    width: auto;
    padding: 10px 0px 0px 0px;
    background-position: 20px 13px;
    border-top: 1px solid #ccc;
}
.promo_container .promo .content { padding: 0px 20px 5px 90px; }

footer { border-top: 1px solid #ccc; }

nav { position: static; padding: 10px 0px 10px 0px; background-color: #3b6e6e; }
nav a { 
    color: #d0e6e6;
    display: block;
    margin: 15px;
    padding: 9px;
    border: 1px solid #fff;
    background: url(../plaat/mobile_link_arrow.png) no-repeat right center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

nav a:hover { color: #fff; background-color: rgba(255,255,255,.15); }