/* 
  -----------------------------------
  Tab Bar Magic Page Pack CSS
  by Project Seven Development
  www.projectseven.com
  Key Lime Page Pack Layout 03
  2 Column Fixed
	Shadow box background
  -----------------------------------
*/
body {
	background-color: #a7dad5;
	background-image: url(../gfx/visuals/background.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 20px 0 0 0;
	height: 100%;
}

#masthead {
	font-family: helvetica, sans-serif;
	font-weight: 900;
	position: relative;
	height: 168px;
	width: 755px;
	background-image: url(../gfx/visuals/rounded_header.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
	#masthead h1 {
		padding: 30px 0 0 20px;	
		font-size: 33px;
		font-weight: 900;
		color: black;
	}

		#masthead h2 {
			padding: 0 0 0 20px;
			font-size:20px;
			font-style: italic;
			font-weight: normal;	
			color: #007c5a;
		}

#mainvisual {
	position: absolute;
	top: 6px;
	right: 0px;
}
	#mainvisual a {
		position: absolute;
		top: 169px;
		right: 240px;
		color: white;
		font-weight: 600;
		font-size: 11px;
	}
	
	#mainvisual a:hover {
		color: #debcb2;
	}

/********LAYOUT WRAPPER**********/
#layout {
	width: 759px;
 	margin: 0 auto;
 	height:100%;
 	height: auto !important;
 	min-height: 100%;
 	position: relative;
	background-color: #FFFFFF;
	background-image: url(../gfx/visuals/layout_bg.jpg);	
	background-repeat: repeat-y;
}
/********MENU WRAPPER**********/
#menubar {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	float: right;
	margin: 0 auto;
	padding-left: 10px;
	width:744px;
	height: 29px;
	background-image: url(../gfx/nav_bg.jpg);
	background-repeat: no-repeat;
}

.nav_divider {
	background-image: url(../gfx/nav_divider.gif);
	background-position: right;	
	background-repeat: no-repeat;
}
/********COLUMN WRAPPER**********/
#columnwrapper {
	width:100%;
	float:left;
	margin: 0 auto;
	padding: 4.5em 0 0 0;
	display: block;
	background-image: url(../gfx/side_shadow.gif);
	background-repeat: repeat-y;	
	background-position: 545px 100%;
}

/*MAIN and SIDEBAR COLUMNS
  Width of both must equal width of columnwrapper
	540 + 210 = 750 */
#mainbox {
	width: 557px;
	float:left;
	position: relative;
	z-index:10;
}
#sidebox {
	float: left;
	width: 164px;
	min-height:230px;
	margin-left:-13px;
	padding: 30px 20px 0 20px;
	background-image: url(../gfx/side_shadow.gif);
	background-repeat: repeat-y;	
	background-position: bottom left;
}

#sidebox h1 {
	font-size: 15px;
	padding: 0;
	margin: 0;	
	color: #007c5a;
}
#custommainbox {
	float: left;
	width: 750px;
}

/********CONTENT CONTAINERS*********/

/*Main Content*/
#maincontent {
	padding: 0 0 0 20px;
	font-size: 0.85em;
	width : 500px;
}

#maincontent p{
	line-height: 1.5em;
	margin: 8px 0 12px 0;
}
/* Dubbele content */
#contentcol1 {
	float: left;
	width: 50%;
}
#contentcol2 {
	float: left;
	width: 50%;
}
/*Custom Main Content*/
#custommaincontent {
	padding: 0 30px 20px 30px;
	font-size: 0.85em;
}

#custommaincontent p{
	line-height: 1.5em;
	margin: 8px 0 12px 0;
}
/*Sidebar*/
#sidecontent {
	font-size: 0.7em;
	width: 100%;
	height:100%;
	padding: 300px 0 0 0;
}
#sidecontent p{
	line-height: 1.35em;
	margin: 12px 0;
}

#sidecontent {
	text-align: center;

}

/********HEADINGS*******/
h1 {
	font-size: 20px;
	color: #007c5a;
	
}
h2 {
	font-size: 13px;
	color: #4d8478;
}
h3 {
	margin: 1.5em 0 0 0;
	font-size: 1.25em;
}
h1, h2, h3, h4 {
	line-height: normal;
	padding: 0;
	margin: 15px 0;
	.margin: 0;
}

#sidecontent h3.topheading {
	margin: 0;
}

/*CLEARING the LAYOUT FLOATS*/
.clearit {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

/********BOTTOM SHADOW GRAPHIC**********/
#bottom {
	background-image: url(../gfx/kl-footer.jpg);
	background-repeat: no-repeat;
	height: 75px;
	background-position: left bottom;	
	text-align: right;
	padding-right: 25px;
}
#bottom a {
	font-size: 10px;
	font-weight: normal;
}
#bottom img {
	position: relative;
	top: 5px;
}

/***********FOOTER************/
/*Footer Content*/
#footer {
	background-image: url(../gfx/visuals/home_footer.jpg);
	background-position:-1px 100%;
	background-repeat:no-repeat;
	height:40px;
}

/*********PAGE LINK STYLES********/
a {
	color:#007c5a;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
	color:#9ad4cb;
}
.p7TBMsubbox {
	padding: 4px 0 24px 12px;
}

/*********RCMS SPECIFIC STYLE********/

.stdtext {
	margin: 0 0 15px 0;
	padding: 0;
}

/* teaser */
.teasertitle {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 0.25em;
}
.teasertext {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 0 0.25em 0;
	padding: 0;
}
.teaserlink {margin: 0 0 10px 0;}

/* formfield */
.formfield {}
.formfieldname {padding-top: 0;}
.formfielddata {}
.formbutton { 
	background: url(../gfx/formBG.gif) repeat-x; 
	border: none; 
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
}

/* foto gallerij */
.image_idle {border: none; border-width: 0 0 0 0; padding: 7px 7px 4px 7px;}
//.image_idle {border: outset; border-width: 2 2 2 2; padding: 5 5 2 5; width:220px; height:110px}
.image_hilite {border: outset; border-width: 2 2 2 2; padding: 5 5 2 5;}
.image_down {border: inset; border-width: 2 2 2 2; padding: 5 5 2 5;}

/* textblock */

.textblock {margin-top: 10px;}

/* document */
.doc_title {
	color: #333333;
	font-weight: bold;
	margin: 0 0 0 0;
}
.doc_descr {margin: 0 0 0 0;}
.doc_link {margin: 0 15px 15px 0;}

/* anchorblok */
.anchorblok {margin: 0 15px 15px 0;}
.anchorblok_link {}
.searchreslink {}

#specfncts {
	font-size: .8em;
	line-height: 1.5em;
	background-image: url(../images/jazz_greentile.jpg);
	margin: 0 20px 0 20px;
}

#specfncts a {color: #DAD2AD;}
#specfncts a:visited {color: #D2C99B;}
#specfncts a:hover {color: #EAE6D0;}
#specfncts a:active, #centercontent a:focus{
	color: #DAD2AD;
	background-color: #505050;
	text-decoration: none;
}

/* agenda */
.agenda_table_row {padding: 3px; font-size: 0.9em;}
.agenda_item_hd {font-weight: bold;}
.agenda_table_hd {color: #000000; font-weight: bold; border-left: 1px solid #000000; padding: 1px 3px 1px 3px; background-color: #DFE7B4;}
.agenda_table_div {background-color: #515151; height: 2px;}
.agenda_row_odd {background-color: #DFE7B4;}
.agenda_row_even {background-color: #E8ECC9;}
.agenda_item_txt {padding: 3px;}
.agenda_maand {color: #333333; font-weight: bold; border-bottom: 3px solid #515151; padding: 3px;}

/* links */
.links_table_bg {background-color: #119ebc;}
.links_table_bg_#FFFFFF {background-color: #ffffff;}
.links_table_row {padding: 3px;}
.links_table_hd {color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; padding: 1px 3px 1px 3px;}
.links_table_hd_lnk:link, .links_category_lnk:active, .links_category_lnk:visited {font-weight: bold; color: #ffffff; text-decoration: none;}
.links_table_hd_lnk:hover {color: #ff0200;}
.links_table_div {background-color: #119ebc; height: 2px;}
.links_row_even {background-color: #ecffff;}
.links_row_odd {background-color: #ffffff;}
.links_item_txt {padding-right : 15px;}
.links_cat_txt {padding-right : 15px;}
.links_title,.links_title a {color : #DAD2AD; font-weight : bold; margin-bottom : 8px;}

/* opinie / poll */
.poll_table {margin-left:8px;}
.poll_table_hd {color: #000000; font-weight: bold;}
.poll_title {font-weight: bold;}
.poll_hd_line {}
.poll_option {}

/* A tot Z */
#atotz_table {margint-bottom:8px;}
.atotz_regkeytd {height:22px}
.atotz_regkey {color: #333333; font-weight: bold; font-size: 1.35em;}
.atotz_link {}


/* Table */
.table_table {
	width: 100%;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: #CCC9A3 #CCC9A3 #CCC9A3 #CCC9A3;
	border-collapse: separate;
}
.table_table th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: #CCC9A3 #CCC9A3 #CCC9A3 #CCC9A3;
	-moz-border-radius: 0px 0px 0px 0px;
}
.table_table td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: #CCC9A3 #CCC9A3 #CCC9A3 #CCC9A3;
	-moz-border-radius: 0px 0px 0px 0px;
}
/* Nieuws */
#nieuwstextblock h2{
	margin: 0 0 1em 0;
	font-size: 1.35em;
}

/* Nieuws */
#NAwrapper {
	width: 100%;
}
#NAselectdate {
	float: left;
	width: 160px;;
}
#NAselectdate select {
	vertical-align: middle;
}
#NAsearch {
	float: right;
	position: relative;
	bottom: 2px;
}
#NAsearch label {
	position: relative;
	bottom: 2px;
}
#NAsearch label {
	position: relative;
	bottom: 2px;
}
#NAoverview {
	margin-top: 15px;
}

/* extranet */
.extranet_login legend {color:black;}

/* Recent agenda items */
#recentAgendaItems {

}
	#recentAgendaItems h2 {
		margin: 0;
		padding: 0;
		color: #b1c800;
		font-size: 19px;
		font-weight: normal;
	}
	.recentAgendaItemsDate {
		color: #4d8478;
		font-size: 14px;
		font-weight: bold;
	}
	#recentAgendaItems a {
		color: #000;
		font-size: 11px;
	}
	.recentAgendaItemDiv {
		border-top: 1px solid #b1c800;
		height: 1px;
		width: 100%;
		font-size: 1px;
		margin: 5px 0; 
	}

#ActieTable {
	position: relative;
	width: 520px;
	white-space: no-wrap;
	overflow-x: scroll;
}	

/* Acties contentlibary */
#userActieOverview {
	margin: 15px 0;
	width: 450px;
}
	#userActieOverview thead { font-weight: bold; }
	#userActieOverview thead tr td { white-space: nowrap; margin: 0px; text-align: left; vertical-align: top; }
	#userActieOverview tbody { cursor: pointer; }
	#userActieOverview th { text-align: left;position: relative;vertical-align: top;}
	#userActieOverview tbody tr td { padding: 3px; margin: 2px; text-align: left;vertical-align: top;}
	#userActieOverview .even, #userActieOverview .onevenHover {
		background-color: #9ad4cb;
	}
	#userActieOverview .oneven, #userActieOverview .evenHover {
		background-color: #EEE;
	}

	#actieDetails .row {
		width: 100%;
	}
		#actieDetails .row label {
			float: left;
			width: 125px;
			font-weight: bold;
		}
		#actieDetails .row .text {
			
		}
		
.side_text {
	color: #cccecf;
	font-size: 17px;
	font-style: italic;
}
		
