/* CSS, intro-menut web page */

:root {--cstmcol: 3D96D1;}

body {
  width:100%;
  margin:0;
  padding:0;
  padding-top:0%;
  padding-left:0%;
  background:#fff;
  color:#000;
  text-align: justify;
  font-size: 175%;
}

.page {
    margin-left: 5%;
}

.maincontent {
    margin-left: 22.5%;
    margin-right: 10%;
    width: 60%;
    font-size: 60%;
    vertical-align: text-top;
}

.menuleftcontent{
    float: left;
    width: 20%;
    margin-left: -2.5%;
    margin-right: 2.5%;
    background-color: #CCCCCC;
    vertical-align: text-top;
}

.solocontent {
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
    font-size: 60%;
    vertical-align: text-top;
}

.clearingdiv {
    clear: both;
}

a:link {
   color: var(--cstmcol);
   text-decoration: none;
}

a:visited {
   color: var(--cstmcol);
}

a:hover {
   color: var(--cstmcol);
   background-color: DFDADD;
   text-decoration: none;
}

a:active {
   color: var(--cstmcol);
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 2px;
}
