/* *** Default's *** */
html
{   
    width: 100%; /* make the document 100% */
    height: 100%; /* make the document 100% */
    background-color:black; /**/
    color:whitesmoke; /**/
    /*font-size: 10%; /**/
}
body
{  
    width: 100%; /* make the body 100% of the document */
    height: 100%; /* make the body 100% of the document */
    /*font: 10em; /**/
}
h1{
    /*font-size:200%; /**/
    font-size:60px; /**/
    margin-top:6%; /**/
    margin-bottom:8%; /**/
    text-align:center; /**/
    color:whitesmoke; /**/
    /*background-color:black; /**/
}
h2{
    font-size:48px; /**/
    margin-top:50px; /**/
    text-align:center; /**/
    color:whitesmoke; /**/
}
h3{
    font-size:38px; /**/
    margin-top:50px; /**/
    text-align:center; /**/
    color:whitesmoke; /**/
}
h4{
    font-size:30px; /**/
    margin-top:50px; /**/
    text-align:center; /**/
    color:whitesmoke; /**/
}
h5{
    font-size:26px; /**/
    margin-top:50px; /**/
    text-align:center; /**/
    color:whitesmoke; /**/
}
h6{
    font-size:22px; /**/
    margin-top:50px; /**/
    text-align:center; /**/
    color:whitesmoke; /**/
}
hr{
    width:90%; /**/
}
img{
    display:block; /**/
    margin-left:auto; /**/
    margin-right:auto; /**/
    max-width:90%; /**/
    min-width:10%; /**/
}
video{
    display:block; /**/
    margin-left:auto; /**/
    margin-right:auto; /**/
    max-width:90%; /**/
    min-width:10%; /**/
}
p{
    font-size:30px; /**/
    display:block; /**/
    margin-left:20%; /**/
    color:whitesmoke; /**/
}

/* ### ID's ### */
#Login{
    text-align:center; /**/
    width:100%; /**/
    color:whitesmoke; /**/
}
#loginform{
    background-color:black; /**/
    display:inline-block; /**/
    color:whitesmoke; /**/
}
#form1{
    width: 100%; /**/
    height: 100%; /**/
}
#HeaderWrapperDiv {
    width:100%; /**/
    /*height:60%;/**/
    /*background-color:red; /**/
    overflow:hidden; /* make sure wrapperdiv will not collapse */
}
#HeaderLeftDiv{
    /*position: relative; /**/ 
    float:left; /**/
    width:20%; /**/
    text-align:left; /**/
    padding-top:2%; /**/
    padding-left:2%; /**/
    /*background-color:greenyellow; /**/
}
#HeaderMiddleDiv{
    /*position: relative; /**/ 
    float:left; /**/
    width:56%; /**/
    /*background-color:brown; /**/
}
#HeaderMiddleUpperDiv{
    text-align:center; /**/
    /*background-color:cyan; /**/
}
#HeaderMiddleLowerDiv{
    /*background-color:darkorange; /**/
}
#HeaderRightDiv{
    /*position: relative; /**/ 
    float:left; /**/
    width:20%; /**/
    text-align:right; /**/
    padding-top:2%; /**/
    padding-right:2%; /**/
    /*background-color:greenyellow; /**/
}
#ContentDiv{
    width:100%; /**/
    padding-top:10%; /**/
    /*background-color:indigo; /**/
}

/* ... Class's ... */
.AnkorLinks{
    font-size:30px; /**/
    display:block; /**/
    margin-left:20%; /**/
}
.alignRight{
    text-align :right; /**/
}