/* Rotpunkt Single */
.rotpunktItem{
	width:100%;
	background-color:#e3ecf8;
	border-bottom:#d7d7d7 solid 1px;

}

.rotpunktContent{
	position:relative;
	padding-left:0px;
	padding-right:13px;
}

.rotpunktContent h1{
	margin:0;
	margin-bottom:10px;
}

.rotpunktHeaderBgRight{
	position:relative;
	float:right;
	width:16px;
	height:26px;
	background:url(../../../typo3conf/ext/apx_stadelh_rotpunkt/pi1/bg_box_right.gif) no-repeat;
}

.rotpunktHeaderBgLeft{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:16px;
	height:26px;
	background:url(../../../typo3conf/ext/apx_stadelh_rotpunkt/pi1/bg_box_left.gif) no-repeat;
}

.rotpunktHeaderBg{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:26px;
	background:url(../../../typo3conf/ext/apx_stadelh_rotpunkt/pi1/bg_box_center.gif) repeat-x;
}

/* Rotpunkt List */

.rotpunktListItemRow {
	float: left;
	font-size: 11px;
	margin: 0;
	min-height: 50px;
	padding: 0;
	width: 530px;
}


.rotpunktListItem {
	background: #D6E6F5;
	border: 1px solid #FFF;
	cursor: pointer;
	float:left;
	margin: 15px 15px 0 0;
	padding: 7px 15px 2px 15px; 
	position: relative;
	width: 211px;
}


.rotpunktListItem .rotpunktProduct{
	width:223px;
}
.rotpunktListItem .rotpunktPicture{
	float: left;
	/* height: 90px; */
	width: 90px;
}


.rotpunktListColumnItem {
	background: #D6E6F5;
	border: 1px solid #FFF;
	cursor: pointer;
	float: left;
	font-size: 11px;
	margin: 0 0 7px 0;
	padding: 7px 15px 2px 15px; 
	position: relative;
	width: 209px;
}

.rotpunktListColumnItem .rotpunktProduct{
	background-image:url(../../../typo3conf/ext/apx_stadelh_rotpunkt/pi1/bg_product.jpg);
	background-repeat:repeat;
	color:#FFFFFF;
	margin-top:5px;
	padding:8px;
	font-size:10px;
}

.rotpunktTitle {
	font-weight: bold;
	margin: 0 0 8px 0;
	text-align: right;
}

 .rotpunktDetail {
	float: right;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: right;
	width: 114px;
}

.rotpunktDetail a {
	color: #F80004;
	text-decoration: underline;
}

.rotpunktListColumnItem.rotpunktPicture, .rotpunktListItem.rotpunktPicture {
	float: left;
	min-height: 60px;
	width: 90px;
	padding: 0 0 10px 0;
}

.rotpunktNoResultBoxColumnItem{
	position:relative;
	float:left;
	width:210px;
	background-image:url(../../../typo3conf/ext/apx_stadelh_rotpunkt/pi1/bg_box.gif);
	background-repeat:no-repeat;
	background-color:#e3ecf8;
	margin-right:10px;
	padding:16px;
	margin-bottom:10px;
}

.rotpunktNoResultBoxColumnItem .rotpunktNoResult{
	float:left;
	background-image:url(../../../typo3conf/ext/apx_stadelh_rotpunkt/pi1/bg_product.jpg);
	background-repeat:no-repeat;
	width:209px;
	height:28px;
	color:#FFFFFF;
	padding:8px;
	padding-top:20px;
}


.rotpunktRandomItem .rotpunktPicture{
	height:90px;
}


.rotpunktNoResultListBox{
	background-color:#e3ecf8;
}

.rotpunktNoResultListBox .rotpunktProduct{
	background-image:none;
	background-color:#FFFFFF;
	color:#000000;
	height:40px;
	margin-top:5px;
	padding:8px;
}

.rotpunktNoResultBox{
	position:relative;
	float:left;
	width:239px;
	background-image:url(../../../typo3conf/ext/apx_stadelh_rotpunkt/pi1/bg_box.gif);
	background-repeat:no-repeat;
	background-color:#e3ecf8;
	margin-right:10px;
	padding:16px;
	margin-bottom:10px;
}

.rotpunktNoResult{
	float:left;
	background-image:url(../../../typo3conf/ext/apx_stadelh_rotpunkt/pi1/bg_product.jpg);
	background-repeat:no-repeat;
	width:223px;
	height:28px;
	color:#FFFFFF;
	padding:8px;
	padding-top:20px;
}



.rotpunktItem p{

	margin:0;
	margin-top:4px;
	margin-bottom:4px;
}

.rotpunktSummary{
	height:90px;
}

.rotpunktPicture{
	position:relative;
	float:left;
	margin-right:5px;
}

.rotpunktProduct{
	background-image:url(../../../typo3conf/ext/apx_stadelh_rotpunkt/pi1/bg_product.jpg);
	background-repeat:no-repeat;
	height:40px;
	color:#FFFFFF;
	margin-top:5px;
	padding:8px;
}

/* Rotpunkt Random */

.rotpunktRandomItem{
	position:relative;
	float:left;
	width:245px;
	background-image:url(../../../typo3conf/ext/apx_stadelh_rotpunkt/pi1/bg_box.gif);
	background-repeat:no-repeat;
	background-color:#e3ecf8;
	padding-top:13px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:0px;
	cursor:pointer;
	border-bottom:#d7d7d7 solid 1px;
}


.rotpunktListLink{
	clear:both;
	color:#fe0000;
	padding-top:5px;
	font-weight:bold;
	padding-bottom:5px;
}


.rotpunktDetailView {
	float: left;
	margin: 10px 0 0 0;
	min-height: 300px;
	width: 570px;
}
.rotpunktDetailPicture {
	float: right;
	width: 275px;
	text-align: right
}
.rotpunktDetailPicture img {
	border: 1px solid #318282;
}
.rotpunktDetailContent {
	float: left;
	min-height: 300px;
	width: 295px;
}
.rotpunktDetailHeadline, .rotpunktDetailText, .rotpunktDetailPrice, .rotpunktDetailTime {
	width: 295px;
	margin: 0 0 12px 0;
}