@import url('https://fonts.googleapis.com/css?family=Muli:200,200i&display=swap');

*{

    margin: 0px;
    padding: 0px;
    font-family: 'Muli', sans-serif;
    font-weight: 100;
    font-style: normal;

}

header.header{

    padding: 30px;
    display: block;
    height: 18px;
    color: #fff;
    background: #000;

}

header.header .left{

    float: left;

}

header.header .right{

    float: right;

}

footer.footer{

    background: #222;
    padding: 100px;
    color: #fff;

}
a{

    color: inherit;
    text-decoration: none;

}

div.article{

    padding: 10px;
    margin: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 290px;
    display: inline-block;

}

div.errorpage {

    height: 540px;
    position: relative;

}
div.errorpage .content{

    position: absolute;
    width: 100%;
    height: 100%;
    font-size: calc(1.5em);
    display: table; 

}
div.errorpage .content p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}
div.errorpage .content form {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}
span.big{

    font-size: 3em;
    text-transform: uppercase;

}

div.ressourceLister{

    padding: 30px;
    min-height: 450px;

}

i{

    font-family: 'Muli', sans-serif;
    font-style: oblique 45deg;
    border-bottom: 1px dashed blue;

}

.panel{

    display: inline-block;
    padding: 30px;
    width: 200px;
    margin: 10px;
    vertical-align: top;
    text-align: left;

}

.ressourceLine{

    padding: 20px;
    border-top: 1px solid #ddd;
    font-size: 1.2em;

}

div.leftMenu{

    padding: 50px;
    background: rgb(0, 130, 216);
    color: #fff;

}
div.fullpannel{

    padding: 30px;

}

input[type=text]{

    background: #eee;
    padding: 10px;
    border: 0px;
    border-radius: 5px;
    color: #555;

}

input[type=password]{

    background: #eee;
    padding: 10px;
    border: 0px;
    border-radius: 5px;
    color: #555;

}

input[type=submit]{

    background: rgb(0, 130, 216);
    padding: 10px;
    border: 0px;
    border-radius: 5px;
    color: #fff;

}
input{

    font-size: 0.8em;

}

.message{

    padding: 30px;

}

.msgSuccess{

    background: rgb(85, 201, 85);
    color:#fff;

}
.msgErr{

    background: rgb(201, 85, 85);
    color:#fff;

}

div.highlightPicture{

    width: 90%;
    max-width: 450px;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;

}
div.highlightPicture img{

    width:100%;
    max-width: 450px;

}
div.olderHiglight{

    width: 90%;
    max-width: 450px;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #eee;
    padding-top: 20px;

}