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

.header {

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

        min-height: 52px; 
        max-height: 52px;
       
        clear: both;
      
        max-width:1260px;
        margin: 0px auto 80px auto;
        padding: 20px 0  0 0;
        
/* 
        margin-right: auto;
        margin-left: auto;
 */
        border: #ffffff 0px none;
        
        /* border-bottom: 1px #616161 solid; */
        /* 
border-bottom: 4px solid #163a6c;
        border-top: 4px solid #163a6c;   
 */
}
.logo_knop {

  float:left; 
  margin: -33px 0px 0 0px;
  
/*   width: 20%; */
  width: 350px;
  height: auto;

  max-height: auto;
  max-width: 350px;
 
 
     
  /* border: #ff0000 1px solid;  */
}


#hmenu {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   /* border: 1px solid #ff0000; */
   float: right;
   /* background: #00adef; */
   width: auto;
   
}
.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: 20px;
        
        border-top: 1px solid #ffffff; 
        padding: 5px 0  0 0;
        
             /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

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

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

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

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


  float:left; 
  margin: -10px 0px 0px 0px;
  /* 
  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.45);
    -webkit-transform: scale(0.45);
    -ms-transform: scale(0.45);
    -o-transform: scale(0.45);
    -moz-transform: scale(0.45);
        
    -webkit-transform-origin: left 5px;
    -moz-transform-origin: left 5px;
    -o-transform-origin: left 5px;
    -ms-transform-origin: left 5px;
    transform-origin: left 5px;


}

.sticky #hmenu {

   margin: -1px 0px 0px 0px;
   
}
.tel_button {

     float:left; 
     margin: 5px 5px 0px 0px;
     width: auto;
     height: 23px;
     display: none;
}
.taalvlag_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 #ffffff;
	border-collapse: collapse;
	
	overflow-x: hidden;

	clear: both;
	display: block;
     max-width:1260px;
    
    /* 
background-repeat: no-repeat;
    background-position: bottom 10px left 20px;
    background-image: url("bg2024.png");
 */
}



#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 dotted #ff00ff; */
	height: auto;
	width: 100%;
	border-collapse: collapse;
	overflow-x: hidden;
	/*     background: #ECEDF2;  */
	
	 /* background-image: linear-gradient(to bottom, #ffffff, #dddbee, #b9b8de, #9497ce, #6b78be); */
	/*  background-image: linear-gradient(to bottom, #ecedf2, #cbcfe6, #aab1d9, #8b94cc, #6b78be); */
	
     background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;	
	background-image: url(footer_golffysio.jpg);
    /*  watermerk als footer
    background-image: url("bg_hor2_2024.png");
    background-size: contain;	
    background-repeat: no-repeat;
    background-position: bottom  2px right 5px;
 */
    
	max-width: 1260px;
	/*     voorkomen dat padding opgeteld wordt bij 100%   */
	box-sizing: border-box;
	
    
    margin : 2% 0 0 0;
    padding: 0% 10px 0 10px;
}


/* #footer .elinkfotodiv { */
#footer .elinkfotodiv  {
/* border: 1px solid #ff00ef; */
/* de drie afbeeldingen van links in de footer naast elkaar */
/* 
float: left;
margin: 1px 10px 0px 0px;
 */

}
#footer .tdrechtsparent .elinkfotodiv  {
/* border: 1px solid #ff00ef; */
/* de drie afbeeldingen van links in de footer naast elkaar */
/* 
float: right;
margin: 1px 10px 0px 0px;
max-height: 28px;
 */
}

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


#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 {
  
    
}
.sectieopmaak_3 {
/*  verloop kleuren zoals originele achtergrond van footer */
     background-color: #ffffff;
     background-image: linear-gradient(to top, #6b78be, #9497ce, #b9b8de, #dddbee, #ffffff);
     padding: 2% 0% 2% 0%;
     margin: 0px -10px 0px -10px;  
}
.sectieopmaak_3 A:LINK, .sectieopmaak_3r A:VISITED {
		
		 color : #ffffff; 
		
}

.sectieopmaak_4 {
 
    
}
.sectieopmaak_5 {
  /* hetzelfde als 1 maar wanneer gekozen incl transparate laag */
  
 
    
}
.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 .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;

}
 


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

}