@import url(https://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here);  

@import url(https://fonts.googleapis.com/css?family=Covered+By+Your+Grace);  

@import url(https://fonts.googleapis.com/css?family=Patrick+Hand);  

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

* { margin: 0;
	padding:0;
	}
	
@charset "utf-8";
	
#yt { display: none ; 
		 z-index: 100;
		position: fixed;
		opacity: 0.95;
	    margin: 0 auto;
        width: 900px;
        height: auto;
        top: 50%;
        left: 45%;
        margin-left: -400px;
        margin-top: -250px;
		padding: 20px;
		background-color: rgba(200,100,100,0.06) ; }

/*   layout indeling   */

body {

	background: #ffffff; 
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
	
	margin: 0 auto; 
	background-image:url(../img/achtergrond_03met.gif);

	background-position:top  center;
	background-repeat:no-repeat;
	background-attachment: scroll;
}
#container {
	margin: 0 auto; 
	width: 971px;
	width: 946px; 	
	border: 0px solid #000000;
}

#header {
	padding: 10px 0 20px 0;
	border: 0px solid #fff;
	min-height:100px;
}



#container { font-family:   Arial, Helvetica, sans-serif;
				/*    16 of 17  of 16 bold  ?     line-height       N E W         */
				font-size:13px;
		
				line-height:18px;
				}
.home {             /*   voor de home page extra groot lettertype   NEE standaard grootte !~13      */
		 
		
		}


h1 {font-size:18px; font-weight: bolder; line-height:26px;}
h2 {font-size:14px; font-weight:bold; }
h3 {font-size:13px; font-weight:bold; }
.panel h3 { color:#FFF; }

/*  oa. agenda tekst   NEE  toch standaard grootte   */
.small{    }

/* li  te zien als li  */
.simple-list { list-style:square; margin-left:12px; } 

li { list-style:square; margin-left:12px;  	color: inherit ;} 

.muis { cursor:pointer; }

/*  ------------------------------------------------------- */

a:link  {
	color: inherit ;
	Xcolor: #fff;
	text-decoration: underline;
}
a:visited  {
		color: inherit ;
	Xcolor: #fff;
	text-decoration: underline;
	
}
a:hover  {
 	color: inherit ;
	Xcolor: #fff;
	text-decoration: none !important;
}

.cursor { cursor: pointer;  }

.leesverder a   {
	color: #FFFF00;
	color:#FFFFFF;
	text-decoration: underline;
	font-weight:bold;
}

/*   slide panels        */
div.panel {
height: auto;
display:none;
}
div.panel { Xborder: 1px solid #dfd;
				padding: 8px; }

XXdiv.flip { background-color:#66CC33; border: 2px solid #afd;}

/*   slide panels    other    */
/*
div li {  text-decoration:underline; }
div.paneitem{ Xbackground-color:#99ff77; border:  1px solid #bbb; 
				margin: 8px 0; padding: 3px;}
div.paneslideblock{ display: none;  Xbackground-color:#669933; margin: 4px 0 0 0; }
*/


/*div.blokitem        {  }    */
div.blokitem:hover  {        Xbackground-color: #60D835; cursor:pointer; }
div.blokitem-nopointer:hover  { Xbackground-color: #60D835; }

div.paneitem li {  text-decoration:underline; }
div.paneitem{ Xbackground-color:#99ff77; Xborder:  1px solid #bbb; 
				margin: 8px 0; padding: 3px;}
div.paneslideblock{ display: none;  Xbackground-color: #99ddaa; margin: 4px 0 0 0;
		padding: 5px 5px 5px 12px; }


/*   slide panels        */
.leesverder  { display:none; } 
.leesverder  a:hover{ display:none; 
	text-decoration: underline;
}

.rcol_les {position:absolute; left:375px;   }


.kop-st3  { font-size:14px; font-weight:bold;  }


.nadruk {font-size:13px; font-weight:bold; }
.wit {color:#FFFFFF; }
.zwart {color:#000;  }

.scheidingline { margin-top:5px; margin-bottom:10px; } 
.scheidingsline {  width:600px; height:5px; margin-top:5px; margin-bottom:10px; 
					background-image:url(../img/lijntje.png); }
#k4 img.rand{
	border: solid 6px #fff;
}

#leftfill	 {   /*   k1 de vulling met oa foto's   */
	position: relative;
	float:left;
	width: 245px;
	width: 215px;
	XXborder-bottom:1px solid #f00;
	min-height:900px;
	margin-left:70px;
	margin-left:0px;
	clear:both;
}

#k23 {     /*  de breede midden div   met daarin k2  k3  k23head  */
	text-align:left;
	position: relative;
	float:left;
	width: 495px;
	border: 0px solid #ddd;
	min-height:600px;
	margin-left:0px;
	margin-top:100px;
	padding: 0 0 0 0;
}


#k23head {
	text-align:left;
	position: relative;
	float:left;
	width: 479px;
	border: 0px solid #ddd;
	margin-left:0px;
	padding: 0 8px 8px 8px;
	XXfont-family:Arial, Helvetica, sans-serif;
}

#k2 {
	position: relative;
	float:left;
	width: 232px;
	padding: 5px 8px 5px 6px;
	min-height:300px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
}

#k3 {
	position: relative;
	float:left;
	width: 232px;
	padding: 5px 8px 5px 6px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	min-height:300px;
	margin-left:1px;
}

/*  ===========================   */

#kkkkk1 {
	position: relative;
	float:left;
	width: 250px;
	border-bottom:1px solid #fff;
	min-height:400px;
	margin-left:70px;
	background-color:#00CC33;
}
#fullsite{    /*   k1234       */
	text-align:left;
	position: relative;
	float:left;
	width: 811px;
	width: 871px;
	border: 0px solid #ddd;
	min-height:400px;
	margin-left:40px;
	margin-top:110px;
	XXbackground-color:#CCCC66;
}
#fullcontent{    /*   k123       */
	text-align:left;
	position: relative;
	float:left;
	width: 595px;
	width: 640px;
	border: 0px solid #ddd;
	min-height:400px;
	margin-left:40px;
	margin-top:110px;
}
/*  -----   de verdeling lings  rechts       k12    k34     */
#k12{    /*   k123       */
	text-align:left;
	position: relative;
	float:left;
	width: 409px;
	border: 0px solid #ddd;
	min-height:400px;
	margin-left:40px;
	margin-top:110px;
}
#k34 {
	text-align:left;
	position: relative;
	float:right;
	width: 438px;
	padding: 5px 6px 5px 8px;
	border-left:1px solid #ddd;
	min-height:600px;
	margin-top:100px;
	margin-right:28px;

}
#k4 {
	text-align:left;
	position: relative;
	float:right;
	width: 216px;
	padding: 5px 6px 5px 8px;
	border-left:1px solid #ddd;
	min-height:600px;
	margin-right:180px;
	margin-right:0px;

}
#k4bbb {
	position: relative;
	float:right;
	width: 250px;
	border: 1px solid #ddd;
	min-height:300px;
}


#footer {
	padding: 0 10px; 
	
}


/*   color: #b73160;  */
/*  ************ M E N U   *****************    */
 /*
.menu         { font-family:  'Just Me Again Down Here' ; font-weight:bold; font-size:20px; }	




.menu         { font-family:  'Covered By Your Grace' ; font-weight:bold; font-size:20px; }	

.menu         { font-family:  'Patrick Hand' ; font-weight:Xbold; font-size:18px; }	

  */
.menu         { font-family:  'Patrick Hand' ; font-weight:Xbold; font-size:15px; }	



.menu ul        { margin: 0 auto; width:auto;		 padding: 0px; }

.menu ul li     { display:inline; height:50px; margin: 0 3px 0 3px; padding-bottom:9px; padding-top:44px;   }

.menu ul li a   { color: #b73160; text-decoration: none; XXfont-weight:lighter; letter-spacing: 2px;  }
.menu ul li a:hover, .knoppen ul li a.selected { color: black; text-decoration: none; }	
/*  *****************************    */

/* algemen  error  van bv  sessie :  incorrecte dag -> terug ander pagina  */
.err_msg { color:#CC0000 !important; font-style:italic; font-size:16px; }



/*             -------------         F O R M S   ----------------         */
/* 																	width:180px;			*/
#gb input, input.form-d-inp, input.form-d-inp-max { height:18px;                background-color:#aaff88; border-color:#aaff88; border-style:solid; font-size:13px;  }
#gb textarea, .bericht { background-color:#aaff88; border-color:#aaff88; border-style:solid;  }
.bericht { background-color:#aaff88; border-color:#aaff88; border-style:solid;  }
#gb input#button { height:27px; width:150px; font-size:17px; border-bottom: 2px solid #003366; }

.gb-error { color:#660000; font-style:italic; font-size:15px; }


/*    - - - - - - - - - - - -Form Buttons - - - - -  - - - - - - -  */
.but-opgeven { text-align:right;  float:right; } 

#feest_verder_check{ width:110px; height:31px; font-size:16px; font-weight:bold;  cursor: pointer; color:#000000; }
.feest_button       { width:150px; height:35px; background-color:#CC3333; font-size:18px; 
						font-weight:bold; text-align:right; float:right; cursor: pointer; }


.feest_verder{ width:136px; height:30px; font-size:18px; } /*   cursor: pointer; */
.naar_uw_bank{ width:130px; height:22px; font-size:14px; } /*   cursor: pointer; */
.feest_verder_disabled { width:130px; height:28px; cursor: default; color:#DDD !important;   font-size:7px; cursor: none }

.feest_controleer_disabled{ color:#DDD; }

/*      knikker/glow bij feestjes kalende .......     */
.schaduw { 	-webkit-animation: glow 3s ease 5 ;
			animation: glow 3s ease 5 ;
 }
@keyframes glow {
      0% { color:#00FF00; }
	50% { color:#FF0000; }
	100% { color: transparent; }
}
@-webkit-keyframes glow {
      0% { color: #000000; text-shadow: 0px 0px 0px  }
	90% { color: #000000;; text-shadow: 0px 0px 0px black  }
	95% { color: #aaaaaa; text-shadow: 2px 5px 29px red }
}


.selectbank  { width:130px; height:21px;   border: 0px solid #3F0;   }
.selectbank_hilight  { width:130px; height:21px; 	
						-webkit-animation: glowborder 1s ease 3 ;
						animation: glowborder 1s ease 3 ;
 }
@-webkit-keyframes glowborder{
 0% {  border: 0px solid #AA00FF;   }
 50% {  border: 2px solid #FF0000;   }
 100% {  border: 1px solid #FF0000;   }
 }
@keyframes glowborder {
 0% {  border: 0px solid #AA00FF;   }
 50%  {  border: 2px solid #FF0000;   }
 100% {  border: 1px solid #FF0000;   }
 }



/*    ***********              *********  */


.onderschrift { font-family: Arial, Helvetica, sans-serif;
				font-size:11px; 
				}


/*  ***********  Formulier   ******************    */
.form-d-row { position:relative;  float:left; width:640px; height:30px; XXborder: solid 1px #aaa; }

.form-d-row { position:relative;  float:left; width:680px; height:30px; XXborder: solid 1px #aaa; }

.form-d-lab {  position:relative; width:160px; float:left;  background-color:#FFFF00;}
.form-d-tit { position:relative; width:160px; float:left; }
.form-d-inp {  position:relative; width:160px; float:left; height:20px; }
.form-d-inp_checkbox {  position:relative; width:23px; float:left; height:20px;  }
/*    select met breedte van label + breedte input =>  zelfde maat  2x 160 + mage   */
.form-d-inp-select {  position:relative; width:325px; float:left; height:20px; }
.form-d-inp-max {  position:relative; width:400px; float:left; height:20px; }
.form-d-err {  position:relative; width:260px; height:20px; float:left; margin-left:10px;}
.form-d-err {  position:relative; width:340px; height:20px; float:left; margin-left:10px;}


.form-d-row-dubbel {position:relative;width:540px;float:left; height:30px; XXborder: solid 2px #aaa; }
.form-d-tot  { position:relative;  width: 80px; float:right; text-align:left; }


/*  ***********  Foto Fancy  ******************    */
.donateurs { position:absolute; }

#foto1 ,#foto2,#foto3,#foto4,#foto5,#foto6{ position:relative;	height:155px; }
#foto1 a , #foto2 a , #foto3 a , #foto4 a , #foto5 a , #foto6 a{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#foto1 a.active ,#foto2 a.active ,#foto3 a.active , #foto4 a.active ,#foto5 a.active ,#foto6 a.active{	z-index:10; opacity:1.0; }
#foto1 a.last-active , #foto2 a.last-active  , #foto3 a.last-active, #foto4 a.last-active , #foto5 a.last-active  , #foto6 a.last-active{	z-index:9; }




.schuin-r {   
	 -webkit-transform: skew(-0deg) rotate(6deg) translatez(0);  /*  chrome  */
    -moz-transform: skew(0deg) rotate(6deg) translatez(0);
    -o-transform: skew(0deg) rotate(6deg) translatez(0);
    -ms-transform: skew(0deg) rotate(6deg) translatez(0);
    transform: skew(-0deg) rotate(6deg) translatez(0);  /*  FF  */
	}
.schuin-l {   
	 -webkit-transform: skew(-0deg) rotate(-6deg) translatez(0);  /*  chrome  */
    -moz-transform: skew(-0deg) rotate(-6deg) translatez(0);
    -o-transform: skew(-0deg) rotate(-6deg) translatez(0);
    -ms-transform: skew(-0deg) rotate(-6deg) translatez(0);
    transform: skew(-0deg) rotate(-6deg) translatez(0);  /*  FF  */
	}
	
#XXfancy2 { position:relative; margin-top:10px; width:120px; height:auto; }

#leftfill img{
    position: relative;
    z-index: 5;
    white-space: nowrap;

	border: solid 5px rgb(255,255,255); /*   fall back,  als geen rgba  */
	border: solid 5px rgba(255,255,255,1); 
	XXborder-radius: 8px;
/*	border-top: solid 6px #ff5500;
    border-bottom: solid 6px #ff5500;*/
    line-height: 30px;
    padding: 0px;
    margin: -2px;
}
#leftfill img:hover { padding: 0px; 
	border: solid 5px rgb(255,255,255);/*   fall back,  als geen rgba  */
	border: solid 5px rgba(255,255,255,0.5); 
 }
#Xleftfill img:hover { padding: 2px; border: solid 2px #bcb;  }
#Xleftfill img:hover { padding: 3px; border: solid 1px #000;  }
/*  ***********  Foto Fancy  ******************    */