@import "http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin";


h1, h2, h3, h4, h5, h6 {
    color: #006892;
    font-family: "Ubuntu",sans-serif;
    font-style: normal;

}

pre.programlisting {
  background-color: #EEEEEE ;
  border: 1px solid #006892;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: small;
  margin:20px;
}

code.code {
  background-color: #EEEEEE ;
  font-family: "Lucida Console", Monaco, monospace;
}

img {
    margin: 2px;
}

.table{
    border-collapse: collapse;
    margin:20px;
}

.table td, .table th {
    border: 1px solid #006892;
    padding: 8px;
}

.table tr:nth-child(even){background-color: #F6F6F6;}


.table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #EEEEEE;
    color: #006892;
}

.tab { margin-left: 4em; }

.inline_image {
  height: 1em;
  width: auto;
}

.contained {
    /* width: 100%; */
  object-fit: scale-down;
  max-width: 100%;
  max-height: 100%;
}

.titellogo
{
    float:left;
    max-width:100px;
    max-height:100px;
    margin-right:20px;
    margin-bottom:10px;
}

.illustratie
{
    float:right;
    margin-right:20px;
    margin-left:20px;
    margin-bottom:10px;
    margin-top:10px;
}

.screenshot
{
    margin:20px;
    border: 1px solid #006892;
}

.hiddenlink {
  display:none;
}

#topContainerTitlePage {
  /* /height: 200px;*/
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#topLeftTitlePage {
  height: 10em;
  width: 10em;
  background-color: white;
  text-align:left;

  border-right-style:solid;
  border-right-color:white;
  border-right-width: 2em;
}
#topCenterTitlePage {
  /* height: 200px;*/
  background-color: white;
  text-align:left;
  vertical-align:central;
}
#topRightTitlePage {
  /* height: 12em;*/
  min-width: 100px;
  background-color: white;
  text-align:right;
}

#topContainer {
  /* height: 100px;*/
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#topLeft {
  height: 12em;
  width: 12em;
  background-color: white;
  text-align:left;

  border-right-style:solid;
  border-right-color:white;
  border-right-width: 2em;
}
#topCenter {
  /* width: 50%;*/
  background-color: white;
  text-align:left;
  vertical-align:central
}
#topRright {
  min-width: 100px;
  background-color: white;
  text-align:right;
}