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

<style type="text/css"> 




    body  {
    	font: 60% 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(../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;
		
}


.ta1 {
width:450px;
height:100px;
}

.ta2 {
height:120px;
}

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

   
    </style>