/* padding: extra space within the box
margins: extra space outside the box */


/* Body and Box definitions */

body 		{ 
		  font-family: verdana, arial, helvetica, sans-serif;
		  font-size: 76%; /* Font size in percentages because of relative sizing in EM's later, also enables browser based font sizing! */
		  text-align: center; /* IE hack, otherwise it will not center the columns: menuBox and contentBox */
		  margin: 10px 0px 10px 0px;
		}
		
.menuBox 	{
		  text-align: left;
		  vertical-align: middle;
  		  margin-left: auto;
  		  margin-right: auto;
		  width: 921px;
		  height: 25px;
		  border-top: 1px solid #333;
		  border-right: 1px solid #333;
		  border-left: 1px solid #333;
	          border-bottom: 1px solid #000;		  
		  background-color: #333366;
		  background-image: url(../images/top_bar2.gif);
		  background-repeat: repeat-y
		}		
		
.contentBox 	{
		  text-align: left;
		  /* top right bottom left (same for margins) */
		  margin: 0px auto 10px auto;		  
		  border-right: 1px solid #333;
	          border-bottom: 1px solid #333;
		  border-left: 1px solid #333;
		  background-color: #333366;  
 		  width: 921px;
 		  height: 531px;
		}	


iframe		{
		  width: 547px;
		  height: 531px;
		  z-index: 1;
		  border: 0px;
		  border-style: none;
		  border-width: 0;
		}

/* Text and Link definitions */
/* Integral link behaviour: underline on hover */
/* specific link behaviour is defined in its selector */

A 		{ text-decoration:none; }
A:link		{ text-decoration:none; }
A:visited	{ text-decoration:none; }
A:active	{ text-decoration:none; }
A:hover		{ text-decoration:underline; }


h1 	{
	  font-size: 2.0em;
	  font-weight: normal;
	  margin-top: 0em;
	  margin-bottom: 0em; /*both set to zero and padding in header div is used instead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
	
h1.location	{
		  font-size: 3.0em;
		  color: #fff;
		  letter-spacing: 0.2em;
		  padding: 0.2em 0.4em 0em 0em;		  
		}
		
#sublocation	{
		  font-size: 0.8em;
		}

p 	{
	  text-align: left;
	  font-size: 11px;
	  font-weight:normal;
	  line-height: 1.5em;
	  /* margin: 0em 0em 0em 0em; */
	  padding: 0em 0.8em 0em 0.8em;
	  color: #ccc;
	}
	
	#header		{
		  	  line-height: 0.7em;
	  		  font-size: 1.2em;	
			  color: #fff;
			  font-weight: bold;
			}
			
	#adres		{
			  line-height: 2em;			
			}
			
	#iframeTekst	{
			  width: 330px;			
			}
			
	#small		{
			  font-size: 10px;
			}
			
p.menu		{
		  font-size: 12px;
		  color: #ccc;
		  font-weight: bold;
		  padding: 0em 0em 0em 0em;
		}
		
		#active	{
			  color: #fff;
			  text-decoration: underline;			  
			}

p.menu a		{
		  color: #ccc;		  
		}
p.menu a:link	{
		  color: #ccc;
		}
p.menu a:visited	{
		  color: #ccc;
		}
p.menu a:hover	{
		  color: #fff;
		}			
			
.infoForm	{
		  font-size: 1em;
		  color: #fff;
		  padding: 0em 0.7em 0em 0.4em;
		}
		
input, textarea {
		  font-size: 1em;
		  border: 1px #999999 solid;
		  font-family: Verdana, Arial, Helvetica, sans-serif; 		  
		}
		
		#veld1	{   
			  height: 18px; 
			  width: 180px; 
			  border: 1px #999999 solid
			}
			
		#pcveld	{   
			  height: 18px; 
			  border: 1px #999999 solid
			}			
		
		
		
.subMenu	{
		  font-size: 13px;
		  line-height: 1.6em;
		  color: #fff;
		  font-weight: bold;
		  margin: 0.5em 1.5em 0em 0em;
		}
		
		#sub	{
			  font-size: 11px;
			  font-weight: normal;
			  margin: 0.5em 0em 0em 0em;
			}
		

.subMenu a		{
			  color: #ccc;
			  line-height: 1.5em;
			}

		
.subMenu a:link		{
			  color: #ccc;
			}
.subMenu a:visited	{
			  color: #ccc;
			}
.subMenu a:hover	{
			  color: #fff;
			  text-decoration: none;
			}		
			
#slideshow         { position: relative; border-bottom: 2px solid #fff; display: block; width: 191px; background: #eee; margin: 0px 0px 0px 25px; }
#slideshow img    { position: absolute; top: 0px; left: 0px; display: none; }