/* ==============================
// CSS fuer das Projekt: www.lautwert.de
// Anwendungsbereich: Bildschirm
// Approb.: 2011-10-23  [2011-08-21 2011-08-15 2011-08-13 - 2010-12-16 - 2010-07-25 - 2008-09-30 - 2008-09-24 - 2008-09-22 - 2006-10-26]
// ==============================
//
// Sektion 1: Container
// Sektion 2: Tabellenformate
// Sektion 3: Listenformate
// Sektion 4: Formularfelder
// Sektion 5: Bildformate
// Sektion 6: Headlines
// Sektion 7: Absaetze
// Sektion 8: Anker
// Sektion 9: Freie Klassen
// Sektion 10: Sonderfaelle
// ============================== */

/* Farben --------------------------
blau dunkel audio	:	#3D4888
blau kalt		:	#617F81
blau medium		:	#0080ff
grau tripel 2		:	#222
grau tripel E		:	#EEE
grau z			:	#374941
macadamia			#dfc8b6
ocker			:	#B1870E
weiss			:	#FFF

---------------------------------- */

/* -----------------------------------------------
// Sektion 1: Container
// --------------------------------------------- */

body	{
	background-color:#FFF;
	color:#222;
	font-family:helvetica,arial,sans-serif;
	font-size:1.0em;
	}

#abteilung_satzspalte	{
	position:relative;
	top:10px;
	left:10px;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	}

#abteilung_satzspalte.audio	{
	height:580px;

	border-top:dotted 1px #3D4888; /* Farbe blau dunkel audio */
	border-right:dotted 1px #3D4888; /* Farbe blau dunkel audio */
	border-left:dotted 1px #3D4888; /* Farbe blau dunkel audio */

	background-image:url("../portal_sysgra/audio.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	}
	
#abteilung_satzspalte.blog	{
	height:580px;

	border-top:dotted 1px #dfc8b6; /* Farbe macadamia blog */
	border-right:dotted 1px #dfc8b6; /* Farbe macadamia blog */
	border-left:dotted 1px #dfc8b6; /* Farbe macadamia blog */

	background-image:url("../portal_sysgra/primalBlog.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	}

#abteilung_satzspalte.graphik	{
	height:580px;
	border:dotted 1px #617F81; /* Farbe blau kalt */
	background-image:url("../portal_sysgra/graphik.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	}

#abteilung_satzspalte.lesen	{
	height:580px;
	border-top:dotted 1px #617F81; /* Farbe blau kalt */
	border-right:dotted 1px #617F81; /* Farbe blau kalt */
	border-left:dotted 1px #617F81; /* Farbe blau kalt */
	padding-left:10px;
	background-image:url("../portal_sysgra/lesen.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	}

#abteilung_satzspalte.reflex	{
	height:580px;
	border-top:dotted 1px #617F81; /* Farbe blau kalt */
	border-right:dotted 1px #617F81; /* Farbe blau kalt */
	border-left:dotted 1px #617F81; /* Farbe blau kalt */
	padding-left:10px;
	background-image:url("../portal_sysgra/reflex.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	}


#be_kopf	{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	border-bottom:solid 1px #0b0b45;
	}

#be_medium	{
	position:relative;
	top:0px;
	left:0px;
	/* width:100%; */
	padding-right:12px;
	height:460px;
	overflow:auto;

	background-color:#FFF; /* Farbe: weiss */
	color:#222; /* Farbe: grau tripel 2 */
	}

#be_medium.hoeheFlexibel	{
	height:460px;
	overflow:visible;
	}

#be_unterzeile	{
	position:relative;
	top:10px;
	left:0px;
	width:100%;
	border:solid 1px #CCC;
	}

div.eintrag	{
	clear:both;
	margin-bottom:12px;
	}

#reihe_aktuell	{
  background-color:#CCC;
  color:#FFF;
 }

#sbe_medium_spal_links	{
	position:absolute;
	top:2px;
	left:0px;
	width:48%;
	}

#sbe_medium_spal_rechts	{
	position:absolute;
	top:2px;
	left:50%;
	width:48%;
	}

#schaufeld  {
  position:absolute;
  top:0px;
  right:10px;

  width:600px;
  height:490px;
  }

#schaufeld.semitra  {
  height:400px;

  padding:12px;
  }

div.semitra	{
	border:solid 1px #BBB;
	border-radius:7px;
	background-image:url("../portal_sysgra/semitra.png");
	}

/* -----------------------------------------------
// Sektion 2: Tabellenformate
// --------------------------------------------- */
table	{
	width:100%;
	}

th,td	{
	text-align:left;
	vertical-align:top;
	}

table.zweispaltig th,
table.zweispaltig td	{
	width:50%;
	}

/* -----------------------------------------------
// Sektion 3: Listenformate
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 4: Formularfelder
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 5: Bildformate
// --------------------------------------------- */

#reihe_aktuell a img {
  margin-top:4px;
  margin-right:10px;
  }

.eintrag img	{
		float:left;
		margin-right:12px;
		margin-bottom:60px;
		}

.eintrag ol li img	{
		clear:left;
		margin-right:0px;
		margin-bottom:0px;
		}

div.besp_graphik img.im_fluss	{
		float:left;
		margin-right:12px;
		margin-bottom:3px;
		}

/* -----------------------------------------------
// Sektion 6: Headlines
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 7: Absaetze
// --------------------------------------------- */

div.eintrag>p:first-child	{
	font-style:italic;
	}

p.bildUt	{
	font-size:11px;
	margin-top:-3px;
	}

p.Evangelienzitat	{
	font-size:12px;
	color:#555;
	margin:18px 12px 12px 12px;
	}

p.eingerueckt	{
	margin-top:0px;
	position:relative;
	top:0px;
	left:280px;
	width:380px;
}

/* -----------------------------------------------
// Sektion 8: Anker
// --------------------------------------------- */

a	{
	text-decoration:none;
	color:#0080ff; /* Farbe: blau medium */
	background-color:#FFF; /* Farbe: weiss */
	}

#reihe_aktuell a {
  background-color:#CCC;
}

#sbe_medium_spal_links a,
#sbe_medium_spal_rechts a	{
	display:block;
	width:100%;
	height:102px;
	padding-left:7px;
	margin-bottom:12px;
	border:solid 1px #EEE;
	}

h2 a 	{
	color:#000;
	}

a.brot_aktiv  { color:#000; }

a.rubli_aluf:link,
a.rubli_aluf:visited	{
	background-image:url("../portal_sysgra/aluf-logo.png");
	background-repeat:no-repeat;
	background-position:top right;
	color:#374941; /* Farbe: grau z */
	background-color:#FFF; /* Farbe: weiss */
	}

a.rubli_aluf:hover,
a.rubli_aluf:active,
a.rubli_aluf:focus	{
	background-image:url("../portal_sysgra/aluf-logo.png");
	background-repeat:no-repeat;
	background-position:top right;
	color:#FFF; /* Farbe: weiss */
	background-color:#374941; /* Farbe: grau z */
	}

a.rubli_audio:link,
a.rubli_audio:visited	{
	background-image:url("../portal_sysgra/audio.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#374941; /* Farbe: grau z */
	background-color:#FFF; /* Farbe: weiss */
	}

a.rubli_audio:hover,
a.rubli_audio:active,
a.rubli_audio:focus	{
	background-image:url("../portal_sysgra/audio.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#FFF; /* Farbe: weiss */
	background-color:#3D4888; /* Farbe: blau dunkel audio */
	}

a.rubli_graphik:link,
a.rubli_graphik:visited	{
	background-image:url("../portal_sysgra/graphik.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#374941; /* Farbe: grau z */
	background-color:#FFF; /* Farbe: weiss */
	}

a.rubli_graphik:hover,
a.rubli_graphik:active,
a.rubli_graphik:focus	{
	background-image:url("../portal_sysgra/graphik.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#FFF; /* Farbe: weiss */
	background-color:#617F81; /* Farbe: blau kalt */
	}



a.rubli_lesen:link,
a.rubli_lesen:visited	{
	background-image:url("../portal_sysgra/lesen.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#374941; /* Farbe: grau z */
	background-color:#FFF; /* Farbe: weiss */
	}

a.rubli_lesen:hover,
a.rubli_lesen:active,
a.rubli_lesen:focus	{
	background-image:url("../portal_sysgra/lesen.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#FFF; /* Farbe: weiss */
	background-color:#CCD0F5; /*#617F81; */ /* Farbe: blau kalt */
	}






a.rubli_netz:link,
a.rubli_netz:visited	{
	background-image:url("../portal_sysgra/netz.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#374941; /* Farbe: grau z */
	background-color:#FFF; /* Farbe: weiss */
	}

a.rubli_netz:hover,
a.rubli_netz:active,
a.rubli_netz:focus	{
	background-image:url("../portal_sysgra/netz.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#FFF; /* Farbe: weiss */
	background-color:#617F81; /* Farbe: blau kalt */
	}


a.rubli_reflex:link,
a.rubli_reflex:visited	{
	background-image:url("../portal_sysgra/reflex.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#374941; /* Farbe: grau z */
	background-color:#FFF;
	}

a.rubli_reflex:hover,
a.rubli_reflex:active,
a.rubli_reflex:focus	{
	background-image:url("../portal_sysgra/reflex.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#FFF; /* Farbe: weiss */
	background-color:#B1870E; /* Farbe: ocker */
	}

/* -----------------------------------------------
// Sektion 9: Freie Klassen
// --------------------------------------------- */

.abstand_rechts_250	{
	margin-right:250px;
	}

.details	{
	display:block;
	width:44%;
	font-size:82%;
	color:#444;
	background-color:#FFF; /* Farbe: weiss */
	}

.eingerueckt	{
	position:relative;
	top:0px;
	left:100px;
}




.futurlink_audio	{
	background-image:url("../portal_sysgra/futur_audio.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#777;
	background-color:#FFF; /* Farbe: weiss */
	display:block;
	width:100%;
	height:102px;
	padding-left:7px;
	margin-bottom:12px;
	border:solid 1px #EEE; /* Farbe: grau tripel E */
	}

.futurlink_graphik,
.futurlink_lesen,
.futurlink_netz	{
	color:#777;
	background-color:#FFF;
	display:block;
	width:100%;
	height:102px;
	padding-left:7px;
	margin-bottom:12px;
	border:solid 1px #EEE; /* Farbe: grau tripel E */
	}

.futurlink_reflex	{
	background-image:url("../portal_sysgra/futur_reflex.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	color:#777;
	background-color:#FFF; /* Farbe: weiss */
	display:block;
	width:100%;
	height:102px;
	padding-left:7px;
	margin-bottom:12px;
	border:solid 1px #EEE; /* Farbe: grau tripel E */
	}

.isola_linksb	{
	position:absolute;
	top:0px;
	left:0px;
	}


/* -----------------------------------------------
// Sektion 10: Sonderfaelle
// --------------------------------------------- */