﻿
/* Slider */
/* a:link - a normal, unvisited link 
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked */

Sliderlink a:link a:visited {

    
    color: white;
    text-align: center;
    text-decoration: none;
    text-decoration-line:none;
  
}
.FotoUpload {
max-height:180px;
max-width:180px;

border-bottom-right-radius:10px;
border-top-left-radius:10px;
}
a:link {
    text-decoration: none;
    color: dimgray;
}
.ContainerHelepag {
    position: absolute ;
    width: 100%;
    top: 55px;
    left:0px;
}
.Container {
    position:relative;
    width: 98%;
    left:4px;

}
body {
  
 
    font-size: 13px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: dimgray;
    font-weight: 500;
}


h3 {
    font-size: 16px;
    color:black;
    font-weight:600;
    margin:0px;
    border-bottom:1px solid gray;
    width:99%;
    background-color:#3dabdd;
    padding-left:4px;
    
}
h4 {
    font-size: 14px;
    margin-top: 3px;
    margin-bottom:3px;
    
    width: 100%;
}

.TopBar {
    top: 0px;
    left: 0px;
    font-size: 12px;
    color: white;
    width: 100%;
    background-color: Black;
    padding: 5px;
    position: fixed;
    height: 25px;
    z-index: 5;
}

.SpacerHeader {
    height: 58px;
    position: fixed;
    background-color: white;
    width: 100%;
    z-index: 5;
    left: 0px;
}
.Spacer1Regel {
    width: 100%;
    height: 6px;
    background-color: white;
    position: page;
    z-index: 10;
}

.LogoTop {
    position: fixed;
    z-index: 4;
    z-index: 0;
}

.UserPhoto {

text-align:right;
position:fixed;
right:4px;
top:4px;
z-index:4;
border-bottom-right-radius:6px;
border-top-left-radius:6px;
max-width:45px;
max-height:55px;
}

.zoekenboven {
    position:fixed;
    left:80px;
    top:15px;
    width:35px;
    height:35px;
    
}
.Zoekbox {
border:0px solid black;
background-color:black;

}



.footer {
    font-family: Arial;
    vertical-align: bottom;
    background-color: #1DBAE3;
    text-align: center;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 53px;
    padding: 0px;
}





.Pager a, .Pager span {
    display: block;
    height: 15px;
    width: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.Pager a {

    color: #969696;
    border: 1px solid #969696;
}

.Pager span {
    background-color: #A1DCF2;
    color: #3dabdd;
    border: 1px solid #3AC0F2;
    height:25px;
}

.MesBlokContainer {
    width: 99%;
    min-height: 50px;
    position: inherit;
    border: 1px #3dabdd solid;
    margin-bottom: 4px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
}
.MesBlokContainerVarHoog {
    width: 99%;
    position: inherit;
    border: 1px #3dabdd solid;
    margin-bottom: 4px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
}
.MesBlokContainerStory {
    width: 99%;
    position:relative;
    border: 1px #3dabdd solid;
    margin-bottom: 4px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
}




.Belangrijkemededeling {
    width: 100%;
    position: inherit;
    border: 1px gray solid;
    left:0px;
 
    margin-bottom: 4px;
    background-color: mistyrose;
    color: red;
    font-size: 12px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
}
.MesBlokContainerTeams {
    width: 98%-70px;
    min-height:55px;
    position:inherit;
    border: 1px #3dabdd solid;
    margin-bottom: 4px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    margin-left:55px;
}
.TeamOpsomming {
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 16px;
    position: absolute ;
    left: 55px;
}

.MesBlokTekst {
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height:16px;
    position:absolute ;
    left: 0px;

}
.MesBlokTekst55 {
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 16px;
    position:absolute;
    left: 54px;
}
.MesPhoto {
    width: 48px;
    max-height: 48px;
    position: absolute;
    left: 2px;
    top: 2px;
    align-items: center;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
}

.EersteRegel {
    font-size:13px;
    font-weight:700;
}
.TweedeRegel {
    font-size: 12px;
    font-weight:400;
  
}
.DerdeRegel {
    font-size: 12px;
    font-weight:400;
}

.Follow {
    width: 100%;

    text-align: right;
    position: absolute;
    margin-top:35px;


}
.MesBlokBlokje3vanLinks {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 100px;
    float: left;
}

.MesBlokBlokje2vanLinks{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50px;
    float: left;
}

.MesBlokBlokje1vanLinks {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    float: left;
}
.MesBlokBlokje3vanRechts {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 100px;
    float: right;
   
}
.MesBlokBlokje2vanRechts {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 50px;
    float: right;
}
.MesBlokBlokje1vanRechts {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    float: right;
    }
.MesBlokBlokje3LaagvanRechts{
width: 50px;
height: 20px;
position: absolute;
right: 0px;
float: right;
bottom:0px;
}
.MesBlokBlokje2LaagvanRechts {
    width: 50px;
    height: 20px;
    position: absolute;
    right: 50px;
    float: right;
    bottom: 0px;
}
.MesBlokBlokje1LaagvanRechts {
    width: 50px;
    height: 20px;
    position: absolute;
    right: 0px;
    float: right;
    bottom: 0px;
}
.Story {
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 97%;
    line-height: 16px;
    margin-top: 3px;
    margin-left: 4px;
    position:page;
}
.StoryFoto {
    width: 100%;
    position: relative;
    left: 0px;
 
}

.SpacerFooter {
    
    height:70px;
    background-color:white;
    position:inherit;
    z-index:-1;
}
.Slider {
    width: 100%;
  
    position:page;

}
.multiple-items {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 0px;
    z-index: auto;
}

.SliderBlock {
    text-align:center;
 
}
.SliderBlockTekst {
    font-size: 13px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    color: dimgray;
    text-align: center;
    text-decoration:none;
}

.SliderPhoto {


    margin-bottom: 0px;
    
    height:50px;
    width:70px;
    background-position:center;
    background-repeat: no-repeat;
    background-size:45px;
    

    
}
.SliderPhotoItem {
    height:45px;
}
.ScheidingslijnDik {
    height: 3px;
    border-bottom: 3px solid #3dabdd;
    width: 100%;
}
.ScheidingslijnDun {
    height: 3px;
    border-bottom: 1px solid #3dabdd;
    width: 100%;
}

.newitemcontainer {
    width: 100%;
    text-align: right;
    position: page;
    align-content:flex-end;
}
.newitem {
    width:35px;
    height:35px;
   float:right;
   position:page;
}
.KeuzeBlokje {
    width:100%;
    background-color:aqua;
}
.button {
    width:100%;
    border:1px solid #3dabdd;
    background-color:#A1DCF2;
    text-align:center;
    border-bottom-right-radius:6px;
    border-top-left-radius:6px;
    margin:3px;
}
.keurgoed {
    background-color:#94ffa2;
    width:45px;
 
}

.keuraf {
    background-color:#f3bfbf;
    width:45px;
}
.Instellingen {
    background-color: #A1DCF2;
    width: 100%;
    border-bottom:gray solid 1px;
    shape-margin:4px;
    margin-bottom:4px;
}
.InstellingenRechts {
    position:absolute;
    right:0px;
}