/*
 * BASE CSS STYLED ON BLUEPRINT
 */
 
.inactive_div{
     filter:alpha(opacity=30); /* msie */  
    -moz-opacity: 0.30; /* firefox 1.0 */  
    -khtml-opacity: 0.30; /* webkit */  
    opacity: 0.30; /* css 3 */   
}
.menuItem{
 	color:#fff;
 	float:left;
 	margin-top:4px;
 	letter-spacing:0.1em;
 	font-size:12px;
 	margin-left:10px;
 	text-transform:uppercase; 
 	text-decoration:none;
 	font-weight: bold;
 }
 
 .feeditemtitle				{
 	 				text-decoration:none;	 
 					}
 
  a.feeditemtitle:hover			{
  	  				color:#000000;	 
  					}
 
 .widget				{
 	 				background-color:#ffffff;
 	 				margin-bottom:10px;
 					}
 
 .container 				{
 					background-image:none;
 					}
 					
/*Homebutton*/

 .homeicon				{
 	 				width:26px;
 	 				height:26px;
 	 				text-decoration:none;
 	 				display:block;
 					}
 						
 .homebox				{
 					height:26px;
 					width:26px;
 					background-image:url('/style/vitens/icon_round_00B0A8.gif');
 					background-repeat:no-repeat;
 					float:left;
 					display:block;
 					margin-right:5px;
 					margin-left:5px; 					
 					
 					}	
 					
 .homeicon_inactive			{
 	 				height:26px;
 	 				width:26px;
 	 				background-image:url('/style/vitens/icon_round_00B0A8_grey.gif');
 	 				background-repeat:no-repeat;
 	 				float:left;
 	 				margin-right:5px;
 	 				
					}

.homeicon:hover				{
					text-decoration:none;
					background-image:url('/style/vitens/icon_round_00B0A8_grey.gif');
					}
					
					
/*Routesicon*/

 .routesicon				{
 	 				width:26px;
 	 				height:26px;
 	 				text-decoration:none;
 	 				display:block;
 					}
 						
 .routesbox				{
 					height:26px;
 					width:26px;
 					background-image:url('/style/vitens/icon_round_124093.gif');
 					background-repeat:no-repeat;
 					float:left;
 					display:block;
 					margin-right:5px;
 					}	
 					
 .routesicon_inactive			{
 	 				height:26px;
 	 				width:26px;
 	 				background-image:url('/style/vitens/icon_round_124093_grey.gif');
 	 				background-repeat:no-repeat;
 	 				float:left;
 	 				margin-right:5px;
					}
					
 .routesicon:hover			{
					text-decoration:none;
					background-image:url('/style/vitens/icon_round_124093_grey.gif');
					}

/*Watericon*/

 .watericon				{
 	 				width:26px;
 	 				height:26px;
 	 				text-decoration:none;
 	 				display:block;
 					}
 						
 .waterbox				{
 					height:26px;
 					width:26px;
 					background-image:url('/style/vitens/icon_round_1EB8DD.gif');
 					background-repeat:no-repeat;
 					float:left;
 					display:block;
 					margin-right:5px;
 					}	
 					
 .watericon_inactive			{
 	 				height:26px;
 	 				width:26px;
 	 				background-image:url('/style/vitens/icon_round_1EB8DD_grey.gif');
 	 				background-repeat:no-repeat;
 	 				float:left;
 	 				margin-right:5px;
					}
					
 .watericon:hover			{
					text-decoration:none;
					background-image:url('/style/vitens/icon_round_1EB8DD_grey.gif');
					}

/*Natuurbutton*/		

 .natuuricon				{
 	 				width:26px;
 	 				height:26px;
 	 				text-decoration:none;
 	 				display:block;
 					}
 						
 .natuurbox				{
 					height:26px;
 					width:26px;
 					background-image:url('/style/vitens/icon_round_93BF1C.gif');
 					background-repeat:no-repeat;
 					float:left;
 					display:block;
 					margin-right:5px;
 					}	
 					
 .natuuricon_inactive			{
 	 				height:26px;
 	 				width:26px;
 	 				background-image:url('/style/vitens/icon_round_93BF1C_grey.gif');
 	 				background-repeat:no-repeat;
 	 				float:left;
 	 				margin-right:5px;
					}

 .natuuricon:hover			{
					text-decoration:none;
					background-image:url('/style/vitens/icon_round_93BF1C_grey.gif');
					}
					
/*Kennisbutton*/					
 					
 .kennisicon 				{
 	 				width:26px;
 	 				height:26px;
 	 				text-decoration:none;
 	 				display:block;
 					}
 
 .kennisbox				{
 					height:26px;
 					width:26px;
 					background-image:url('/style/vitens/icon_round_662281.gif');
 					background-repeat:no-repeat;
 					float:left;
 					margin-right:5px;					
 					}
 
 .kennisicon_inactive			{
 	 				height:26px;
 	 				width:26px;
 	 				background-image:url('/style/vitens/icon_round_662281_grey.gif');
 	 				background-repeat:no-repeat;
 	 				float:left;
 	 				margin-right:5px;
 					}
 
 .kennisicon:hover			{
					text-decoration:none;
					background-image:url('/style/vitens/icon_round_662281_grey.gif');
					}					
 					
/*Nieuwsbutton*/
					
 .nieuwsicon				{
 	 				width:26px;
 	 				height:26px;
 	 				text-decoration:none;
 	 				display:block;
 					}
 						
 .nieuwsbox				{
 					height:26px;
 					width:26px;
 					background-image:url('/style/vitens/icon_round_EF7C00.gif');
 					background-repeat:no-repeat;
 					float:left;
 					display:block;
 					margin-right:5px;
 					}	
 					
 .nieuwsicon_inactive			{
 	 				height:26px;
 	 				width:26px;
 	 				background-image:url('/style/vitens/icon_round_EF7C00_grey.gif');
 	 				background-repeat:no-repeat;
 	 				float:left;
 	 				margin-right:5px;
					}

 .nieuwsicon:hover			{
					text-decoration:none;
					background-image:url('/style/vitens/icon_round_EF7C00_grey.gif');
					}
					
 /*Lopenbutton*/
					
 .lopenicon				{
 	 				width:26px;
 	 				height:26px;
 	 				text-decoration:none;
 	 				display:block;
 					}
 						
 .lopenbox				{
 					height:26px;
 					width:26px;
 					background-image:url('/style/vitens/icon_round_4F91CD.gif');
 					background-repeat:no-repeat;
 					float:left;
 					display:block;
 					}	
 					
 .lopenicon_inactive			{
 	 				height:26px;
 	 				width:26px;
 	 				background-image:url('/style/vitens/icon_round_4F91CD_grey.gif');
 	 				background-repeat:no-repeat;
 	 				float:left;
					}

 .lopenicon:hover			{
					text-decoration:none;
					background-image:url('/style/vitens/icon_round_4F91CD_grey.gif');
					}
 					
 					
/* 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;  }