/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

.box {
	width:70%;
	height:200px;
	background:#FFF;
	margin:40px auto;
}
/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -80px;
  /* Pad bottom by footer height */
  padding: 0 0 80px;
}

/* Set the fixed height of the footer here */
#footer {
	position: fixed;
	width: 100%;
	bottom: 0px;
  height: 20px;
  background-color: #f5f5f5;
  line-height: 20px;
  font-size:12px;
}
#footer2 {
width: 100%;
position: fixed;
bottom: 20px;
 height: 60px;
  background-color: #efefef;
  border-bottom: 1px solid #ccc;
  color:#00adef;
  line-height: 55px;
 font-weight: bold;
}
.margintop{
	margin-top: 100px;
}
.marginbottom{
	margin-bottom: 20px;
}
@media (max-width: 768px){
	.margintop{
		margin-top: 50px;
	}
	.marginbottom{
		margin-bottom: 60px;
	}
	#footer2{
		line-height: 20px !important;
		bottom: 0px;
	}
	#footer, #footer2{
		position: relative;
		height: auto;
		padding: 5px 0px;
	}
	#footer .pull-right{
		float: left !important;
	}
}
.blauwelijn{
	border-left: 1px solid ;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  padding: 50px 15px 0;
}


#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

code {
  font-size: 80%;
}