/* ==============================
// CSS fuer das Projekt: www.nuernberger-medienakademie.de
// Anwendungsbereich: Bildschirm
// Approb.: 2009-06-20
// ==============================
//
// Sektion 1: Container
// Sektion 2: Formularfelder
// Sektion 3: Tabellenformate
// Sektion 4: Listenformate
// Sektion 5: Bildformate

// Sektion 6: Headlines
// Sektion 7: Absaetze
// Sektion 8: Anker
// Sektion 9: Freie Klassen
// Sektion 10: Sonderfaelle
// ============================== */

/* -----------------------------------------------
// Sektion 1: Container
// --------------------------------------------- */
body	{
	background-color:#FFF;
         color:#111;
         font-family:verdana,arial,sans-serif;
         }

#regio	{
	position:relative;
         left:0px;
         top:0px;

         width:970px;

         margin-left:auto;
         margin-right:auto;
         }

#regio_corpus	{
	position:absolute;
         left:0px;
         top:210px;
         width:740px;
         height:330px;

         overflow:auto;

         background-color:#DDD;
         }

body.eb2ok #regio_corpus	{
	width:960px;
         }

#regio_exil	{
	position:absolute;
         left:740px;
         top:210px;
         width:230px;
         overflow:auto;
         height:330px;
         background-color:#DDD;

         border:solid 1px #00007F;
         }

#regio_exil #regio_exil_kern	{
	padding:10px;
         font-size:12px;
         background-color:#c8d8fb;
         }

#regio_navis	{
	position:absolute;
         left:0px;
         top:170px;
         width:970px;
         height:23px;
         text-align:center;
         }

#regio_navis_obligat	{
	position:absolute;
         right:0px;
         top:0px;
         width:320px;
         text-align:right;
         }
/* -----------------------------------------------
// Sektion 2: Formularfelder
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 3: Tabellenformate
// --------------------------------------------- */
table	{
	width:100%;
         }

td	{
	width:50%;
         vertical-align:top;
         padding-bottom:10px;
         }


/* -----------------------------------------------
// Sektion 4: Listenformate
// --------------------------------------------- */
li	{
	margin-bottom:20px;
         }
/* -----------------------------------------------
// Sektion 5: Bildformate
// --------------------------------------------- */
img	{
	border:none;
         }

.bild_links_quer img,
.bild_links_hoch img,
.bild_rechts_quer img,
.bild_rechts_hoch img	{
	display:block;
         }

td img	{
	float:left;
         margin-right:14px;
         }

table.galueber td img	{
	float:left;
         margin:4px;
         width:90px;

         }

/* -----------------------------------------------
// Sektion 6: Headlines
// --------------------------------------------- */
h1	{
	margin-left:10px;
         margin-right:10px;

         font-size:20px;
         }

h2	{
         margin-left:10px;
         margin-right:10px;

         font-size:17px;
         }

h3	{
         margin-left:10px;
         margin-right:10px;

         font-size:16px;
	}
/* -----------------------------------------------
// Sektion 7: Absaetze
// --------------------------------------------- */
p	{
         margin-left:10px;
         margin-right:10px;

         font-size:14px;
         }
/* -----------------------------------------------
// Sektion 8: Anker
// --------------------------------------------- */
a:link,
a:visited	{
	color:#00009F;
         text-decoration:underline;
         }

a:hover,
a:active,
a:focus	{
	color:#E00060;
         text-decoration:underline;
         }

#regio_navis a	{
	font-size:12px;
         font-weight:600;
         color:#003F00;
         text-decoration:none;
         margin-right:12px;
         }

#regio_navis a:hover,
#regio_navis a:active,
#regio_navis a:focus	{
	color:#E00060;
         text-decoration:underline;
         }

#regio_navis a.aktiv,
#regio_navis_obligat a.aktiv	{
	text-decoration:underline;
         color:#00009F;
         }

#regio_navis a+a+a+a+a	{
	margin-right:0px;
         }

#regio_navis_obligat a	{
         margin-right:10px;
	font-size:11px;
         font-weight:400;
         color:#003F00;
         text-decoration:none;
         }

#regio_navis_obligat a:hover,
#regio_navis_obligat a:active,
#regio_navis_obligat a:focus	{
	color:#E00060;
         text-decoration:underline;
         }

td a:link,
td a:visited,
td a:hover,
td a:active,
td a:focus	{
	font-size:10px;
         color:#000;
         text-decoration:none;
         }

li a:link,
li a:visited	{
	text-decoration:none;
         }

li a:hover,
li a:active,
li a:focus	{
	color:#E00060;
	text-decoration:underline;
         }

li a.aktiv	{
	text-decoration:underline;
         }
/* -----------------------------------------------
// Sektion 9: Freie Klassen
// --------------------------------------------- */
.bild_links_quer,
.bild_links_hoch,
.bild_rechts_quer,
.bild_rechts_hoch	{
	font-size:11px;
         }

.bild_links_quer	{
	float:left;
         margin-left:10px;
         margin-right:10px;
         }
.bild_links_hoch	{
         float:left;
         margin-left:10px;
         margin-right:10px;
         }
.bild_rechts_quer	{
	float:right;
         margin-left:10px;
         margin-right:10px;
         }
.bild_rechts_hoch	{
         float:right;
         margin-left:10px;
         margin-right:10px;
         }
/* -----------------------------------------------
// Sektion 10: Sonderfaelle
// --------------------------------------------- */
iframe	{
	border-left:none;
         border-top:none;
         border-right:none;
         border-bottom:solid 1px #CCC;
         }
