/* Color Legend */


#slider {
	width: 700px; /* important to be same as image width */
	height: 230px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	text-align: left;
	background-image: url(images/ite-bg-stadshuset2.jpg);

}

#sliderContent {
    width: 700px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
	position: absolute;
	padding: 10px;
	width: 280px;  /* This is the width of the caption box  */
	height: 212px; /* This is the height of the caption box  */
	background-color: #000033;  /* This sets the background color of the semi transparent box */
	/* If you do not want the transparent content field to appear, change all opacity values to 0 */
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #fff; /* This is the color of the text in the caption box */
	display: none;
}

.sliderImage span strong {
	color: #FFFF17; 		/* This is the color of the title text in the caption box */
	font-size: 22px; 	/* This is the font size of the title text in the caption box */
	line-height: 300%;
	}

.clear { clear: both; }


.top { top: 0; left: 400px; }  /* This sets the upper left corner of the caption box */

.bottom { bottom: 0; left: 0; } /* This sets the lower left corner of the caption box */

#slider ul 		{ list-style-type: none;}
#slider ul li 	{ margin-left:0px; }