body {
	margin: 0;
	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background-color: #fff;
}


body.site {
	border-top: 4px solid #5f665e;
	padding: 20px 0 0px 0;
	background-color: #f4f6f7;
	
}




body.site.fluid {
	background-color: #ffffff;
}





body.fluid {
      background-image: url("../images/bg_leeuwerik.png");
    background-repeat: repeat-y;
     
}



.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	*zoom: 1;
}




/*CAROUSEL*/

#carousel-hidden {
display:none;
}


@media screen and (max-width: 768px) {
#CarouselTop {
display:none;
}


#carousel-hidden {
display:block;
}
}

/*HEADER*/


.header {
	padding-bottom: 32px;
	padding-top:42px;
}


.header-inner  {
border:0px solid red;
  margin: auto;
                          width: 856px;


                          
}


.header-inner h1
{
                                       margin:0 0 0 0;
                                       padding:0 0 0 0;

                                                                           color:#ca1064;

        
                font-family: 'Marcellus SC', cursive;
                        font-size:66px;
                       
                        font-weight:400;
                        border:0px solid red;
                        
                        /*text-shadow:1px 1px 1px #cecfc1;*/
                        
}



.header-inner .kopklein
{
display:none;
                        
}





.header-inner .containerpageheader p {

        font-family: 'Open Sans', sans-serif;
        font-size:16px;
        color: #4A463B;
         margin:25px 0 0 0;
         text-align:right;
}





@media (min-width: 696px) and (max-width: 979px) {

.header {
	padding-bottom: 32px;
	padding-top:32px;
}


.header-inner  {
border:0px solid red;
  margin: auto;
                          width: 622px;


                          
}

.header-inner h1
{
                                       margin:0 0 0 0;
                                       padding:0 0 0 0;

                                                                           color:#ca1064;

        
                font-family: 'Marcellus SC', cursive;
                        font-size:48px;
                       
                        font-weight:400;
                        border:0px solid red;
                        
                        /*text-shadow:1px 1px 1px #cecfc1;*/
                        
}
}







@media (min-width: 434px) and (max-width: 696px) {


.header {
	padding-bottom: 32px;
	padding-top:22px;
}


.header-inner h1
{
display:none;
                        
}

.header-inner .kopklein
{
                                       margin:0px 0 0 0;
                                       padding:0 0 0 0;

                                                                           color:#ca1064;

        
                font-family: 'Marcellus SC', cursive;
                        font-size:48px;
                       
                        font-weight:400;
                        border:0px solid red;
                        
                        /*text-shadow:1px 1px 1px #cecfc1;*/
                        display: block !important; 
                        text-align:center;
                        border:0px solid red;
                        line-height:1.2em;
                        
}




.header-inner  {
border:0px solid red;
  margin: auto;
                          width: 396px;


                          
}


.header-inner .containerpageheader p {

        font-family: 'Open Sans', sans-serif;
        font-size:16px;
        color: #4A463B;
         margin:25px 0 0 0;
         text-align:center;
}


}











@media (max-width: 434px) {

.header {
	padding-bottom: 32px;
	padding-top:26px;
}

.header-inner h1
{
display:none;
                        
}

.header-inner .kopklein
{
                                       margin:0px 0 0 0;
                                       padding:0 0 0 0;

                                                                           color:#ca1064;

        
                font-family: 'Marcellus SC', cursive;
                        font-size:32px;
                       
                        font-weight:400;
                        border:0px solid red;
                        
                        /*text-shadow:1px 1px 1px #cecfc1;*/
                        display: block !important; 
                        text-align:center;
                        border:0px solid red;
                        line-height:1.2em;
                        
}




.header-inner  {
border:0px solid red;
  margin: auto;
                          width: 276px;


                          
}


.header-inner .containerpageheader p {

        font-family: 'Open Sans', sans-serif;
        font-size:14px;
        color: #4A463B;
         margin:25px 0 0 0;
         text-align:center;
         line-height:1.3em;
}


}






















a
{
        text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}














.custom p  {
margin:0;
padding:0;
}


.onderbalk, .customonderbalk {
	padding: 15px 0 5px 0;
	                              border-top: 2px solid rgba(95,102,94,1);
	                             border-bottom: 2px solid rgba(95,102,94,1);
	margin-bottom: 0px;
	background-color: #cecfc1;
	margin-top:0px;
}


p.tekstonderbalk  {

                  font-size: 16px;
                  
                  text-align:center;
}


@media (max-width: 434px) {
p.tekstonderbalk  {

                  font-size: 14px;
                  
                  text-align:center;
}

}




/*NAV*/

.navigation {
	padding: 7px 0 7px 0;
	                                         border-top: 2px solid rgba(95,102,94,1);
	                                          border-bottom: 2px solid rgba(95,102,94,1);
	margin-bottom: 0px;
	background-color: #cecfc1;
}


.navbar {
	overflow: visible;
	margin-bottom: 0px;
	*position: relative;
	*z-index: 2;
}


.nav-tabs > li > a,
.nav-pills > li > a {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	line-height: 14px;
}


.nav-pills > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	       font-family: 'Open Sans', sans-serif;
               font-size: 18px;
                                             color:#474D46;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ca1064;
  background-color: transparent;
}


.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #fff;
  background-color: transparent;
}




.nav-collapse {
  margin: auto;
                                               width: 774px;
border:0px solid red;
  
  }
  
  
  
  
  
  
  
 /*dropdown repertoire*/

.navigation .nav-child {
	position: absolute;
	                           top: 100%;
	left: 0;
	z-index: 4000;
	display: none;
	float: left;

	padding: 5px 0 0px 0;
	margin: 2px 0 0 0;
	list-style: none;
	                                                                                     background-color: #cecfc1;
	                                                 border: 0px solid #666;
	border-top: 0px solid rgba(95,102,94,1);
	border-left: 0px solid rgba(95,102,94,1);
	border-left: 0px solid rgba(95,102,94,1);
	border-left: 0px solid rgba(95,102,94,1);	
	
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.navigation .nav-child a {
	display: block;
	padding: 8px 14px 9px 14px;
	clear: both;
	font-size: 18px;
	font-family: verdana;
	font-weight: 300;
	line-height: 18px;
	                                                                            color:#ffffff;
	white-space: nowrap;
	
		border:1px solid #5f665e;
		margin-top:-1px;
		
		
		
		
}


.item-110 {
border-top:2px solid #5f665e;
}









.navigation .nav-child li > a:hover,
.navigation .nav-child li > a:focus,
.navigation .nav-child:hover > a {
	text-decoration: none;
	                                                                   color: #ffffff;
	background-color: #000;
	                                                                     background-color: #4b545f;
	background-image: -moz-linear-gradient(top,#4b545f,#4b545f);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#4b545f),to(#4b545f));
	background-image: -webkit-linear-gradient(top,#4b545f,#4b545f);
	background-image: -o-linear-gradient(top,#4b545f,#4b545f);
	background-image: linear-gradient(to bottom,#4b545f,#4b545f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005e8d', endColorstr='#ff004c73', GradientType=0);
}


.navigation .nav > li > .nav-child:before {
	position: absolute;
	top: -7px;
	left: 9px;
	                                                         display: none;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0,0,0,0.2);
	content: '';
}


.navigation .nav > li > .nav-child:after {
	position: absolute;
	top: -6px;
	left: 0px;
	                                                            display: none;
	border-right: 0px solid transparent;
	                                                                 border-bottom: 0px solid #ffffff;
	border-left: 0px solid transparent;
	content: '';
} 
  
  
  
  
  
.navbar .btn-navbar {
	display: none;
	                                    float: none;
	                                   margin:0 auto;
	                                    width:20px;
	padding: 7px 10px;
	                    margin-left: 0px;
	margin-right: 0px;
	color: #fff;
	text-shadow: 0 0px 0 rgba(0,0,0,0.25);
	                                                                background-color: #cecfc1;
	
	                                                                 border:1px solid #5f665e;

}





.navbar .btn-navbar {
	display: none;
	float: right;
	padding: 7px 10px 7px 10px;
	margin-left: 0px;
	margin-right: 0px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	/*background-color: #ededed;
	background-image: -moz-linear-gradient(top,#f2f2f2,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#f2f2f2,#e6e6e6);
	background-image: -o-linear-gradient(top,#f2f2f2,#e6e6e6);
	background-image: linear-gradient(to bottom,#f2f2f2,#e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	*background-color: #e6e6e6;*/
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}







@media (max-width: 979px) {


.nav-collapse {
  margin: auto;
                                               width: 240px;
border:0px solid red;


  
  }
  

.nav-pills:before

{
margin-top:34px;
}


.nav-pills:after
{
margin-top:34px;
}



.navbar {
margin:-15px 0 0 0;
padding:0;
}


	.navbar .btn-navbar {
		display: block;
		margin-top:18px;
		 float: none;
	                                   margin:0 auto;
		
	                                                                background-color: #cecfc1;
	
	                                                                 border:1px solid #5f665e;
		 
		 	-webkit-border-radius: 6px;
		 	-moz-border-radius: 6px;
	border-radius: 6px;
	}  
	
	
.navigation {
padding-top:22px;
}





.nav-collapse .nav-pills > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
	       font-family: 'Open Sans', sans-serif;
               font-size: 18px;
               color:#000000;
               font-weight:300;
               
               
               	border-bottom: 1px solid rgba(95,102,94,1);
}




.navigation .nav-child {
	position: absolute;
	                           top: 100%;
	left: 0;
	z-index: 4000;
	display: none;
	float: left;
	
	
	                               
	
	padding: 5px 0 0px 0;
	margin: 2px 0 0 0;
	list-style: none;
	                                                                                     background-color: #cecfc1;
	                                                 border: 0px solid #666;
	border-top: 0px solid rgba(95,102,94,1);
	border-left: 0px solid rgba(95,102,94,1);
	border-left: 0px solid rgba(95,102,94,1);
	border-left: 0px solid rgba(95,102,94,1);	
	
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	
	
	                                                     
}

.item-110 {
border-top:1px solid #5f665e;
}


	.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
		background-color: #cecfc1;
	}


.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #fff;
  background-color: transparent;
}


  
  }
  
  
  
  .navbar .btn-navbar .icon-bar {
  	display: block;

  	
  	width: 18px;
  	height: 2px;
  	                                background-color: #ffffff;
  	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
  	-webkit-box-shadow: 0 0px 0 rgba(0,0,0,0.25);
  	-moz-box-shadow: 0 0px 0 rgba(0,0,0,0.25);
  	box-shadow: 0 0px 0 rgba(0,0,0,0.25);
  }
  .btn-navbar .icon-bar + .icon-bar {
  	margin-top: 3px;
  }

  
  
  
  
  
  
  
  
  
  .carousel {
  	position: relative;
  	margin-bottom: 0px;
  	line-height: 1;
}
  
  

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity 3.9s; /*adjust timing here */
         -moz-transition: opacity 3.9s;
           -o-transition: opacity 3.9s;
              transition: opacity 3.9s;
}








.nav .dropdown-toggle .caret {
	border-top-color: #000;
	border-bottom-color: #000;
	margin-top: 6px;
	
}





/*HOME*/

.bloghome {
padding-top:54px;
}

.span4 {
border:0px solid red;
margin:0 0 0 0;
text-align:center;

}


.span4 h1
{
        font-family: 'Varela Round', sans-serif;
        font-size:25px;
        margin-bottom:2px;
        margin-left:0px;
                               color:#ca1065;
                               font-weight: 500;
                     line-height: 1.1; 
                       margin-top: 20px;
                       margin-bottom: 20px;
}


.span4 img
{
border:1px solid #a0a89f;
padding:6px;
 display: block;
  margin-left: auto;
  margin-right: auto;
}



.bloghome .span4 p  {
text-align:center;
font-size:14px;

}


.bloghome .span4 p.tekst  {
text-align:center;
width:160px;

}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn-default {
  color: #000000;
  background-color: #cecfc1;
  border-color: #929991;
    font-size: 15px;
  width:200px;
    border-radius: 0px;

}

.btn-default:focus,
.btn-default.focus {
  color: #000;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #999;
                                  background-color: #e0e1d9;
                                  background-color: #F4F4F4;                                  
                                  
  border-color: #929991;
  transition: color .5s ease;
}



.lager {
margin-top:22px;
}


.lagertwee {
margin-top:44px;
}








/*TYPO*/

.span12 p {
font-family: verdana;
font-size: 16px;
font-weight:normal;
color:#333333;
line-height:26px;
text-align:justify;
}




.span12 ul {
    list-style-type: none;
    list-style-image:url("../../../images/fuchsia.png");
    padding: 0px;
    margin: 0 0 22px 22px;
}

.span12 ul li {

    margin: 6px 0 0px 0;
    line-height:30px;
    font-family:verdana;
        padding: 0 0 0 4px;
    font-size: 16px;
}

.prijslijst  {

background: #d9d9ce;
border:1px solid #5f665e;
padding:12px 12px 12px 12px;
margin:36px 0 0 0;
                width:60%;
}



@media (max-width: 768px) {
.prijslijst  {

background: #d9d9ce;
border:1px solid #5f665e;
padding:12px 12px 12px 12px;
margin:36px 0 0 0;
                width:94%;
}
}

.prijslijst ul {
    list-style-type: none;
    list-style-image:url("../../../images/greygreen.png");
    padding: 0 0 0 0;
    margin: 0 0 0 22px;
}

.prijslijst ul li {

    margin: 0px 0 0px 0;
    padding: 0 0 0 4px;
}


.prijslijst a.weblink {
color:#ca1064;
}

.prijslijst a.weblink:hover {
color:#6c296f;
}



 .prijslijst p  {
font-family:verdana;
text-align:justify;
line-height:1.6em;
margin:0 0 9px 0;
}





/*OVER DE SALON*/

.blogoverdesalon h1
{
        font-family: 'Varela Round', sans-serif;
        font-size:25px;
        margin-bottom:2px;
        margin-left:0px;
                               color:#ca1065;
                               font-weight: 500;
                     line-height: 1.1; 
                       margin-top: 20px;
                       margin-bottom: 20px;
}


.blogoverdesalon  {

padding:32px 16% 0 16%;
}




h2 {
  font-size: 17px;
  font-style:normal;
    margin-top: 28px;
  margin-bottom: 8px;
  color:#20553b;
  font-weight: normal;
}



/*IMAGES ARTIKELEN*/
.large_img {
float:right;

 
margin:8px 0 0 42px;
}


.large_img img.image {
border:1px solid #5f665e;
padding:6px;
}



.span12 img.logo {

border:1px solid #5f665e;
padding:6px; 
margin:8px 0 0 24px;
                                                                           
}


@media (max-width: 566px) {

.large_img {
float:none;
    margin:0 0px 22px 0;
padding:6px;
width:100%;

}

}






.items-row {
padding-bottom:32px;
}




/*HUIDVERBETERING*/

.bloghuidverbetering h1, .bloghuidverzorging h1, .blogkleuradvies h1, .blogoverig h1, .blogproducten h1, .blogreviews h1, .blogcontact h1
{
        font-family: 'Varela Round', sans-serif;
        font-size:25px;
        margin-bottom:2px;
        margin-left:0px;
                               color:#ca1065;
                               font-weight: 500;
                     line-height: 1.1; 
                       margin-top: 20px;
                       margin-bottom: 20px;
}


.bloghuidverbetering, .bloghuidverzorging, .blogkleuradvies, .blogoverig, .blogproducten, .blogreviews, .blogcontact  {

padding:32px 16% 0 16%;
}





@media (max-width: 979px) {

.blogoverdesalon, .bloghuidverbetering, .bloghuidverzorging, .blogkleuradvies, .blogoverig, .blogproducten, .blogreviews, .blogcontact   {

padding:32px 4% 0 4%;
}


}















/*LINKS*/

a.weblink {
color:#ca1065;

}






/*FOOTER*/

.footer {
	padding: 15px 0 5px 0;
	border-top: 2px solid rgba(95,102,94,1);
	border-bottom: 2px solid rgba(95,102,94,1);
	margin-bottom: 0px;
	background-color: #cecfc1;
	margin-top:72px;

}



.customfooter {
text-align:center;

}



/*CORONA*/

div.corona a {
outline:none;
}


@media (min-width: 996px) {
div.corona {
position:absolute;
left:10%;
top:248px;
z-index:8000;
height:122px;
width:122px;
border:0px solid red;
}


}

@media (min-width: 768px) and (max-width:996px) {
div.corona {
position:absolute;
left:10%;
top:220px;
z-index:8000;
height:122px;
width:122px;
border:0px solid red;
}



}