/*
 * BASE CSS STYLED ON BLUEPRINT
 */
 
 body {
 	font-family: Arial;
 	font-size:0.8em;
 }
 
#headerDiv {
		border: 1px solid #259145;
		border-width: 0px 0px 1px 0px;
		margin-bottom: 0px;
}

#headerMenu {
	background-image:url(metabox.gif);
	background-position: top right;
	background-repeat:no-repeat;
}

#headerMenu a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	margin-right:20px;
}

.portalHeader {
		border: 1px solid #259145;
		border-width: 1px 0px 0px 0px;
		margin-bottom: 2px;
}

.menuItem {
	color: #259145;
	font-family: Arial;
	font-size: 0.7em;
	text-decoration: none;
	font-weight:bold;
	margin:5px 15px 5px 0px;
}


.widget {
	background-color:#FFFFFF;
	border-bottom:1px solid #BBBBBB;
	margin-bottom: 5px;
	margin-bottom: 5px;
}

.widget_html{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.menuItem {
   text-transform:uppercase;	
}


.bottomlink {
	color: #222222;
	font-weight:bold;
	font-size:0.8em;
	text-decoration:none;
	margin:0px 10px;;
}

.alfabetletter_small {
	padding:0px 11px;
	text-decoration:none;
	font-weight:bold;
	
}

.selected{
	padding:0px 13px 2px 13px;;
	background-image:url(activetab.gif);
	background-repeat:no-repeat;
	background-position: center top;
}

.content_menu {
	margin:0px;
	padding:0px;
	text-decoration:none;
}


a img {
	border:0px solid #FFFFFF;	
}

.alfabetmobile {
		display:block;
		text-align:center;
		padding-top:8px;
		padding-bottom:8px;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
		color:#fff;
		
}

.alfabetblok	{
		margin-right:10px;
		float:left;
		width:30px;
		height:32px;
		margin-bottom:10px;
		background-color:#269145;
		border:1px solid #000;
}


/* TOEVOEGINGEN OP JQUERY UI */
/* http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/ */
.fg-button {outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }	
a.fg-button { float:left; }

button.fg-button { width:auto; overflow:visible; }	
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }