/* ==================================================
// Stylesheet fuer das Projekt www.kinderschutzbund-muenchen.de
// Verwendet fuer Ausgabemedien Bildschirm (screen) und Projektion (projection)
// Version: 2008-11-12 / 03
// --------------------------------------------------
// Verwendete Farben:
// champagner:         #FEF3EB
// dunkelblau: #0062AC
// grau 2: #222
// schwarz:         #000
// weinrot:         #8B0E25
// weiss:         #FFF
// --------------------------------------------------
// SEKTIONEN:
// Sektion 01: Container
// Sektion 02: Tabellenelemente
// Sektion 03: Listenelemente
// Sektion 04: Formularelemente
// Sektion 05: Graphiken
// Sektion 06: Headlines
// Sektion 07: Absaetze
// Sektion 08: Anker
// Sektion 09: Freie Klassen
// Sektion 10: Spezialtags
// =================================================== */

/* ---------------------------------------------------
// Sektion 01: Container
// --------------------------------------------------- */
body        {
        background-color:#FEF3EB; /* Farbe champagner */
        color:#000; /* Farbe schwarz */

        font-family:verdana,arial,helvetica,sans,sans-serif;
        font-size:14px;
        line-height:130%;
        }

#bereich        {
        position:relative;
        top:0px;
        left:0px;

        width:980px;
        }

#bereich_inhalte        {
        position:absolute;
        left:267px;
        top:178px;
        width:720px;
        min-height:420px; /* deleatur! */
        height: 853px;
        }

#bereich_kopfzeile        {
        background-image:url("../sysgra/schriftzug720x28.png");
        background-repeat:no-repeat;
        background-position:258px 30px;
        }

#bereich_inhalte_schmuck        {
        position:relative;
        top:0px;
        left:0px;
        z-index:1;
        }

#bereich_navB        {
        position:absolute;
        top:140px;
        /* left:0px; */
        left:258px;

         /* width:100%; */
        width:720px;

        height:18px;
        padding-bottom:0px;

        border-bottom:solid 3px #8b0e25; /* Farbe weinrot */

        font-size:12px;
        }

#bereich_navB_brotkrumen        {
        position:absolute;
        top:-2px;
        /* left:258px; */
        left:-1px;

        height: 20px;
        width: 566px;

        font-size:12px;
        }

body.rubrik_eltern #bereich_navH        {
        background-image:url("../sysgra/puzzle_klein_eltern.png");
        background-repeat:no-repeat;
        background-position:left bottom;
        }

body.rubrik_fachleute #bereich_navH        {
        background-image:url("../sysgra/puzzle_klein_fachleute.png");
        background-repeat:no-repeat;
        background-position:left bottom;
        }

body.rubrik_kinder #bereich_navH        {
        background-image:url("../sysgra/puzzle_klein_kinder.png");
        background-repeat:no-repeat;
        background-position:left bottom;
        }

body.rubrik_wir #bereich_navH        {
        background-image:url("../sysgra/puzzle_klein_wir.png");
        background-repeat:no-repeat;
        background-position:left bottom;
        }

#bereich_navH        {
        position:absolute;
        left:0px;
        top:180px;

        width:250px;

        background-image:url("../sysgra/puzzle_klein.png");
        background-repeat:no-repeat;
        background-position:left bottom;

        padding-bottom:270px;
        }

#bereich_navO        {
        position:absolute;
        top:110px;
        left:0px;

        width:100%;
        height:28px;

        background-image:url("../sysgra/verlauf980x10_01.png");
        background-repeat:repeat-y;
        color:#FFF; /* Farbe weiss */

        font-size:15px;
        text-align:right;
        }

div.rubrik #navsub1eltern                { display:none; }
div.rubrik #navsub1fachleute        { display:none; }
div.rubrik #navsub1kinder                { display:none; }
div.rubrik #navsub1wir                { display:none; }



/* ---------------------------------------------------
// Sektion 02: Tabellenelemente
// --------------------------------------------------- */

/* ---------------------------------------------------
// Sektion 03: Listenelemente
// --------------------------------------------------- */

/* ---------------------------------------------------
// Sektion 04: Formularelemente
// --------------------------------------------------- */

form div.feldhalter	{
	clear:both;
	display:block;
	width:100%;
	}

label	{
	background-color:#EFE2DA;
	}
	
div.feldhalter label	{
	display:block;
	width:440px;
	float:left;
	margin-right:10px;
	margin-bottom:4px;
	}
		
input.mediin	{
	width:220px;
	}
	
input.microin	{
	width:80px;
	}
	
input.miniin	{
	width:120px;
	}
	
textarea.megate	{
	width:440px;
	}
	
select.betragsauswahl	{
	border:none;
	}
	
select.betragsauswahl option	{
	
	background-color:#FFF;
	color:#000;
	}
	
legend.pflicht,
label.pflicht	{
	font-weight:800;
	}

/* ---------------------------------------------------
// Sektion 05: Graphiken
// --------------------------------------------------- */
#bereich_inhalte_schmuck img        {
        z-index:1;
        }

div.kasten.foerderer.logos img {
  display:inline-block;
  margin:0 5px 5px 0;
  }

/* ---------------------------------------------------
// Sektion 06: Headlines
// --------------------------------------------------- */
h1        {
        font-size:19px;
                 margin-top:0px;
        }

#bereich_inhalte_schmuck+h1        {
        margin-top:20px;
        }

h2        {
        font-size:14px;
        }

div.veintrag h2    {
	margin-top:32px;
	margin-bottom:2px;
	}

h3        {
        font-size:12px;
        margin-bottom:2px;
        }

h4        {
        font-size:12px;
        font-weight:800;
        }

/* ---------------------------------------------------
// Sektion 07: Absaetze
// --------------------------------------------------- */
div.veintrag p	{
	margin-top:4px;
	margin-bottom:2px;
	}

h3+p                                                   {
                                                       margin-top:3px;
                                                       }
p.sinnspruch        {
        font-style:italic;
        }

/* ---------------------------------------------------
// Sektion 08: Anker
// --------------------------------------------------- */
a        {
        text-decoration:none;
        }

#bereich_navB_brotkrumen a        {
        font-size:12px;
        text-decoration:none;
        color:#000; /* Farbe schwarz */
        }

#bereich_navO a        {
        position:relative;
        left:0px;
        top:4px;

        font-size:13px;
        font-weight:600;
        margin-left:20px;
        margin-right:4px;
        }

#bereich_navO a:link,
#bereich_navO a:visited        {
        text-decoration:none;
        color:#0062AC; /* Farbe dunkelblau */
        }

#bereich_navO a:hover,
#bereich_navO a:active,
#bereich_navO a:focus        {
        text-decoration:none;
        color:#8B0E25; /* Farbe weinrot */
        }

div.nav_sub21_aktiv a,
div.nav_sub21_inaktiv a        {
        font-size:11px;
        text-decoration:none;
        color:#000; /* Farbe schwarz */
        margin-left:80px;
        }

div.rubrik a.nav_haupt,
div.rubrik_aktiv a.nav_haupt        {
        font-size:14px;
        font-weight:600;
        }

div.rubrik a.nav_haupt:link,
div.rubrik a.nav_haupt:visited        {
        color:#000; /* schwarz */
        background-color:#FEF3EB; /* Farbe champagner */
        text-decoration:none;
        }

div.rubrik a.nav_haupt:hover,
div.rubrik a.nav_haupt:active,
div.rubrik a.nav_haupt:focus        {
        color:#8B0E25; /* Farbe weinrot */
        }

div.rubrik_aktiv a.nav_haupt:link,
div.rubrik_aktiv a.nav_haupt:visited        {
        color:#8B0E25; /* Farbe weinrot */
        background-color:#FEF3EB; /* Farbe champagner */
        text-decoration:none;
        }

div.rubrik_aktiv a.nav_haupt:hover,
div.rubrik_aktiv a.nav_haupt:active,
div.rubrik_aktiv a.nav_haupt:focus        {
        color:#8B0E25; /* Farbe weinrot */
        }

.rubrik_sub a        {
        display:block;
        margin-left:57px;
        margin-top:4px;
        margin-bottom:10px;

        font-weight:500;
        }

.rubrik_sub a:link,
.rubrik_sub a:visited        {
        text-decoration:none;
        color:#000; /* Farbe schwarz */
        }

a.nav_sub1:link,
a.nav_sub1:visited        {
        color:#000; /* Farbe schwarz */
        }

.rubrik_sub a.nav_sub1:hover,
a.nav_sub1:active,
a.nav_sub1:focus        {
        color:#8B0E25; /* Farbe weinrot */
        text-decoration:underline;
        }

a.nav_sub21link_inaktiv:link,
a.nav_sub21link_inaktiv:visited        {
        color:#000; /* Farbe schwarz */
        }

a.nav_sub21link_inaktiv:hover,
a.nav_sub21link_inaktiv:active,
a.nav_sub21link_inaktiv:focus        {
        color:#8B0E25; /* Farbe weinrot */
        text-decoration:underline;
        }

div.rubrik_aktiv a.nav_sub21link_aktiv        {
        font-weight:600;
        color:#8B0E25; /* Farbe weinrot */
        }

/* ---------------------------------------------------
// Sektion 09: Freie Klassen
// --------------------------------------------------- */
#bereich_inhalte_schmuck div.text_ansprechpartner        {
        position:absolute;
        top:48px;
        left:175px;

        font-size:10px;
        line-height:100%;
        color:#222; /* Farbe: grau 2 */

        z-index:2;
        }

.nav_sub21_inaktiv        {
        display:none;
        }

.rubrik        {
        margin-bottom:22px;
        }

div.rubrik_sub2_inaktiv a.nav_sub1        {
        color:#000; /* Farbe schwarz */
        }

div.rubrik_sub2_aktiv a.nav_sub1        {
        color:#8B0E25; /* Farbe weinrot */
        }

/* ---------------------------------------------------
// Sektion 10: Spezialtags
// --------------------------------------------------- */