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


	class.text{
		color:#FFF; 
		font-size:15x; 
		text-align:left; 
		font-family:'Courier New', Courier, monospace; 
		font-weight:lighter;
		display:block;
		overflow:scroll;
		height: auto;
		
	
		
		}

	
	body{
	color:#FD637B;
	font-family:helvetica;
	text-align:left;
	font-size:16px;
	background-color:#9C0;
	padding:60px 80px;
	border:2px solid #FFF;
	position: absolute;
	width: 600px;
	height:auto;
	top:25px;
	left:25px;
	margin-bottom:5px;
	overflow:auto;
	}
	
div#sidebar{
	position:fixed;
	width:200px;
	height:550px;
	top:25;right:15px;
	background-color:#9C0;
	}	
	


img.map/*  */
{
	float:left;
	margin-right:50px;
	width:500px;
	height:auto;
}
/* img.map/*Image-Selektor bezieht sich auf id=BILD"Linie" 
{
width:60%;
height:60%;

} */

img#gaso/*Image-Selektor bezieht sich auf id=BILD"Linie"  */
{
    float:right;
	width:250px;
	height:auto;
	clear:inherit;
	overflow:scroll;
	padding-right:125px;
}


img#boat{
	height:100px;
	size:100%;
	border-collapse:collapse;

}
div#menue a{/* wird der Link selektiert */
			background-color:#9C0;
			color:#000000;
			font-family:"Courier New", Courier, monospace;
			font-size:14px;
			display:block;
			text-decoration:none;/*  faerbt die Farbe der links weiß*/
			border:2px solid #F0F0F0; /*  RAHMENANGABEN Angaben durch Leerzeile trennen: 
							"breite" "art" "farbe" des rahmen! 
							PROBLEM, rahmen oben und unten doppelt, deswegen innenrahmen zu dick; lsg
							marging-top:-2px s.u.*/
			margin-top:-2px; /*  Abstand von oben*/
			color:#FFFFFF;
			padding:10px;/*  Innenabstand*/

}
div#menue a:hover/*  NACHFOLGE-SELEKTOR, ein Link im DIV-Container id="menue a", Pseudoklasse innerhalb eines Nachfolge-Selektor 
				hier maus befindet sich über dem Link und färbt den ein */
		{
		background-color:#16535A;
		}

span#home{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-style:bolder;
	display:block;
	color:#F0F;
	padding:10px;/*  Innenabstand*/
	border:2px solid #F0F0F0; /*  RAHMENANGABEN Angaben durch Leerzeile trennen: 
								"breite" "art" "farbe" des rahmen! 
								PROBLEM, rahmen oben und unten doppelt, deswegen innenrahmen zu dick; lsg
								marging-top:-2px s.u.*/
	margin-top:1px; /*  Abstand von oben*/

	
	}
	
	div#menue/* greift auf die Navigantionsleiste zu - also selektiert den div-container mit id="menue"  */
{
	position:fixed;/*  Element wird aus dem Datenfluss herausgenommen und absolut zum Browserfenster positioniert*/
	width:200px;/*Element ist 200px breit */
	top:60px;/* Element hat Postion 80px von oben (Browserfenster, funktioniert nur bei position:fixed/absolute */
	left:730px;/* Element hat Position 520px vom linken Rand */
	/* background-color:red; meint hintergrundfarbe des id="menue", wird aber nicht gelesen, 
								da links auch hier sind und einen eigene Hintergrundfarbe 
								haben. sie verdecken damit vollständig die Hintergrundfarbe von id=menue 
								und daher könnte der Befehl gelscht werden.*/
		font-size:14px;								
		padding:1px;
		text-align:right;
		right:20px;/* Element hat Position 20px vom linken Rand */
		/* background-color:red; meint hintergrundfarbe des id="menue", wird aber nicht gelesen, 
								da links auch hier sind und einen eigene Hintergrundfarbe 
								haben. sie verdecken damit vollständig die Hintergrundfarbe von id=menue 
								und daher könnte der Befehl gelscht werden.*/
		padding:1px;

		
}