/*****************************
*        ALGEMEEN            *
*****************************/

*					    {margin: 0; padding: 0; }

body				  {width: 100%;
							height: 100%;		
							/*font: 16px/2 Georgia, serif; */			
							font: 12px Verdana, Arial, sans-serif;	
							color: #000; 
							background-color: #fff;}
							
img		 				{border:none;}

h1,h2					{font-size:125%;
							/*text-align: left;*/
						 	color:#ff0000;/*#ff3333;*/
						  padding-left: 10px; }

h1 						{padding-top: 12px;/*12px;*/		
						  padding-bottom: 5px;/*5px;*/ }
						 						 
h2					  {padding-top: 13px; /*13px;	*/				
						  padding-bottom: 13px;/*13px;*/}
							
p						  {padding: 6px 10px; 
						  line-height: 26px;/*1.8em;*/}

iframe				{border:none;}

form					{padding: 6px 10px;}

#achtergrond	{width: 919px;
							height: 880px;					 							
							margin: 0 auto;
							background: url(../img/achtergrond13.jpg);/*achtergrond10*/
							border-left: lightgrey 1px solid;
							border-right: lightgrey 1px solid;
							-moz-box-shadow: 0 0 5px 5px #f5f5f5;
							-webkit-box-shadow: 0 0 5px 5px #f5f5f5;
							box-shadow: 0 0 5px 5px #f5f5f5;}

#preload      {display: none;
	            height: 1px;											
	            width: 1px;}
/*****************************
*     BOVENKANT PAGINA       *
*****************************/						
	
#banner, #header			  
				 			{top: 5px;
					   	margin: 0 auto;									 						
						 	position: absolute; }	
							
#bewBanner    {width:919px; height:159px;
							z-index: 1;
              top: 5px;
					   	margin: 0 auto;									 						
						 	position: absolute;
              background:url(img/banner6.png) +200px 0; }	
																
#banner				{z-index: 1;}		
									
#header				{z-index: 2;}		
							
/*****************************
*        MENU            *
*****************************/
#menu ul,#menusint ul,#menukerst ul 
              {list-style-type:none;}

#menu li,#menusint li,#menukerst li	
              {float: left;
							font-weight: bold;
							text-align: center;			
							font-size: 120%;
              border-top-left-radius:100%;                /* Vorm vd div met bolle boven randen*/ 
              border-top-right-radius:100%;
              border-bottom-right-radius:0%;
              border-bottom-left-radius:0%; 
							box-shadow: 0px 0px 4px 4px #ffffff inset;  /* Witte rand *//* #ffffcc #99ffff #dd0019;	*/
		          border-left:1px solid gray;                 /* Grijs randje aan zijkanten */
              border-right:1px solid gray;}
#menu li      {line-height: 2.3em;}/*2.2em;*/
#menusint li,#menukerst li	
              {line-height: 1.2em;}							
#menu a,#menusint a,#menukerst a		
              {text-decoration:none;}
.aan1,.aan2,.aan3,.aan4		
             {height: 30px;
              padding: 7px 0 0 0px;}  /* height: 35px; padding: 5px 0 0 0px; */                   
.uit1,.uit2,.uit3,.uit4   
              {margin-top:7px; 
              height: 30px}           /*margin-top:5px; height: 35px*/                    
.uitL1,.uitL2,.uitL3,.uitL4   
              {margin-top:5px;
							/*border:1px solid red;/*top right bottem left*/
              height: 17px;}

.uit1 a,.uitL1 a,.aan1 a       
              {color:#f8007f; }
.uit2 a,.uitL2 a,.aan2 a
        			{color:#339933;}
.uit3 a,.uitL3 a,.aan3 a
         			{color: #df7c00;}
.uit4 a,.uitL4 a,.aan4 a
        			{color:#897444;	}
.uit1 a:hover, .uit2 a:hover, .uit3 a:hover, .uit4 a:hover,
.uitL1 a:hover,.uitL2 a:hover,.uitL3 a:hover,.uitL4 a:hover  	  	
              {color: red;}			

#menuItem1,.uitL1	           {
  background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #68caea 50%);/* IE10 Consumer Preview */ 
  background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #68caea 50%);/* Mozilla Firefox */
  background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #68caea 50%);/* Opera */
  background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #FFFFFF), color-stop(0.5, #68caea));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #68caea 50%);/* Webkit (Chrome 11+) */ 
  background-image: radial-gradient(ellipse farthest-corner at center bottom, #FFFFFF 0%, #68caea 50%); /* W3C Markup, IE10 Release Preview */
                             }
#menuItem2,.uitL2	           {
  background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #fecb58 50%);/* IE10 Consumer Preview */ 
  background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #fecb58 50%);/* Mozilla Firefox */
  background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #fecb58 50%);/* Opera */
  background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #FFFFFF), color-stop(0.5, #fecb58));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #fecb58 50%);/* Webkit (Chrome 11+) */ 
  background-image: radial-gradient(ellipse farthest-corner at center bottom, #FFFFFF 0%, #fecb58 50%); /* #fecb58  W3C Markup, IE10 Release Preview */
                            }
#menuItem3,.uitL3           {
  background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #fee800 50%);/* IE10 Consumer Preview */ 
  background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #fee800 50%);/* Mozilla Firefox */
  background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #fee800 50%);/* Opera */
  background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #FFFFFF), color-stop(0.5, #fee800));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #fee800 50%);/* Webkit (Chrome 11+) */ 
  background-image: radial-gradient(ellipse farthest-corner at center bottom, #FFFFFF 0%, #fee800 50%); /* #f5ec18 W3C Markup, IE10 Release Preview */
                            }
#menuItem4,.uitL4       	  {
  background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #40e329 50%);      /* IE10 Consumer Preview */ 
  background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #40e329 50%);     /* Mozilla Firefox */
  background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #40e329 50%);       /* Opera */
  background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #FFFFFF), color-stop(0.5, #40e329));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #40e329 50%);  /* Webkit (Chrome 11+) */ 
  background-image: radial-gradient(ellipse farthest-corner at center bottom, #FFFFFF 0%, #40e329 50%);        /*#8be028 #00ff27 #00dd00  #00f612W3C Markup, IE10 Release Preview */
                             }
#menuItem1	   {width: 114px;}
#menuItem2	   {width: 135px;}
#menuItem3	   {width: 95px; }
#menuItem4	   {width: 75px; }	
.uitL1,.uitL2,.uitL3,.uitL4
               {padding:0px 7px; }			 
					 
#menusintonder ul,#menukerstonder ul 
              {list-style-type:none;}

#menusintonder li,#menukerstonder li	
              {float: left;
							font-weight: bold;
							text-align: center;			
							font-size: 120%;
              border-top-left-radius:100%;                /* Vorm vd div met bolle boven randen*/ 
              border-top-right-radius:100%;
              border-bottom-right-radius:100%;
              border-bottom-left-radius:100%; 
							box-shadow: 0px 0px 4px 4px #ffffff inset;  /* Witte rand *//* #ffffcc #99ffff #dd0019;	*/
		          border-left:1px solid gray;                 /* Grijs randje aan zijkanten */
							border-bottom:1px solid gray;
              border-right:1px solid gray;}

#menusintonder li,#menukerstonder li	
              {line-height: 1.2em;}							
#menusintonder a,#menukerstonder a		
              {text-decoration:none;}							 

#menusintonder .uitL1,#menukerstonder .uitL1       {margin-top:0px;/*5px;*/
                                                    padding-top: 6px;
							 																		 	/*border:1px solid red;/*top right bottem left*/
              																			height: 24px;}
		 
/*****************************
*           TEKSTBOX         *
*****************************/										
								
#main-content, #main-content2 
							 {width: 861px; 
							 height: 571px;
							 /*border: 1px solid gray;			*/			 
							 margin: 0 auto;
							 top: 170px;/*170px 186px*/
							 z-index: 1;
							 position: relative; 
							 padding: 0px 10px 20px 20px;}	

#main-content2 {top: 148px; background: url(../img/vak34.gif); }

/*****************************
*   LINKERZIJDE TEKSTBOX     *
*****************************/										
#contentlinks	       {float: left;
							       width: 189px; }
#contentlinksboven,#contentlinksbeneden
                     {position :relative;           /* border: 1px solid green; */
                     padding:0px 0px 0 0px;margin:0px;
                     top : 130px;          
							       width: 180px; }
#contentlinksboven   {top : 130px; }
#contentlinksbeneden {top : 290px; }
													
#contentlinks h1     {font-size: 1  %;}	/*Klopt niet, werkt namelijk niet, als wel werkt veel te klein. even nagaan*/	
													
#contentlinks p	     {padding:0 25px 0 0;
								     font-size: 105%;
								     line-height:1.5em;}						

#contentlinksboven h1,#contentlinksbeneden h1  	{text-align: center; padding:0px 20px 0 0px; margin:0px; } /*border: 1px solid gray;	 } /*{padding:140px 0 0px 0px; line-height:80%; vertical-align:top//*bottom;}*/ 

#contentlinksboven2 h1  {padding:129px 0 0 40px; }

#contentlinksbeneden2 h1{padding:163px 0 0 40px; }		

#contentlinks2	     {float: left;
								     width: 310px;
								     margin-top: 80px;	
								     margin-left:20px;	
								     padding-top: 20px;
								     padding-left: 40px;
								     border: 1px solid #d3d3d3; 
								     background-color: #ff6699;}

#contentlinks2 td		 	  {padding-right: 20px;
							          line-height: 2em;}

#contentlinks2 a				{color: #fff; }
													
#contentlinks2 a:hover  {color: #000; }

#aftel				 				{padding: 5px 0px 5px 0px;
											font: bold 1.8em Times, Garamond;
											color: red;}

/*****************************
*      MIDDEN TEKSTBOX       *
*****************************/																	

#middenbox					{float: left;   
										width: 429px  ;  /*429px*/
										margin-top: 5px;	
										padding-right: 10px;}
																											
#breadcrumb					{font-size:95%;		
										margin-top: -10px;
										margin-bottom: 10px;	} 
																																																														
#contentmidden			{float: left;
										width:415px;
										height:412px; 
										border: 1px solid #d3d3d3;
										border-radius:10px;
										margin-top: -5px;	
										padding-right: 10px;
										padding-bottom:10px;
										z-index: 0;
                    /*http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/*/  
                    background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #ffcc60 100%); /* Mozilla Firefox */ 
                    background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #ffcc60 100%); /* Opera */ 
                    background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #ffcc60)); /* Webkit (Safari/Chrome 10) */ 
                    background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #ffcc60 100%); /* Webkit (Chrome 11+) */ 
                    background-image: radial-gradient(circle farthest-corner at center, #ffffff  50%, #fee800 100%);/*#ffd100  #ffff67  #ffe577 0%*/	/*#00A3EF #ffd167 #ffdd00 #ffe4a6 #ffd167 #ffcc66 #ffcc99*/		/* W3C Markup, IE10 Release Preview */ 
										}
#contentmidden2			{float: left;
										width:415px;
										height:462px; 
										border: 1px solid #d3d3d3;
										border-radius:10px;
										margin-top: -5px;	
										padding-right: 10px;
										padding-bottom:10px;
										z-index: 0;
                    /*http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/*/  
                    background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #ffcc60 100%); /* Mozilla Firefox */ 
                    background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #ffcc60 100%); /* Opera */ 
                    background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #ffcc60)); /* Webkit (Safari/Chrome 10) */ 
                    background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #ffcc60 100%); /* Webkit (Chrome 11+) */ 
                    background-image: radial-gradient(circle farthest-corner at center, #ffffff  50%, #fee800 100%);/*#ffd100  #ffff67  #ffe577 0%*/	/*#00A3EF #ffd167 #ffdd00 #ffe4a6 #ffd167 #ffcc66 #ffcc99*/		/* W3C Markup, IE10 Release Preview */ 
										}
#contentmidden img  {margin-bottom: -20px; }	
table								{padding-bottom: 10px;}										
										
#contentmidden td		{padding-top:4px; 
							 			padding-right:8px;							 			
										line-height:0.8em;}

td.radio						{width:17px;	}

input.buttonBestellen, input.buttonBetalen 
                    {width: 110px;
							      height: 30px;
							      background: url(../img/knop.gif) no-repeat;
							      margin-top: 10px;
							      margin-bottom: 10px;
							      padding-bottom:2px;
							      color: #fff;						
							      outline: none;
							      border: none;
							      cursor : pointer;}
input.buttonBestellen {margin-left: 100px;}

input.buttonTerug   {width: 110px;
							      height: 30px;
							      background: url(../img/knopterug.gif) no-repeat;							
							      margin-top: 10px;
							      margin-bottom: 10px;											
							      padding-bottom:2px;
							      outline: none;
							      border: none;
							      cursor : pointer;}
																																																																				
#contentmiddenindent{width:290px;
										margin-top: 10px;											
										margin-bottom: 5px;}

#contentmiddenindent p 
                    {margin-bottom:0px;
										margin-left: 20px;}

#contentmiddenknop, #contentmiddenknop2 
									  {float: left;
									  width:194px;			
									  line-height: 1.4em;																												
									  border: 1px solid #d3d3d3; 
									  margin-top: 15px;	
									  margin-bottom: 15px;	
									  margin-left: 10px;
									  padding-top: 155px;
									  text-align: center;	}									 									

/*****************************
*   RECHTERZIJDE TEKSTBOX     *
*****************************/													 
																										
#contentrechtsboven, #contentrechtsboven2, #contentrechtsboven3 
									   {float: left;
									   width:189px;																									
										 margin-left: 10px;}

#contentrechtsboven  {margin-top:37px;}
														
#contentrechtsboven2 {margin-top:47px;}
														
#contentrechtsboven3 {margin-top:15px;}
																												
#contentrechtsboven img, #contentrechtsboven2 img, #contentrechtsboven3 img 
										 {border: 1px solid #d3d3d3; }														
																												
#contentrechtsbeneden, #contentrechtsbeneden2, #contentrechtsbenedenIndex
										 {float: left;
										 width:216px;
										 font-size: 95%;																										
										 border: 1px solid #d3d3d3; 										
										 margin-left: 10px;
                     background-image: -moz-radial-gradient(center top, circle farthest-corner, #FFFFFF 0%, #ff6 100%); 	/* Mozilla Firefox */ 
                     background-image: -o-radial-gradient(center top, circle farthest-corner, #FFFFFF 0%, #ff6 100%); /* Opera */ 
                     background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #FFFFFF), color-stop(1, #ff6)); /* Webkit (Safari/Chrome 10) */ 
                     background-image: -webkit-radial-gradient(center top, circle farthest-corner, #FFFFFF 0%, #ff6 100%); /* Webkit (Chrome 11+) */ 
                     background-image: radial-gradient(circle farthest-corner at center top, #FFFFFF 50%,#fee800 100%); /* #ffd100 #ff6 W3C Markup, IE10 Release Preview */ 
										 }	

#contentrechtsbeneden
                     {margin-top: 15px;																						
											padding-bottom:5px;
											border-radius: 4%;  /* top-left top-right bottum-right bottem-left*/	}	
#contentrechtsbenedenIndex
                     {margin-top: 47px;																						
											padding-bottom:5px;
											border-radius: 4%;  /* top-left top-right bottum-right bottem-left*/	}	
																												
#contentrechtsbeneden2 {line-height: 1.5em;										 
											 margin-top: 58px;
											 border-radius: 4%;}	
																												
#contentrechtsbeneden ul, #contentrechtsbeneden2 ul, #contentrechtsbenedenIndex ul
											 {list-style: outside circle url(../img/strikje.png);
							 				 margin-left:35px; }
															 
#contentrechtsbeneden li, #contentrechtsbeneden2 li, #contentrechtsbenedenIndex	li
											 {line-height: 1.5em;
							 				 padding-top:0px;
											 padding-bottom:15px;
											 padding-right:10px;}
																
#contentrechtsknop, #contentrechtsknop2, #contentrechtsknop3, #tipvriend
										   {float: left;
											 width:216px;																			
											 margin-left: 10px;
											 border-radius: 4%; 	}																																								

#contentrechtsknop     {margin-top: 90px;												
											 padding-bottom:20px;	}																																								

#contentrechtsknop2    {line-height: 1.4em;
											 border: 1px solid #d3d3d3; 
											 margin-top: 15px;	
											 padding-top: 155px;															
											 text-align: center;	}

#contentrechtsknop3, #tipvriend
										   {font-size: 95%;
											 line-height: 1.5em;																																		
											 border: 1px solid #d3d3d3; 
											 margin-top: 15px;			}
#tipvriend						 {height: 238px;
											 padding-top: 10px;
											 background: url(../img/tipvriend6.png);}
#contentrechts2				 {float: left;
											 width: 310px;									
											 margin-top: 80px;	
											 margin-left:100px;	
											 padding-top: 20px;
											 padding-left: 40px;
											 border: 1px solid #d3d3d3;
											 background-color: #6495ed; }
#contentrechts2 td		 {padding-right: 20px;
							 				 line-height: 2em;}
#contentrechts2 a			 {color: #fff; }	
#contentrechts2 a:hover{color: #000; }																	
				
/*****************************
*     ONDERKANT PAGINA       *
*****************************/	
																				                      
#footertext a  		  {color: #0033cc; 
										padding: 0 0.5em; }
								
#footertext a:hover {color: #ff0000; 
								    padding: 0 0.5em; }
										 
/*********************************************
* PAGINA met wenscodes                       *
* #wenstekst, #naamDeskundige, #wens_in_wit  * 
* komen uit kerstwensen spel                 *
**********************************************/	
	
#wenstekst,#wenscode  {position: absolute;
										left:-200px;
										top:200px; 
										z-index: 4;                  
			              padding: 50px 50px 50px 50px;                          /*Achtergrond*/
             /*       background-color:#fefefe;
                    background-color:#0a32ac;		
										background-color:rgba(0,0,255,0.7);*/
                     background-image: -moz-radial-gradient(center top, circle farthest-corner, rgba(010,050,172,0.5) 0%,rgba(0,100,255,0.03) 80%); 	/* Mozilla Firefox */ 
                     background-image: -o-radial-gradient(center top, circle farthest-corner, rgba(010,050,172,0.5) 0%, rgba(0,100,255,0.3) 100%); /* Opera */ 
                     background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, rgba(010,050,172,0.5)), color-stop(1, rgba(0,100,255,0.3))); /* Webkit (Safari/Chrome 10) */ 
                     background-image: -webkit-radial-gradient(center top, circle farthest-corner, rgba(010,050,172,0.5) 0%, rgba(0,100,255,0.3) 100%); /* Webkit (Chrome 11+) */ 
                     background-image: radial-gradient(circle farthest-corner at center, rgba(010,050,172,0.8) 0%,rgba(0,100,255,0.7) 100%); /* #ffd100 #ff6 W3C Markup, IE10 Release Preview */ 
	 													
	                  border-radius:100px;
	                  -moz-border-radius:100px;
	                  border:2px solid #a1a1a1;
  								  filter:alpha(opacity=100); /* for IE */
  								  opacity:1.0;	            /* CSS3 standard */	
										
										font-family: univers, Comic Sans MS, Arial, Verdana ;  /*Text*/
			              font-size: 21px;
                    color: #cc0000;
				            text-shadow: black 2px 2px 4px;
										color: #ffff33;
										text-shadow: black 3px 3px 3px;
				            /*text-align: center;*/
			              line-height: 1.6em;}
#wenscode						{left:560px;
	                  border-radius:70px;
	                  -moz-border-radius:70px;
										filter:alpha(opacity=0); /* for IE */
  								  opacity:0.0;	            /* CSS3 standard */	
 }				
#naamDeskundige     {font-size: 17px;
                    line-height: 1.4em;
										text-shadow: none;		}	
#wens_in_wit        {color: #fff;
                     font-family:Segoe Script;
										 font-size: 25px;}									 
#naar_volgende_wens,#naar_vorige_wens,#geef_wenscode_knop	
                    {position: absolute;
			              width:90px;
                    left: 250px;
                    top:  50px;
										/*height: 50px;*/
                    background-color:#cc0000;

	                  border-radius:30%;
	                  -moz-border-radius:30%;
	                  border:2px solid #a1a1a1;
			              padding: 10px 30px 10px 30px;
										z-index: 0;										
										font-family: univers, Comic Sans MS, Arial, Verdana;  /* Text */
			              font-size: 21px;
                    color:#ffffff;
										text-align: center;
				            text-shadow: black 2px 2px 4px;
			              line-height: 1.6em;	
										cursor: pointer; cursor: hand;}	
#naar_vorige_wens   {position: absolute;
			              width:90px;
                    left: 50px;
                    top:  50px;
  								  filter:alpha(opacity=30); /* for IE */
  								  opacity:0.3;	            /* CSS3 standard */
										}	
#geef_wenscode_knop	{position: absolute;
			              width:90px;
                    left: 365px;
                    top:  200px;
										border: 8px ridge #cc0000;	}										
input[type=text]   {padding: 5px;           /* tekstinvoer naam ontvanger surprise kerst wens*/
                    font-size: 30px;
                    line-height: 18px;
                    color:#d60f01;/*#ff0000;*/
                    text-align: center;
                    float: left;
                    display: block;
                    margin: 2;
                    background-color:#fff;/*#ffd700;*/
                    border: 8px ridge #cc0000;/* #ffff53 #ffff33;*/} 
form[name=wensCodeForm]
                    {position: absolute;                
                    left: 490px;
                    top: 50px;
                    z-index: 70;}
#naamontvangerwens	{position: absolute;
                    left: 510px;
                    top:  130px;
										color:#df7c00;}
#toelichting_wenscode {position: absolute;                
                    left: 510px;
                    top: 310px;
										width: 350px;
										color:#df7c00;}