body {
	width: 100%; 
	min-width: 750px;
    max-width: 1024px;

	padding: 0px;
	margin: 0px;
	
	background-color: #9B1963;
	
	text-align: center;
	color: #EADDE7;

	font-family:Verdana, sans-serif;
	font-size: small;
}

/* reiner 'convenience' container. drueckt alle nachfolgenden spalten
   um die angegeben 'height' nach unten. damit kann bequem der obere
   rand der spalten #menu, #content (in #wMenuAndContent) und #decoration
   nach unten geschoben werden. funzt natuerlich auch ueber margins der
   einzelnen spalten, ist aber so um einiges bequemer */
#upperMargin {
	clear: both;
	width: 100%;
	height: 120px;
}

/* ===================================================================
   positioniert ein unsichtbares bild ueber dem logo im oberen linken
	 bildschirmeck fuer einen link zur startseite.
	 straightforward: absolute formatierung, ein container fuer das
	 bild und eine definition fuer das bild selbst (breite, hoehe ...)
   =================================================================== */
#home{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 172px;
	height: 167px;
}
#imgClickHome {
	border: none;
	width: 172px;
	height: 167px;
}

.txtInfo {
	font-size: xx-small;
	font-weight: lighter;
	color: #F18CD2;
}

/* ===================================================================
   wContentAndMenu fasst die beiden spalten #menu und #content
	 zusammen. dieser container floatet 'right' am container #decoration
	 entlang. diese konstruktion ist notwendig um den banner am unteren
	 ende der seite korrekt zu positionieren. 
	 margin-left muss der breite von #menu entsprechen sonst fliesst der
	 ueberschuessige text unter das menue.
	 eine absolute positionierung der aeusseren spalten (#menu, #decoration)
	 (einfacher und logischer) funktioniert im IE nicht, a-weil absolut
	 positionierte spalten ignoriert werden und der banner uU diese
	 spalten dann ueberlagert.
   =================================================================== */
#wMenuAndContent {
	margin: 0px 180px 0px 0px;
}

/* ===================================================================
   das menue am linken bildschirmrand wird als left-floater innerhalb
	 von #wMenuAndContent definiert, mit einer fixen breite. zusaetzlich
	 muss der inhalt mittels padding noch ein wenig nach unten geschoben
	 werden
   =================================================================== */
#menu {
	border: none;
	float: left;
	width: 175px;
	padding: 120px 0px 0px 25px;
}

/* ===================================================================
   IExplorer Bug Hacks (ein ***umpf*** sondergleichen
   =================================================================== */
/* entfernt die zusaetzlichen 3px, die IExplorer um jede float Box legt 
   (wenn ein DIV betroffen ist.
	 google: +explorer +float +3px */
/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #menu {
  margin-right: 10px;
  }
 
* html div {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */

/* ===================================================================
   klassendefinition fuer *einen* menuepunkt. um eine exakte
	 definition zu ermoeglichen sind eine reihe von klassen notwendig...
   =================================================================== */
/* wMenuItem bildet den container um die elemente eines menuitems */
.wMenuItem {
	clear: both;
	margin: 0px 0px 5px 0px;
}
/* bxMenuBullet ist die box um das menu-bullet (ein bild) wird benoetigt
   um das bild exakt positionieren zu koennen und den abstand vom menutext
	 einzustellen. */
.bxMenuBullet {
	padding: 1px 0px 2px 0px;
	margin: 0px 4px 0px 0px;
	float: left;
}
/* imgMenuBullet ist *nur* die festlegung der bildparameter: width/height
   sonst nix. die positionierung erfolgt mittels .bxMenuBullet. */
.imgMenuBullet {
	width: 14px;
	height: 15px;
}
/* txtMenu, formatierung des menu-textes. */
.txtMenu {
}

#bxClickEmail {
	clear: both;
	margin: 20px 0px 5px 0px;
}
#imgClickEmail {
	border: none;
	width: 20px;
	height: 15px;
}

/* definition der links fuer das menue */ 
a.lnkMenu:link {
	font-size: small; font-weight: bold; color: #EADDE7; text-decoration: none;
}
a.lnkMenu:visited {
	font-size: small; font-weight: bold; color: #EADDE7; text-decoration: none;
}
a.lnkMenu:active {
	font-size: small; font-weight: bold; color: #EADDE7; text-decoration: none;
}
a.lnkMenu:hover {
	font-size: small; font-weight: bold; color: #F18CD2; text-decoration: none;
}
/* definition der aktiven links des menues */
a.lnkMenuAct:link {
	font-size: small; font-weight: bold; color: #F18CD2; text-decoration: none;
}
a.lnkMenuAct:visited {
	font-size: small; font-weight: bold; color: #F18CD2; text-decoration: none;
}
a.lnkMenuAct:active {
	font-size: small; font-weight: bold; color: #F18CD2; text-decoration: none;
}
a.lnkMenuAct:hover {
	font-size: small; font-weight: bold; color: #F18CD2; text-decoration: none;
}


/* *ENDE* MENU-ITEM */
/* *ENDE* MENU-SPALTE */

/* ===================================================================
   content teilt sich mit #menu den container #wMenuAndContent
   =================================================================== */
#wContent {
	margin: 0px 0px 0px 215px;
}
#wContent2 {
	margin: 0px 0px 0px 215px;
	width:350px;
}
/* definiert eine ueberschrift im content bereich */
.h1Content {
	font-size: larger;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}
/* definiert einen absatz im content-bereich */
.txtContent {
	line-height: 150%;
	margin: 0px 0px 17px 0px;
}


/* nachgebautes UL (laesst sich um einiges besser formatieren)
   L1: Level1, L2: Level2
	 .wListItems:    warpper fuer die gesamte Liste
	 .wListItem:     wrapper fuer einen listeintrag
	 .bxListBullet:  positionierungsbox fuer bullet
	 .imgListBullet: image bullet
	 .txtList:       text eines listeneintrages
*/	 
.wListItems {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
.wListItemL1 {
	clear: left;
	margin: 0px 0px 10px 0px;
}
.bxListBulletL1 {
	padding: 3px 0px 0px 0px;
	float: left;
}
.imgListBulletL1 {
	width: 7px;
	height: 7px;
}
.txtListL1 {
	margin: 0px 0px 0px 14px;
	font-weight: bolder;
}
.wListItemL2 {
	margin: 2px 0px 0px 0px;
}
.bxListBulletL2 {
	padding: 3px 0px 0px 0px;
	float: left;
}
.imgListBulletL2 {
	width: 7px;
	height: 7px;
}
.txtListL2 {
	margin: 0px 0px 0px 14px;
	font-weight: normal;
}

/* definition der links im fliesstext */ 
a.lnkText:link {
	font-size: small; font-weight: normal; color: #EADDE7; text-decoration: underline;
}
a.lnkText:visited {
	font-size: small; font-weight: normal; color: #EADDE7; text-decoration: underline;
}
a.lnkText:active {
	font-size: small; font-weight: normal; color: #EADDE7; text-decoration: underline;
}
a.lnkText:hover {
	font-size: small; font-weight: normal; color: #F18CD2; text-decoration: underline;
}



/* dient dazu, die adressangaben tel, mail, etc. zu tabulieren (table-a-like)*/
.wContact {
	width: 100%;
	margin: 20px 0px 20px 0px;
}
.wContactLine {
	width: 100%;
	margin: 0px 0px 7px 0px;
}
.lblContact {
	float: left;
	width: 85px;
	/* width: 70px; */
	font-weight: bolder;
}
.txtContact {
	font-weight: bold;
}
/* definition der links fuer .contact */ 
a.lnkContact:link {
	font-size: small; font-weight: bold; color: #EADDE7; text-decoration: underline;
}
a.lnkContact:visited {
	font-size: small; font-weight: bold; color: #EADDE7; text-decoration: underline;
}
a.lnkContact:active {
	font-size: small; font-weight: bold; color: #EADDE7; text-decoration: underline;
}
a.lnkContact:hover {
	font-size: small; font-weight: bold; color: #F18CD2; text-decoration: underline;
}

/* ===================================================================
   #decoration ist ein right-floater und teilt sich den #wrapper mit
	 #wMenuAndContent
   =================================================================== */
#decoration {
	width: 405px;
	/* width: 250px;  */
	text-align: center;
	float: right;
}

/* ===================================================================
   banner am unteren bildschirmrand. der wrapper #wbbb umschliesst
	 das ganze banner und reguliert ueber padding-top den abstand zur
	 letzen zeile des textes einer spalte. die bannerdefinition #bbb
	 legt die hintergrundfarbe des banners fest und positioniert den
	 banner (zentriert)
	 die konstruktion funktioniert nicht (exakt) wenn eine der absolut
	 positionierten spalten (#menu, #decoration) laenger ist als der
	 #content. die abstaende orientieren sich immer an der spalte
	 #content (IExplorer).
   =================================================================== */
#wbbb {
	clear: left;
	width: 100%;
	padding: 20px 0px 0px 0px;
}	
#bbb {
	width: 100%;
	height: 28px; 
	background-color: #FF1BA2;
	background-image: url(../_pix/bbb.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
#aknowl {
	padding: 5px 0px 5px 10px;
}