/*-----------------------------------------------------------------------------------------------------------
 CCS file voor Pallas67
 Henk Arendse, 21 juni 2008, based on design by Bart de Graaff.
---------------------------------------------------------------------------------------------------------------
 Gebuikte kleuren:
	#FFFFFF  	- Wit  
 	#060606  	- Zwart
 	#009534 	- Donker Groen
 	#9FFFC1	- Licht Groen (selectie in menu systeem)
	#85C9F1	- Licht Blauw (hover in menu; achtergrond voor Agenda)

	Pagina  opbouw:
	Het ontwerp is afgestemd op een resolutie met een breedte 1024px. 
	De pagina heeft vaste breedte van 980px. 
	De linker groene balk is een 'border-left' van #container.
	De witte balk tussen groene balk en tekst is een 'border-left' van #content.
---------------------------------------------------------------------------------------------------------------*/

html {
	margin:				0;
	padding:			0;
	width: 				100%;  
	background-color: 	#dcf3cd;
/*	background:			url('backgroundR.gif') repeat;*/
}

body		{
	left: 				0px;
	top: 				10px;
	margin: 			auto;
	width: 				980px;
	padding:			0;
	position: 			relative;
	background-color: 	#FFFFFF;
	color: 				#060606; 
	
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-style:   		normal;
	font-variant: 		normal;
	font-weight:  		normal;
	font-size:    		12px;  
	line-height:  		140%;
}

#container {
	width: 				809px;           /* 980px - 170px (borderleft) */
	position: 			static;
	background-color: 	#FFFFFF;
	color: 				#060606; 
	border-left: 		170px solid #009534;
	margin: 		     3px 0 0 0;
	padding: 		    10px 0 0 0; 
	height: 			100%;
	clear: 				both;
}

#content {  
	width: 				748px; /* width container - border-left - border-right; */
	position: 			static;
	color: 				#060606; 
	border-left: 		50px solid white;
	border-right: 		10px solid white;
	min-height:			718px; /* Required for left bar for short pages */
	/* min height  does not work in IE.  Hack from Dustin Diaz: */
	height:				auto !important; /* important keyword, betekent: in deze volgorde */
	height:				718px;
	/* end hack */
/*	padding-top: 		10px; /* needed; for Firefox; when first line is <h1> extra white space would be inserted between header en container */
} 

#header{
	 
}
#topimage{
	border:				0;
	margin:				0;
}

#login {
	position:			absolute;
	top:				5px;
	right:				5px;
	width:				auto; 
	text-align:			right;
	font-size:			12px;
	font-weight: 		bold;
	color: 				#060606;
	background-color:	#FFFFFF; 
	display:			block;
	z-index:			2; 
	
}

#login a:link    	{ color: #060606; }
#login a:focus  	{ color: #060606; }
#login a:hover   	{ color: #060606; }
#login a:active  	{ color: #060606; }
#login a:visited { color: #060606; }

#logo {
	position:			absolute;
	left:				8px;
	top: 				12px;
	width:				184px;
	height:				75px;
	border: 			0; 
	
}

#whitebar{
	position:       	static;   
	margin:         	0; 
	padding:     		0px; 
	border:				0;
	width: 				980px; 
	height:         	3px;
	height:				auto;
	line-height:		3px;
	background-color: 	#FFFFFF;   
}

#footer{
	background-color: 	#85C9F1;
	font-size:			90%; 
	height:				25px;  
	text-align: 		right;
}

#foto1 {
	position:			absolute;
	left:				27px;
	top:				155px;
	width:				180px;
	height:				120px;
	border:           	1px solid lightgrey;
}
#foto2 {
	position:			absolute;
	left:				27px;
	top:				296px;
	width:				180px;
	height:				120px;
	border:           	1px solid lightgrey;
}
#foto3 {
	position:			absolute;
	left:				27px;
	top:				436px;
	width:				180px;
	height:				120px;
	border:           	1px solid lightgrey;   
}

#leftbar_content {
	position:			absolute;
	left:				10px;
	top:				580px;
	width:				160px;
	height: 			auto;  
	font-weight: 		bold; 
	color: 				#ffffff; 
	font-size: 			12px; 

}

#vacature {
	/* border-top: 		1px solid #009534; */
	/* border-bottom: 		1px solid #009534; */
	margin-left:		20px;
	margin-right:		20px;
	padding:			10px;
	background-color: 	#9FFFC1;
} 

#vacature b {
	color: 				#009534;
}


#leftbar_content_foto {
	position:			absolute;
	left:				0px;
	top:				580px;
	width:				170px;
	height: 			auto;  
	
} 

#leftbar_content  a, 
#leftbar_content  a:link,
#leftbar_content  a:focus,
#leftbar_content  a:active,
#leftbar_content  a:visited, 
#leftbar_content  a:hover {
	color: white;
}

/*-------------------------------------------------------------------------------------------------------------------
         Menu system 
----------------------------------------------------------------------------------------------------------------------*/
		 
#mainmenu{ 
	position:         	static;   
	left:             	0px; 
	top:				0px;
	list-style:       	none; 
	margin:           	0; 
	padding:     		1px 0px 0px 0px; 
	border:             0;
 	width: 				980px; 
	height:           	24px;
	/* nb.  the hight value must be higher then actual hight, as defined in #menu li. 
	Otherwise the pull-down menu will disappear when moving the mouse from
	main menu to submenu */
	background-color: 	#009534;   
}


#mainmenu  #extra {
	/* extra link; always visible */
	position:         	absolute;
	left:				10px;
	list-style:       	none;
	margin:           	0;
	padding:          	0;
	border:				0px;
	width: 				200px; 
	color:            	#FFFFFF;
	z-index:			1;
}

#mainmenu  #extra  a,
#mainmenu  #extra  a:link,
#mainmenu  #extra  a:active,
#mainmenu  #extra  a:visited {
	color:            	#FFFFFF;
	display:          	inline; 
	margin:           	0; 
	border:           	0;
	padding:          	2px;  
	width:            	auto;  
	color:            	#FFFFFF;
	text-decoration:  	underline; 
	background-color: 	#009534;  
}


#mainmenu  ul {
	position:         	absolute;   
	left:				211px;                 /* 212px + 768px = 980px = width #mainmenu */
	list-style:       	none; 
	margin:           	0; 
	padding:          	0;
	border:				0px;
	width: 				768px;               /* 6x menu-item size = 6x (120px + 2x 1px borders(l+r) + 4px padding-l + 2px padding-r) = 6x 128 */
	color:            	#FFFFFF;
/*	background-color: 	#dcf3cd;*/
/*	background:			url('backgroundR.gif') repeat;*/
	z-index:			1;
}

#mainmenu  li {
	float:        		left; 
	margin:       		0; 
	border:           	0;
	padding:      		0;  
	z-index:			1;
}

#mainmenu  a,
#mainmenu  a:link,
#mainmenu  a:active,
#mainmenu  a:visited {
	display:          	block; 
	margin:           	0; 
	border:          	1px solid lightgrey;   
	padding:          	2px 2px 2px 4px;  
	width:            	120px;              /* total width = 120 + 2 + 4 + 1 + 1 = 128 */  
	font-size:        	12px;
	font-weight: 		bold;
	text-decoration:  	none; 
	color:            	#FFFFFF;
/*	background-color: 	#009534; */
	z-index:			1;
}

#mainmenu   a.chosen,
#mainmenu   a.chosen:link,
#mainmenu   a.chosen:visited { 
	color: 				#060606;  
	background-color: 	#9FFFC1; /*lichtgroen */
	z-index: 1;
}
#mainmenu  a:focus, 
#mainmenu  a:hover          { 
	color: 				#060606;  
	background-color: 	#85C9F1; /* lichtblauw */
	z-index: 1;
}

#mainmenu  ul li  ul  /* pull down submenu; not visible unless.. */
 {             
	position:       	absolute;
	display: 		  	none; 
	top:				23px;  
	margin:         	0; 
	padding:        	0; 
	border:         	0;
	width:          	128px;
	background-color: 	#009534; 	
}

/*--- pull down submenu is shown when hovering over the mainmenu: li ul ---*/
#mainmenu  ul  li:hover    ul, 
#mainmenu  ul  li.sfhover  ul { 
	display: 			block; /* added to solve  to solve IE7 Ghost problem */ 
	left: 				auto;  
	z-index:			1;
}   /* move into sight */

/*-------------------------------------------------------------------------------------------------------
 General Tags
 ---------------------------------------------------------------------------------------------------------*/
a img { border: none; } 
a:link    	{ color: #060606; }
a:focus  	{ color: #060606; }
a:hover   	{ color: #060606; }
a:active  	{ color: #060606; }
a:visited 	{ color: #060606; }

h1 {
	font-size: 			22px;
	font-weight: 		bolder;
	color: 				#009534;
	line-height:  		120%;

}
h2 {
	font-size: 			17px;
	font-weight: 		bolder;
	color: 				#009534;
	font-variant: 		normal;
	padding-top: 		10px;
	padding-bottom: 	0px;	
}

 h3{
	font-size: 			15px;
	font-weight: 		bolder;
	color: 				#009534;
	font-variant: 		normal;
}
  
 strong{
	font-weight: 		bold;
	color: 				#009534;
	font-size: 			15px;
 }
 
 .verystrong{
	font-weight: 		bold;
	color: 				#009534;
	font-size: 			28px;
	padding-top: 		8px;
	padding-bottom: 	3px; 
 }
 
/*-------------------------------------------------------------------------------------------------------
   Classes
 ---------------------------------------------------------------------------------------------------------*/ 	 
.grey {
  color: #808080;
}

.filelist {
	font-family:  		Courier New, Courier, monospace;
	font-size:    		10pt; 
  }
  
  
.errormessage {
	color:        		red;
	font-style:   		italic;
}

.underline {
	text-decoration:  	underline; 
}

 
/*------------------------------------------------------------------
	Agenda
-----------------------------------------------------------------------*/
 #agenda_header1 {
	font-weight: 		bolder;
	font-size: 			18px;
	color: 				#FFFFFF;   
	background-color: 	#009534;
	line-height:  		130%;
 }
 #agenda_header2 {
	font-weight: 		bolder;
	color: 				#009534;
 }

  #agenda_body {
	background-color: 	#85C9F1;
 }

/*------------------------------------------------------------------
	News
-----------------------------------------------------------------------*/
 .newstopic{
	font-size: 			15px;
	font-weight: 		bolder;
	color: 				#009534;
	font-variant: 		normal;
	padding-top: 		10px;
	padding-bottom: 	6px;
 }

.newstopic  a,
.newstopic  a:link,
.newstopic  a:active,
.newstopic  a:visited {
    font-size: 			10px;
	font-weight: 		normal;
}

 .readmore{
	font-size: 			10px;
	font-weight: 		normal;
 }



/*------------------------------------------------------------------
	SubSub Menu (gebruikt bij WTM-pagina's)
-----------------------------------------------------------------------*/

#subsubmenu {
  position:         relative;
  left:             -10px;
	margin:       		0;
	border:        		0;
	padding:      		0;
	width:        		768px; /* minimaal 6x 128px */
  }

#subsubmenu ul {
	margin:       		0;
	border:       		0;
	padding:      		0;
	width:        		768px; /* minimaal 6x 128px */
	list-style:   		none;
  }

#subsubmenu  li {
	float:        		left;  /* for IE 5 */
	margin:       		0;
	border-width: 		0;
	padding:      		0;
	width:        		128px;
  }

#subsubmenu  a,
#subsubmenu  a:link,
#subsubmenu  a:active,
#subsubmenu  a:visited {
	display:          	block;
	margin:           	0;
	border:           	1px solid lightgrey;
	padding:          	2px 2px 4px 4px;
	width:            	120px;              /* total width = 120 + 2 + 4 + 1 + 1 = 128 */
  height:           	30px;

	font-size:        	12px;
	font-weight: 		bold;
	text-decoration:  	none;
	color:            	#FFFFFF;
	background-color: 	#009534;
  }

#subsubmenu  a.chosen,
#subsubmenu  a.chosen:link,
#subsubmenu  a.chosen:visited {
	color: 				#060606;
	background-color: 	#9FFFC1; }

#subsubmenu  a:focus,
#subsubmenu  a:hover {   
	color: 				#060606;  	
	background-color: 	#85C9F1; }
	
#wtm {
}

#wtm .thinline {
	border-width: 		1px 0 0 0;
	border-color: 		#009534; /*#ff8000; /*#0c2d83;*/
	border-style: 		solid;
	padding:      		1px;
  }

#wtm .thinline_grey {
  border-width: 		1px 0 0 0;
  border-color: 		#808080;
  border-style: 		solid;
  padding:      		1px;
  }

#wtm .th { text-align: left; }