﻿html,body, form	{ margin: 0px; padding: 0px; width: 100%; height: 100%;}

body		{font-family: Verdana; font-size: 1.0em;}

th			{ font-weight: normal; }

img			{ border:none 0px #000000;}

h1			{ color:#214193; font-size:1.5em; text-decoration:none; font-weight:normal; }

/*-----------------------------------------------------------
	stijlen voor de container(s) van alle elementen
------------------------------------------------------------*/

table#tblContainer 		{width: 100%; height: 100%; border: solid 0px green;}
td#tdContainer 			  {vertical-align: top; height: 100%; border: solid 0px black;}

div#divContainer		
{
   position: relative;
   background-image:url(../img/head/default.jpg); 
   background-repeat:no-repeat; 
   margin-left: auto; 
   margin-right: auto; 
   width: 618px; 
   border: 0px solid black;
   background-color: #fff;
   padding: 200px 0 0 162px;
}

div#toptop
{
   background-image:url(../img/head/toptop.gif); 
   background-repeat:no-repeat; 
   position: relative; 
   margin-left: auto; 
   margin-right: auto; 
   width: 780px; 
   height: 22px; 
   margin-top: 30px
   
}

div#bottom
{
   background-image:url(../img/head/bottom.gif); 
   background-repeat:no-repeat; 
   position: relative; 
   vertical-align: bottom;
   width: 780px; 
   height: 68px; 
   border: 0px solid black;
   margin: 0 auto 0 auto;
   font-size: 11px;
   text-align: center; 
   padding: 36px 0;  
}

div#poweredBy					{ font-size: 10px; color: #000; margin: 1em 0 0 0; padding: 0; }
div#poweredBy a				{ font-size: 10px; color: #000; text-decoration: none; margin: 0; padding: 0; }
div#poweredBy a:hover	{ text-decoration: underline; }
	
/*--------------------------------------------------------------------------------------
 stijlen voor het inhoudsgedeelte
----------------------------------------------------------------------------------------*/

div#contentContainer 		    { position: relative; width: 420px; margin: 0; padding: 0px; border: 0px solid black;}

table#tblInhoud  			      { font-size: 0.7em; line-height: 1.4em; width: 100%; margin: 0; padding: 0;}

table#tblInhoud  h1			    { font-size: 1.1em; font-weight: bold; line-height: 1.4em; color: #214193; font-size: 1.1em; }
table#tblInhoud  h2			    { font-size: 1.1em; font-weight: bold; line-height: 1.4em; color: #214193; font-size: 1.0em; margin: 1em 0px 0px 0px; }
table#tblInhoud  td			    { font-size: 1.0em; line-height: 1.4em; margin: 0px;}
table#tblInhoud  th			    { font-size: 1.0em; line-height: 1.4em; margin: 0px;}
table#tblInhoud  p		    	{ font-size: 1.0em; line-height: 1.4em; margin: 0px; }
table#tblInhoud  ul			    { font-size: 1.0em; line-height: 1.4em; margin: 0px; }
table#tblInhoud  ol			    { font-size: 1.0em; line-height: 1.4em; margin: 0px; }
table#tblInhoud  a			    { font-size: 1.0em; line-height: 1.4em; margin: 0px; color: #214193; text-decoration: underline;  }
table#tblInhoud  a:hover	  { color: #00a750; text-decoration: underline; }
table#tblInhoud  a:visited	{ color: #7d01b7; }

/*--------------------------------------------------------------------------------------
 stijlen voor de nieuwsitems rechts
----------------------------------------------------------------------------------------*/

div.backToNews													  	{ width: 100%; text-align: right; padding: 0px; margin: 0px;} 
table.nieuwsLijst												  	{ }

div#newsItems														  	{ padding: 0; margin: 0; border: 0px solid black;}

div#newsItems table.newsContainer				  	{ margin: 0; color: #666; border: solid 0px green; background-image: url(../img/roundMiddle.gif); background-repeat: repeat-y;}
div#newsItems td.newsItems									{ margin: 0;}
div#newsItemContainer                       { position: relative; width: 160px; border: solid 0px black; float: right; margin: 0 15px 0 0; padding: 0;}

div#newsItems table.newsItem								{ padding: 5px; border: 0px solid black; width: 160px; font-size: 0.7em; text-align: left; margin: 0;}
div#newsItems table.newsItem th							{ padding: 5px 10px; color: #333; font-weight: normal; border: 0px solid black;}
div#newsItems table.newsItem th a						{ color: #fff; display: block; width: 100%; font-weight: bold; }
div#newsItems table.newsItem th a:hover			{ text-decoration: underline;  }
div#newsItems table.newsItem td							{ padding: 0 10px; color: #999; line-height: 1.4em; border: 0px solid black; width: 140px;}
div#newsItems table.newsItem td.meer				{ padding: 0 20px 20px 0; text-align: right; }
div#newsItems table.newsItem td.meer a			{ color: #999; text-decoration: none;}
div#newsItems table.newsItem td.meer a:hover{ color: #00a750; text-decoration: underline;}

div#newsItems td.newsArchief								{ padding: 0px 6px 0px 6px; text-align: left; height: 30px; display: none;}
div#newsItems td.newsArchief a							{ font-size: 0.7em; text-align: left; text-decoration: underline; color: #666;}
div#newsItems td.newsArchief a:hover				{ color: #00a750; }
div#clearBoth                               {clear: both;}
.laatsteNieuws                              {display: block; margin: -3px 0 0 0;}

/*--------------------------------------------------------------------------------------
 stijlen voor het navigatiegedeelte rechtsboven (zoek & global navigation)
----------------------------------------------------------------------------------------*/

div#navTop									{ position: absolute; z-index: 300; left: 0px; top: 0px; width: 780px; padding: 0px; margin: 0px; border: none 1px green; text-align: right; }

table.navTable	          	{ margin: 20px 4px 0px 0px; color: #666; border: solid 0px green; width: 400px; text-align: center;}
div#navTop td.links					{ padding: 0px 40px 0px 0px; font-size: 0.7em; }
div#navTop td.invoer				{ padding: 0px; }
div#navTop td.knop					{ padding: 0px; }
			
div#navTop .invoer input	  { width: 150px; height: 16px; margin-right: 4px; border-top: solid 1px #333; border-left: solid 1px #333; border-bottom: solid 1px #bbb; border-right: solid 1px #bbb; font-family: Arial;}
div#navTop .tdSearchBtn		  { background-image: none; }
div#navTop .tdSearchBtnOver	{ background-image: url(../img/btnBackgroundOver.gif); background-repeat: no-repeat; background-position: 0px 1px;}

div#navTop .btnSearch		    { width: 20px; height: 20px; font-size: 0.9em; }
div#navTop a				        { color: #666; text-decoration: underline; }
div#navTop a:hover			    { color: #00a750; text-decoration: underline; }

div#navTop table.adresTable		{ text-align: left; font-size: 0.7em; float: left; margin-top: 10px; }
div#navTop table.adresTable	th	{ padding-right: 10px;}

/*-----------------------------------------------------------
	Images
------------------------------------------------------------*/

div#sectionImageContainer								{ border: solid 0px green; position: absolute; z-index: 20; left: 527px; top: 4px; width: 253px; height: 134px; padding: 0px; margin: 0px; } 

/*-----------------------------------------------------------
	Images
------------------------------------------------------------*/

ul.contactMogelijkheden									{ padding: 1em 0em 1em 2em; list-style-type: none;  text-align: left; border: 0px solid black;}
table.contactFormulier th								{ padding: 0 2em 0px 2em; border: 0px solid black; text-align: left;}
table.contactFormulier input						{ width: 190px; }
table.contactFormulier textarea					{ width: 190px; }
table.contactFormulier td.knoppen				{ text-align: right; padding: 1em 0px; }
table.contactFormulier td.knoppen	input	{ width: 100px; }

/*-----------------------------------------------------------
	Kruimelpad
------------------------------------------------------------*/

div#crumbContainer											{ font-size: 11px; color: #999; position: absolute; z-index: 300; left: 234px; top: 100px; border: none 1px green; padding: 0px; margin: 0px; }
div#crumbContainer div#crumbPath				{ display: none;}

/*-----------------------------------------------------------
	Zoeken
------------------------------------------------------------*/

table.tblResults									{ border: none 1px green; margin-top: 1em; }
table.tblResults td.title					{ font-weight: bold; padding: 0px 0px 1em 0px; }
table.tblResults td.criteria			{ font-weight: bold; padding: 0px 0px 1em 0px; }
table.tblResults div.result				{ border: solid 1px #aaa; margin: 0px 0px 10px 0px; padding: 0.5em; background-color: #eee; display: inline-block; }
table.tblResults p.resultTitle		{ font-weight: bold; }
table.tblResults div.result a			{ float: right; }
table.tblResults ul								{ padding-left: 20px; }

/*-----------------------------------------------------------
	Het menu
------------------------------------------------------------*/
	
div#menu					{position: absolute; top: 0; left: 0; z-index: 1400; width: 115px; border: solid 0px #0aa; padding: 0; margin: 98px 0 0 20px; padding: 0 0 12px 0; background-image: url(../img/subDown.gif); background-position: center bottom; background-repeat: no-repeat;}
div#menuTop				{position: absolute; margin: 142px 0 0 0; z-index: 150; top: 0; left: 0; border: solid 0px #0aa; width: 635px; background-color: #6e8fa2; height: 50px; padding: 0 0 0 145px;}


/*-----------------------------------------------------------
	logo kikker
------------------------------------------------------------*/
#logoKikker       {position: absolute; left: 50%; top: 0; margin: 40px 0 0 -355px; z-index: 2200;}


/*-----------------------------------------------------------
	logo kikker
------------------------------------------------------------*/
#sponsors         {width: 160px; clear: both; background-image: url(../img/roundMiddle.gif); margin-bottom: 20px;}
#sponsors p       {font-size: 12px; margin: 5px;}

/*-----------------------------------------------------------
	buttons top left
------------------------------------------------------------*/
.square           {position: absolute; border: 0px solid black; height: 25px; width: 25px; display: block; margin: 38px 0 0 0; left: 50%; z-index: 300; padding: 0; text-decoration: none;}
#btnContactTop    {margin-left: -366px}
#btnHomeTop       {margin-left: -328px}
#btnZoekTop       {margin-left: -290px}
#btnTelefoonTop   {margin-left: -250px}
