#news-carousel {
    overflow: hidden;
	padding: 15px 0 15px 0;
    height: auto !important;
    background-color: #575757 !important;
}

#ie8 #news-carousel {
	behavior: url();
}

.home #news-carousel {
    background-color: #dedc00 !important;
}

.tx_newsbanner { 
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.tx_newsbanner_wrapper {
    position: relative;
    width: 99999px;
    left: 0;
}

.tx_newsbanner_grid {
    width: 1002px;
    height: 248px;
    float: left;
    background: #fdfdfd url('/typo3conf/ext/newsbanner/Resources/Public/Images/bg-newsbanner.png') repeat-x top left;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    overflow: hidden;
}


.tx_newsbanner_grid:first-child {
    padding-left: 0px;
    padding-right: 0px;
}

.portal-home .tx_newsbanner_grid {
    height: 212px;
}

.tx_newsbanner_element {
    background: #ccc;
    overflow: hidden;
    position: absolute;
    width: 320px;
    cursor: pointer;
}

.tx_newsbanner_element p.title {
     position: absolute;
     bottom: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
     font-size: 16px;
     color: #282828;
     padding: 5px 10px 5px 10px;
     margin: 0;
     background: url('/typo3conf/ext/newsbanner/Resources/Public/Images/bg-title.png');
/*      width: 300px; */
 }
 
.tx_newsbanner_element:hover p.title a{
     color: #000 !important;
 }
 
 .tx_newsbanner_element p.title a {
     text-decoration: none;
     color: #282828;
 }

/*
 *  ARROWS
 */
 
 #news-carousel .arrow {
	cursor: pointer;
	position: absolute;
    width: 60px;
    height: 63px;
    overflow: hidden;
    top: 50%;
    margin: -36px 0 0 5px;
}
 
#news-carousel .previous,
#news-carousel .next {
    background: #575757;
    height: 100%;
    width: 70px;
    position: absolute;
    z-index: 10;
	margin-top: -10px;
}

#news-carousel .previous .arrow {
    background: url('/typo3conf/ext/newsbanner/Resources/Public/Images/arrow-left.png') no-repeat center top;
}

#news-carousel .next {
    right: 0;
}

#news-carousel .next .arrow {
    background: url('/typo3conf/ext/newsbanner/Resources/Public/Images/arrow-right.png') no-repeat center top;
}

.home #news-carousel .previous,
.home #news-carousel .next {
    background-color: #dedc00;
}

/*
 *  GRID 1: (50/50 100 100)
 */
 
 .tx_newsbanner .grid_1 .element_1 {
     top: 0;
     left: 0px;
     height: 117px;
     width: 320px;	 
 }
 
 .tx_newsbanner .grid_1 .element_2 {
     top: 131px;
     left: 0px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_1 .element_3 {
     left: 334px;
     height: 248px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_1 .element_4 {
     left: 669px;
     height: 248px;
     width: 320px;
 }
 
 /*
 *  GRID 2: (100 50/50 100)
 */
 
 .tx_newsbanner .grid_2 .element_1 {
     top: 0;
     left: 0px;
     height: 248px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_2 .element_2 {
     top: 0;
     left: 334px;
     height: 117px;
     width: 320px;
 }
 
  .tx_newsbanner .grid_2 .element_3 {
     top: 131px;
     left: 334px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_2 .element_4 {
     top: 0;
     left: 669px;
     height: 248px;
     width: 320px;
 }
 
 /*
 *  GRID 3: (100 100 50/50)
 */
 
 .tx_newsbanner .grid_3 .element_1 {
     top: 0;
     left: 0px;
     height: 248px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_3 .element_2 {
     top: 0;
     left: 334px;
     height: 248px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_3 .element_3 {
     top: 0;
     left: 669px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_3 .element_4 {
     top: 131px;
     left: 669px;
     height: 117px;
     width: 320px;
 }
 
 
 /*
 *  GRID 4: (50/50 50/50 100)
 */
 
 .tx_newsbanner .grid_4 .element_1 {
     top: 0;
     left: 0px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_4 .element_2 {
     top: 131px;
     left: 0px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_4 .element_3 {
     top: 0;
     left: 334px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_4 .element_4 {
     top: 131px;
     left: 334px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_4 .element_5 {
     top: 0;
     left: 669px;
     height: 248px;
     width: 320px;
 }
 
 
 /*
 *  GRID 5: (100 50/50 50/50)
 */
 
 .tx_newsbanner .grid_5 .element_1 {
     top: 0;
     left: 0px;
     height: 248px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_5 .element_2 {
     top: 0;
     left: 334px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_5 .element_3 {
     top: 131px;
     left: 334px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_5 .element_4 {
     top: 0;
     left: 669px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_5 .element_5 {
     top: 131px;
     left: 669px;
     height: 117px;
     width: 320px;
 }
 
 
 
 /*
 *  GRID 6: (50/50 100 50/50)
 */
 
 .tx_newsbanner .grid_6 .element_1 {
     top: 0;
     left: 0px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_6 .element_2 {
     top: 131px;
     left: 0px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_6 .element_3 {
     top: 0;
     left: 334px;
     height: 248px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_6 .element_4 {
     top: 0;
     left: 669px;
     height: 117px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_6 .element_5 {
     top: 131px;
     left: 669px;
     height: 117px;
     width: 320px;
 }
 
 /*
 *  GRID 7: (100 100 100)
 */
 
.tx_newsbanner .grid_7 .element_1 {
     top: 0;
     left: 0px;
     height: 248px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_7 .element_2 {
     top: 0;
     left: 334px;
     height: 248px;
     width: 320px;
 }
 
 .tx_newsbanner .grid_7 .element_3 {
     top: 0;
     left: 669px;
     height: 248px;
     width: 320px;
 }
  
 
/*
 *  GRID 8: Gegenstandsportal 3er
 */
 
 .tx_newsbanner .grid_8 {
	 height: 212px !important;
 }
 
 .tx_newsbanner .grid_9 p.title {
	 width: 298px;
 }

 .tx_newsbanner .grid_8 .element_1,
 .tx_newsbanner .grid_8 .element_4,
 .tx_newsbanner .grid_8 .element_7 {
     top: 0;
     left: 0;
     width: 318px;
     height: 212px;
 }
 
 .tx_newsbanner .grid_8 .element_2,
 .tx_newsbanner .grid_8 .element_5,
 .tx_newsbanner .grid_8 .element_8 {
     top: 0;
     left: 335px;
     width: 318px;
     height: 212px;
 }
 
 .tx_newsbanner .grid_8 .element_3,
 .tx_newsbanner .grid_8 .element_6,
 .tx_newsbanner .grid_8 .element_9,
 .tx_newsbanner .grid_8 .element_newsarchive {
     top: 0;
     left: 670px;
     width: 318px;
     height: 212px;
 }
 
 /*
 *  GRID 9: Gegenstandsportal 4er
 */
 
 .tx_newsbanner .grid_9 {
	 height: 156px !important;
 }
 
 .tx_newsbanner .grid_9 p.title {
	 width: 216px;
 }

 .tx_newsbanner .grid_9 .element_1,
 .tx_newsbanner .grid_9 .element_5,
 .tx_newsbanner .grid_9 .element_9 {
     top: 0;
     left: 0;
     width: 236px;
     height: 156px;
 }
 
 .tx_newsbanner .grid_9 .element_2,
 .tx_newsbanner .grid_9 .element_6,
 .tx_newsbanner .grid_9 .element_10 {
     top: 0;
     left: 250px;
     width: 236px;
     height: 156px;
 }
 
 .tx_newsbanner .grid_9 .element_3,
 .tx_newsbanner .grid_9 .element_7,
 .tx_newsbanner .grid_9 .element_11 {
     top: 0;
     left: 501px;
     width: 236px;
     height: 156px;
 }
 
 .tx_newsbanner .grid_9 .element_4,
 .tx_newsbanner .grid_9 .element_8,
 .tx_newsbanner .grid_9 .element_12,
 .tx_newsbanner .grid_9 .element_newsarchive {
     top: 0;
     left: 752px;
     width: 236px;
     height: 156px;
 }

 /*
 *  GRID 10: (Volle Breite)
 */
 .tx_newsbanner .grid_10 .element_1 {
     top: 0;
     left: 0;
     height: 248px;
     width: 989px;
 }

 /* screen resolution below 1024 */
 body.home-1024 #news-carousel .previous, body.home-1024  #news-carousel .next {
	opacity: .4; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=40); /* IE lt 8 */
	-ms-filter: "alpha(opacity=40)"; /* IE 8 */
	-khtml-opacity: .4; /* Safari 1.x */
	-moz-opacity: .4; /* FF lt 1.5, Netscape */
 }
 body.home-1024 #news-carousel .previous:hover, body.home-1024  #news-carousel .next:hover {
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
 }