.documenttable  {width: 100%;}

/* index */

body         {background-color:#D8931C; background-image: url(images/background_navigation.jpg); background-repeat: repeat-x;}




/* navigation */

.navimgchiro   {width: 101px; height: 93px; margin-left:0px; margin-right: 9px; margin-top:0px; margin-bottom:-10px;}
.navimgkoe     {width: 90px; height: 90px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:-7px;}
.navbanner     {width: 750px; height: 76px; margin:0px;}

.navleft       {width: 110px; height:90px;}
.navmiddle     {width: 100%;  height:90px; text-align: center;}
.navright      {width: 110px; height:90px; text-align: right;}

.navlinktable  {margin-left:auto; margin-right:auto;}
 

.navlinktext {text-decoration: none;
              font-family: arial, helvetica;
              margin:0px;}

.navbutton   {text-align: center; width:78px; height:20px; cursor:pointer; color:#CCBB00; 
               font-size: 12px;  background-image:url(images/background_nav_inactive.jpg); background-repeat: no-repeat;}

.navactive   {text-align: center; width:78px; height:20px; cursor:pointer; color:#FFCC44; 
              font-size: 12px; background-image:url(images/background_nav_active.jpg); background-repeat: no-repeat;}





/*banner top*/
.bannertop      {height: 20px; width: 100%;}
#bannertext     {margin-left:100%; display:inline;}

/*banner links*/

.bannerleft     {width: 110px; vertical-align:top;}
.login		{text-align: center; color: #FFCC44; font-family: arial, helvetica; margin: 0px; width:116px;
                 border-style: ridge; border-width:3px; border-color: #995500; background-color: #BB7700;}

.login p a	{text-decoration: underline; color: #FFCC44;}

.menuextra,
.menupremium,
.shoutbox	{text-align: center; font-family: arial, helvetiva; margin:0px; width:110px;
		border-style: ridge; border-width:3px; border-color: #995500; background-color: #BB7700;}

.menupremium	{margin-top:10px;}	

.menuextra table,
.menupremium table,
.shoutbox table {margin-left: auto; margin-right: auto;}

#password,
#username	{border-style: ridge; border-color: #995500;}

.logintd	{text-align: center; width:78px; height:20px; cursor:pointer; color:#CCBB00; 
               font-size: 12px; background-image:url(images/background_login_inactive.jpg); background-repeat: no-repeat;}

.loginactive	{text-align: center; width:78px; height:20px; cursor:pointer; color:#CCBB00; 
               font-size: 12px; background-image:url(images/background_login_active.jpg); background-repeat: no-repeat;}	

.logintext	{text-decoration: none; font-family: arial, helvetica; margin:0px;}

/*banner rechts*/



.bannerright    {vertical-align:top; width: 110px;}


.datetime       {text-align: center; color: #FFCC44; font-family: arial, helvetica; margin: 0px;

                 border-style: ridge; border-width:3px; border-color: #995500; background-color: #BB7700;}


#begroeting     {margin-top: 10px; margin-bottom: 10px;

                 font-family: arial, helvetica; font-size: 16px; text-align: center; color: #FFCC44; font-weight: bold;}

#clock          {height:35px; width:110px;}

#clockdisplay   {font-size: 30px; margin-top: 0px;}

#calendar       {cursor: pointer; height:114px; width:110px;}

#calendartop    {margin-top: 5px; margin-bottom: 5px; font-size: 12px;}

#calendarmiddle {margin-top: 5px; margin-bottom: 5px; font-size: 50px; font-weight: bold;}

#calendarbottom {margin-top: 5px; margin-bottom: 5px; font-size: 12px;}

.shoutbox	{margin-top:10px;}
.shoutbox h2	{margin-top: 2px; margin-bottom: 2px;}
.shoutbox table	{background-color: #DD9900; border-style: inset; border-width:1px; 
		border-color: #995500; width:104px; margin-bottom:3px; color:#FFDD55; overflow: auto; width: 100px;}

.shoutfooter	{font-family: arial, helvetica; font-size: 9px; margin:0px;  margin-top: 2px; margin-bottom: 5px;vertical-align:super;}

.shoutfooter a           {color:#995500; text-decoration: none; cursor:pointer;}

.shoutfooter a:hover     {text-decoration: underline;}

/*bannerbottom*/

.bannerbottom   {text-align: center;}


/* page */


h2                   {text-align:center; color:#FFCC44; margin:0px; 
                      font-family: arial, helvetica; font-size:14px; font-weight: bold;}

h2 a           	     {color:#FFCC44; text-decoration: none; cursor:pointer;}


h3                   {font-family: arial,helvetica; margin:0px;margin-top:8px;font-size:13px;}

h3 a		     {color:#995500; text-decoration: none; cursor:pointer;}

h3 a:hover	     {text-decoration: underline;}


ol                   {padding-left:8px;padding-top:0px; padding-right:0px;padding-bottom:8px;
                      font-size: 11px; font-weight: bold; font-family: arial, helvetica;}

ol p                 {font-weight:normal;}

ul                   {padding-left:8px;padding-top:0px; padding-right:0px;padding-bottom:8px; font-size: 11px;}

ul ul, ol ul         {padding-left:16px;padding-top:0px; padding-right:0px;padding-bottom:0px; font-size: 11px;
                      list-style-type:disc;}

hr                   {width:80%; color:#AC6C3E; height:1px;}



.page                {min-height: 380px; width: 100%;}

.pagetd              {width: 100%; background-color:#FFFFBB; vertical-align:top;} 


.pagehead            {background-image: url(images/header.jpg); width: 100%; height:19px;} 

.footer			{background-image: url(images/footer.jpg); height:19px;}

.footer .pagetext2	{margin:0px;}

/*-------------------------------------------------pagetext1 (grootte: 11px)----------------------------------------------*/

.pagetext1             {font-family: arial, helvetica; font-size: 11px; margin: 4px;
                        margin-top:0px; margin-bottom:0px; vertical-align:super;}

.pagetext1 a           {color:#995500; text-decoration: none; cursor:pointer;}

.pagetext1 a:hover     {text-decoration: underline;}


.pageborder1          {border-style: solid; border-color:#995500; border-width: 2px; padding:4px;
                       font-family: arial, helvetica; margin: 4px; font-size: 11px;}


/*------------------------------------------------pagetext2 (grootte: 12px)----------------------------------------------*/

.pagetext2             {text-align: center; font-family: arial, helvetica; margin: 8px; font-size: 12px;}

.afdelingen .pagetext2 {text-align: left; font-family: arial, helvetica; margin: 8px; font-size: 12px;} 

.pagetext2 a           {color:#995500; text-decoration: none; cursor:pointer;}

.pagetext2 a:hover     {text-decoration: underline;}

/*------------------------------------------------kalender------------------------------------------------*/

.extView .extension	{display:none;}
.extView .dots		{display:inline;}

.extView:hover .extension {display:block;}
.extView:hover .dots	  {display:none;}

.extView	   	{font-family: arial, helvetica; font-size: 11px; font-weight:bold; margin: 4px;
                        margin-top:0px; margin-bottom:0px; vertical-align:super;}

.extView a,
.extView .extension a   {color:#995500; text-decoration: none; cursor:pointer;}

.extView a:hover,     
.extView .extension a:hover {text-decoration: underline;}

.pagetablekalender    {padding:0px; border-width:1px; border-style:solid; border-color:black; width:100%;}
.pagetablekalender th {padding:0px; border-width:1px; border-style:solid; border-color:black; width:14.28%;}
.pagetablekalender td {padding:0px; border-width:1px; border-style:solid; border-color:black; width:14.28%; height:50px; vertical-align:top; }

.monthdiv	         {width:80px;}
.monthdiv .dropDown      {display: none;}
.monthdiv:hover		 {background-color:#BD7D4F;}
.monthdiv:hover .dropDown{display: block; position:absolute; background-color:#BD7D4F; width:80px;}

.daydiv			{width:30px;}

.dropDownElement	{cursor:pointer;}
.dropDownElement:hover	{background-color:#D8931C;}


#year		      {width:50px;}

.kalenderhead	       {margin-left:auto; margin-right:auto;}

.kalendercell		{cursor:pointer;}
.kalendercell:hover	{background-color:#EEEA8E;}

#dateselect		{font-size:15px !important;}

/*-----------------------------------------------------news-----------------------------------------------------------*/
.articleview		{width: 90%; margin-left:auto; margin-right:auto; margin-top:0px;}

.articleview th		{background-image: url(images/header.jpg); height:19px; 
			 border-top-width:10px; border-top-color:#FFFFBB; border-top-style:solid;}

.articleview th h2	{text-align:left; margin-left:10px;}

.Description 		{border-style:solid; border-width:1px; border-color:#DDDB9D;  background-color:#FFFCAF;}

.Description .pagetext1	{margin: 10px;}

.addedBy		{color:#995500;}

.nav			{border-collapse:collapse; border-style:solid; border-width:1px; border-color:#995500; 
			 margin-left:auto; margin-right:auto; margin-top:10px;}

.nav td			{border-style:solid; border-width:1px; border-color:#995500; width:10px; height:10px; cursor:pointer;}

.nav td .pagetext2	{color:#995500;}

.nav td:hover		{background-color:#EEEA8E;}
 

/*------------------------------------------------------verhuur------------------------------------------------------*/

#error			{color:#FF0000;}

.button			{margin-top:8px;}

/*-------------------------------------------------------fotos-------------------------------------------------------*/

.thumbdiv		{float: left; width:180px; height:180px; text-align:center;}

.pageimgfotos           {width:100px; height:100px; border-color: #995500; border-width: 3px; border-style:ridge; 
			 margin-left:10px; margin-right:10px;}

#links			{width:50px; height:20px; border-style:none;}
#rechts			{width:50px; height:20px; border-style:none;}


.invisible		{display:none;}
 
/*------------------------------------------------------forum-------------------------------------------------------*/
.forum table		{border-style:solid; border-width:1px; border-color:#995500; border-collapse:collapse; 
			width: 90%; margin-left:auto; margin-right: auto; margin-top: 10px;}

.forum table th,
.forum table td		{border-style:solid; border-width:1px; border-color:#995500;}

.forum table td		{padding:2px;}

.forum table th		{background-color: #CC8833; color: #FFCC44}

.forum td h3 		{margin:0px;}		

.catDescription		{width: 60%;}

.lastPost		{width: 20%;}

.light			{background-color:#FFFCAF;}

.dark			{background-color:#EEEB8E;}

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

.width50pct           {width: 50%;}

.width100pct          {width: 100%;}

.center               {text-align: center;}

.centerauto	      {margin-left:auto; margin-right:auto;}



.pagetable            {width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 1%; margin-bottom: 1%;}

.pagetable td         {margin: 0px; padding: 0px;}

.pagetableborder,
.pagetableborder td,
.pagetableborder th   {padding:0px; border-width:1px; border-style:solid; border-color:#000000;}


.pageimgleiding       {width:100px; height:100px; border-color: #995500; border-width: 3px; border-style:ridge;}
.pageimgafdeling      {width:283px; height:200px; border-color: #995500; border-width: 3px; border-style:ridge; float:left; margin:5px;}
.pageimgfeestmee     {width:200px; height:144px; border-color: #995500; border-width: 3px; border-style:ridge; float:left; margin:5px;}
.pageimgmaatjemeer	{width:200px; height:160px; float:left; margin:5px;}
.pageimgmcsolami,
.pageimgjodepinguin   {width:157px; height:200px; border-color: #995500; border-width: 3px; border-style:ridge; float:left; margin:5px;}
.pageimgderob,
.pageimgderover	{width:141px; height:200px; margin:5px;}
.pageimgstoutmoedig {width:200px; height:133px; margin:5px;} 
.pageimgkamp          {width:200px; height:150px; margin-left:40%; border-color: #995500; border-width: 3px; border-style:ridge;}
    


/*-----------------------------------------------specifieke lay-out per afdeling bij leiding-------------------------------------*/

.sloebri      {text-align: center; margin:1px;margin-left:0px;
               background-color:#FF55FF; border-style: solid; border-width: 3px; 
               border-top-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#9c9c9c; border-bottom-color:#9C9C9C;}



.vb           {text-align: center; margin:5px;margin-left:0px;
               background-color:#BB5500; border-style: solid; border-width: 3px;
               border-top-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#9c9c9c; border-bottom-color:#9C9C9C;}



.speelclub    {text-align: center; margin:1px;margin-left:0px; 
               background-color:#FFDD33; border-style: solid; border-width: 3px; 
               border-top-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#9c9c9c; border-bottom-color:#9C9C9C;}



.rakwi        {text-align: center; margin:1px;margin-left:0px; 
               background-color:#33DD55; border-style: solid; border-width: 3px; 
               border-top-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#9c9c9c; border-bottom-color:#9C9C9C;}



.tito         {text-align: center; margin:1px;margin-left:0px;
               background-color:#DD3322; border-style: solid; border-width: 3px; 
               border-top-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#9c9c9c; border-bottom-color:#9C9C9C;}

.tippers      {text-align: center; margin:1px;margin-left:0px;
               background-color:#DD3322; border-style: solid; border-width: 3px; 
               border-top-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#9c9c9c; border-bottom-color:#9C9C9C;
	       height:375px;margin-bottom:3px;}


.keti         {text-align: center; margin:1px;margin-left:0px;
               background-color:#4433DD; border-style: solid; border-width: 3px; 
               border-top-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#9c9c9c; border-bottom-color:#9C9C9C;}

.astiens      {text-align: center; margin:1px;margin-left:0px;  
               background-color:#EE6622; border-style: solid; border-width: 3px; 
               border-top-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#9c9c9c; border-bottom-color:#9C9C9C;
	       height:375px;}

.aspi         {text-align: center; margin:1px;margin-left:0px;  
               background-color:#EE6622; border-style: solid; border-width: 3px; 
               border-top-color:#FFFFFF; border-left-color:#FFFFFF; border-right-color:#9c9c9c; border-bottom-color:#9C9C9C;}





.leidingtable {width:100%;}









/*in orde! gevalideerd*/









