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);
    
    background: #ffffff;
    
   -moz-osx-font-smoothing: grayscale;
}

.header {

        background: #072645; 
        
        /* min height is menu knop plus marge om balk weer te geven bij leeg*/

        
        
        clear: both;
      
        max-width:1260px;
        margin: 0px auto 0px auto;
        padding: 0px 0px 0px 0px;
        
        border: #ffffff 0px none;
        height: 160px;
}


.logo_knop {

  float:left; 
  margin: 10px 0px 0 10px;
  
/*   width: 20%; */
  width: auto;
  height: auto;

/* formaat is 250 bij 303 */
  max-height: 150px;
  max-width: 250px;
 
     
     
  /* border: #ff0000 1px solid;  */
  
}
#logo_tekst {
	float: left;
	
	margin :  10px 0px 0px 0px;
	padding:  0px 0px 0px 30px;
	width: 100%;
	height: auto;
	max-height: auto;
	max-width: 760px;
	text-align: left;
	
	color: #ee7200;
	font-size: 1.8em;
	display: normal;
	/* border: #ff0000 1px solid;  */
	
}

#hmenu {
   margin: 0px auto 0px auto;
   padding: 60px 0px 0px 0px;
   /* border: 1px solid #ff0000; */
   
   clear: right;
   /* background: #00adef; */
   width: auto;
   /* border: #ff00ff 1px solid;  */
}
.sticky {  

        position: fixed;  
        
        top: 0;  
        z-index: 100;  
        /* width: auto|value|initial|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;
          
         
        width: 98%; /* voor oude browsers */
	    width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px); 
        
        
        max-height: 42px;
        border-bottom: 1px solid #163a6c;
        border-top: 1px solid #163a6c; 
        
             /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

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

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

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

  /* Good browsers */
  opacity: 0.95;
}
.sticky .logo_knop {


  float:left; 
  margin: 2px 0px 0px 3px;
  /* 
  width: auto;
  height: 60px;
  */

    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.40);
    -webkit-transform: scale(0.40);
    -ms-transform: scale(0.40);
    -o-transform: scale(0.40);
    -moz-transform: scale(0.40);
        
    -webkit-transform-origin: left 2px;
    -moz-transform-origin: left 2px;
    -o-transform-origin: left 2px;
    -ms-transform-origin: left 2px;
    transform-origin: left 2px;


}
.sticky #logo_tekst {

   display: none;
   
}
.sticky #hmenu {

   
   margin: -5px auto 0px auto;
   padding: 0px 0px 0px 0px;
   
   
}
.tel_button {

     float:left; 
     margin: 5px 5px 0px 0px;
     width: auto;
     height: 23px;
     display: none;
}
#canvas {
/* zaken voor er om heen */
  width: 100%;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  height: auto;
  
  background: #ffffff;
  border: 0px none #e9e9e9;
  
  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.0em;
  font-size: 100%;
  height: auto;
 
  
  border: 0px none #cccccc;
  
}
#tekstgedeelte {

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

	clear: both;
	display: block;
    max-width:1260px;
    
}



#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: 0px none #ffffff;
	height: auto;
	width: 100%;
	border-collapse: collapse;
	overflow-x: hidden;
	/*     background: #adc7e0;  */
	background-color: #072645;
	
	max-width: 1260px;
	/*     voorkomen dat padding opgeteld wordt bij 100%   */
	box-sizing: border-box;
	
    
    margin : 1% 0 0 0;
    padding: 4% 0 4% 0;
}

#zoekveld {
    
    /* border: #ff00ff 2px solid; */
	float: right;
	margin: 19px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50%;
	height: auto;
	/* background-color:#ff22ff; border: 1px solid #ff0000;*/
	text-align: right;
	/* display: none; */
}
.zoekinput {

 width: 168px;
 height: 21px;
 border: 1px solid #00acf2;
 
 font-family: Arial, Verdana, "Verdana TT", sans-serif;
		font-size: .7em;
		background-color: #ffffff;
padding: 0px 0px 0px 2px;
border-radius:0px;
/* voor aplle borders bij velden */
 
}

#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: #677076;
  border: #ff0000 0px none;
  font-weight: normal;
}


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

/* Active class bij nav hor*/

.sideviewtoggleknop {

     float:right; 
     margin: 5px 2px 0px 0px;
     width: auto;
     height: 30px;
     display: none;
}


.elementopmaak2 {

 /* de opmaak van de table waarin stijl 3 staat */
 /* height: 100% ;  */

}

.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_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 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
  padding: 7% 0% 10% 0%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
  
  background: url(leden-netwerk.jpg)  center center scroll;
  background-size: 100% auto;
  background-position: left top;  
  background-repeat: no-repeat;  
}


.sectieopmaak_3 {
  
  padding: 10% 0% 10% 0%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
  
  background: url(blauw-wit.jpg)  center center scroll;
  background-size: 100% 100%;
  background-position: left top;  
    
    
}
.sectieopmaak_4bk {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
  padding: 2% 0% 2% 0%;
  margin: 0 auto;
  /* heeft txt align zin met ons cms? */
    
  border-bottom: 0px none #000000;
  
  background: url(wit-blauw-wit.jpg)  scroll;
  background-size: 100% 220%;
  background-position: left center;  
  background-repeat: no-repeat;  
}
.sectieopmaak_4_bk2 {
  /* deze doen met gehel achtergrond als plaatje dus incl foto */
  
  padding: 1% 0% 3% 0%;
  margin: 0 auto;
  
  background-color: #ff00ee;
   background: url(blauw-wit.jpg)  scroll;
  background-size: 100% 165%;
  background-position: left top;  
  background-repeat: no-repeat;  
  
}

.sectieopmaak_4 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
  padding: 1% 0% 3% 0%;
  margin: 0 auto;
  
  background-color: #072645;
   
  
}
.sectieopmaak_4 TD {

   color: #ffffff;
   
}
.sectieopmaak_4 .grotefoto {

   margin: -60px 0 0 0;
   /* border: 2px solid #00abf1; */
   
}


.sectieopmaak_5 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
  background-color: #ee7200;
    
    
}
.sectieopmaak_6 {
	/* 3-kol-lijnen - is weg nu vervangen door 7 */
	
	
	
	
	/* 
padding: 1% 0% 1% 0%;
	margin: 0% 0 5% 0;

	min-height: 280px;	
    /* background: #f88800; */

	border-bottom: 0px none #000000;
	background-repeat: no-repeat;

    webkit-background-size: 100% 100%;;
    moz-background-size: 100% 100%;;
    o-background-size: 100% 100%;;

	background-size: 100% 100%;
	background-image: url(3-kol-mal_300px.png);
	background-position: left top;
 */
	
}
.sectieopmaak_7 {

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

.sectieopmaak_7 .tdlinks {
   padding: 11% 11% 11% 11% !important;
}
.sectieopmaak_7 .tdrechts {
   padding: 11% 11% 11% 11% !important;
}

.sectieopmaak_7 .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_7 .tdmiddenparent {
   
  
  padding: 1% 1.6666% 1% 1.6666%;
  
 
}

.sectieopmaak_7 .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_7 .aligntabel_img {
   
   text-align: center;

}

.sectieopmaak_7  .verderopmaak {
  float: right;
  
}

.sectieopmaak_8 {
  /* voor de google map - alleen voor responsive gedrag op telefoon*/
  
    
}

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


    
.specialefoto {
   /* dit is door 99 als nr te kiezen  ipv link 21 of rechts 41 */
   /* display:inline-block; */
   margin: 0 1% 0 0;

}