/*-----------------------------------------------------------------------------------------------------------
 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:			800px; /* 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:				800px;
	/* 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 silver;
}
#foto2 {
	position:			absolute;
	left:				27px;
	top:				296px;
	width:				180px;
	height:				120px;
	border:           	1px solid silver;
}
#foto3 {
	position:			absolute;
	left:				27px;
	top:				436px;
	width:				180px;
	height:				120px;
	border:           	1px solid silver;
}

#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 silver;
	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 silver;
	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; }

#wtm .small { font-size: 10px; }