body{
	position:relative;
	background-image:url(images/body-bg.png);
	font-family: 'Open Sans', sans-serif;
}
	
.top-spacer{
	position:relative;
    height: 50px;
}
.top-spacer-inner{
	position:relative;
}
.container-header{
	position:relative;
    border-bottom: 2px dotted #ccc;
}
.header-cell {
	padding:0px;
	position:relative;
    text-align:center;
    border-right:2px dotted #ccc;
	border-top:2px dotted #ccc;
}
.header-cell:first-child{
	position:relative;
    border-left:2px dotted #ccc;
}
.container-main{
	position:relative;
    border-right: 2px dotted #ccc;
    border-left: 2px dotted #ccc;
}
.sidebar-cell{
	position:relative;
    border-right: 2px dotted #ccc;
	padding:0px;
}
.sidebar-cell1{
	position:relative;
	padding:0px;
}

.dotted-line{
	position:relative;
    border-top: 2px dotted #ccc;
    margin: 0 -15px;
}

.sidebar-zone{
	position:relative;
	top:2px;
}
.sidebar-minicell{
	position:relative;
	max-width:50%;
	float:left;

}
.portfoliotekst{
	position:relative;
	height:51%;
	width:291px;
	float:left;
	background-color:white;
	padding-top:20px;
	padding-bottom:20px;
	padding-left: 20px;
}

.sidebar-zone img{
	max-width:100%;
	height:auto;
}
@media screen and (min-width:768px){
	.sidebar-zone{
		height: 184.8px;
	}
}
@media screen and (min-width:992px){
	.sidebar-zone{
		height: 239.8px;
	}
}

@media screen and (min-width:1200px){
	.sidebar-zone{
		height: 289.8px;
	}
}
.container-footer{
	position:relative;
    border-top: 2px dotted #ccc;
}
.footer-cell{
	position:relative;
    height: 50px;
    line-height: 50px;
    border-right:2px dotted #ccc;
    text-align:center;
}
.footer-cell:first-child{
	position:relative;
    border-left:2px dotted #ccc;
}
.bottom-spacer{
	position:relative;
    height: 60px;
}
.bottom-spacer-inner{
	position:relative;
    height: 60px;
	border-top: 2px dotted #ccc;
}
.selected{
	position:relative;
	background-color:#FFF;
}
.header-cell {
	position:relative;
    height: 100px;
    line-height: 100px;
	font-size:12px;
}
.row img{
	max-width:100%;
	height:auto;
}
.sidebar-zone img{
	margin-top:-2px;
}

@media screen and (min-width:768px){
	.header-cell{
		height: 184.8px;
    	line-height: 184.8px;
		font-size:8px;
	}
}
@media screen and (min-width:992px){
	.header-cell{
		height: 239.8px;
    	line-height: 239.8px;
		font-size:12px;
	}
}

@media screen and (min-width:1200px){
	.header-cell{
		height: 289.8px;
    	line-height: 289.8px;
		font-size:18px;
	}
}
.header-cell-logo{
	font-size:14px;
	color:#000;
}
@media screen and (min-width:768px){
	.header-cell-logo{
		font-size:22px;
	}
}
@media screen and (min-width:992px){
	.header-cell-logo{
		font-size:30px;
	}
}

@media screen and (min-width:1200px){
	.header-cell-logo{
		font-size:40px;
	}
}


.hoekje-top-left-dik{
      position: absolute;
        z-index:10;
      top: -7px;
      left: -8px;

      height: 30px;
      width: 30px;
      background: transparent;
      border-top: 8px solid #333;
      border-left: 8px solid #333;
}
.hoekje-top-left-dik-wbi{
      position: absolute;
        z-index:10;
      top: -9px;
      left: -8px;

      height: 30px;
      width: 30px;
      background: transparent;
      border-top: 8px solid #333;
      border-left: 8px solid #333;
}

.hoekje-bottom-right-dik{
      position: absolute;
        z-index:10;
      bottom: -7px;
      right: -8px;

      height: 30px;
      width: 30px;
      background: transparent;
      border-bottom: 8px solid #333;
      border-right: 8px solid #333;
}
.hoekje-top-left-zonder-border{
      position: absolute;
        z-index:10;
	  top:-2px;
	  left:-2px;
      height: 6px;
      width: 6px;
      background: transparent;
      border-top: 2px solid #000;
      border-left: 2px solid #000;
}      
.hoekje-top-right-zonder-border{
      position: absolute;
        z-index:10;
      top: -2px;
      right: -2px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
}
.hoekje-bottom-right-zonder-border{
      position: absolute;
        z-index:10;
      bottom: -2px;
      right: -2px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-bottom: 2px solid #000;
      border-right: 2px solid #000;
}
.hoekje-bottom-left-zonder-border{
      position: absolute;
        z-index:10;
	  bottom: -2px;
	  left: -2px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-bottom: 2px solid #000;
      border-left: 2px solid #000;
}
.border-bottom{
	border-bottom: 2px dotted #ccc;
}
.lijn2{
	border-top:none;
}

.indexkader{
	border-bottom:none;
}
.hoekje-bottom-left-zonder-border-blok3{
      position: absolute;
        z-index:10;
	  bottom: -4px;
	  left: -2px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-bottom: 2px solid #000;
      border-left: 2px solid #000;
}
.hoekje-bottom-right-zonder-border-blok3{
      position: absolute;
        z-index:10;
      bottom: -4px;
      right: -1px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-bottom: 2px solid #000;
      border-right: 2px solid #000;
}
.hoekje-top-left-zonder-border-lijn2{
      position: absolute;
        z-index:10;
	  top:-1px;
	  left:-2px;
      height: 6px;
      width: 6px;
      background: transparent;
      border-top: 2px solid #000;
      border-left: 2px solid #000;
}      
.hoekje-top-right-zonder-border-lijn2{
      position: absolute;
        z-index:10;
      top: -1px;
      right: -2px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
}
.maincontent{
	background-color:#FFF;
	text-align:left;
}

.scroll-content{
	padding-left:5px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top:10px;
	padding-bottom:10px;
}
@media screen and (min-width:768px){
	.scroll-content{
		height: 369.6px;
	}
}
@media screen and (min-width:992px){
	.scroll-content{
		height: 479.6px;
	}
}

@media screen and (min-width:1200px){
	.scroll-content{
		height: 579.6px;
	}
}
.portfolio-content{
	border-left:2px dotted #ccc;
}
@media screen and (min-width:768px){
	.portfolio-content{
		height: 369.6px;
	}
}
@media screen and (min-width:992px){
	.portfolio-content{
		height: 479.6px;
	}
}

@media screen and (min-width:1200px){
	.portfolio-content{
		height: 579.6px;
	}
}

.borderleft{
	border-left:2px dotted #ccc;
}
.hoekje-top-right-zonder-border-block2{
      position: absolute;
        z-index:10;
      top: -1px;
      right: -2px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
}
.hoekje-bottom-right-zonder-border-block4{
      position: absolute;
        z-index:10;
      bottom: +1px;
      right: -1px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-bottom: 2px solid #000;
      border-right: 2px solid #000;
}
.hoekje-bottom-left-zonder-border-block4{
      position: absolute;
        z-index:10;
	  bottom: +1px;
	  left: -2px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-bottom: 2px solid #000;
      border-left: 2px solid #000;
}

.hoekje-top-right-zonder-border-linked{
      position: absolute;
        z-index:10;
      top: -2px;
      right: -1px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
}
.google{
	position:relative;
	float: left;
	top:20px;
	left:10px;

}
.contact{
	position:relative;
	float: left;
	top:60px;
	left: 40px;	
}
.tekst{
		font-family: 'Open Sans', sans-serif;
}
.koppen{
		font-family: 'Open Sans', sans-serif;
		font-weight:500;	
		color:#000;	
}
.koppen strong{
	font-weight:800;
}
a:hover{
	text-decoration:none;	
}
.nummerkes{
	position:absolute;
	right:20px;
	top:20px;	
}@media screen and (min-width:1200px){
	.nummerkes{
		right:-60px;
	}
}

.nummerkes a {
	display:block;
	margin:5px;
	height:40px;
	width:40px;
	text-align:center;
	line-height:40px;
	font-size:20px;
	background:hotpink;
	opacity:0.5;
	color:#fff;
}
.nummerkes a.active{
	opacity:0.9;
}
#extrapagina{
	position:relative;
	margin:auto;
	width:533px;
	top:275px;
	
}
.extra{
	background-image:none;}
.span1{
	margin-left:8px;
	letter-spacing:2px; 
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
}
.hoekje-top-left-zonder-border-block4{
      position: absolute;
        z-index:10;
	  top:-1px;
	  left:-2px;
      height: 6px;
      width: 6px;
      background: transparent;
      border-top: 2px solid #000;
      border-left: 2px solid #000;
}      
.hoekje-top-right-zonder-border-block4{
      position: absolute;
        z-index:10;
      top: -1px;
      right: -2px;

      height: 6px;
      width: 6px;
      background: transparent;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
}