body {
		margin-top: 7px;
		align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
  		scrollbar-base-color:#8C8CC6;
  		scrollbar-3dlight-color:#EAB997;
  		scrollbar-arrow-color:#59194D;
  		scrollbar-darkshadow-color:#182535;
  		scrollbar-face-color:#DB9261;
  		scrollbar-highlight-color:#EFD9CA;
  		scrollbar-shadow-color:#182535;
  		scrollbar-track-color:#DB9261;
}
table {
	font-size: 10px;
	font-weight: bold;
	background-repeat: no-repeat;
}
h1 {
	font-size: 14px;
	color: #990000;
}
h2 {
	color: #990000;
	font-size: 11px;
}
/*Die Folgenden Ids von #home bis #Links definieren das richtige Hintergrundbild in der jeweiligen HTML.
In jeder HTML ist nur eine dieser Ids in der Haupttabelle zu finden.*/
#home{
	background-image: url(../img/bg_home01.gif);
}
#prog{
	background-image: url(../img/bg_prog.gif);
}
#pb{
	background-image: url(../img/bg_pb.gif);
}
#kon{
	background-image: url(../img/bg_kon.gif);
}
#gb{
	background-image: url(../img/bg_gb.gif);

}
#smap{
	background-image: url(../img/bg_smap.gif);
}
#newsl{
	background-image: url(../img/bg_newsl.gif);
}
#part{
	background-image: url(../img/bg_part.gif);
}
#ne_pr{
	background-image: url(../img/bg_ne_pr.gif);
}
#links{
	background-image: url(../img/bg_links.gif);
}
#verm{
	background-image: url(../img/bg_verm.gif);
}
#vup {
	background-color: #FFFFFF;
	background-image: url(../img/bg_vup.gif);
	background-repeat: no-repeat;
}

/*Hier endet die Definition der Hintergrundbilder*/

a:link, a:visited {
   color: #fff;
   text-decoration:none;
}
a:hover, a:active {
   color: #ffcc00;
   text-decoration:none;
}

.divinh a:link
{
   color: #000000;
   text-decoration:underline;
}

.divinh a:visited 
{
   color: #CC6633;
   text-decoration:underline;
   }

.divinh a:hover
{
   color: #CC6633;
   text-decoration:underline;
}

.divinh a:active 
{
   color: #CC6633;
   text-decoration:underline;
}


/*die Klassen hauptmenue und untermenue legen das Aussehen der Texte und Links in den Menüs fest. 
Font-size und Font-weight legen hier den Unterschied zum Aussehen des Fließtextes im Style für 
das Table-Tag fest. Die Klasse hauptmenue definiert außerdem noch eine Schriftfarbe 
da der Jeweilige Hauptpunkt der Seite im Menü kein Link sondern normaler Text ist und gelb geschrieben wird*/
.hauptmenue{
	font-size: 11px;
	font-weight: normal;
	color: #ffcc00; 
}
.untermenue {
	font-size: 9px;
	font-weight: normal;
}

/*die Klasse divinh weist dem Inhaltstext in div="inh" einen Abstand vom rechten Rand zu,
damit er nicht zu nah an den Scrollbalken steht.*/
.divinh{
	padding-right: 15px;
}
/*Die Klasse locations weist im Inhalt des Menüpunktes Pfefferwerk/Locations 
den Häusertexten die zur PW-AG gehören einen Abstand zum Bild darüber zu.*/
.locations{
	margin-top: 10px
}
/*Die Klasse hausunw weist im Inhalt des Menüpunktes Pfefferwerk/Locations 
den Häusern die nicht zur PW-AG gehören eine graue farbe zu damit sie sich vom normalen, im Table-Tag 
definierten Fließtext unterscheiden. Margin sorgt dafür daß der Text nicht zu dicht am Bild darüber ist s.a. ".locations"*/
.hausunw {
	color: #666666;
	margin-top: 10px
}

/*emprot definiert im Fließtext rot hervorgehobene Schrift.
Wird auch als Überschrift dritten Ranges ohne Abstand zum Text gebraucht.*/
.emprot {
	color: #990000;
}

/*In den Bild-divs werden die Bilder genau passend eingefügt stehen also direkt am linken Rand. 
Soll aber Text in dem Div stehen wird er mit Hilfe der Klasse bildtext einige pixel nach rechts verschoben,
da der Text sonst genau Bündig mit dem linken Rand des dunklen Textfeldes steht.*/
.bildtexte{
	margin-left: 10px
}

/*buttons definiert Farben und Schrift speziell für die Buttons der Formulare*/
.buttons {
	background-color: #db9261;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-top: 1px outset #EAB997;
	border-right: 1px outset #000000;
	border-bottom: 1px outset #000000;
	border-left: 1px outset #EAB997;
}
/*textfeld definiert Höhe, Breite und schrift für das "Suchen"-Textfeld und die schmalen Textfelder im Vermietungsformular. */
.textfeld {
	height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: none;
	margin: 0px;
	width: 110px;
	padding: 0px;
}
/*maintextfeld definiert Höhe, Breite und schrift für alle großen Haupteingabe-Textfelder. 
z.B. im Popup für das Vermietungsformular.*/
.maintextfeld {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0px;
	height: 100px;
	width: 300px;
	border: none;
}
/*betrefftextfeld definiert Höhe, Breite und schrift für das Betreffzeilen-Textfeld im Vermietungsformular. */
.betrefftextfeld {
	height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: none;
	margin: 0px;
	width: 300px;
	padding: 0px;
}