@charset "UTF-8";
/* CSS Document */

<style type="text/css">




    body  {
            font: 100% Verdana, Arial, Helvetica, sans-serif;
            margin-top: 10px;
            padding: 0;
            text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
            color: #000000;
            }

    .twoColElsRtHdr #container {
            width: 750px;  /* Breite des Container */
                background-color:#ffffff;
            margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
            border: 1px solid #000000; /* Border Dicke und Farbe */
            text-align: left; /* Textausrichtung */
                }

    .twoColElsRtHdr #header {
            background: #bbd6ef; /* Hintergrundfarbe */
                height: 100px; /* Höhe des Container */
                width: 750px;
            padding: 0 0px;  /* linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird */
                background-image:url(images/balticlogo.gif);
                background-repeat:no-repeat;
                background-position:center;
            }


        .twoColElsRtHdr #sidebar1 {
            float: right;
            width: 200px; /* floatendes Element, muss Breite angegeben werden */
                height: 510px;
                background-image:url(images/logos.jpg);
                background-position:center;
                background-repeat:no-repeat;
                border-left: 0px solid #4281be;
                }

                .twoColElsRtHdr #sidebar2 {
            float: right;
            width: 200px; /* floatendes Element, muss Breite angegeben werden */
                height: 510px;
                background-image:url(images/logos.jpg);
                background-position:center;
                background-repeat:no-repeat;
                border-left: 0px solid #4281be;
                }

    .twoColElsRtHdr #mainContent {
              margin: 0 10em 5em 5em; /* linke Rand wirkt am besten, Auffüllungseinstellung mit der Kopfzeile und der Fußzeile übereinstimmt */
                font: 100% Verdana, Arial, Helvetica, sans-serif;
                height:90%;
                width: 450px;
                font-size: 12px;
                }

        .twoColElsRtHdr #mainContent h1 {
            margin: 0; /* Rand letzten Elements im #header-div auf 0 einstellen, unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, unnötig gleiche Wirkung */
             /* Auffüllung anstelle von Rändern lässt sich gewährleisten, das Element die Kanten des div nicht berührt */
                font: 100% Verdana, Arial, Helvetica, sans-serif,;
                font-size: 18px;
                color: #4281be;
                padding-top: 30px;
                }

        .twoColElsRtHdr #mainContent h2 {
            margin: 0;/* Rand letzten Elements im #header-div auf 0 einstellen, unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, unnötig gleiche Wirkung */
                font: 100% Verdana, Arial, Helvetica, sans-serif,;
                font-size: 14px;
                color: #4281be;
                padding-top: 20px;
                }



    .twoColElsRtHdr #footer {
            padding: 0 0px; /*  Auffüllung entspricht der linksbündigen Ausrichtung in den divs, die darunter erscheinen */
                height: 100px; /* Höhe des Container */
                width: 750px;
            background:#4281be;
                background-image:url(images/innovation.gif);
                background-color:#4281be;
                background-position: 25px;
                background-repeat:no-repeat;
                }


        .twoColElsRtHdr #pic {
                float: right;
            width: 250px; /* floatendes Element, muss Breite angegeben werden */
                height: 100px;
                background-image:url(images/baltic02.jpg);
                background-position:right;
                background-repeat:no-repeat;
                }


    .twoColElsRtHdr #footer p {
            margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
            padding: 0px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }


         /* Verschiedene wieder verwertbare Klassen */

        .fltrt { /* Klasse können ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen */
            float: right;
            margin-left: 8px;
    }

    .fltlft { /* Klasse können ein Element auf der Seite nach links fließen lassen */
            float: left;
            margin-right: 8px;
    }
    .clearfloat { /* Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein */
            clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }


/* Menü */
.twoColElsRtHdr #menue {
color:#ffffff;
background-color:#dee4f2;
padding: auto;  /* linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird */
margin:auto;
width: 750px;
height: 20px;  /* Höhe des Container */
}

.twoColElsRtHdr #lbox {
background-color:#dee4f2;
float:left;
width: 69px;
height: 20px;  /* Höhe des Container */
}


.twoColElsRtHdr #mbox {
background-color:#dee4f2;
float:left;
width: 80px;
height: 20px;  /* Höhe des Container */
}


.twoColElsRtHdr #bbox {
background-color:#dee4f2;
float:left;
width: 92px;
height: 20px;  /* Höhe des Container */
}

.twoColElsRtHdr #anmeldung01 {
                font: 100% Verdana, Arial, Helvetica, sans-serif;
                height:90%;
                width: 450px;
                font-size: 12px;
                background-color:#FFFFFF; 

}

a.a:link{color:#4281be;}
a.a:visited{color:#4281be;}
a.a:hover{color:#1f5694;}
a.a:active{color:#1f5694;}

    </style>