@charset "utf-8";
/* CSS Document */

div.teaser_13, div.teaser_23, div.teaser_33, div.teaser_13_News {
	filter:				alpha(opacity=90); 
	-moz-opacity: 		0.9; 
	opacity: 			0.9; 
	-khtml-opacity: 	0.9;
}
div.teaser_13:hover, div.teaser_23:hover, div.teaser_33:hover, div.teaser_13_News:hover {
	filter:				alpha(opacity=100); 
	-moz-opacity: 		1.0; 
	opacity: 			1.0; 
	-khtml-opacity: 	1.0;
}

/** Teaser 1/3 **/
div.teaser_13 {
	float:				left;
	width:				230px;
	height:				205px;
	background-image:	url(/bilder/teaser/teaser_verlauf.png);
	background-repeat:	repeat-y;
	margin:				0 0 20px 0;
}
div.teaser_13 a {
	width:				230px;
	height:				205px;
	display:			block;
	cursor:				pointer;
	text-decoration:	none;
}

div.teaser_13 a:hover {
	filter:				alpha(opacity=100); 
	-moz-opacity: 		1.0; 
	opacity: 			1.0; 
	-khtml-opacity: 	1.0;
}
div.teaser_13 a:hover span.text {
	color:				#000;
}
div.teaser_13 div.rahmen {
	width:				230px;
	height:				205px;
	background-image:	url(/bilder/teaser/teaser_rahmen_1-3.png);
	background-repeat:	no-repeat;
}
div.teaser_13 div.inhalt {
	width:				230px;
	height:				205px;
	background-repeat:	no-repeat;
	background-position:top left;
}

div.teaser_13 div.inhalt h2 {
	float:				right;
	text-align:			right;
	margin:				20px 20px 5px 0px;
	color:				#c00;
	font-size:			12px;
	line-height:		16px;
	font-weight:		bold;
}
div.teaser_13 span.text {
	float:				right;
	clear:				both;
	text-align:			right;
	margin:				0px 20px 5px 0px;
	color:				#333;
	font-size:			12px;
	line-height:		22px;
	width:				200px;
}
div.teaser_13 span.red {
	float:				right;
	clear:				both;
	text-align:			right;
	margin:				20px 20px 5px 0px;
	color:				#c00;
	font-size:			12px;
	line-height:		22px;
}

/** Teaser 2/3 **/
div.teaser_23 {
	float:				left;
	width:				482px;
	height:				205px;
	background-image:	url(/bilder/teaser/teaser_verlauf.png);
	background-repeat:	repeat-y;
	margin:				0 0 20px 0;
}
div.teaser_23 a {
	width:				482px;
	height:				205px;
	display:			block;
	cursor:				pointer;
	text-decoration:	none;
}
div.teaser_23 a:hover span.text {
	color:				#000;
}
div.teaser_23 div.rahmen {
	width:				482px;
	height:				205px;
	background-image:	url(/bilder/teaser/teaser_rahmen_2-3.png);
}
div.teaser_23 div.inhalt {
	width:				482px;
	height:				205px;
	background-repeat:	no-repeat;
	background-position:top left;
}

div.teaser_23 div.inhalt h2 {
	float:				right;
	text-align:			right;
	margin:				20px 20px 5px 0px;
	color:				#c00;
	font-size:			16px;
	line-height:		22px;
	font-weight:		bold;
	width:				300px;
}
div.teaser_23 span.text {
	float:				right;
	clear:				both;
	text-align:			right;
	margin:				0px 20px 5px 0px;
	color:				#333;
	font-size:			12px;
	line-height:		22px;
	width:				300px;
}
div.teaser_23 span.red {
	float:				right;
	clear:				both;
	text-align:			right;
	margin:				10px 20px 5px 0px;
	color:				#c00;
	font-size:			12px;
	line-height:		22px;
	width:				300px;
}

/** Teaser 3/3 **/
div.teaser_33 {
	float:				left;
	width:				734px;
	height:				205px;
	background-image:	url(/bilder/teaser/teaser_verlauf.png);
	background-repeat:	x-repeat;
	margin:				0 0 20px 0;
}
div.teaser_33 a {
	width:				734px;
	height:				205px;
	display:			block;
	cursor:				pointer;
	text-decoration:	none;
}
div.teaser_33 a:hover span.text {
	color:				#000;
}
div.teaser_33 div.rahmen {
	width:				734px;
	height:				205px;
	background-image:	url(/bilder/teaser/teaser_rahmen_3-3.png);
}
div.teaser_33 div.inhalt {
	width:				734px;
	height:				205px;
	background-repeat:	no-repeat;
	background-position:top left;
}

div.teaser_33 div.inhalt h2 {
	float:				right;
	text-align:			right;
	margin:				20px 20px 5px 0px;
	color:				#c00;
	font-size:			22px;
	line-height:		34px;
	font-weight:		bold;
}
div.teaser_33 span.text {
	float:				right;
	clear:				both;
	text-align:			right;
	margin:				0px 20px 5px 0px;
	color:				#333;
	font-size:			14px;
	line-height:		24px;
}
div.teaser_33 span.red {
	float:				right;
	clear:				both;
	text-align:			right;
	margin:				20px 20px 5px 0px;
	color:				#c00;
	font-size:			12px;
	line-height:		22px;
}

/** Teaser 1/3 News **/

div.teaser_13_News {
	float:				left;
	width:				230px;
	height:				205px;
	background-image: 	url(/bilder/teaser/teaser_verlauf_shop.jpg);
	background-repeat:	no-repeat;
	margin:				0 0 20px 0;
}
div.teaser_13_News a {
	width:				230px;
	height:				205px;
	display:			block;
	cursor:				pointer;
	text-decoration:	none;
}
div.teaser_13_News a:hover span.text {
	color:				#000;
}
div.teaser_13_News div.rahmen {
	width:				230px;
	height:				205px;
	background-image:	url(/bilder/teaser/teaser_rahmen_1-3.png);
	background-repeat:	no-repeat;
}
div.teaser_13_News div.inhalt {
	width:				230px;
	height:				205px;
	background-repeat:	no-repeat;
	background-position:top left;
}

div.teaser_13_News div.inhalt h2 {
	float:				left;
	text-align:			left;
	width:				195px;
	margin:				15px 20px 5px 10px;
	color:				#c00;
	font-size:			12px;
	line-height:		16px;
	font-weight:		bold;
}
div.teaser_13_News b {
	float:				left;
	clear:				both;
	width:				195px;
	text-align:			left;
	margin:				0px 0px 0px 20px;
	color:				#333;
	font-size:			11px;
	line-height:		18px;
}
div.teaser_13_News span.text {
	float:				left;
	clear:				both;
	width:				195px;
	text-align:			left;
	margin:				0px 20px 5px 20px;
	color:				#333;
	font-size:			11px;
	line-height:		18px;
}
div.teaser_13_News span.red {
	float:				left;
	clear:				both;
	width:				195px;
	text-align:			left;
	margin:				0px 20px 5px 20px;
	color:				#c00;
	font-size:			10px;
	line-height:		12px;
}


/** Teaser 1/3 Shop **/
div.teaser_13_Shop {
	float:				left;
	width:				230px;
	height:				205px;
	/*background-image:	url(/bilder/teaser/teaser_verlauf_shop.jpg);
	background-repeat:	repeat-y;
	background-color:	#CCCCCC;*/
	margin:				0 0 20px 0;
}
div.teaser_13_Shop a {
	width:				230px;
	/*height:				205px;*/
	display:			block;
	cursor:				pointer;
	text-decoration:	none;
	color:				#C00;
}
div.teaser_13_Shop a:hover span.text{
	color:				#fff;
}
div.teaser_13_Shop a:hover div.inhalt h2{
	color:				#fff;
	/*background-image:	url(/bilder/layout/teaser_shop_bg_over.png);*/
	background-color:	#900;
	filter:				alpha(opacity=80); 
	-moz-opacity: 		0.8; 
	opacity: 			0.8; 
	-khtml-opacity: 	0.8;
}
div.teaser_13_Shop div.rahmen {
	width:				230px;
	height:				205px;
	background-image:	url(/bilder/teaser/teaser_rahmen_1-3.png);
	background-repeat:	no-repeat;
	/*progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/teaser/teaser_rahmen_1-3.png');*/
}
div.teaser_13_Shop div.inhalt {
	width:				230px;
	height:				205px;
	background-repeat:	no-repeat;
	background-position:top left;
}
div.teaser_13_Shop a span.text {
	width:				205px;
	color:				#c00;
}

div.teaser_13_Shop div.inhalt h2 {
	float:				left;
	text-align:			left;
	width:				183px;
	margin:				15px 20px 5px 10px;
	color:				#fff;
	font-size:			16px;
	line-height:		22px;
	font-weight:		bold;
	/*background-image:	url(/bilder/layout/teaser_shop_bg.png);*/
	padding:			2px;
	
	background-color:	#030;
	filter:				alpha(opacity=20); 
	-moz-opacity: 		0.2; 
	opacity: 			0.2; 
	-khtml-opacity: 	0.2;
}


div.teaser_13_Shop b {
	float:				left;
	clear:				both;
	width:				195px;
	text-align:			left;
	margin:				0px 0px 0px 20px;
	color:				#333;
	font-size:			11px;
	line-height:		18px;
}
div.teaser_13_Shop span.text {
	float:				left;
	clear:				both;
	width:				195px;
	text-align:			left;
	margin:				0px 20px 5px 20px;
	color:				#333;
	font-size:			12px;
	line-height:		18px;
}
div.teaser_13_Shop span.red {
	float:				left;
	clear:				both;
	width:				95px;
	text-align:			right;
	margin:				0px 20px 5px 120px;
	color:				#c00;
	font-size:			12px;
	line-height:		18px;
	font-weight:		bold;
	background-color:	#fff;
	padding:			2px;
	filter:				alpha(opacity=60); 
	-moz-opacity: 		0.6; 
	opacity: 			0.6; 
	-khtml-opacity: 	0.6;
}


/**********/
div.teaser_left_float {
	float:				left;
}
div.margin_right {
	margin-right:		22px;
}
h2.align_left, span.align_left, div.align_left {
	float:				left;
	text-align:			left;
	margin-left:		20px;
}
/**********/
div.teaserblock_right {
	float:				left; 
	width:				235px; 
	vertical-align:		top;
}

/***************************/

/** Teaser  **/

.content div.listfield {
	float:				left;
	width:				483px;
	background-color:	#fff;
	margin:				0px 20px 0px 0px;
}

div.teaser {
	float:				left;
	width:				482px;
	height:				125px;
	margin:				20px 0 0 0;
}
div.teaser div.inhalt {
	width:				482px;
	height:				125px;	
	background-repeat:	no-repeat;
	background-position:1px 0;
}
div.teaser a {
	width:				300px;
	height:				125px;
	display:			block;
	background-image:	url(/bilder/teaser/teaser_rahmen_125.png);
	background-repeat:	no-repeat;
	background-position:0px 0px;
	padding: 			10px 10px 10px 170px;
	text-decoration:	none;
}

div.teaser a:hover span.text {
	color:				#999;
}

div.teaser a h2 {
	float:				left;
	text-align:			left;
	margin:				 0px;
	color:				#c00;
	font-size:			18px;
	line-height:		24px;
	font-weight:		bold;
}
div.teaser span.text {
	float:				left;
	clear:				both;
	text-align:			left;
	margin:				5px 0px 0px 0px;
	width:				300px;
	font-size:			11px;
	line-height:		18px;
	color:				#333;
}
