/* --- module: article slide --- */
#articleSlideBox {
	width: 489px;
	margin: 0px 0px 20px 20px;
}
#articleSlide, #articleSlide .articleSlideItem {
	width: 489px;
	height: 229px;
}
#articleSlide {
	position: relative; 
	overflow: hidden; 
	clear: both;
}
#articleSlide .articleSlideWrapper {
	width: 20000px; /* required */
	position: absolute; /* required */
}
#articleSlide .articleSlideItem {
	background-repeat: no-repeat;
	float: left;
	position: relative; /* vertical align bottom */
}

/* rounded corner */
#articleSlideCorner .corner {
	background-image: url(../../images/site/article_slide_bkg_text.png); /* see ie6fix for transparent fix */
	background-repeat: no-repeat;
	width: 7px;
	height: 7px;
	position: absolute;
}
#articleSlideCorner .cornerTL {
	background-image: url(../../images/site/article_slide_corner_tl.png); /* see ie6fix for transparent fix */
	margin: -229px 0px 0px 0px;
}
#articleSlideCorner .cornerTR {
	background-image: url(../../images/site/article_slide_corner_tr.png); /* see ie6fix for transparent fix */
	margin: -229px 0px 0px 482px;
}
#articleSlideCorner .cornerBL {
	background-image: url(../../images/site/article_slide_corner_bl.png); /* see ie6fix for transparent fix */
	margin: -7px 0px 0px 0px;
}
#articleSlideCorner .cornerBR {
	background-image: url(../../images/site/article_slide_corner_br.png); /* see ie6fix for transparent fix */
	margin: -7px 0px 0px 482px;
}

/* item style */
#articleSlide .modTeaser {
	background-image: url(../../images/site/article_slide_bkg_text.png); /* see ie6fix for transparent fix */
	position: absolute; /* vertical align bottom */
	bottom: 0px; /* vertical align bottom */
	padding: 10px 45px 10px 45px;
	width: 399px; /* width of #articleSlide minus padding */
	color: #575757;
}
#articleSlide .modTeaser a {
	color: #575757;
	text-decoration: underline;
}
#articleSlide .modTeaser a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* navigation style */
/*
#articleSlideNavigation {
	border-bottom: 1px solid red;
	width: 480px;
	height: 50px;
}
*/
#articleSlideNavigation a {
	width: 21px;
	height: 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	outline: none;
	position: absolute;
}
#articleSlideNavigation .prev {
	background-image: url(../../images/site/article_slide_arrow_prev.png);
	margin: -30px 0px 0px 10px;
}
#articleSlideNavigation .next {
	background-image: url(../../images/site/article_slide_arrow_next.png);
	margin: -30px 0px 0px 458px;
}