BODY {
	font-family:  Verdana, "Verdana TT", Arial, sans-serif;
	letter-spacing: normal;
	font-size: 100%;
	padding: 0;
	margin: 0;
	
	/* Webkit: prevent flickers */
     -webkit-backface-visibility: hidden;
    
    /* Force hardware-acceleration in Webkits to prevent text flickering */
    -webkit-transition: translate3d(0,0,0);
}



.header {

/*         background: #b9001f;  was keuze mick, onderstaand wlden ze later*/
        background: #ffffff; 
        
        opacity: 0.95;
        height: auto;
        /* min height is menu knop plus marge om balk weer te geven bij leeg*/

        min-height: 60px; 

        clear: both;
        
        /* clear: both; */
      
        max-width:1260px;
        margin-right: auto;
        margin-left: auto;
        border: #ffffff 0px none;
        /* border-bottom: 1px #616161 solid; */


  


}

.header .logo_knop {

  display: none;
  
}
.sticky {  

        position: fixed;  
        
        top: 0;  
        z-index: 100;  
        /* width: auto|value|initial|inherit;*/
        width:inherit;
         
        /* let op voor de juiste breedte moet deze en parent binnen #top vallen ander werkt inherit niet en wordt breedte berekend */
        border: 0px none #0000ff; 
        border-bottom: 1px solid #efefef;
        
        
                   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.80;

  /* Safari 1.x */
  -khtml-opacity: 0.80;

  /* Good browsers */
  opacity: 0.80;
        
        
}

#canvas {
/* zaken voor er om heen */
  width: 100%;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  height: auto;
  
  background: #ffffff;
  /* 
border: 1px dotted #e9e9e9;
  border: 1px dotted #ff0000;
 */
  
  margin-right: auto;
  margin-left: auto;
  
  max-width:1280px;
  
}

#content-wrapper {
/* zaken voor de gehele content */
  width: auto;
  margin: 0px 10px 0px 10px;  
  
  /* marge voor de gehele site */
  padding: 0px 0px 0px 0px; 
  font-size: 1.2em;
  height: auto;
 
  
  border: 0px none #cccccc;
  
}

#boven {

  
  margin: 0px 0px 0 0px;
  

  width: 100%;
  height: auto;


  max-width: 1260px;

     
  /* border: #ff0000 1px solid;  */
  
}

#tekstgedeelte {

	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px none #ffccff;
	border-collapse: collapse;
	
	overflow-x: hidden;

	clear: both;
	display: block;

    


}
#footercontainer {
    /* nav is 80  foot zelf is 180 */
	/* iets meer nemen voor menubalk maar hoe veel? is dat hoogte van menu? ongeveer 80 nee lijkt maar 20 of zo (mooi voor imr logo onderaan .... )*/
   
	border: 0px none #ffffff;
	
	min-height: 350px;
	width: 100%;
	/* min-height: 350px; */
	
	padding: 0% 0% 2% 0%;
	border-collapse: collapse;
	
	overflow-x: hidden;
    /* background: #efefef;  */

    background: #F8F8F8;

}
#footer {
    /* nav is 80  foot zelf is 180 */
	/* iets meer nemen voor menubalk maar hoe veel? is dat hoogte van menu? ongeveer 80 nee lijkt maar 20 of zo (mooi voor imr logo onderaan .... )*/
   
	/* border: 1px solid #ff00ff; */
	
	height: auto;
	width: auto;
	
	
	
	bottom: 20px;
	right: 30px;
	/* margin: 110px 0% 0% 200px; */
	padding: 10px 0% 0% 0px;
	border-collapse: collapse;
	background: #F8F8F8;

}

#footer .tabelkop6 {
/* stijl 7 */
	
   border: 0px #000000 solid;
	
}


#footer .tdlinksparent {
/*  de blokken zijn 30% - de hoogte zelf invullen door 100% in hoogte element te tikken*/
/* er is een sheet "3 kol achtergrond " voor bereken van dit  */
/* 
 padding: 1% 3.3333% 1% 0;
 
 */
 border: 0px #000000 none;
}


#footer .tdmiddenparent {
   
  
 /*  padding: 1% 1.6666% 1% 1.6666%; */
 margin: 0px 0px 0px 0px ;
 border: 0px #000000 none;
}

#footer .tdrechtsparent {
   
   /* padding: 1% 0 1% 3.3333%; */
   border: 0px #000000 none;
   
/* 
  
   -webkit-box-shadow:inset 0px 0px 0px 10px #f00;
    -moz-box-shadow:inset 0px 0px 0px 10px #f00;
    box-shadow:inset 0px 0px 0px 10px #f00;
 */


}
#footer .aligntabel_img {
   
   text-align: center;

}


.logo_knop {
 
  /* display: none; */
  /* schaalt met breedte van leon */
  float:left; 
  margin: 0px 0px 0px 0px;
  
  width: 100%;
  height: auto;
  max-height: 88px;
  max-width: 1260px;
  
  
}
.sticky .logo_knop {
  display: block;
  float:left; 
  margin: 0px 0px 0px 0px;
  width: auto;
  
  transition:all 0.4s 1s ease;
    -webkit-transition:All 0.4s  0.0s ease;
    -moz-transition:All 0.4s     0.0s ease;
    -o-transition:All 0.4s       0.0s ease;
    -ms-transition::All 0.4s     0.0s ease;

    transform: scale(0.43);
    -webkit-transform: scale(0.43);
    -ms-transform: scale(0.43);
    -o-transform: scale(0.43);
    -moz-transform: scale(0.43);
      
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
    -o-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    /* 
-webkit-transform-origin: 5px 9px;
    -moz-transform-origin: 5px 9px;
    -o-transform-origin: 5px 9px;
    -ms-transform-origin: 5px 9px;
    transform-origin: 5px 9px;
 */
}
    


#navlist {
  margin: 0;
 
  padding: 0;
  text-align: center;
  max-width:1260px;
 
}

#navlist ul {
  
  list-style-type: none;
  list-style-image: none;
 
  text-align: center;
 
}

#navlist li {
  
  margin: 0;
  display: inline-block;
  /* padding: 5px 20px 5px 20px; */
  padding: 0.3em 0.4em ;
  border: #ff0000 0px none;
  /*line-height: 40px;*/
  line-height: 1.5em;
  height: 100%; 
  border: #ffffff 0px none;
  text-align: center;
    
}
#navlist li:hover {
    /* box-shadow:inset 0 0 10px #ffffff; */
    cursor: pointer;
}

#nav ul li a {

  text-decoration: none;
  margin: 0;
  padding: 0px 0px 0px 0px;
  color: #616161;
  border: #ff0000 0px none;
  font-weight: normal;
}


#nav ul li a:hover {
/* mouseover of touche tablet */
  
  text-decoration: none;
  /* color: #fbe202; */
}

/* Active class bij nav hor*/


.slidertitel1 {
  font-size: 1.3em; 
  line-height: 50px;
  height: 50px;
  font-weight: normal;
}
.slidertitel2 {
  font-size: 1.3em; 
  line-height: 50px;
  height: 50px;
  font-weight: normal;
}

.menu_knop {

float : right;
width : 40px;
height: 40px;
margin: 10px 0 0 30px;
 
}
.menu_knop_left {
/* identiek aan bovenstaande maar nodig als er iets links staat van knoppen */
float : right;
width : 40px;
height: 40px;
margin: 10px 0 0 0px;
 
}
.sideviewtoggleknop {

     float:right; 
     
     width: auto;
     height: 40px;
     margin-right: 10px;
}
.sectieopmaak_1 {
  /* alleen voor respnsive doet verder zelf niks */
  
  /* deze sectie stijl is voor info pagina de polaroid heeft geen marges hier links en rechts */
    
}
.sectieopmaak_2 .tdlinksparent  {
		   border: 2px solid #ffffff;
		}
		.sectieopmaak_2 .tdmiddenparent  {
		   border: 2px solid #ffffff;
		}
		.sectieopmaak_2 .tdrechtsparent  {
		   border: 2px solid #ffffff;
}
.sectieopmaak_2 .tdlinksparent:hover{
   
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
     /* border: 8px dotted #c3210a; */
     border: 6px solid #ececec;
	 /* outline: 8px dotted #c3210a;  */
	 
}
.sectieopmaak_2 .tdmiddenparent:hover{
   
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
     /* border: 8px dotted #c3210a; */
     border: 6px solid #ececec;
}
.sectieopmaak_2 .tdrechtsparent:hover{
   
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
     border: 6px solid #ececec;
	 
}









.sectieopmaak_1 .pull-right {
		/* 
float: right;
		margin: 0.8em 0 2em 0em;
 */
		
}
.sectieopmaak_1 .pull-left {
		float: left;
		margin: 0.8em 0em 2em 0;
}


.sectieopmaak_2 {
    /* position: absolute; */
	width: 100%;
	
	/* background: #e6e76b; */
	/* background: #00ee00 ; */
	
	
	display: block;
	height: 100%;
	/* font-size: 18px; */
	
}
.sectieopmaak_2 .uitslagentabel { 
    border-spacing: 25px;
    border-collapse: collapse;
}
.sectieopmaak_2 .uitslagentabel td { 
 padding:0 0 10px 0; 
 }

.forcevastebreedte {
 max-width: 100%;
 vertical-align: middle;
 word-wrap: break-word;
 overflow: visible;
 border: 3px dotted #ff0000;
 overflow-x: scroll;
    overflow-y: scroll;
}

.sectieopmaak_2 .tabelkop2 {
  
  
/* 
 filter: alpha(opacity=70);  /* IE */
 -moz-opacity: 0.7;          /* Mozilla */
 opacity: 0.7;               /* CSS3 */
 */


}
.sectieopmaak_3 {
  
  min-height: 100%;
  height: auto;
  padding: 6% 8% 8% 6%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(diamant-grijs.jpg);
    /* background: url(onthaasten.jpg)  center center fixed; */
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;  
    background-size: auto 50%; 
  
}
/* afwijkende kleur van standaard */
.sectieopmaak_3 A:LINK, .sectieopmaak_3 A:VISITED, .sectieopmaak_3 A:ACTIVE {
		
		color: #fbe202;
		
}
.sectieopmaak_3 A:HOVER {
		
	   text-decoration : underline;
		
	   -webkit-transition: color .4s linear;  
       -moz-transition: color .4s linear;  
       -o-transition: color .4s linear;  
       -ms-transition: color .4s linear;  
       transition: color .4s linear;  
}
.sectieopmaak_3 TD {	
   /* color: #ffffff; */
}
.sectieopmaak_3 HR {	
   /* 
color: #ffffff !important ;
   background-color: #fbe202  !important;
   width: 80%;
 */
}

.sectieopmaak_4 {
  
  
  margin: -90px 0px 0px 0px;
  
  background: #f0f0f0;
  min-height: 100%;
  height: auto;
  padding: 6% 6% 6% 6%;
  /* margin: 0 auto; */
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
  
}
/* afwijkende kleur van standaard */
.sectieopmaak_4 A:LINK, .sectieopmaak_4 A:VISITED, .sectieopmaak_4 A:ACTIVE {
		
		
		
}
.sectieopmaak_4 A:HOVER {
		
	   
}
.sectieopmaak_4 TD {	
   
}
.sectieopmaak_4 HR {	
   
}






.sectieopmaak_5 {

	padding: 1% 0% 1% 0%;
	margin: 0 0 0 0;
	
	/* border: 1px dotted #000000; */
	
	/* 3 kolommen met border lichtblauw en padding 1% */
	
}



.sectieopmaak_5 .tdlinksparent {
/*  de blokken zijn 30% - de hoogte zelf invullen door 100% in hoogte element te tikken*/
/* er is een sheet "3 kol achtergrond " voor bereken van dit  */
 padding: 1% 3.3333% 1% 0;
 
 
}



.sectieopmaak_5 .tdmiddenparent {
   
  
  padding: 1% 1.6666% 1% 1.6666%;
  
 
}

.sectieopmaak_5 .tdrechtsparent {
   
   padding: 1% 0 1% 3.3333%;
   
   
/* 
  
   -webkit-box-shadow:inset 0px 0px 0px 10px #f00;
    -moz-box-shadow:inset 0px 0px 0px 10px #f00;
    box-shadow:inset 0px 0px 0px 10px #f00;
 */


}
.sectieopmaak_5 .aligntabel_img {
   
   text-align: center;

}


.sectieopmaak_6 {
  /*  */
  
  min-height: 100%;
  height: auto;
  padding: 2% 0% 11% 0%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;

    background-image: url(diensten.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll;  
    /* background-size: contain;  */
     background-size: 100% auto; 
    
}
/* 
.sectieopmaak_6 .grotefoto:HOVER {
   width: 100%;
}
.sectieopmaak_6:HOVER {
   background: #ffffff;
}
 */
  
/* start sectie 7  dit blijft even de test */
.sectieopmaak_7 {

	padding: 1% 0% 1% 0%;
	margin: 0 0 0 0;
	
	
}



.sectieopmaak_7 .tdlinksparent
{
	/*  2 blokken met gelijke marges  de blokken zijn ?% - de hoogte zelf invullen door 100% in hoogte element te tikken*/
	/* padding: 1% 2.5% 1% 1.25%; */
	/* background-color: #DACCCC; */
	border: 1px #C9CCA5 solid;
	height: auto;
	

	
}
.sectieopmaak_7 .tdlinksparentdiv
{
	/* dit is binnen .tdlinksparent */
	border: 3px #000000 dotted;
	padding: 5% 5% 5% 5%;
	background-color: #DA909D;
}

.sectieopmaak_7 .tdmiddenparent {
   
  /* midden doet niet mee  padding: 1% 0.6666% 1% 0.6666%; */
 
}



.sectieopmaak_7 .tdrechtsparent {
	/* padding: 1% 1.25% 1% 2.5%; */
	/* background-color: #ccCCCC; */
	height: 100%;
	background-color: #FFAD0D;
	padding: 1% 1% 1% 1%;
}
.sectieopmaak_7 .tdrechtsparentdiv
{
	/* dit is binnen .tdrechtsparent */
	border: 3px #ff00ff dotted;
	/* margin: 2% 5% 2% 5%; */
	background-color: #DA909D;
	height: 100%;
	display: table;
}
.sectieopmaak_7 .tdlinks { 
   background-color: #dadada;
   border: 1px solid #00abf1;
}
.sectieopmaak_7 .tdrechts { 
   background-color: #dadada;
}

.sectieopmaak_7 .aligntabel_img {
   
   text-align: center;

}
.sectieopmaak_7 A:ACTIVE,  .sectieopmaak_7  A:VISITED, .sectieopmaak_7 A:LINK{
	color: #ff0000;
	font-weight: bold;
	text-align: center;
	background-color: #ff00ff;
}

.sectieopmaak_7 A:HOVER {
	color: #e64190;
	font-weight: bold;
	text-align: center;
	background-color: #ff00ff;
} 



/* start sectie 8  */
.sectieopmaak_8 {

	padding: 1% 0% 1% 0%;
	margin: 0 0 0 0;
	
	
}



.sectieopmaak_8 .tdlinksparent {
 /* 
        alleen opmaak neer zetten als div geen 100% is dit is voor marges  tussen blokken
        border: 1px #000000 solid;
 */
    height: 100%;
	
	padding: 0% 3% 0% 6%;
   
	background-color: #ffffff;
	
    
}

.sectieopmaak_8 .tdlinksparentdiv {
	/* dit is binnen .tdlinksparent */
	/* border: 3px #000000 dotted; */
	/* padding: 0% 1.5% 0% 3%; */
	
	height: 100%;
	border: 5px #ffffff solid;
	background-color: #f8f8f8;
	box-shadow: 2px 2px 5px #676767;
	padding: 5px 5px 5px 5px;
}

.sectieopmaak_8 .tdmiddenparent {
  /* midden doet niet mee  padding: 1% 0.6666% 1% 0.6666%; */
}

.sectieopmaak_8 .tdrechtsparent {
	/* padding: 1% 1.25% 1% 2.5%; */
	/* background-color: #ccCCCC; */
    /* 	border: 1px #000000 solid; */
	height: 100%;
	padding: 0% 6% 0% 3%;
    
	background-color: #ffffff;
	
}
.sectieopmaak_8 .tdrechtsparentdiv
{
	/* dit is binnen .tdrechtsparent */
	height: 100%;
	border: 5px #ffffff solid;
	background-color: #f8f8f8;
	box-shadow: 2px 2px 5px #676767;
	padding: 5px 5px 5px 5px;
	
}
.sectieopmaak_8 .tdlinks { 
   /*  gewoon doen in cms
   background-color: #dadada;
   border: 1px solid #00abf1;
   */
}
.sectieopmaak_8 .tdrechts { 
   
}

.sectieopmaak_8 .aligntabel_img {
   
   text-align: center;

}




/* start sectie 9  test voor blokken van gerine ----------------------------------------------------------------------------------------------------------------------------   */
.sectieopmaak_9 {

	padding: 1% 0% 1% 0%;
	margin: 0 0 0 0;
	
	background-color: #ff0000;
	
}



.sectieopmaak_9 .tdlinksparent {
 /* 
        alleen opmaak neer zetten als div geen 100% is dit is voor marges  tussen blokken
        border: 1px #000000 solid;
 */
    height: 100%;
/* 	padding: 1% 0 1% 2.3333%; */
	padding: 0% 2.3333% 0% 0%;
    background-color: #ffffff;
    
}

.sectieopmaak_9 .tdlinksparentdiv {
	/* dit is binnen .tdlinksparent */
	/* border: 3px #000000 dotted; */
	/* padding: 0% 1.5% 0% 3%; */
	
	height: 100%;
	
	background-color: #f7f7f7;
}

.sectieopmaak_9 .tdmiddenparent {
  /* midden doet niet mee  padding: 1% 0.6666% 1% 0.6666%; */
    height: 100%;
	/* padding: 0% 6% 0% 3%; */
	padding: 0% 0.6666% 0% 0.6666%;
    background-color: #ffffff;
}
.sectieopmaak_9 .tdmiddenparentdiv {
	/* dit is binnen .tdlinksparent */
	/* border: 3px #000000 dotted; */
	/* padding: 0% 1.5% 0% 3%; */
	
	height: 100%;
	
	background-color: #f7f7f7;
}

.sectieopmaak_9 .tdrechtsparent {
	/* padding: 1% 1.25% 1% 2.5%; */
	/* background-color: #ccCCCC; */
    /* 	border: 1px #000000 solid; */
	height: 100%;
	/* padding: 0% 6% 0% 3%; */
	padding: 0% 0% 0% 2.3333%;
    background-color: #ffffff;
}
.sectieopmaak_9 .tdrechtsparentdiv
{
	/* dit is binnen .tdrechtsparent */
	height: 100%;
	
	background-color: #f7f7f7;
	/* display: table; */
}
.sectieopmaak_9 .tdlinks { 
   /*  gewoon doen in cms
   background-color: #dadada;
   border: 1px solid #00abf1;
   */
}
.sectieopmaak_9 .tdrechts { 
   
}

.sectieopmaak_9 .aligntabel_img {
   
   text-align: center;

}
.sectieopmaak_9 A:ACTIVE,  .sectieopmaak_9  A:VISITED, .sectieopmaak_9 A:LINK{
	color: #ff0000;
	font-weight: bold;
	text-align: center;
	background-color: #ff00ff;
}

.sectieopmaak_9 A:HOVER {
	color: #e64190;
	font-weight: bold;
	text-align: center;
	background-color: #ff00ff;
}