/*Site.Master*/
body {
    
}
#Login1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.LoginTitle{
    font-size:14px;
    font-weight:bold;
}
input:focus {
    outline:none;
}
/*Welkom.aspx*/
/*One row six columns*/
    .col6-1{
    float:left;
    height:100%;
    width:16.6667%;
    }
    .col6-2{
    float:left;
    height:100%;
    width:16.6667%;
    }
    .col6-3{
    float:left;
    height:100%;
    width:16.6667%;
    }
    .col6-4{
    float:left;
    height:100%;
    width:16.6667%;
    }
    .col6-5{
    float:left;
    height:100%;
    width:16.6667%;
    }
    .col6-6{
    float:left;
    height:100%;
    width:16.6667%;
    }
/*One row seven columns*/
    .col7-1{
    float:left;
    height:100%;
    width:14.2857%;
    }
    .col7-2{
    float:left;
    height:100%;
    width:14.2857%;
    }
    .col7-3{
    float:left;
    height:100%;
    width:14.2857%;
    }
    .col7-4{
    float:left;
    height:100%;
    width:14.2857%;
    }
    .col7-5{
    float:left;
    height:100%;
    width:14.2857%;
    }
    .col7-6{
    float:left;
    height:100%;
    width:14.2857%;
    }
    .col7-7{
    float:left;
    height:100%;
    width:14.2857%;
    }
/*One row eight columns*/
    .col8-1{
    float:left;
    height:100%;
    width:12.5%;
    }
    .col8-2{
    float:left;
    height:100%;
    width:12.5%;
    }
    .col8-3{
    float:left;
    height:100%;
    width:12.5%;
    }
    .col8-4{
    float:left;
    height:100%;
    width:12.5%;
    }
    .col8-5{
    float:left;
    height:100%;
    width:12.5%;
    }
    .col8-6{
    float:left;
    height:100%;
    width:12.5%;
    }
    .col8-7{
    float:left;
    height:100%;
    width:12.5%;
    }
    .col8-8{
    float:left;
    height:100%;
    width:12.5%;
    }
@media only screen and (max-width: 320px)  {
    /*six rows one column*/
    .col6-1{
    clear:both;
    height:100%;
    width:100%;
    }
    .col6-2{
    clear:both;
    height:100%;
    width:100%;
    }
    .col6-3{
    clear:both;
    height:100%;
    width:100%;
    }
    .col6-4{
    clear:both;
    height:100%;
    width:100%;
    }
    .col6-5{
    clear:both;
    height:100%;
    width:100%;
    }
    .col6-6{
    clear:both;
    height:100%;
    width:100%;
    }
    /*seven rows one column*/
    .col7-1{
    clear:both;
    height:100%;
    width:100%;
    }
    .col7-2{
    clear:both;
    height:100%;
    width:100%;
    }
    .col7-3{
    clear:both;
    height:100%;
    width:100%;
    }
    .col7-4{
    clear:both;
    height:100%;
    width:100%;
    }
    .col7-5{
    clear:both;
    height:100%;
    width:100%;
    }
    .col7-6{
    clear:both;
    height:100%;
    width:100%;
    }
    .col7-7{
    clear:both;
    height:100%;
    width:100%;
    }
    /*eight rows one column*/
    .col8-1{
    clear:both;
    height:100%;
    width:100%;
    }
    .col8-2{
    clear:both;
    height:100%;
    width:100%;
    }
    .col8-3{
    clear:both;
    height:100%;
    width:100%;
    }
    .col8-4{
    clear:both;
    height:100%;
    width:100%;
    }
    .col8-5{
    clear:both;
    height:100%;
    width:100%;
    }
    .col8-6{
    clear:both;
    height:100%;
    width:100%;
    }
    .col8-7{
    clear:both;
    height:100%;
    width:100%;
    }
    .col8-8{
    clear:both;
    height:100%;
    width:100%;
    }
}
@media only screen and (max-width: 480px) and (min-width: 321px) {
    /*three rows two columns*/
    .col6-1{
    float:left;
    height:100%;
    width:50%;
    }
    .col6-2{
    float:left;
    height:100%;
    width:50%;
    }
    .col6-3{
    clear:both;
    height:100%;
    width:50%;
    }
    .col6-4{
    float:left;
    height:100%;
    width:50%;
    }
    .col6-5{
    clear:both;
    height:100%;
    width:50%;
    }
    .col6-6{
    float:left;
    height:100%;
    width:50%;
    }
    /*four rows two columns*/
    .col7-1{
    float:left;
    height:100%;
    width:50%;
    }
    .col7-2{
    float:left;
    height:100%;
    width:50%;
    }
    .col7-3{
    clear:both;
    height:100%;
    width:50%;
    }
    .col7-4{
    float:left;
    height:100%;
    width:50%;
    }
    .col7-5{
    clear:both;
    height:100%;
    width:50%;
    }
    .col7-6{
    float:left;
    height:100%;
    width:50%;
    }
    .col7-7{
    clear:both;
    height:100%;
    width:50%;
    }
    /*four rows two columns*/
    .col8-1{
    float:left;
    height:100%;
    width:50%;
    }
    .col8-2{
    float:left;
    height:100%;
    width:50%;
    }
    .col8-3{
    clear:both;
    height:100%;
    width:50%;
    }
    .col8-4{
    float:left;
    height:100%;
    width:50%;
    }
    .col8-5{
    clear:both;
    height:100%;
    width:50%;
    }
    .col8-6{
    float:left;
    height:100%;
    width:50%;
    }
    .col8-7{
    clear:both;
    height:100%;
    width:50%;
    }
    .col8-8{
    float:left;
    height:100%;
    width:50%;
    }
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
    /*two rows three columns*/
    .col6-1{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col6-2{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col6-3{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col6-4{
    clear:both;
    height:100%;
    width:33.33%;
    }
    .col6-5{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col6-6{
    float:left;
    height:100%;
    width:33.33%;
    }
    /*three rows three columns*/
    .col7-1{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col7-2{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col7-3{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col7-4{
    clear:both;
    height:100%;
    width:33.33%;
    }
    .col7-5{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col7-6{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col7-7{
    clear:both;
    height:100%;
    width:33.33%;
    }
    /*three rows three columns*/
    .col8-1{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col8-2{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col8-3{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col8-4{
    clear:both;
    height:100%;
    width:33.33%;
    }
    .col8-5{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col8-6{
    float:left;
    height:100%;
    width:33.33%;
    }
    .col8-7{
    clear:both;
    height:100%;
    width:33.33%;
    }
    .col8-8{
    float:left;
    height:100%;
    width:33.33%;
    }
}
@media only screen and (max-width: 1000px) and (min-width: 769px) {
    /*two rows three columns*/
    .col6-1{
    float:left;
    height:100%;
    width:33.3333%;
    }
    .col6-2{
    float:left;
    height:100%;
    width:33.3333%;
    }
    .col6-3{
    float:left;
    height:100%;
    width:33.3333%;
    }
    .col6-4{
    clear:both;
    height:100%;
    width:33.3333%;
    }
    .col6-5{
    float:left;
    height:100%;
    width:33.3333%;
    }
    .col6-6{
    float:left;
    height:100%;
    width:33.3333%;
    }
    /*two rows four columns*/
    .col7-1{
    float:left;
    height:100%;
    width:25%;
    }
    .col7-2{
    float:left;
    height:100%;
    width:25%;
    }
    .col7-3{
    float:left;
    height:100%;
    width:25%;
    }
    .col7-4{
    float:left;
    height:100%;
    width:25%;
    }
    .col7-5{
    clear:both;
    height:100%;
    width:25%;
    }
    .col7-6{
    float:left;
    height:100%;
    width:25%;
    }
    .col7-7{
    float:left;
    height:100%;
    width:25%;
    }
    /*two rows four columns*/
    .col8-1{
    float:left;
    height:100%;
    width:25%;
    }
    .col8-2{
    float:left;
    height:100%;
    width:25%;
    }
    .col8-3{
    float:left;
    height:100%;
    width:25%;
    }
    .col8-4{
    float:left;
    height:100%;
    width:25%;
    }
    .col8-5{
    clear:both;
    height:100%;
    width:25%;
    }
    .col8-6{
    float:left;
    height:100%;
    width:25%;
    }
    .col8-7{
    float:left;
    height:100%;
    width:25%;
    }
    .col8-8{
    float:left;
    height:100%;
    width:25%;
    }
}