/* css fuer alle seiten */

/* die raender des body werden entfernt */
body {margin:0; padding:0;}

/* das "left:auto" wird nur von "netscapartigen"-browsern (oder auch: standardkonforme-browser) interpretiert und dient der zentrierung der seite */
td {left:auto; vertical-align:top;}

/* fuer alle listen die vorkommen werden die aufzaehlungszeichen entfernt */
ul {list-style-type: none;}

/* damit die absaetze von jedem browser auch gleich interpretiert und behandelt werden */ 
p {padding:0; margin:0;}

/* diese klasse formatiert die texte, schriftarten, groesse, farbe, etc.
   wird eigentlich immer dann benutzt wenn irgendwo texte stehen 
   (gilt z. b. auf f¸r die referenzen-texte obgleich referenzen.htm ein eigenes umfangreiches stylesheet mitbringt) */
.Stil1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #666666;
	text-align: left;
	padding:0px;
	vertical-align:top;
	line-height:16px;
}
/* fuer die adresse im kontaktformular */
.Stil2 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #CFEFFA;
	text-align: right;
	padding:0px;
	margin-right:5px;
	vertical-align:top;
	line-height:18px;
}
/* damit die ganze seite vertikal zentriert wird... */
#layoutTable {width: 100%; height: 100%; vertical-align: middle;}
#layoutCell {vertical-align: middle;}

/* der hintergrund mit dem farbverlauf wird erzeugt */
#bg {
	background-image:url(../images/background.gif);
	background-repeat: repeat-x;
	width: 100%;
	text-align:center;
}

/* der hintergrund mit farbverlauf feur die startseite wird erzeugt */
#bg_start {
	background-image:url(../images/background_start.gif);
	background-repeat: repeat-x;
	width: 100%;
	height:474px;
	text-align:center;
}

/* alle inhalte der seiten befinden sich in diesem container, hier wird die groesse und position festgelegt,
   der container muss relativ positioniert werden da er seine position beim skalieren des fensters ja aendert
   "margin:auto" ist wieder f¸r alle "netscapeartigen"-browser und dient der zentrierung */
#container {
	width:640px;
	height:465px;
	left:0px;
	text-align:left;
	position:relative;
	margin:auto;
}

/* das gleiche wieder extra fuer die startseite (der container muss etwas groesser sein) */
#container_start {
	width:640px;
	height:474px;
	left:0px;
	overflow:visible;
	text-align:left;
	position:relative;
	margin:auto;
}

/* da sich alle weiteren container im container "container" befinden, werden diese alle absolut zu diesem positioniert */
#start, #logoline, #logo, #menubg, #mbg, #mbg_kontakt, #titel, #banner, #inhalt, #inhalt_k 
	{position:absolute;}

/* das grosse startseitenbild mit den ueblichen formatierungen */
#start {
	background-image:url(../images/start.jpg);
	width:640px;
	height:398px;
	left:0px;
	top:0px;
}

/* der link unter dem startseitenbild */	
#start a {display:block; height:398px;}

/* das kleine (untere) startseitenbild mit den ueblichen formatierungen */
#logoline {
	background-image:url(../images/start_logoline.jpg);
	width:640px;
	height:76px;
	left:0px;
	top:398px;
}

/* und wieder der link darunter... */
#logoline a {display:block; height:76px;}

/* das logo wird an die richtige stelle gerueckt */
#logo {
	background-image:url(../images/logo.jpg);
	width:200px;
	height:57px;
	left:0px;
}

/* und nochmal der link darunter */
#logo a {display:block; height:57px;}

/* damit der hintergrund des menus auch strahlend weiss ist */
#menubg {
	background-color:#FFFFFF;
	width:400px;
	height:57px;
	left:200px;
	top:0px;
}

/* mbg=masterbackground, damit der text auch lesbar ist, hier wird das bild eingebunden und positioniert */ 
#mbg {
	background-image:url(../images/mbg.jpg);
	width:400px;
	height:316px;
	left:200px;
	top:57px;
}

/* der container fuer die seitenueberschriften, groesse und position */
#titel {
	width:246px;
	height:39px;
	left:0px;
	top:112px;
}

/* in dem container befinden sich die texte, die durch die klasse still1 formatiert werden (s. o.) */
#inhalt {
	width:318px; 
	height:239px;
	left:236px;
	top:121px;
}

/* der container fuer die banner, wieder groesse und position, "overflow:hidden da die bilder alle 91px hoch sind */
#banner {
	width:400px;
	height:90px;
	left:200px;
	top:374px;
	overflow:hidden;
}

/* alle pfeile die sich ausserhalb des banner-container befinden sind natuerlich auch absolut positioniert */
#pfeil_profil, #pfeil_economy, #pfeil_business, #pfeil_leistungen, #pfeil_angebote, #pfeil_cockpit
	{position:absolute;}

/* der pfeil feur die jeweilige seite (wie der bezeichner) */
#pfeil_news {
	background-image: url(../images/pfeile/news.jpg);
	width:42px;
	height:42px;
	left:496px;
	top:331px;
}

/* der pfeil feur die jeweilige seite (wie der bezeichner) */
#pfeil_economy {
	background-image:url(../images/pfeile/economy.jpg);
	width:40px;
	height:91px;
	left:600px;
	top:374px;
}

/* der pfeil feur die jeweilige seite (wie der bezeichner) */
#pfeil_business {
	background-image:url(../images/pfeile/business.jpg);
	width:40px;
	height:49px;
	left:200px;
	top:325px;
}

/* der pfeil feur die jeweilige seite (wie der bezeichner) */
#pfeil_leistungen {
	background-image:url(../images/pfeile/leistungen.jpg);
	width:34px;
	height:48px;
	left:207px;
	top:325px;
}

/* der pfeil feur die jeweilige seite (wie der bezeichner), 
   hier wird der gleiche pfeil wie bei der news-seite an einer anerden position benutzt */
#pfeil_angebote {
	background-image: url(../images/pfeile/news.jpg);
	width:42px;
	height:42px;
	left:404px;
	top:331px;
}

/* der pfeil feur die jeweilige seite (wie der bezeichner) */
#pfeil_cockpit {
	background-image:url(../images/pfeile/cockpit.jpg);
	width:41px;
	height:40px;
	left:344px;
	top:333px;
}
#startsidebar {
	position:absolute;
	overflow:visible;
    left:620px;
    top:293px;
	width:50px;
	height:100px;
	
}
ul.ssidebar {
	padding:0px;
	margin:0px;
	text-align:left;
	line-height:15px;
}
li.ssidebar {
	display:inline;
}
.ssidebar a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #fff;
	text-align: right;
	text-decoration:none;
}

/* die farbaenderung bei mouseover */
.ssidebar a:hover {color: #999;}