html {
  margin:0;
  padding:0;
 border:0;
font-size: 100%;
outline:0;
 vertical-align:baseline;
background: url('/templates/samenertegenaan/images/bggans.jpg') fixed no-repeat right center ;
background-size: 100%;

}

body {
font-family: Lato, Verdana, Helvetica, sans-serif;
line-height: 20px; line-height: 2.2rem;  
margin:0;
padding:0;
}
.astroid-framework .astroid-logo-text > a.site-title {
  color: #9a031e;
  font-weight: 700;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1em;
  font-family: "Playfair Display", MS Sans Serif, Geneva, sans-serif;
}
#system-message {
 background: #ccc;
color: #fff;
 border: 3px solid #000;
 }

.navbar {
   background: rgb(253,226,228, .9); 
   
}

.hero-body .custom {
    width: 100%
    
}
 
.praktijk {
    position:relative;
    float:left;
    width: 100%;
    color: #fff;
    font-size: 45px;
}

.onderschrift {
        position:relative;
    float:left;
    width: 100%;
        color: #fff;
    font-size: 25px;
    margin: 10px 0px 0px 0px;
}


.astroid-layout.astroid-layout-boxed .astroid-wrapper {
  max-width: 1140px;
  margin: 0 auto;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
  background-color: rgb(253,226,228, .9);
}

.astroid-section.astroid-component-section  {
  display: block;
  height: auto;
  overflow: auto;
    background: rgb(253,226,228, .0);

    margin: auto;
    color: #333;
}
.rechts  {
position:relative;
    float:left;
   margin: 20px 0px 0px 40px; 
    padding: 30px;
  
}

.column {

}

.footer {
      position: relative;
margin: 50px 0px 0px 0px;
  width: 100%;
  height: 100%;
       background-color:  rgb(154,3,30, .9);
    color: #fff;
}
.footer .custom {
      position: relative;

  width: 100%;

}

.footer .custom.midden {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.footer strong {
    color: #fff;
    font-weight: 700;
}

.footer a, .footer a:link, .footer a:visited {
  color: #999;
}

.footer a:hover {
  color: #666;

}

a, a:link, a:visited {
  color: #980721;
}

a:hover {
  color: #000;

}

ul.astroid-nav .nav-item a, ul.astroid-nav a:visited {
     color: #9a031e;
    text-transform: uppercase;
}

#hoofdmenu a:hover {
     color: #5f0f40;
}

h1 {

font-size: 2rem;
margin: 0px 0px 40px 0px;
 line-height: 2.8rem;
color: #9a031e;
}

.hero-body .custom h1 {

font-size: 2rem;

 line-height: 2.4rem;
color: #fff;
}

h2 {
font-size: 1.6rem;

line-height: 2rem;
color: #9a031e;
    margin: 20px 0px ;
}

h3 {
font-size: 1.4rem;
line-height: 2rem;
margin: 20px 0px
}

.hero-body .custom h3 {
font-size: 1.4rem;
line-height: 2rem;

    color: #f4f4f4;
}


h4, h5, h6 {

font-size: 1.2rem;

line-height: 1.5rem;

margin: 20px 0px

}





.navbar-dropdown {
    background-color:  rgb(0,0,0, .8);

}



/* Hamburger animation */



#hamburger:before,



#hamburger:after,



#hamburger span



{



	-webkit-transition: none 0.5s ease 0.5s;



	transition: none 0.5s ease 0.5s;







	-webkit-transition-property: transform, top, bottom, left, opacity;



	transition-property: transform, top, bottom, left, opacity;



}




.breadcrumb {



  color: #fff;



    background-color: transparent;



    border-radius: 4px;



    list-style: outside none none;



    margin-bottom: 20px;



    padding: 8px 15px;



}







.breadcrumb > .active {



    color: #fff;



}






.pagination {

    margin: 0px 0px 20px 20px;

    width: 80%;

    border-radius: 0px;

}



.counter.pull-right {

      position:relative;

    float:left;

 color: #fff;   

    margin:0px 0px 0px 0px;

    padding: 0px;

    width: 100%;

    

}



.pagination-list {

  position:relative;

    float:left;

    width: 100%;

    margin:0;

    padding:0;

    text-align:center;

}



.pagination-list li {

  position:relative;

    float:left;

    width: 50px;

 margin: 0px 10px 0px 0px;

    list-style:none;

    background: #D1C4E9;

    text-align:center;

}





.pagination-list li.active {



    background: #fff;



}



.pagination-list li a {

      position:relative;

    float:left;

color: #000;

    width: 50px;

    height: 100%;

}



.pagination-list li a:hover {

color: #000;

    width: 50px;

    height: 100%;

}


@media screen and (max-width:768px) {
    
html {

background-size: 768px 100%;

}
    
  .navbar-dropdown, .navbar-menu {
    background-color:  rgb(154,3,30, .8);

    }
#hoofdmenu a, #hoofdmenu a:visited {
     color: #ddd;
    text-transform: uppercase;
}

#hoofdmenu a:hover {
     color: #ccc;
}
.footer .custom {
        padding: 20px 0px 40px 0px;

}
    
    .footer .custom.midden {
        padding: 40px 0px 40px 0px;
border-left: 0px solid #ccc;
border-right: 0px solid #ccc;
        border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

}

.buttons {
    
    display:none;
}