body{
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #ffffcc;
	margin: 0px;
	padding: 0px;
	color: #8C000F;


}

#Bereich1{ /*rechts oben*/
	float: none;
	width: auto;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	height: 188px;
	line-height: 188px;
	background-attachment: scroll;
	background-image: url(../images/logo_kroyer_wohnen.png);
	background-repeat: no-repeat;
	background-position: center CENTER;
}
#Bereich2{ /*links oben*/
	float: none;
	width: auto;
	background-color: #8c000f;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin: 0;

}
#Bereich3{ /*links oben*/
	float: none;
	width: auto;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	color: #8c000f;

}


#Bereich5{ /*Inhalt*/
	height: 100%;
    width: 80%;
	margin: 0px auto;
    margin-top: 10px;
    padding-top: 10px;
	 
       
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #8c000f;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #8c000f;
}
a:hover {
	text-decoration: underline;
	color: #8c000f;
}
a:active {
	text-decoration: none;
	color: #8c000f;
}
.mainlevel {
	font-size: 12px;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin-right: 0px;
	padding-right: 7px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #FFFFFF;
	padding-left: 7px;
	margin-left: 0px;
	height: auto;
}
a.mainlevel {
 color: #ffffff;
}
a.mainlevel:link {
 color: #ffffff;
}
.mainlevel-nav {
	font-size: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8c000f;
	margin-right: 0px;
	padding-right: 7px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #8c000f;
	padding-left: 7px;
	margin-left: 0px;
	height: auto;
	color: #8c000f;

}
a.mainlevel-nav {
	font-size: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8c000f;
	margin-right: 0px;
	padding-right: 7px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #8c000f;
	padding-left: 7px;
	margin-left: 0px;
	height: auto;
	color: #8c000f;

}

.componentheading {
	font-size: 14px;
	color: #8c000f;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}
.contentheading{
	font-size: 14px;
	color: #8c000f;
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
}

.blog {
}
.contentpaneopen {
	text-align: left;
	font-size: 100%;
	font-weight: normal;         
}


/* Allgemeine Angaben zu den Listenelementen */
.module_KLASSE ul {
	width: 200px;         /* Breite des Container 1. Ebene*/
	height: auto;         /* Höhe sollte sich dynamisch Anpassen */
	margin: 0px;          /* Kein marging */
	padding: 0px;         /* Kein padding */
	position: absolute;   /* Positionsart darf frei gewählt werden */
	top: 30px;            /* Abstand nach Oben für Positionsart Absolute*/
	left: 40px;           /* Abstand nach Links für Positionsart Absolute*/
	}
.module_KLASSE li {
	list-style-type: none;/* Keine Aufzählungszeichen */
	background: #777;     /* Hintergrundfarbe der Ersten Menüebene */
	width: 200px;         /* Breite der ersten Menüebene (muss mit der Breite des ul übereinstimmen!) */
	height: 30px;         /* Höhe der einzelnen Listen-Elemente */
	margin: 0px;          /* Kein marging */
	padding: 0px;         /* Kein padding */
	overflow:visible;     /* Sonst erscheint das Menü nicht */
	position:relative;    /* Diese Positionsart MUSS relativ sein */
	float:left;           /* IE6 Bugfix */
	}

.module_KLASSE ul ul{
	visibility: hidden;   /* Dies MUSS hidden sein */
	position: absolute;   /* Diese Positionsart MUSS relativ sein */
	left:200px;           /* Breite des Container der folgenden Ebenen */
	top: 0px;             /* MUSS immer 0 sein */
	}
.module_KLASSE ul ul li{
	list-style-type: none;/* Keine Aufzählungszeichen */
	background:#777;      /* Hintergrundfarbe für alle folgenden Ebenen */
	width: 200px;         /* Breite der ersten Menüebene (muss mit der Breite des ul übereinstimmen!) */
	height: 30px;         /* Höhe der einzelnen Listen-Elemente */
	margin: 0px;          /* Kein marging */
	padding: 0px;         /* Kein padding */
	overflow:visible;     /* Sonst erscheinen die folgenden Menüebenen nicht */
	position:relative;    /* Diese Positionsart MUSS relativ sein */
	}

/* Hover-Effekte des Menus */
.module_KLASSE ul li:hover{
	background: #999;     /* Farbe des Hovereffektes */
	}
/* Es gehören immer ein "li:hover ul" und ein "li:hover ul ul" zu einer Menüebene. 
Wenn eine zusätzliche Menüebenen gebraucht wird muss das letze Pärchen kopiert werden und ein "ul" als Präfix bei Beiden vorangestellt werden.
Das wiederholt man so oft wie man Menüebenen zusätzlich benötigt. */

/* 1.Ebene = 1 ul */
.module_KLASSE ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */
	}
.module_KLASSE ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 2.Ebene = 2 ul */
.module_KLASSE ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */ 
	}
.module_KLASSE ul ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 3.Ebene = 3 ul */
.module_KLASSE ul ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */ 
	}
.module_KLASSE ul ul ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 4.Ebene = 4 ul */
.module_KLASSE ul ul ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */ 
	}
.module_KLASSE ul ul ul ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}


/* Allgemeine Schriftformatierung */

li a {
	display:block;     /*ein Link erstreckt sich jetz über den gesamten Inhalt eines li*/
	color: black;      /*gewählte Schriftfarbe*/
	line-height: 30px; /*Schrifthöhe sollte der li Höhe entsprechen */
	white-space:nowrap /*kein Zeilenumbruch bei Menüpunkten */
	}