@charset "UTF-8";

/**
 *	Styleklassen fuer Bilder-Effekte
 *
 *	Hier werden eigentlich nur die Style-Klassen fuer die dann im Template platzierten
 *	Elemente (meist Grafiken) definiert. Dabei gibt es (erst mal) nicht fuer jeden
 *	Effekt eine eigene Klasse, sondern fuer jede Rahmenart eine (z.B:
 *	die effect_general10101010_ fuer Effekte, die in alle Richtung 10 Pixel umgeben.
 *
 *	Die _frame_-Klassen sind nach folgendem Schema benannt:
 *
 *	effect_<KIND_OF_EFFECT>_frame_<LOCATION>_<WIDTH>_<HEIGHT>
 *
 *	KIND_OF_EFFECT	die Art des effects bzw. general fuer die meisten Faelle
 *
 *	LOCATION 		Wo der Frame hingehoert. Dabei steht 1 fuer links oben, 2 fuer
 *					oben, 3 fuer rechts oben, 4 fuer links etc. 5 wird nicht genutzt -
 *					da ist das Bild.
 *
 *	WIDTH			Die Breite des Frames oder x, wenn die Breite durch das
 *					style-Attribut (im Template) bestimmt wird.
 *
 *	HEIGHT			Die Hoehe des Frames oder x, wenn die Hoehe durch das
 *					style-Attribut (im Template) bestimmt wird.
 *
 *	Z.B: effect_general_frame_3_10_10 ist die Ecke rechts oben und ist 10 x 10
 *					Pixel gross
 */



/**
 *	Das Klassenset fuer Effekte, die in alle Richtung 10 Pixel um das Bild
 *	einnehmen.
 */

/**
 *	Der Container um alles herum. Erhaelt noch eine Breite und Hoehe per style=.
 *	Er kann daher fuer alle Rahmenbreiten verwendet werden.
 *
 *	Er beinhaelt das Bild und die Rahmenelemente, die ja innerhalb ihm und
 *	absolut zu ihm ausgerichtet sind.
 */
.effect_general_container {
	position: relative;
	left: 0px;
	top: 0px;
	overflow: hidden;
	background-color: #ffffff;
}

.effect_general_align_left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.effect_general_align_right {
	float: right;
	margin: 0px 0px 10px 10px;
}

.effect_general_align_middle {
	display: block;
	text-align: center;
	margin: 10px auto 10px auto;
}

/* die Ecke links oben */
.effect_general_frame_1_10_10 {
	position: absolute;
	left: 0px;
	top: 0px;
 	width: 10px;
 	height: 10px;
	overflow: hidden;
	background-color: #f0f0f0;
}

/* Der Frame ueber dem Bild.  Enthaelt ein auf passende Breite skaliertes Bild. */
.effect_general_frame_2_x_10 {
	position: absolute;
	left: 10px;
	top: 0px;
 	height: 10px;
	overflow: hidden;
	background-color: #ffffff;
}

/* die Ecke links oben */
.effect_general_frame_3_10_10 {
	position: absolute;
	right: 0px;
	top: 0px;
 	width: 10px;
 	height: 10px;
	overflow: hidden;
	background-color: #f0f0f0;
}

.effect_general_frame_3_20_10 {
	position: absolute;
	right: 0px;
	top: 0px;
 	width: 20px;
 	height: 10px;
	overflow: hidden;
	background-color: #f0f0f0;
}

/* Der Frame links des Bildes. Enthaelt ein auf passende Hoehe skaliertes Bild. */
.effect_general_frame_4_10_x {
	position: absolute;
	left: 0px;
	top: 10px;
 	width: 10px;
	overflow: hidden;
	background-color: #ffffff;
}

/* Der Frame rechts des Bildes. Enthaelt ein auf passende Hoehe skaliertes Bild. */
.effect_general_frame_6_10_x {
	position: absolute;
	right: 0px;
	top: 10px;
 	width: 10px;
	overflow: hidden;
	background-color: #ffffff;
}

.effect_general_frame_6_20_x {
	position: absolute;
	right: 0px;
	top: 10px;
 	width: 20px;
	overflow: hidden;
	background-color: #ffffff;
}

/* die Ecke links unten. */
.effect_general_frame_7_10_10 {
	position: absolute;
	left: 0px;
	bottom: 0px;
 	width: 10px;
 	height: 10px;
	overflow: hidden;
	background-color: #f0f0f0;
}

.effect_general_frame_7_10_20 {
	position: absolute;
	left: 0px;
	bottom: 0px;
 	width: 10px;
 	height: 20px;
	overflow: hidden;
	background-color: #f0f0f0;
}

/* Der Frame ueber dem Bild. Enthaelt ein auf passende Breite skaliertes Bild. */
.effect_general_frame_8_x_10 {
	position: absolute;
	left: 10px;
	bottom: 0px;
 	height: 10px;
	background-color: #ffffff;
	overflow: hidden;
}

.effect_general_frame_8_x_20 {
	position: absolute;
	left: 10px;
	bottom: 0px;
 	height: 20px;
	background-color: #ffffff;
	overflow: hidden;
}

/* die Ecke links unten. Funktioniert ohne style-Attribut */
.effect_general_frame_9_10_10 {
	position: absolute;
	right: 0px;
	bottom: 0px;
 	height: 10px;
 	width: 10px;
	overflow: hidden;
	background-color: #f0f0f0;
}

.effect_general_frame_9_20_20 {
	position: absolute;
	right: 0px;
	bottom: 0px;
 	width: 20px;
 	height: 20px;
	overflow: hidden;
	background-color: #f0f0f0;
}