/* home */
#divBlockHome {float:left;width:300px;margin-right:50px;background-color:#ffffff;margin-top:0px;padding:5px;border:2px solid #efefef}
#divBlockHome  > #divHeader {float:left;width:295px;padding:5px;padding-left:10px;margin-left:-5px;margin-top:-5px;}
#divBlockHome  > #divBottom {float:right;width:inherit;text-align:right;}
#divBlockHome  > #divHomeText {float:left;width:280px;padding:10px;}
#divBlockHome  > #divHomeText > UL {list-style-image:url(../images/website/balletje.png);}
#divBlockHome  > #divHomeText > UL > LI > A {color:#000000}
#divBlockHome  > #divHomeText > UL > LI > A:hover {color:#662483}
.paars {background-color:#662483;color:#ffffff;font-size:110%;}
.groen {background-color:#8dc63f;color:#ffffff;font-size:110%;}
.orange {background-color:#f39200;color:#ffffff;font-size:110%;}
#divBlockHome  > #divBottom > A > INPUT {margin-top:10px;background-color:#f39200;color:#ffffff;padding-top:5px;padding-bottom:5px;}
#divBlockHome  > #divBottom > A {text-decoration:none;}
div.itemtext {width:1110px;background-color:transparent;}

/* Smartphones (portrait and landscape) */
@media only screen and (orientation : portrait) and (min-device-width : 320px) and (max-device-width : 480px) {
    div {display:block;float:left;width:100%;box-sizing:border-box;}
    #divHeader {display:block;float:left;width:100%;padding-left:4px}
    #divHomeText {width:100%;}
    #divBlockHome {display:block;float:left;width:100%;}
    #divBlockHome > #divBottom {display:block;float:left;text-align:left;}
    #divBlockHome > #divHeader {display:block;float:left;width:100%;}
}
@media only screen and (orientation : landscape) and (min-width : 321px) {
    
    #divBlockHome {float:left;width:100%;box-sizing:border-box;margin-bottom:5px;}
    #divBlockHome > #divHeader {float:left;width:100%;box-sizing:border-box;}
    #divBlockHome > #divHomeText {box-sizing:border-box;width:100%;float:left;}
    #divBlockHome > #divBottom {text-align:left;box-sizing:border-box;}
}
@media only screen and (min-width : 1224px) {
    #divBlockHome {float:left;width:300px;margin-right:50px;background-color:#ffffff;margin-top:0px;padding:5px;border:2px solid #efefef}
    #divBlockHome  > #divHeader {float:left;width:295px;padding:5px;padding-left:10px;margin-left:-5px;margin-top:-5px;}
    #divBlockHome  > #divBottom {float:right;width:inherit;text-align:right;}
    #divBlockHome  > #divHomeText {float:left;width:280px;padding:10px;}
    #divBlockHome  > #divHomeText > UL {list-style-image:url(../images/website/balletje.png);}
    #divBlockHome  > #divHomeText > UL > LI > A {color:#000000}
    #divBlockHome  > #divHomeText > UL > LI > A:hover {color:#662483}
    .paars {background-color:#662483;color:#ffffff;font-size:110%;}
    .groen {background-color:#8dc63f;color:#ffffff;font-size:110%;}
    .orange {background-color:#f39200;color:#ffffff;font-size:110%;}
    #divBlockHome  > #divBottom > A > INPUT {margin-top:10px;background-color:#f39200;color:#ffffff;padding-top:5px;padding-bottom:5px;}
    #divBlockHome  > #divBottom > A {text-decoration:none;}
    div.itemtext {width:1110px;background-color:transparent;}
    
}