/*Der Aufbau der Website wird mit einzelligen Tabellen Tabellen gelöst. 
Alles wird in der Tabelle "#aussen" zusammengehalten. 
Für die Startseite gibt es anstelle des Standard Aufbaus eine Start-Tabelle ohne weitere Aufgliederung.
*/


/*Hier sind die global gültigen Angaben*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(images/sternchen%20grau%20grau.gif);
	font-size: 10pt;
	background-color: #002562;
}
.Stil1 {
	font-size: 12pt;
	font-weight: bold;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
}


/*Jetzt folgen die Tabellenspezifischen Angaben für Aussen, Kopf, Trenner, Menu, Content und Fuss Mit der Tabelle "#aussen" wird die Grösse der nutzbaren Fläche festgelgt, die weiteren Tabellen sind innerhalb*/

#Aussen {
	background-color: #000000;
	border: medium dashed #99FF00;
	width: 806px;
}

/*Die Tabelle Start Enthält das Globale Menu*/
#start p {
	font-size: 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#start .Stil7 {
	color: #FF0000;
	font-size: 20px;
}


/*Die Tabelle "#Kopf" schafft Raum für den Header*/

#Aussen #Kopf {
	background-color: #000000;
	width: 100%;
}

/*Die Tabelle "#Trenner" liegt unterhalb vom Kopf. Hier wird sie für einen Scrolltext genutzt. Sie kann auch als Menuzeile dienen*/

#Aussen #Trenner {
	background-color: #0071B7;
	width: 100%;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*Die Tabelle "#Menu" schafft Raum für die Haupt Navigation. Sie kann links oder rechts angeordnet werden*/

#Aussen #menu {
	color: #ffffff;
	width: 150px;
	background-color: #ffffcc;
}

#Aussen #menu span {
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	visibility: hidden;
}

#Aussen #menu li {
	list-style-type: none;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
	background-color: #000000;
	text-indent: 10px;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
	background-position: left;
	border-top: medium solid #aaaaaa;
	border-right: medium solid #444444;
	border-bottom: medium solid #444444;
	border-left: medium solid #aaaaaa;
	left: -20px;
	margin-left: -6px;
}

#Aussen #menu a {
	color: #CCCCCC;
	display: list-item;
}
#Aussen #menu a:hover {
	color: #FFffff;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-color: #888888;
	border-right-color: #444444;
	border-bottom-color: #444444;
	border-left-color: #888888;
}


/*Die Tabelle "#Content" schafft Raum für den eigentlichen Inhalt der Webseite*/

#Aussen #Content {
	background-color: #E4001C;
	height: 450px;
	width: 650px;
	background-image: url(images/content%20rot%20650.jpg);
}

#Aussen #Content td {
	vertical-align: top;
}

#Aussen #Content kleingedrucktes {
	font-size: 9px;
}

#Aussen #Content a {
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
}

#Aussen #Content #gallerie {
	background-position: center center;
}

#Aussen #Content input {
	font-size: 10pt;
}

#Aussen #Content titel {
	font-size: large;
	font-weight: bold;
}
#Aussen #Content .bajanski {
	font-size: large;
	font-weight: bold;
	font-variant: small-caps;
	font-family: "Baby Kruffy";
}

/*Die Tabelle "#Content" schafft Raum für den eigentlichen Inhalt der Webseite*/

#Aussen #Fuss {
	background-color: #202020;
	color: #CCCCCC;
	width: 100%;
}
#Aussen #Fuss td {
	text-indent: 15px;
}
#Aussen #Fuss a:hover {
	color: #ff0000;
}
#Aussen tr td #Trenner tr td marquee .Stil1 a {
	font-size: 10pt;
}