/* ==============================
// CSS fuer das Projekt: www.lautwert.de
// Anwendungsbereich: Bildschirm
// Approb.: [2006-10-26 - 2008-09-22 - 2008-09-24 - 2008-09-30] 2010-07-20
// ==============================
//
// 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
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:dotted 1px #3D4888; /* Farbe blau dunkel audio */
	background-image:url("../portal_sysgra/audio.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;
	}
	
#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%;
	}

#be_medium.besp_audio	{
	height:460px;
	overflow:auto;
	background-color:#FFF; /* Farbe: weiss */
	color:#222; /* Farbe: grau tripel 2 */
	}

#be_medium.besp_graphik	{
	height:460px;
	overflow:auto;
	background-color:#FFF; /* Farbe: weiss */
	color:#222; /* Farbe: grau tripel 2 */
	}
	
#be_unterzeile	{
	position:absolute;
	top:430px;
	left:0px;
	width:100%;
	border:solid 1px #CCC;
	}

#abteilung_satzspalte.audio #be_unterzeile,
#abteilung_satzspalte.graphik #be_unterzeile	{
	top:558px;
	height:22px;
	}

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

/* -----------------------------------------------
// 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
// --------------------------------------------- */

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

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;
	}

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

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

a.brot_aktiv  { color:#000; }
	
#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;
	}
	
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_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 */
	}

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

.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
// --------------------------------------------- */