/* styles für webshop */

/* highlightbox bzw. teaser */

.highlight_box_wrap_links {
	width: 311px;
	height: 210px;
	padding: 0px 7px 0px 0px;
	overflow: hidden;
	float: left; 	
}

.highlight_box_wrap_rechts {
	width: 311px;
	height: 210px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
}


.highlight_box {	
	position: relative; 
	width: 311px;
	height: 200px;	
	background-image:url("images/boxbg.png");
	background-repeat:no-repeat;
	background-position: top left;
}


.highlight_box .hintergrund {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 305px;
	height: 200px;
	text-align:right;
	overflow:hidden;	

}

.highlight_box .preisblock {
	position: absolute;
	top: 130px;
	left: 240px;
	z-index:2;
	width: 68px;
	height: 68px;
	background-image:url("images/preis_bg.png");	
	text-align:center;
	color: #FFFFFF;
}

.highlight_box .preisblock .preis {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 18px 0px 0px 0px;
}
	
.highlight_box .preisblock .preis_text {	
	font-size: 10px;
	padding: 0px 0px 0px 0px;
}

.highlight_box .content {
	position: absolute;
	top: 35px;
	left: 10px;
	z-index:10;
	width: 300px;
	height: 162px; 
	overflow: hidden;
	color: #474039;
	
	font-size: 12px;
}



.highlight_box .header {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}

.highlight_box .header a {
	color: #474039;
	text-decoration: none;
}


.highlight_box .header img {
	vertical-align: top;
	padding: 2px 5px 0px 0px;
}

.highlight_box .shortdesc { }

.highlight_box .button_wrap {
	float: left;
	padding: 0px 10px 0px 0px;
	
	/* wichtig damit das button-ende im ff auch bei grosser schrift richtig platziert wird */
	font-size: 12px;
	line-height:12px;	
}

.highlight_box .button_wrap form {
	margin: 0;
	padding: 0;
}



#colnormal .highlight_box ul { 
	padding: 5px 0px 5px 0px;
}

/* list styles */
.list_entry_schatten {
	background-image: url("images/listbg_schatten.gif");
	background-repeat:repeat-x;
	height: 12px;
	overflow: hidden;
}
.list_entry_oben {
	background-image:url("images/listbg_oben.png");
	height: 10px;
	background-position:top left;
	background-repeat:no-repeat;	
	overflow: hidden;
}

.list_entry_unten { 
	background-image:url("images/listbg_unten.png");
	background-position:top left;
	background-repeat:no-repeat;
	height: 10px;
	overflow: hidden;	
	margin: 0px 0px 8px 0px;
}

.list_entry { 
	background-image:url("images/listbg.png");
	background-position:left;
	background-repeat:repeat-y;
	width: 629px;
	font-size: 12px;
}

.list_trenner {
	float: none;
	clear: both;
	height: 1px;
	overflow: hidden;
}

.list_col_image {
	width: 110px;	
	float: left;
}

.list_col_image img {
	border: 0;
	margin: 0px 0px 0px 8px;
}

.list_col1 {
	width: 200px;
	margin: 0px 10px 0px 0px;
	float: left;
}

.list_col2 {
	width: 228px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.list_col_preis {	
	width: 68px;
	float: left;
}


.list_entry .preisblock {	
	width: 68px;
	height: 68px;
	background-image:url("images/preis_bg.png");	
	text-align:center;
	color: #FFFFFF;
}

.list_entry .preisblock .preis {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 18px 0px 0px 0px;
}
	
.list_entry .preisblock .preis_text {	
	font-size: 10px;
	padding: 0px 0px 0px 0px;
}

.list_entry .header {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}

.list_entry .header a {
	color: #474039;
	text-decoration: none;
}

.list_entry .header img {
	vertical-align: top;
	padding: 2px 5px 0px 0px;
}

.list_entry .shortdesc {
	padding: 0px 0px 5px 0px;
}

.list_entry .button_wrap {
	float: left;
	padding: 0px 10px 0px 0px;	 

	/* wichtig damit das button-ende im ff auch bei grosser schrift richtig platziert wird */
	font-size: 12px;
	line-height:12px;

}

.list_entry .button_wrap form {
	margin: 0;
	padding: 0;
}

#colnormal .list_entry ul { 
	padding: 0;
	margin: 0;
}

/* detailseite */

.details_box {		
	position: relative; 
	height: 250px;
	background-image:url("images/detbox_bg.gif");
	background-repeat:repeat-x;
}


.details_box .links {
	position: absolute;
	z-index: 1;	
	top: 0px;
	left: 0px;
	background-image:url("images/detbox_bg_l.gif");
	background-repeat: no-repeat;
	width: 10px;
	height: 250px;	
	overflow: hidden;
}

.details_box .rechts {
	position: absolute;
	z-index: 1;	
	
	top: 0px;
	right: 0px;
	background-image:url("images/detbox_bg_r.gif");
	background-repeat: no-repeat;
	width: 10px;
	height: 250px;
	overflow: hidden;	
}


.details_box .titel {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
}

.details_box .produktbild {
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 10px;
}


.details_box .inhalt {
	position: absolute;
	z-index:10;
	top: 85px;
	left: 10px;
	height: 162px;
	overflow:hidden;
}

.details_box .shortdescription {
	width: 350px;
}

.details_box .inhalt_innerwrap {	
	height: 162px;
	padding: 0px 150px 0px 0px;
}

.details_box .button_wrap {
	padding: 10px 10px 0px 0px;
	
	/* wichtig damit das button-ende im FF auch bei grosser schrift richtig platziert wird */
	font-size: 12px;
	line-height:12px;	
	float: left;
}

.details_button_wrap {
	padding: 0px 10px 0px 0px;
	
	/* wichtig damit das button-ende im FF auch bei grosser schrift richtig platziert wird */
	font-size: 12px;
	line-height:12px;	
	float: left;
}

.details_featurezeile {
/*	background-color: #E8E2DB; */
	margin: 0px 0px 0px 0px;
}


#colnormal .details_box .inhalt ul { 
	padding: 0px 0px 6px 0px;
}

table.featuretable { 
	border: 0;
	width: 100%;
}

table.featuretable td {
	padding: 1px 10px 1px 3px;
	vertical-align: top;
}


table.featuretable caption {
	display: none;
}

table.featuretable tr.row1 {
	background-color:#E8E2DB;
}

table.featuretable tr.row2 {
	background-color:#FFFFFF;
}

table.featuretable tr.row_headline {}


table.featuretable td.col_1 {
	text-align: left;
	width: 200px;
}

table.featuretable td.col_2 {
	text-align: left;
}

table.featuretable td.col_single {
	text-align: left;
}


table.featuretable td.col_headline {
	text-align: left;
	font-weight: bold;
	background-color:#D2C6BA;
	color:#474039;
}


/* plugin preis - button */

.tx-abawebshop-pi3 .preisblock_allgemein {
	width: 68px;
	height: 68px;
	background-image:url("images/preis_bg.png");	
	text-align:center;
	color: #FFFFFF;
	float: right;
}

.tx-abawebshop-pi3 .preisblock_allgemein .preis {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 18px 0px 0px 0px;
}
	
.tx-abawebshop-pi3 .preisblock_allgemein .preis_text {	
	font-size: 10px;
	padding: 0px 0px 0px 0px;
}