/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
  
body {
padding-bottom: 40px;
color: #000000;
}
.justify
{
text-align:justify;
text-justify:inter-word;
}
.frontthumbs
{
max-width: 75%;
}
.diensten
{
display: inline-block;
text-align: center;
margin-right: 10px;
}
.dienstenlink
{
font-size: 1.2em;
text-decoration: none;
color: #000000;
}
.dienstenlink:hover
{
color: #ff0000;
text-decoration: none;
}
.telefoonnummer
{
position: absolute;
top: 15px;
right: 15px;

}
.logowrapper
{
position: fixed;
top: 0;
width: 100%;
height: 100px;
background: #ffffff;
}
.mainnavi
{
position: fixed;
top: 55px;
right: 25px;
}
.mainnavilink
{
font-size: 1.2em;
color: #000000;
text-decoration: none;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.mainnavilink:hover
{
font-size: 1.2em;
color: #94a961;
text-decoration: none;
}
.fullwidthcontainer
{
width:100%;
background: #f1f2f4;
}
.steunplaatje
{
float: left;
max-width: 100%;
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
margin-top: 25px;
margin-right: 25px;
margin-bottom: 25px;
}
.steunplaatje02
{
float: right;
max-width: 100%;
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
margin-top: 25px;
margin-left: 25px;
margin-bottom: 25px;
}
.steunplaatje03
{
float: right;
max-width: 100%;
margin-top: 25px;
margin-left: 25px;
margin-bottom: 25px;
}
.customh2
{
font-size: 2em;
text-align: left;
}
.customh202
{
font-size: 2em;
text-align: right;
}
.contactformitem
{
display: inline-block;
margin-right: 25px;
}
.contactformheader
{
font-size: 1.6em;
}
.footermore
{
font-size: 1em;
color: #000000;
text-decoration: none;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.footermore:hover
{
font-size: 1em;
color: #94a961;
text-decoration: none;
}
.footermore02
{
font-size: 0.7em;
color: #000000;
text-decoration: none;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.footermore02:hover
{
font-size: 0.7em;
color: #94a961;
text-decoration: none;
}
.logopos
{
margin-top: -21px; 
}
.logopos02
{
position: relative;

z-index: 9999;
text-align: center;
width: 100%;
left: auto;
right: auto;
}
.logopos03
{
display: none;
}
.logosize
{
max-width: 100%;
/*
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
*/
}
.navilink
{
color: #ffffff;
}
.navilink:hover
{
color: #94a961;
}
.aangeslotenlogos
{
max-width:15%;
display:inline-block;
}
.slidertoggle
{
display: none;
}
.staticslidertoggle
{
display: block;
}
.slidercontainer
{
width: 100%;
height: 500px;
margin-bottom: 100px;
/*
background-image: url(images/loodgieter-almere.jpg); 
background-position: bottom center;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-repeat: no-repeat;
*/
}
.slidercontainerstaticfront
{
width: 100%;
height: 300px;
background-image: url(images/loodgieter-almere.jpg); 
background-position: center;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-repeat: no-repeat;
}
.sliderleft
{
position: absolute;
top: 0;
width: 20px;
height: 450px;
background: #000000;
z-index: 9;
}
.sliderstart
{        
position: fixed;
top: 84px;
width: 100%;
height: 24px;
/*
background: #94a961;
*/        
background: -moz-linear-gradient(left,  #000000 0%, #94a961 50%, #94a961 51%, #94a961 100%); 
background: -webkit-linear-gradient(left,  #000000 0%,#94a961 50%,#94a961 51%,#94a961 100%); 
background: linear-gradient(to right,  #000000 0%,#94a961 50%,#94a961 51%,#94a961 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#94a961',GradientType=1 ); 
z-index: 999;
}
.sliderend
{          
margin-top: -100px;
width: 100%;
height: 15px;
background-image: url(images/sliderend.png); 
background-repeat: repeat-x;  
/*
background: -moz-linear-gradient(right,  #000000 0%, #94a961 50%, #94a961 51%, #94a961 100%); 
background: -webkit-linear-gradient(right,  #000000 0%,#94a961 50%,#94a961 51%,#94a961 100%); 
background: linear-gradient(to left,  #000000 0%,#94a961 50%,#94a961 51%,#94a961 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#94a961',GradientType=1 ); 
*/
z-index: 1;
}
.sliderendmobile
{                                             
width: 100%;
height: 15px;
background-image: url(images/sliderend.png); 
background-repeat: repeat-x;  
/*
background: -moz-linear-gradient(right,  #000000 0%, #94a961 50%, #94a961 51%, #94a961 100%); 
background: -webkit-linear-gradient(right,  #000000 0%,#94a961 50%,#94a961 51%,#94a961 100%); 
background: linear-gradient(to left,  #000000 0%,#94a961 50%,#94a961 51%,#94a961 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#94a961',GradientType=1 ); 
z-index: 1;
*/
}



/* mobile portrait */
@media only screen and (max-width: 600px) {
.frontthumbs
{

width: 225px;
}
h2
{
font-size: 1.2em;
}
.customh2
{
font-size: 1.2em;
text-align: left;
margin-left: 15px;
}
.customh202
{
font-size: 1.2em;
text-align: right;
margin-right: 15px;
}
.justify
{
text-align:justify;
text-justify:inter-word;
margin-left: 15px;
margin-right: 15px;
}
}


@media (max-width: 672px) {

.mainnavi
{
position: fixed;
top: 0;
right: 25px;
}
.navbar-wrapper {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 20;

}
.logopos02 {
display: none;
}
.logopos03
{
display: block;
position: relative;
text-align: center;
z-index: 9999;
margin-top: 15p;
/*
top: 5px;
margin-bottom: 15px;
*/
}
.logosizemobile
{
max-width: 100%;
}
.telefoonnummer
{
display: none;
}
.slidercontainerstaticfront
{
display: none;
}  
.frontthumbs
{
max-width: 100%;
}
.phonebuttonsize
{
max-width: 100%;
}
}


h6
{
font-size: 2em;
text-align: right;
margin-right: 5px;
}
ul
{
list-style-type: none;
}
.parallax01
{
width: 100%;
height: 30vh;
text-align: center;
background: url('images/slide03.jpg');
background-position: center; 
background-repeat: no-repeat;
background-attachment: fixed;
background-size:contain;
-moz-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
}
.parallax02
{
width: 100%;
height: 30vh;
text-align: center;
background: url('images/slide04.jpg');
background-position: center; 
background-repeat: no-repeat;
background-attachment: fixed;
background-size:contain;
-moz-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
}




/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
position: relative;
top: -60px;
right: 0;
left: 0;
z-index: 20;

}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
padding-right: 0;
padding-left: 0;
/*
margin-left: -15px;
margin-left: -15px;
*/
position: absolute;
left: -15px;

}
.navbar-wrapper .navbar {
/*
padding-right: 15px;
padding-left: 15px;
*/

/*
background: #000000; 
background: -moz-linear-gradient(left,  #000000 0%, #94a961 50%, #94a961 51%, #94a961 100%); 
background: -webkit-linear-gradient(left,  #000000 0%,#94a961 50%,#94a961 51%,#94a961 100%); 
background: linear-gradient(to right,  #000000 0%,#94a961 50%,#94a961 51%,#94a961 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#94a961',GradientType=1 ); 

-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);

*/

}
.navbar-wrapper .navbar .container {
width: auto;
}




/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
height: 500px;
margin-bottom: 60px;




}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
height: 500px;
background-color: #777;
}
.carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 500px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
margin-bottom: 20px;
text-align: center;
}
.marketing h2 {
font-weight: normal;
}
.marketing .col-lg-4 p {
margin-right: 10px;
margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
/* Navbar positioning foo */
.navbar-wrapper {
margin-top: 20px;
}         
.aangeslotenlogos
{
max-width:100%;
display:inline-block;
}
.slidertoggle
{
display: block;
}
.staticslidertoggle
{
display: none;
}
.navbar-wrapper .container {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0;
}

/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar {
border-radius: 0px;
}

/* Bump up size of carousel content */
.carousel-caption p {
margin-bottom: 20px;
font-size: 21px;
line-height: 1.4;
}

.featurette-heading {
font-size: 50px;
}
}

@media (min-width: 992px) {
.featurette-heading {
margin-top: 120px;
}
}