/* Teaser fuer die Startseite */

/*In die floatenden Spalten kommt jeweils ein div.teaserhell/dunkel,
da rein ein div.unten
und da rein der Inhalt (h4, h5 und rechts floatendes image)
*/

/* Ausgangsschriftgroesse angleichen:  */

.teaservorschau, .aktionsteaservorschau {
	font-size: 1.38em; /* Wert wurde empirisch ermittelt */
}



/* Rundreise des Monats*/

/*erst mal die allgemeinen Styleanweisungen */


.aktionsteaservorschau div.inhalt * {
	padding: 2px;
	padding-right: 22px;
	margin-left: 8px;
	margin-bottom: 0px;
	font-size: 1.05em;
	color: white;
	font-weight: bold;
}

.aktionsteaservorschau span.pfeilweblun {
	background: url(../../../image/buttonspfeile/pfeilweblun.gif)
	no-repeat center;
	top: 9px;
	width: 12px;
	height: 10px;
	padding: 0;
	border-left: 2px solid white;
	border-right: 2px solid white;
	text-decoration: none;
}

/*die besonderen fuer die Vorschau */

.aktionsteaservorschau div.fensterklein {
	float: left;
	background-image: url(../../../image/fenster/klein.gif);
	background-repeat: no-repeat;
	position: relative;
	top: 17px;
	left: 22px;
	width: 376px;
	padding-right: 8px;
	height: 116px;
	padding-top: 0px; 
	font-size: 0.85em;
	color: #918255;
}	

.aktionsteaservorschau div.fensterklein h1 {
	color:  #918255;
	font-size: 1.02em;
	margin: 0px 0 0 0px;
	height: 10px;
	font-weight: normal;
}

.aktionsteaservorschau a {
	color: #918255;
}

.aktionsteaservorschau div.fensterklein a {
	font-size: 0.85em;
}

.aktionsteaservorschau div.fensterklein a span.fett {
	font-weight: bold;
	font-size: 1.05em;
	margin-bottom: 0px;
}

.aktionsteaservorschau div.fensterklein img.reise {
	float: left;
	margin: 5px;
	margin-left: 10px;
	margin-top: 0px;
}


/* Grundlegende Styles, auf die die Teaser-Styles aufbauen: */

h4.extrakasten {
	float: left;
	font-size: 0.82em;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 0.2em;
	letter-spacing: -0.05em;
	margin-left: 5px;
	width: auto;
}

h5.extrakasten  {
	clear: left;
	font-size: 0.58em;
	font-weight: normal;
	letter-spacing: 0em;
}

ul.extrakasten {
	clear: left;
	font-size: 0.78em;
}

ul.extrakasten li {
	list-style-type: none;
	font-size: 1em;
	margin-left: 0em;
	padding-left: 0px;
}

ul.extrakasten li span.titel {
	display: block;
}

img.extrakasten {
	margin: 5px;
	border: 1px solid blue;
	height: 91px;
	width: 126px;
	float: right;
}

div.extrakasteninnen {
	height: 110px;

}

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

/* teaserspalten */ 
ul#rechtespalte, ul#linkespalte { list-style: none none; }

div#teaserlinksspalte {
	float: left;
}

div#teaserrechtsspalte {
	float: right;
}

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

div.teaserhell {
	background: url("../../../image/extrakaesten/hblaugrauoben.gif")
	no-repeat top right #d6dde4;
	bottom: 0px;
	margin-bottom: 15px;
	width: 336px;
	color: #706f6f;
	
}

div.teaserhell a {
	color: #706f6f;
}

div.teaserhell div.unten {
	background: url(../../../image/extrakaesten/hblaugrauunten.gif)
	no-repeat right bottom;
	padding: 5px;
	padding-left: 12px;
	margin-top: 0px;
	color: #706f6f;
}

div.teaserhell div.unten h4 {
	margin-left: 0px;
	background-color: #d6dde4;
	font-size: 0.85em;
}

div.teaserhell div.unten h5 {
	font-size: 0.8em;
}

div.teaserhell img.extrakasten {
	margin: 5px;
	border: 1px solid white;
	height: 91px;
	width: 126px;
	float: right;
}

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

div.teaserdunkel {
	background: url("../../../image/extrakaesten/dblaugrauoben.gif")
	no-repeat top right #6685a1;
	bottom: 0px;
	margin-bottom: 15px;
	width: 336px;
	color: #fff;
}

div.teaserdunkel a {
	color: #fff;
}

div.teaserdunkel div.unten {
	background: url(../../../image/extrakaesten/dblaugrauunten.gif)
	no-repeat right bottom;
	padding: 5px;
	padding-left: 12px;
	margin-top: 0px;
	color: #fff;
}

div.teaserdunkel div.unten h4 {
	margin-left: 0px;
	background-color: #6685a1;
	font-size: 0.85em;
}

div.teaserdunkel div.unten h5 {
	font-size: 0.8em;
}

div.teaserdunkel img.extrakasten {
	border-color: white;
}

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

div.teasersand {
	background: url("../../../image/extrakaesten/sandgrauoben.gif")
	no-repeat top right #edd898;
	bottom: 0px;
	margin-bottom: 15px;
	width: 336px;
	color: #706f6f;
}

div.teasersand a {
	color: #706f6f;
}

div.teasersand div.unten {
	background: url(../../../image/extrakaesten/sandgrauunten.gif)
	no-repeat right bottom;
	padding: 5px;
	padding-left: 12px;
	margin-top: 0px;
	color: #706f6f;
}

div.teasersand div.unten h4 {
	margin-left: 0px;
	background-color: #edd898;
	font-size: 0.85em;
}

div.teasersand div.unten h5 {
	font-size: 0.8em;
}

div.teasersand img.extrakasten {
	border-color: #706f6f;
}