/* ==============================
// CSS fuer das Projekt: Dossier Wasser (OJ 33)
// Anwendungsbereich: Bildschirm
// Approb.: 2009-12-14
// ==============================
//
// 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
// ============================== */

/* -----------------------------------------------
// Sektion 1: Container
// --------------------------------------------- */
* ul, li { padding: 0; margin: 0; }

body	{
		background-color:#f0f8ff;
		color:#111;
		font-family:arial,helvetica,sans-serif;
		font-size:14px;
		}

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

		width:980px;
                height:3400px;
		
		margin-left:auto;
		margin-right:auto;

                background-color:#fff;
		}

#bereich_dach   {
                position:absolute;
                left:0px;
                top:0px;
                width:980px;
                height:180px;
                background-color:#000;
                background-image:url(Grafik-Kopfzeile.jpg);
                background-repeat:repeat;
                }

#menue          {
                position:absolute;
                left:0px;
                top:240px;
                width:200px;
                text-align:right;
                }

#bereich_kern	{
		position:absolute;
		left:280px;
		top:200px;
                padding-top:40px;
                width:600px;
                background-color:#fff;
		}

#bereich_medium_links  {
                position:absolute;
                left:10px;
                top:155px;
                z-index:2;
                font-size:12px;
                font-color:#333333;
                }

#bereich_medium_rechts  {
                position:absolute;
                left:765px;
                top:155px;
                z-index:2;
                font-size:12px;
                }

#infokasten {
         border:1px solid #3c6ea7;
         padding:20px 20px 40px 20px;
         line-height:1.3;
         }

#submenue_auftanken,
#submenue_eintauchen,
#submenue_ueberlaufen,
#submenue_versickern  {
                display:none;
                }

/* -----------------------------------------------
// Sektion 2: Tabellenformate
// --------------------------------------------- */
th,td	{
		vertical-align:top;
		text-align:left;
		}

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

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

/* -----------------------------------------------
// Sektion 5: Bildformate
// --------------------------------------------- */
img	{
	border:none;
        }
/* -----------------------------------------------
// Sektion 6: Headlines
// --------------------------------------------- */

#bereich_dach h1  {
   visibility:hidden;
   }

h2  {
    color: #3c6ea7;
    margin:0px 0px -5px 0px;
    letter-spacing:0.05em;
    }

.h3abschnitt h3  {
    margin-top:0px;
    }

.h2abschnitt+.h3abschnitt h3{

    margin-top:12px;
    }

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

p   {
    line-height:1.3;
    }

/* -----------------------------------------------
// Sektion 8: Anker
// --------------------------------------------- */
a	{
	color:#3c6ea7;
        text-decoration:none;
	}
a.einrueck	{
	color:#000000;
        text-decoration:none;
        margin-left:0px;
        	}

a:hover.einrueck	{
	color:#3c6ea7;
        text-decoration:none;
        margin-left:0px;
        	}

#menue ul     {
        font-family:verdana;
        font-size:16px;
        font-weight:normal;
        list-style:none;
	}

#menue ul li a     {
        padding:2px 3px 2px 0px;
        border-bottom:1px solid #3c6ea7;
        display:block;}

#menue ul li     {
        margin:0px 0px 5px 0px;
        }

#menue ul ul li     {
        margin:0px 0px 1px 0px;
        }

#menue a:hover, #menue a.aktiviert {
        color:#FFF;
        background-color:#3c6ea7;
        }

#menue li ul {
        positon:absolute;
        display:block;
        margin:5px 0px 10px 0px;}

#menue ul ul a {
        color:#222;
        background-color:#FFF;
        font-size:12px;
        border-bottom:none;
        padding: 2px 3px 2px 0px;}

#menue ul ul a:hover {
        color:#3c6ea7;
        background-color:#fff;
        }

#menue ul ul a.aktiviert {
        color:#FFF;
        background-color:#3c6ea7;

        }

#bereich_medium_links a {
        color:#444;
        font-weight:bold;
        }

#bereich_medium_rechts a {
        color:#444;
        font-weight:bold;
        }
/* -----------------------------------------------
// Sektion 9: Freie Klassen
// --------------------------------------------- */

.bildbeschriftung
	{
	margin:5px 0px 20px 0px;
        font-size:12px;
		}
.bildabschnittL,
.bildabschnittR {
        margin-top:-10px;
        }

.einrueck
	{
	margin-left:20px;
        		}

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