/* Basic construct styles #####################  */
/* DIV Definition styles ##################################################  */

#lefta{
 text-align: left
}

#rightlefta{
 text-align: right
}

#container{
 position:absolute;
 width:100%;
 height:100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#HeaderTop{
 height: auto;
 margin: 0px 0px 3px 0px;
 width: 100%;
 background-color: #89C3E5;
}


#headerLeft{
 width: 15%;
 padding: 2px;

 background-color: #89C3E5;
}

#headerBottom{
 width: 100%;
 height: auto;
 float: left;
 background-color: #89C3E5;
}


#headerRight{
 width: 20%;
 float: right;
 text-align: right;
 background-color: #89C3E5;
}

#MiddlePage{
 width: 100%;
 height: auto;
 float: left;
 background-color:#FFFFFF;
}

#Content{

 padding: 1%;
 width:100%;
 height: auto;
 min-height: 85%;
 background-color:#FFFFFF;


}

#Footer{
    clear: both;
 width:100%;
 height: auto;
 background-color:#89C3E5;
}

#loading{
 height: 10px;
 width: 10px;
}

#zaalbox, #zaalpersbox {
    position: absolute;
    background-color: #BCD9E9;
    border: 2px dotted #89C3E5;
    z-index: 300;
    display: none;
    padding: 1%;
}

#kalformdiv, #uitslagenformdiv{
 padding-top: 1%;
 width:100%;
 height: auto;
 background-color:#FFFFFF;
    clear: both;
}

#kaltablediv, #uitslagentablediv{
 padding-top: 1%;
       max-width: 100em;
       width: 75%;
       min-width: 60em;
 height: auto;
     clear: both;
            margin-right: auto;
       margin-left: auto;
        margin-bottom: 10px;;

}

#kalformcenter {
       max-width: 100em;
       width: 75%;
       min-width: 60em;
       height: auto;
       margin-right: auto;
       margin-left: auto;
    clear: both;
}

#uitslagenformleft {
        width: 85%;
    float: left;
    text-align: center;
}

#kalformleft{
        width: 85%;
    float: left;
}

#kalformright, #uitslagenformright {
    width: 9%;
    float: right;
}

#ploegselect span, #periodeselect span{
    color: #006699;
    text-decoration: underline;
    margin: auto;
}





#periodeheader{

}

#periodebody{

}

#kalbutton, #printbutton {
    margin: auto;
    padding: 3px;
}




/*@media print
{
    #HeaderTop{
display:none;
    visibility: hidden;
} 


#headerLeft{
display:none;
    visibility: hidden;}

#headerBottom{
display:none;
    visibility: hidden;}


#headerRight{
display:none;
    visibility: hidden;}
}
*/