/* 
		  -----------------------------------
		  PopMenu Magic Style Sheet
		  by Project Seven Development
		  www.projectseven.com
		  Bartlett Page Pack
		  Vertical 2 Column Centered
		  -----------------------------------
		*/
		
		/*Text align center on the body is the only way to center 
		a CSS layout in IE5 PC.*/
		body {
			font-family: "Trebuchet MS", Arial, sans-serif;
			color: #333333;
			margin: 36px 0;
			padding: 0;
			text-align: center;
			background-color: #C3BEB8;
			background-image: url(../gfx/bart_pbg.jpg);
		}
		
		/*We used text align center on the body (for IE5). This centers
		the wrapper- and all the text inside. So we set text align to
		turn off centering for elements inside the wrapper DIV.
		Then to center the layout for modern browsers, we set left
		and right margins to "auto". Width 750px sets the overall layout width
		and the width of the 2 columns, plus and padding or borders must not
		exceed this value.*/
		#wrapper {
			text-align: left;
			margin: 0 auto;
			width: 750px;
		}
		
		/*The mainbox DIV contains all of the elements that comprise the larger
		rounded box: the Bartlett logo, main content area, copyright notice
		and the footer. Mainbox is floated right, adjacent to the sidebar.
		The sidebar is also floated right, but since the mainbox comes first
		in the source code, it is positioned to the right of sidebar.
		The background image is positioned at the top left edge and tiles
		vertically along the Y-Axis - creating the border effect on the
		left edge of the box.*/
		#mainbox {
			width: 558px;
			float: right;
			background-image: url(../gfx/bart_leftmidBG.gif);
			background-repeat: repeat-y;
			background-position: left top;
			background-color: #FFFFFF;
		}
		
		/*The masthead DIV contains the background gfx that comprise the
		mainbox's upper curve, as well as the logodiv.
		Masthead's background image tiles left to right along the X-Axis
		creating the masthead's textured backdrop.*/
		#masthead {
			background-image: url(../gfx/spdh_regio_roermond/bart_mhBG.jpg);
			background-repeat: repeat-x;
			height: 102px;
		}
		
		/*The logodiv carries the embedded logo image and a right-aligned
		background image that creates the abstract pear scene and the
		top right corner of the top curve.*/
		#logodiv {
			background-image: url(../gfx/spdh_regio_roermond/bart_logoBG.jpg);
			background-repeat: no-repeat;
			background-position: right top;
		}
		
		/*The maincontent DIV is nested inside mainbox and renders below
		the masthead. The background image is positioned at the top right
		edge and tiles vertically along the Y-Axis - creating the drop
		shadow effect on the right edge of the box. Padding is set
		6 pixels wider on the right to accomodate for the space taken
		up by the right edge drop shadow background.*/
		#maincontent {
			padding: 30px 36px 30px 30px;
			background-image: url(../gfx/bart_mid.jpg);
			background-repeat: repeat-y;
			background-position: right top;
			font-size: .85em;
			line-height: 1.5em;
		}
		
		/*Paragraph margins are set.*/
		#maincontent p {
			margin: 8px 0 12px 0;
		}
		
		#contentcol1 {
			width: 246px;
			vertical-align: top;
		}
		#contentcol2 {
			width: 246px;
			vertical-align: top;
		}
		
		/*The copyrightdiv carries the textured background along the bottom
		edge of the mainbox. Nested inside this DIV is the
		copyrightnotice DIV.*/
		#copyrightdiv {
			background-image: url(../gfx/spdh_regio_roermond/bart_copyBG.gif);
			background-repeat: repeat-x;
			background-color: #CE9B01;
			/* height: 40px; */
		}
		
		/*Copyrighnotice contains the embedded copyright notice, which
		also creates the bottom left curve of the main box. We also set
		a background image that creates the main box's bottom left curve.*/
		#copyrightnotice {
			background-image: url(../gfx/spdh_regio_roermond/bart_brCorner.gif);
			background-repeat: no-repeat;
			background-position: right top;
		}
		
		/*The sidebar is set to 180px wide. Sidebar is the narrower
		curved box in our layout. It is floated right to make it display to the right of
		mainbox. The mainbox and sidebar "columns" are contained inside the
		wrapper DIV. Since the wrapper was set to be 750px wide, the
		combined width of mainbox and sidebar must be equal to or
		less than 750px. Sidebar also has a left-margin set to 12px, which must
		calculated as part of the space it occupies inside wrapper. Here is the
		calculation: sidebar width + margin + mainbox width - or:
		180 + 12 + 558 = 750. You must take this calculation into consideration
		if you decide to make changes. The background image creates the drop shadow
		along the box's right edge.*/
		#sidebar {
			float: right;
			width: 180px;
			margin-right: 12px;
			background-image: url(../gfx/bart_small_mid.gif);
			background-repeat: repeat-y;
		}
		
		/*The menubar DIV is the container for our menu. Left and right margins are
		set to 1px so that the menu fits inside the white borders of the sidebar.
		Font-size is set to .9em for the entire menu.*/
		#menubar {
			margin: 0 1px 25px 1px;
			font-size: .9em;
		}
		
		/*The sidecontent DIV comes after (below) the menu. Padding is set so text or
		or other content is not flush against the sidebar's borders. Font-size is
		set to .75em - small, but readable. Right margin is set to 8px to move the
		entire DIV left to compensate for the space taken up by the sidebar box's
		drop shadow.*/
		#sidecontent {
			padding:0px 12px 12px 12px;
			font-size: .7em;
			margin-right: 8px;
		}
		
		/*Margins set for all paragraphs inside sidecontent.*/
		#sidecontent p {
			margin: 6px 0 8px 0;
		}
		
		/*Sidebarfooter contains an embedded image that creates the sidebar's
		bottom curve. Setting the font-size to a tiny size prevents this
		DIV from growing too tall when users resize text. Without this
		workaround, certain user text sizes would cause an artifact to
		appear at the bottom of the sidebar.*/
		#sidebarfooter {
			font-size: 1%;
		} 
		
		/*Footer styles*/
		#footer {
			clear: both;
			margin: 0 0 0 208px;
			padding: 16px 0 0 0; /* 0px */
			font-size: .75em;
			color: #FFF;
		}
		#footer p {
			margin: 0 0 3px 0;
		}
		
		/*Heading Styles*/
		h1, h2, h3 {
			margin: 0px;
			font-size: 1.4em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #00366E;
			text-align: left;
			line-height: normal;
			font-weight: normal;
		}
		h2, h3 {
			margin: 24px 0 0 0;
			font-size: 1.3em;
			color: #CE9C00;
		}
		h3 {
			font-size: 1.2em;
		}
		#sidebar h3 {
			color: #00366E;
		}
		
		/*Link Styles. Applies to links except
		those that are in the main menubar.*/
		a:link {
			color: #CE9C00;
		}
		a:visited {
			color: #B5AD86;
		}
		a:hover, a:active, a:focus {
			color: #00366E;
		}
		#sidecontent a:link {
			color: #CE9C00;
		}
		#sidecontent a:visited {
			color: #9D9660;
		}
		#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
			color: #00366E;
		}
		#footer a:link {
			color: #FFF;
		}
		#footer a:visited {
			color: #FFF;
		}
		#footer a:hover, #footer a:active, #footer a:focus {
			color: #00366E;
			text-decoration: none;	
		}
		
		/*********RCMS SPECIFIC STYLE********/
		
		.stdtext {
			margin: 0 0 15px 0;
			padding: 0;
		}
		
		/* teaser */
		.teasertitle {
			color: #606060;
			font-weight: 600;
			letter-spacing: .2em;
			font-size: 1.25em;
			margin-bottom: 0.35em;
		}
		.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 {}
		
		/* foto gallerij */
		.image_idle {border: none; border-width: 0 0 0 0; padding: 7 7 4 7;}
		.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: #7E8A62;
			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: #7E8A62;}
		#specfncts a:visited {color: #D2C99B;}
		#specfncts a:hover {color: #EAE6D0;}
		#specfncts a:active, #centercontent a:focus{
			color: #7E8A62;
			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: #00366E; font-weight: bold; border-left: 1px solid #000000; padding: 1px 3px 1px 3px;}
		.agenda_table_div {background-color: #515151; height: 2px;}
		.agenda_row_odd {background-color: #DCE3EB;}
		.agenda_row_even {background-color: #EBF2FA;}
		.agenda_item_txt {padding: 3px;}
		.agenda_maand {color: #00366E; font-weight: bold; border-bottom: 3px solid #00366E; 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 : #00366E; 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;
		}
		
		/* extranet */
		.extranet_login legend {color:black;}
		.extranet_login fieldset {width: 175px;}
		
		/* print and e-mail button */
		#xtrbtns {
			float: right;
			font-size: 10px;
			margin: 0 15px 0 0;
		}
		#xtrbtns a:link {
			color: #FFF;
			text-decoration: none;
		}
		#xtrbtns a:hover {
			color: #CE9C00;
		}
		#xtrbtns img {
			position: relative;
			top: 6px;
		}