/* CUSTOM STYLES
 * in database tabel stylefont worden lettertypen en grootte opgeslagen.
 * in database tabel stylecolor worden de kleuren opgeslagen
 * plaats hier de systemkey voor het plaatsen van kleuren met prefix bg_ voor achtergrondkleur
 * en text_ voor tekstkleur.
 * lettertypen bestaan uit twee delen (array) namelijk font-family en font-size
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700|Ubuntu:300,400,400i,700');


body{
    background-color: #3E4A5E;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
}

h1, h2, h3{
    color: #FEF1D7;
}

h1{
    
    font-size: 23px;
}

h2{
    
    font-size: 23px;
}

h3{
    
    font-size: 20px;
}

p{
    color: rgb(255, 255, 255);
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
}

.contact_panel p,
.contact_panel a {
    color: rgb(255, 255, 255);
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
}

.paragraph a,
.panel p a {
    color: rgb(255, 255, 255);
}

header nav{
    background-color: #3E4A5E;
}

header nav .top>li>a,
header nav .sub>li>a{
    color: #FDD896;
    
    font-size: 20px;
}

header nav .top>li>a:hover,
header nav .top>li>a.current,
header nav .sub>li>a:hover,
header nav .sub>li>a.current{
    background-color: rgba(255, 255, 255, 0);
    color: #FDD896;
}

header nav .sub>li {
    background-color: rgba(255, 255, 255, 0);
}

.hamburger,
.hamburger p{
    color: #FDD896;
}

.banner_slide h4{
    background-color: rgba(255, 255, 255, 0);
    color: rgb(255, 255, 255);
    
    font-size: 50px;
}

.banner_slide .text p{
    background-color: rgba(255, 255, 255, 0);
    color: rgb(255, 255, 255);
    
    font-size: 33px;
}

.headlines{
    background-color: rgba(255, 255, 255, 0);
}

.headlines h1{
    color: rgb(255, 255, 255);
    
    font-size: 23px;
}

.headlines h2{
    color: #FDD896;
    
    font-size: 23px;
}

#center{
    background-color: rgba(62, 74, 94, 0);
}

.quotes{
    background-color: rgb(255, 255, 255);
}
.quotes h4,
.quotes p{
    color: #707173;
}

.socials{
    background-color: rgba(255, 255, 255, 0);
}

.socials a{
    color: #D0D2D3;
    background-color: rgba(255, 255, 255, 0);
    border-color: #D0D2D3!important;
}

#sound{
    background-color: #3E4A5E;
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255)!important;
}

.c2a {
    background-color: #535E72;
    color: #FDD896;
    
    font-size: 16px;
}

footer{
    background-color: #3B3B3A;
    color: #D0D2D3;
}

footer h3{
    color: #D0D2D3;
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
}

footer a, footer p, footer span, .keyval label{
    color: #D0D2D3;
}

footer .businesshours{
    color: #D0D2D3;
}

#credits{
    background-color: rgb(255, 255, 255);
}

#credits a{
    color: rgb(186, 186, 186);
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}