/*** 01 - Standard CSS ***/
body{
    background-color: #F7F8FA;
    color: #000000;
    font-family: 'Cabin', Helvetica Neue, Sans-serif;
    font-weight: 500;
}


/*** 02 - Headerlogo ***/
img#logo{
    height: 75px;
    margin-bottom: 20px;
}


/*** 03 - Container ***/
.nav_header{
    display: inline-block;
    background-color: #E8E8E8;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border-style: groove;
    border-width: 1pt;
    border-radius: 5px;
}

.main_container{
    display: inline-block;
    background-color: #E8E8E8;
    margin: 10px;
    padding: 10px;
    border-style: groove;
    border-width: 1pt;
    border-radius: 5px;
}

#zebra{
    color: #000000;
    text-decoration: none;
    width: 500px;
    border-style: groove;
    border-width: 1pt;
}


/*** 04 - Colors ***/
.bg_grey{
    background-color: #CCCCCC;
}

.bg_white{
    background-color: #FFFFFF;
}

.bg_green{
    background-color: #B4CC03;
}


/*** 05 - Buttons ***/
.button{
    color: #000000;
    text-decoration: none;
    display: inline-block;
    min-width: 150px;
    height: 25px;
    margin: 10px;
    padding: 10px;
    border-style: groove;
    border-width: 1pt;
    border-radius: 5px;
}

a:visited{
    text-decoration: none;
}


/*** 06 - Direction ***/
.center{
    text-align: center;
}

.middle{
    width: 50%;
}