.visual, .image, .imageleft, .imageright {
	position:relative;
	display:block;
}
.image{
	margin: 0 10px 0 0;
}

.imageleft {
	margin:0 10px 0 0;
}

.imageright{
	margin: 0 0 0 10px;
}
.visual .legend_container
{
	width : 238px;
	position: relative;
	top: -15px;
}

.legend_container_10
{
	position : relative;
	display : block;
	width : 110px !important;
	max-width : 110px;
}

.legend_container_5
{
	position : relative;
	display : block;
	width : 206px !important;
	max-width : 206px;
}

	
.visual .legend_container .legend,
.image .legend_container .legend,
.imageleft .legend_container .legend,
.imageright .legend_container .legend {
	position:relative;
	bottom:0;
	right:0;
	padding:0;
	width : 100%;
	display : block;
	border : 0;
}
	.legend_container .legend .legend_top {
		position : relative;
	}
	
	.visual_legend_top_content,
	.visual_legend_top,
	.visual_legend_bottom {
		height:2px;
		display:block;
		width : 100%;
		padding : 0;
		border : 0;
		margin : 0;
	}
	
	
		.visual_legend_top_content .visual_legend_top_left,
		.visual_legend_top .visual_legend_top_left,
		.visual_legend_bottom .visual_legend_bottom_left
		{
			position:relative;
			height:2px;
			display : block;
			width : 50%;
			float : left;
			padding : 0;
			border : 0;
			margin : 0;
		}
		.visual_legend_bottom .visual_legend_bottom_right,
		.visual_legend_top_content .visual_legend_top_right,
		.visual_legend_top .visual_legend_top_right
		{
			position:relative;
			height:2px;
			display : block;
			width : 50% ;
			float : right;
			padding : 0;
			border : 0;
			margin : 0;
		
		}
		.visual_legend_top_left
		{
			background-image:url(../img/global/legend_background_top_green.gif);
			background-position : left;
		}
		.visual_legend_top_right
		{
			background-image:url(../img/global/legend_background_top_green.gif);
			background-position : right;
		}
		.visual_legend_bottom_left
		{
			background-image:url(../img/global/legend_background_bottom_green.gif);
			background-position : left;
		}
		.visual_legend_bottom_right
		{
			background-image:url(../img/global/legend_background_bottom_green.gif);
			background-position : right;
		}
			.summer .visual_legend_top_left
			{
				background-image:url(../img/global/legend_background_top_orange.gif);
				background-position : left;
			}
			.summer .visual_legend_top_right
			{
				background-image:url(../img/global/legend_background_top_orange.gif);
				background-position : right;
			}
			.summer .visual_legend_bottom_left
			{
				background-image:url(../img/global/legend_background_bottom_orange.gif);
				background-position : left;
			}
			.summer .visual_legend_bottom_right
			{
				background-image:url(../img/global/legend_background_bottom_orange.gif);
				background-position : right;
			}
			.winter .visual_legend_top_left
			{
				background-image:url(../img/global/legend_background_top_blue.gif);
				background-position : left;
			}
			.winter .visual_legend_top_right
			{
				background-image:url(../img/global/legend_background_top_blue.gif);
				background-position : right;
			}
			.winter .visual_legend_bottom_left
			{
				background-image:url(../img/global/legend_background_bottom_blue.gif);
				background-position : left;
			}
			.winter .visual_legend_bottom_right
			{
				background-image:url(../img/global/legend_background_bottom_blue.gif);
				background-position : right;
			}
			.autumn .visual_legend_top_left
			{
				background-image:url(../img/global/legend_background_top_red.gif);
				background-position : left;
			}
			.autumn .visual_legend_top_right
			{
				background-image:url(../img/global/legend_background_top_red.gif);
				background-position : right;
			}
			.autumn .visual_legend_bottom_left
			{
				background-image:url(../img/global/legend_background_bottom_red.gif);
				background-position : left;
			}
			.autumn .visual_legend_bottom_right
			{
				background-image:url(../img/global/legend_background_bottom_red.gif);
				background-position : right;
			}
			
	.visual_legend_top {
		/*background-image:url(../img/global/visual_legend_top_blue.gif);*/
	}
	/* thematic */
	.spring .visual_legend_top {
		/*background-image:url(../img/global/visual_legend_top_green.gif);*/
	}
	.autumn .visual_legend_top {
		background-image:url(../img/global/visual_legend_top_red.gif);
	}
	.summer .visual_legend_top {
		background-image:url(../img/global/visual_legend_top_orange.gif);
	}
	/* end thematic */
	
	.visual_legend_bottom {
		/*background-image:url(../img/global/visual_legend_bottom_blue.gif);*/
	}
	/* thematic */
	.spring .visual_legend_bottom {
		/*background-image:url(../img/global/visual_legend_bottom_green.gif);*/
	}
	.autumn .visual_legend_bottom {
		background-image:url(../img/global/visual_legend_bottom_red.gif);
	}
	.summer .visual_legend_bottom {
		background-image:url(../img/global/visual_legend_bottom_orange.gif);
	}
	/* end thematic */
	
	.page_content .paragraph .legend .legend_title {
		background:#0290a1;
	}
	.page_content .visual .legend .legend_content,
	.page_content .image .legend .legend_content,
	.page_content .imageleft .legend .legend_content,
	.page_content .legend_container .legend .legend_content {
		position : absolute;
		left : 0px;
		bottom : 0px;
		padding:0px 0;
		display:block;
		height : 0px;
		min-height:0px ;
		overflow : hidden;
		width : 206px;
		display : block;
		text-align : right;
		padding : 0px;
	}

	.page_content .imageright .legend .legend_content {
		position : absolute;
		left : auto;
		right : 0px;
		bottom : 0px;
		padding:0px 0;
		display:block;
		height : 0px;
		min-height:0px ;
		overflow : hidden;
		width : 206px;
		display : block;
		text-align : right;
		padding : 0px;
	}
	
	/* thematic */
	.legend .legend_top .legend_content
	{
		background : none;
		overflow: hidden;
	}
	
	.paragraph .legend .legend_title,
	.visual .legend .legend_title,
	.visual .legend .slide,
	.paragraph .legend .slide,
	.image .legend .slide,
	.imageleft .legend .slide,
	.imageright .legend .slide {
		background:#0290a1;
	}

	.spring .paragraph .legend .legend_title,
	.spring .visual .legend .legend_title,
	.spring .visual .legend .slide,
	.spring .paragraph .legend .slide,
	.spring .image .legend .slide,
	.spring .imageleft .legend .slide,
	.spring .imageright .legend .slide {
		background:#78b000;
	}
	.autumn .paragraph .legend .legend_title,
	.autumn .visual .legend .legend_title,
	.autumn .visual .legend .slide,
	.autumn .imageleft .legend .slide,
	.autumn .imageright .legend .slide,
	.autumn .paragraph .legend .slide,
	.autumn .image .legend .slide {
		background:#e73351;
	}
	.summer .paragraph .legend .legend_title,
	.summer .visual .legend .legend_title,
	.summer .visual .legend .slide,
	.summer .image .legend .slide,
	.summer .imageleft .legend .slide,
	.summer .paragraph .legend .slide,
	.summer .imageright .legend .slide {
		background:#e97d00;
	}
	/* end thematic */
	
		.visual .legend .slide,
		.image .legend .slide,
	    .imageleft .legend .slide,
		.imageright .legend .slide
		 {
			position:relative;
			background:#00b7cd;
		}
			.visual .legend .slide div,
			.image .legend .slide div,
			.imageleft .legend .slide div,
			.imageright .legend .slide div {
				padding:5px;
			}

			.content .visual .legend .slide li a,
			.content .imageleft .legend .slide li a,
			.content .imageright .legend .slide li a,
			.content .image .legend .slide li a {
				color:#000;
				height:auto;
				line-height:14px;
				padding:3px 25px 3px 0;
				display:block;
				background-repeat:no-repeat;
				background-position:right;
			}
		
		.visual .legend .arrow,
		.imageleft .legend .arrow,
		.imageright .legend .arrow,
		.image .legend .arrow {
			padding-left:20px;
			padding-right:10px;
			background-position:5px 3px;
			background-repeat:no-repeat;
			background-image:url(../img/global/arrow1_white_top.gif);
			color:#ffffff;
			cursor:pointer;
		}
		
		.visual .legend .noarrow,
		.imageleft .legend .noarrow,
		.imageright .legend .noarrow,
		.image .legend .noarrow {
			padding-left:5px;
			padding-right:10px;
			background-position:5px 3px;
			background-repeat:no-repeat;
			color:#ffffff;
			cursor:pointer;
		}
