/* NORMALE TEASER */

div.teaser {
	border-bottom: 1px solid #ccc;
	width: 100%;
	float:left;
	padding: 1em 0;
}

	div.teaser a, 
	div.teaser a:hover {
		color: #c00;
		text-align:left;
	}

	div.teaser a:hover { text-decoration: underline; }

		div.teaser h2 a {
			color: #c00;
			text-decoration: none;
			padding-bottom: .2em;
			display: block;
		}

		div.teaser h1 a {
			display: block;
			font-size: 1.54em;
			color: #000;
			text-decoration: none;
			margin-bottom: .45em;
		}

	div.teaser p.text, 
	div.teaser ul.morelinks {
		font-size: 1.2em;
		line-height: 1.3;
	}

	div.teaser ul.morelinks {
		margin-top:1em;
		list-style: none;
	}

			div.teaser ul.morelinks li a {
				font-style: normal;
				text-decoration: none;
				color: #000;
			}

				div.teaser ul.morelinks li a em {
					font-style: normal;
					text-decoration: underline;
				}

				div.teaser ul.morelinks li a:hover {
					text-decoration: underline;
					color: #c00;
				}

				div.teaser ul.morelinks li a.video, 
				div.teaser ul.morelinks li a.tagebuch, 
				div.teaser ul.morelinks li a.bilder {
					padding-left: 26px;
					background: url(../images/video_01.gif) left no-repeat;
				}
				
				div.teaser ul.morelinks li a.tagebuch {
					background-image: url(../images/forum_01.gif);
				}
				
				div.teaser ul.morelinks li a.bilder {
					background-image: url(../images/foto_01.gif);
				}
	
	div.withimage p.text { margin-left: 9.18em; }
	
		div.withimage p.text img {
			float: left;
			width: 7.68em;
			margin-left: -9.18em;
		}

	div.first div.timage {
		width: 16.35em;
		float: right;
		background-color: #F3F3F3;
	}

		div.first div.timage img { width: 100%; }

		div.first div.timage p { padding: .2em .65em; }
		
/* TEASER FÜR KATEGORIEN */

div#kategorien div.teaser {
	padding-bottom: 0;
	position: relative;
	margin-bottom: 1em;
}

	div#kategorien div.teaser p.text { margin:0; }

	div#kategorien div.teaser img {
		float: left;
		margin-right: .6em;
	}

			div#kategorien div.teaser h1 a {
				font-size: 1.2em;
				text-decoration: underline;
			}

	div#kategorien div.teaser p.kategorielinks {
		margin-top: 1em;
		float: left;
		width: 100%;
		height: 1.73em;
		border-bottom: 1px solid #ccc; 
		/* Benötigt IE6 */
	}

	div#kategorien div.teaser > p.kategorielinks {
		border-bottom: none; /* Wegen IE6 */
	}

		div#kategorien div.teaser p.kategorielinks a {
			display: block;
			color: #c00;
			height: 100%;
			float: left;
		}

			div#kategorien div.teaser p.kategorielinks a.tab {
				display: block;
				float: right;
				vertical-align: middle;
				width: 12.8em;
			}

				div#kategorien div.teaser p.kategorielinks a.tab img {
					width: 12.8em;
				}

div#kategorien h2.kategorie {
	margin: 1em 0 .4em 0;
	clear: both;
}