html {
	height: 100%
}

body {
	/* Der Trick ist, dass man html auf eine Höhe von 100% setzt, den body auf 100.01%, so dass dieser nicht in html passt. Der Browser ist gezwungen, die Scrollleiste einzublenden. Dabei bleibt er mit einer Übergröße von 0.01% so klein, dass die Seite nicht vertikal zu scrollen ist. Ein Trick von: www.etype-websolutions.de */	
	height: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: #FFCC99;
}

.li {
	color: #FFcc99;
	font-size: 12pt
}

/* Top Navigation oben gross */
:link.nav {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

:visited.nav {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

:hover.nav {
	color:  #003366;
	text-decoration: none;
	font-weight: bold;
}

:active.nav {
	color:  #003366;
	text-decoration: none;
	font-weight: bold;
}

/* farbe blau für alle link */
a:link {
	color: #336699;
	font-weight: normal;
	text-decoration: none;
}

/*  */
a:visited {
	color: #336699;
	text-decoration: none;
}

/* on mause over schwarz farbe */
a:hover {
	color: #000000;
	text-decoration: none;
}

/*  */
a:active {
	color: #336699;
	text-decoration: none;
}

.Stil1 {
	font-family: Arial;
	font-size: 14pt;
	color: #336699;
	font-weight: bold;
} /* title von jede seite fett blaue */

.Stil2 {
	font-family: Arial;
	font-size: 12pt;
	color: #000000;
} /* schwarz text normal */

.Stil3 {
	font-family: Arial;
	font-size: 12pt;
	color: #FFCC99;
} /* erste tabelle mit punkt ....... wegen abstand */

.Stil4 {
	font-family: Arial;
	font-size: 12pt;
	color: #000000;
} /* nummer von seminare, volle datum und ort  */

.Stil5 {
	font-family: Arial;
	font-size: 12pt;
	color: #000000;
	font-weight: bold
} /* Nr + Datum + ORT  */

.Stil6 {
	font-family: Arial;
	font-size: 12pt;
	color: #FFCC99;
} /* seminare titlet blaue */

.Stil7 {
	font-family: Arial;
	font-size: 12pt;
	color: #000000;
	font-style: italic;
	font-weight: bold;
	text-align: center
} /* inhouse*/

.Stil8 {
	font-family: Arial;
	font-size: 18pt;
	color: #000000;
	font-weight: bold;
} /* title von jede seite fett schwarz */

.Stil9 {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 150%;

} /* schwarz text normal */

/* nur für Online Anforderung */

.Stil3 {
	font-size: 16pt
}

.text {
	font-family: Verdana, Arial;
}

.text {
	background-color: #F5F5F5;
}

.text {
	font-size: 14px;
}

textarea {
	background-color: #F5F5F5;
}

textarea {
	font-family: Verdana, Arial, Lucida;
}

textarea {
	font-size: 10px;
}

.button {
	background-color: #FF9966;
}

.button {
	font-family: Verdana, Arial;
}

.button {
	font-size: 12px;
}

/* bis hier nur für Online Anforderung */


.footer {
	font-size: 9pt;
}

/* Verschiedene wieder verwertbare Klassen */
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}