/*
    Midden pan:         #B19E88
    Lichtere pannen:    #C0B6A5
    Oranje pan:         #E67426
    Bruine balk:        #8B4F34

                        #693707 sitenavtext, sitelistprogressavailable, sitelistfirstsalesdate, sitelistdayoftheweek, sitelistdate
                        #C9BA9F sitefootertext, sitedebugtext
                        #314B5C siteh4
                        antiquewhite sitelistprogressassigned
    Blue?               #005992 sitelistavailable, sitelistphotoby, sitelistartist, sitehomeartist, sitelistbutton, siteartistphotoby, siteconfirmexplanation
*/

body {
    background-color: #C0B6A5;
}

/*
    Site NAVIGATION
*/

.sitenavbackgrnd {
    background-color: #B19E88;
    font-size: 24px;
}

.sitenavtext {
    font-size: 24px;
    color: #693707;
    font-weight: bold;
}

.sitenavup {
    color: black;
}

.siteheadertext {
    color: #E67426;
    font-size: 24px;
    width: 60%;
    margin: auto;
    font-weight: bold;
    text-align: center;
}

.siteheadername {
    color: #E67426;
    font-size: 24px;
    width: 80%;
    margin: auto;
    font-weight: bold;
    text-align: center;
}

.sitefootertext {
    width: 80%;
    margin: auto;
    text-align: center;
    color: #C9BA9F;
}

.sitedebugtext {
    text-align: center;
    color: #C9BA9F;
}

/*
    Site LIST
*/

.sitelistbackgrnd,
.siteperformancebackgrnd,
.siteartistbackgrnd,
.sitecontactbackgrnd,
.sitehomebackgrnd,
.siteregistrationbackgrnd,
.siteconfirmbackgrnd,
.sitereglementbackgrnd,
.sitevoorwaardenbackgrnd,
.sitefaqbackgrnd,
.sitepaybackgrnd,
.sitemediabackgrnd,
.sitesalebackgrnd {
    background-color: #B19E88;
}

.sitelistperformancetype,
.siteperformancename,
.siteartistname,
.sitecontactname,
.siteregistrationname,
.siteconfirmname,
.sitesaleperformancetype,
.sitereglementname,
.sitevoorwaardenname,
.sitefaqname,
.sitepayname,
.sitesalename {
    font-size: 24px;
    color: #8B4F34;
    font-weight: bold;
}

.siteh4 {
    color: #314B5C; /* Blue (coat) */
    margin: auto;
    width: 90%;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
}

.sitehomename {
    font-size: 24px;
    color: #8B4F34;
    font-weight: bold;
    text-align: center;
}

.sitelistprogressassigned,
.sitesaleprogressassigned {
    /* background-color: #693707; */ /*Brown*/
    color: antiquewhite;
    font-weight: bold;
}

.sitelistprogressavailable,
.sitesaleprogressavailable {
    /* background-color: antiquewhite; */
    color: #693707; /*Brown*/
    font-weight: bold;
}

.sitelistprogress,
.sitesaleprogress {
    height: 20px;
}

.sitelistavailable,
.sitesaleavailable {
    color: #005992; /*Blue*/
}

.sitelistfirstsalesdate,
.sitesalefirstsalesdate {
    font-size: 16px;
    color: #693707; /*Brown*/
}

.sitelistdayoftheweek,
.sitesaledayoftheweek {
    font-size: 16px;
    color: #693707; /*Brown*/
}

.sitelistdate,
.sitesaledate {
    font-size: 24px;
    color: #693707; /*Brown*/
}

.sitelistphotoby,
.sitehomephotoby,
.sitesalephotoby {
    font-size: 10px;
    text-align: center;
    color: #005992; /*Blue*/
}

.sitelistartist,
.sitelistperformance,
.sitelistroom,
.sitelistprice,
.sitelistremark,
.sitesaleartist,
.sitesaleperformance,
.sitesaleroom,
.sitesaleprice,
.sitesaleremark {
    font-size: 16px;
    color: #005992; /*Blue*/
    font-weight: bold;
}

.sitehomeartist,
.sitehomeperformance {
    font-size: 16px;
    color: #005992; /*Blue*/
    font-weight: bold;
    text-align: center;
}

.sitelistbutton,
.sitehomebutton,
.siteperformancebutton,
.siteregistrationbutton,
.siteconfirmbutton,
.sitepaybutton,
.sitesalebutton {
    background-color: #E67426;
    color: #005992; /*Blue*/
    font-weight: bold;
}

/*
    Site PERFORMANCE
*/

.siteperformancetext,
.siteartisttext,
.sitecontacttext,
.siteregistrationtext,
.siteconfirmtext,
.sitereglementtext,
.sitevoorwaardentext,
.sitesaletext,
.sitefaqtext,
.sitepaytext,
.sitehometext {
    color: black;
}

/*
    Site ARTIST
*/

.siteartistphotoby {
    font-size: 10px;
    text-align: left;
    color: #005992; /*Blue*/
}

/* Site REGISTRATION */

.siteregistrationmobile {
    text-align: left;
    font-weight: bold;
}

.siteregistrationproblem,
.siteconfirmproblem,
.sitesaleproblem {
    color: red;
}

/* Site CONFIRMATION */

.siteconfirmcode,
.sitesalelabelname,
.sitesalequantity {
    text-align: left;
    font-weight: bold;
}

.siteconfirmexplanation {
    color: #005992; /*Blue*/
}

/* Site SALE */

.iconmail {
    background-image: url('/Images/Icons/Mail_256x209.png');
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
}

.iconmobile {
    background-image: url('/Images/Icons/Mobile_161x256.png');
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
}

.iconkvk {
    background-image: url('/Images/Icons/kvk_transparent.png');
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
}

.sitehometable {
    margin-right: auto;
    margin-left: auto;
}