/* FCE Stylesheet - Datei
 *
 * ?007 HRT-Marketing (Egger Elmar)
 * 
 * Erstellt: 02.11.2007
 *
 * Formatierung der FCE (Flexible Content Elements)
 * 
 *************************************************** */

/* Spaltenelemente */
/* Zweispaltig */
div.col2-box-container {
	clear:both;
	margin:0px;
	padding:0px;
	min-height:1px;
	-height:1px;
}

div.col-box-left-gleich {
	float:left;
	margin:0px;
	padding:0px;
	width:325px;
}

div.col-box-right-gleich {
	margin:0px;
	padding:0px;
	float:right;
	width:325px;
}

/* Zweispaltig gross klein*/
div.col2-box-container {
	clear:both;
	margin:0px;
	padding:0px;
	min-height:1px;
	-height:1px;
}

div.col-box-left-gross {
	float:left;
	margin:0px;
	padding:0px;
	width:500px;
}

div.col-box-right-klein {
	margin:0px;
	padding:0px;
	float:right;
	width:175px;
}

/* Dreispaltig */
div.col3-box-container {
	clear:both;
	margin:0px;
	padding:0px;
	width:685px;
	min-height:10px;

}

div.col3-box-left {
	float:left;
	padding:0px;
	width:216px;
	min-height:10px;
	margin:0px 20px 0px 0px;
}

div.col3-box-center {
	float:left;
	margin:0px;
	padding:0px;
	width:216px;
	min-height:10px;
}

div.col3-box-right {
	margin:0px;
	padding:0px;
	float:right;
	width:216px;
	min-height:10px;
}

/* Vierspaltig */
/* ohne Unternavigation */
div.col4-box-container {
	clear:both;
	margin:0px;
	padding:0px;
	width:880px;
	min-height:10px;

}

div.col4-box-left {
	float:left;
	padding:0px;
	width:220px;
	min-height:10px;
	margin:0px 0px 0px 0px;
}

div.col4-box-center {
	float:left;
	margin:0px;
	padding:0px;
	width:220px;
	min-height:10px;
}

div.col4-box-right-1 {
	margin:0px;
	padding:0px;
	float:right;
	width:220px;
	min-height:10px;
}

div.col4-box-right-2 {
	margin:0px;
	padding:0px;
	float:left;
	width:220px;
	min-height:10px;
}

/* mit Unternavigation */
div.col4-box-u-container {
	clear:both;
	margin:0px;
	padding:0px;
	width:685px;
	min-height:10px;

}

div.col4-box-u-left {
	float:left;
	padding:0px;
	width:170px;
	min-height:10px;
	margin:0px 0px 0px 0px;
}

div.col4-box-u-center {
	float:left;
	margin:0px;
	padding:0px;
	width:170px;
	min-height:10px;
}

div.col4-box-u-right-1 {
	margin:0px;
	padding:0px;
	float:right;
	width:170px;
	min-height:10px;
}

div.col4-box-u-right-2 {
	margin:0px;
	padding:0px;
	float:left;
	width:170px;
	min-height:10px;
}

/* Produkt Uebersichtselement */
div.produkt-uebersicht-container {
	width:217px;
	height:84px;
	margin:0 0 15px 0;
	background:url(bg-produktuebersicht.gif) no-repeat;
}

div.produkt-uebersicht-image {
	float:left;
	width:54px;
	height:54px;
	margin:7px 0 9px 8px;
	-margin:7px 0 9px 3px;
}

div.produkt-uebersicht-link1 {
	width:132px;
	float:right;
	margin:23px 0 0 0;
}

div.produkt-uebersicht-link1 a {
}

div.produkt-uebersicht-link2 {
	clear:both;
	text-align:center;
}

div.produkt-uebersicht-link2 a.link2 {
	height:10px;
	color:#3da8c9;
	font-size:10px;
}

/* Produkt Uebersichtselement Gross */
div.produkt-uebersicht-container-gross {
	margin:0px;
	width:215px;
	height:331px;
	background:url(button-gross-bg.jpg) no-repeat;
}
div.produkt-uebersicht-container-gross a {
	text-decoration:none;
}

div.produkt-uebersicht-image-gross {
	width:215px;
	height:172px;
	text-align:center;
	vertical-align:middle;
}

.produkt-uebersicht-button-nomal {
	width:171px;
	height:115px;
	cursor:pointer;
	overflow:hidden;
	margin:1px 0px 0px 20px;
	background:url(button-gross-normal.jpg) no-repeat;
}

.produkt-uebersicht-button-down {
	width:171px;
	height:115px;
	cursor:pointer;
	overflow:hidden;
	margin:1px 0px 0px 20px;
	background:url(button-gross-down.jpg) no-repeat;
}

.produkt-uebersicht-button-hover {
	width:171px;
	height:115px;
	cursor:pointer;
	overflow:hidden;
	margin:1px 0px 0px 20px;
	background:url(button-gross-hover.jpg) no-repeat;
}

.produkt-uebersicht-button-hover * {
}

div.button-gross-content {
	padding:2px 0px 0px 25px;
}

div.button-gross-content ul {
	margin:0px;
	list-style:none;
	padding:3px 0px 0px 3px;
}

div.button-gross-content ul li {
	margin:0px;
	padding:0px 0px 0px 6px;
	font-size:11px;
	line-height:16px;
	background:0px 8px url(line-button-gross.gif) no-repeat;
}

div.produkt-uebersicht-link1 {
	width:132px;
	float:right;
	margin:23px 0 0 0;
}

div.produkt-uebersicht-link2 a.link2 {
	height:10px;
	color:#3da8c9;
	font-size:10px;
}