/* -- Entwurf mit  fixem Menue -- */


body {
	margin:0px;
	padding:0px;
	background-color: #d8e1ea;
	background-image:url(grel/weiss_5x1.png);
background-image:url(grel/kampmeyer_bg.jpg);
background-repeat:no-repeat;
}


/* -- Allg. Format -- */

table#aussen {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
background-color:#ffffff;
}

.uc {
	text-transform:uppercase;
}



/* -- Elementspez. Formate -- */

table, img {
	margin:0px;
	padding:0px;
	border:none;
}

td {
	vertical-align:top;
}


h1, h2, h3, h4, h5, h6 {
	font-size:11px;
	margin-bottom:0px;
}


a {
	text-decoration:none;
}



/* -- Seitenraend und Inhaltsfenster -- */


div#seitenrand_oben {
	position:absolute;
	top:0px; left:0px; right:0px; height:5px;
	border:none;
	background-color:#ffffff;
}

table#aussen {
	margin:0px;
	margin-top:5px;
	margin-left:5px;
	padding:0px;
margin-top: 357px;
margin-left: 215px;
border: 5px solid #ffffff;
border-right: 0px solid #ffffff;
}

* html table#aussen {
margin-top: 356px;
}

table#aussen  td#freiraum_fuer_kopf {
	height:215px;                      /*  Siehe auch: "div#kasten_oben:height", "div#rechte_spalte div.innen:margin-top"  */
width: 1020px;

	background-color:transparent;
top: 0px;
left: 210px;
position: absolute;
background-image:url(grel/kopf.gif);
}

table#aussen  td#innen {              /*  Container fuer allen Inhalt  */
	background-color:transparent;
	width:990px;                       /*  Wert + 10 px (Raender) = Gesamtbreite; Wert wie in "div#kasten_oben.width"  */
b_order: 15px solid #00ff00;
margin: 0px;
padding: 0px;
left: 0px;
}

* html table#aussen  td#innen {
width:994px;
}

table#aussen  td#seitenrand_rechts {
	t_op: 215px;
	l_eft: 1210px;
	p_osition: absolute;
	width: 5px;
	h_eight: 200%;
	b_ackground-image:url(grel/schatten-rechts.jpg);
border: 0px solid #00ff00;
	background-color:#ffffff;
}

table#aussen  td#seitenrand_unten {
	height:5px;
	background-color:#ffffff;
}



/* -- Inhaltsstruktur -- */


div#kasten_oben {       /*  Enthaelt Kopf, Menue und Suchleiste  */
	position:absolute;
	top:215px;
	left:215px;
	width:995px;         /*  Wert + 10 px (Raender) = Gesamtbreite; Wert wie in "table#aussen td#innen.width"  */
	height:136px;        /*  Siehe auch: "table#aussen td#freiraum_fuer_kopf:height", "div#rechte_spalte div.innen:margin-top"  */
	border:none;
	background-color:#ffffff;
border: 5px solid #ffffff;
border-right: 0px solid #ffffff;

}


div#kasten_mitte {      /*  Enthaelt entweder "spalte_links", "hauptfenster" und "spalte_rechts",
                            oder "hauptfenster_breit" und "spalte_rechts"                               */
	height:100%;
	width:990px;         /*  Wert + 10 px (Raender) = Gesamtbreite; Wert wie in "div#kasten_oben.width"  */
	                     /*  (ok, die Angabe scheint redundant. Es hat sich aber gezeigt, dass ohne sie  */
	                     /*  mancher Browser die rechte Spalte -schwupps- nach unten schiebt, wenn sein  */
	                     /*  Fenster schmaler als 990px gemacht wird. - uh 2008-05)                      */
	background-color:#ffffff;
b_order: 5px solid #0000ff;
}






/* -- Mittelspalte schmal -- */

div#hauptfenster {
	float:left;
	width:590px;
	height:100%;
	margin:0px;
	padding:0px;
	/* background-color:moccasin;    MARKIERFARBE */
}

div#hauptfenster div.innen {
	margin:0px 0px 20px 0px;
}

table#willkommen {
	margin:0px auto 0px auto;
	padding:0px;
}




/* -- odw neu -- */

table#odw {
	margin:8px 0px 8px 0px;
	background-color:#d7e0e9;
	width:100%;
}

table#odw div.inhalt,
table#odw img {
	width:180px;
}

table#odw img {
	height:180px;
}

table#odw div.inhalt {
	margin-top:12px;
	margin-bottom:16px;
}

table#odw td:first-child div.inhalt {
	margin-left:12px;
}






/* -- Mittelspalte breit -- */


div#hauptfenster_breit {         /* Ersetzt ggf. "div#hauptfenster" und "div#linke_spalte" */
	float:left;
	width:795px;                  /* Summe der hierdurch ersetzten "div#hauptfenster.width" und "div#linke_spalte.width" */
	height:100%;
	margin:0px;
	padding:0px;
	/* background-color:moccasin;    MARKIERFARBE */
}


div#hauptfenster_breit div.innen {
	margin:0px;
}


div#hauptfenster_breit table.erg {
	width:795px;                  /* Breite wie "div#hauptfenster_breit.width" */
}


div#hauptfenster_breit table.erg td.linie_hori   /* Trennlinie, buendig */
{
	height:1px;
	background-color:#ffffff;
	background-image:url(grel/linie_grau_punktiert_horiz_1x4.png);
	background-repeat:repeat-x;
}

div#hauptfenster_breit table.erg td.letzte {
	height:5px;                   /* Letzte "linie_hori" - vergroesserter vert. Abstand */
}


div#hauptfenster_breit table.erg td.bild {
	width:205px;                  /* Breite linke Spalte */
}

div#hauptfenster_breit table.erg td.frei {
	width:14px;                   /* Abstand zur Mitte */
}

div#hauptfenster_breit table.erg td.text {
	width:576px;                  /* Breite der Mittelspalte */
}



div#hauptfenster_breit table.erg td.bild h1 {
	margin: 4px 0px 6px 0px;
	padding: 0px 0px 0px 8px;
	height:32px;
	width:128px;
	line-height:32px;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#d7e0e9;
	background-image:url(grel/ecke_hellblauweiss_SO_9x9.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}


/* Bilder links im Einzelexpose, mit Trennlinie oben, ausser erstes */
div#hauptfenster_breit table.erg td.bild div.bildabschnitt {
	background-image:url(grel/linie_grau_punktiert_horiz_1x4.png);
	background-repeat:repeat-x;
	background-position: 0px 7px;
	padding: 8px 0px 0px 0px;
}
div#hauptfenster_breit table.erg td.bild div.bildabschnitt:first-child {
	background-image:none;
	padding:0px;
}



div#hauptfenster_breit table.erg td.text p {
	margin: 1.1em 22px 1.1em 22px;
}


div#hauptfenster_breit table.erg td.text p.pagi {
	margin: 2px 0px 2px 0px;
	padding-left:22px;
	padding-right:22px;
	line-height:32px;
	background-color:#d7e0e9;
font-size: 11px;
font-weight: bold;
}



div#hauptfenster_breit table.erg td.text p.stichwort {
	font-size:11px;
	text-transform:uppercase;
}

div#hauptfenster_breit table.erg td.text p.stichwort span.beschreibung {
	text-transform:none;
}

div#hauptfenster_breit table.erg td.text p.stichwort span.ort,
div#hauptfenster_breit table.erg td.text p.stichwort span.groesse,
div#hauptfenster_breit table.erg td.text p.stichwort span.preis,
div#hauptfenster_breit table.erg td.text p.stichwort span.beschreibung {
	color:#9bad47;
}



/* Einzelexpose */

div#hauptfenster_breit table.erg td.text table {
	margin:0px;
	padding:0px;
	width:100%;
}


div#hauptfenster_breit table.erg td.text td#expos_hauptform_links {
	width:274px;
}


div#hauptfenster_breit table.erg td.text table h1,
div#hauptfenster_breit table.erg td.text table h2,
div#hauptfenster_breit table.erg td.text table h3 {
	font-size:10px;
	font-weight:normal;
}

div#hauptfenster_breit table.erg td.text table h1.expos_titel,
div#hauptfenster_breit table.erg td.text table h2.expos_titel {
	margin: 27px 0px 1.1em 22px;
	text-transform:uppercase;
}

div#hauptfenster_breit table.erg td.text table h3.hblau_re {
	margin: 16px 0px 7px 0px;
	padding-left:8px;
	line-height:29px;
	background-color:#d7e0e9;
}

div#hauptfenster_breit table.erg td.text table h3.oliv_li {
	margin: 10px 0px 7px 0px;
	padding-left:8px;
	line-height:29px;
	background-color:#9bad47;
	text-transform:uppercase;
}


div#hauptfenster_breit table.erg td.text span.ansprech {
	color:#9bad47;
}



div#hauptfenster_breit table.erg td.text table.hblau_li,
div#hauptfenster_breit table.erg td.text table.hblau_re {
	width:100%;
	border:none;
	border-collapse:collapse;
	background-color:#d7e0e9;
}

div#hauptfenster_breit table.erg td.text table.hblau_li td,
div#hauptfenster_breit table.erg td.text table.hblau_re td {
	vertical-align:middle;
	padding-left:8px;
}

div#hauptfenster_breit table.erg td.text table.hblau_li td.linie_hori,
div#hauptfenster_breit table.erg td.text table.hblau_re td.linie_hori {
	height:5px;
}


div#hauptfenster_breit table.erg td.text table.hblau_li input.txt,
div#hauptfenster_breit table.erg td.text table.hblau_re input.txt {
	margin-top:4px;
	margin-bottom:4px;
	height:12px;
	font-size:10px;
}

div#hauptfenster_breit table.erg td.text table.hblau_li input.txt {
	width:192px;
}

div#hauptfenster_breit table.erg td.text table.hblau_re input.txt {
	width:208px;
}


div#hauptfenster_breit table.erg td.text table.hblau_re td.abst_hblau_oben,
div#hauptfenster_breit table.erg td.text table.hblau_li td.abst_hblau_oben {
	height:11px;
}

div#hauptfenster_breit table.erg td.text table.hblau_re td.abst_hblau_unten,
div#hauptfenster_breit table.erg td.text table.hblau_li td.abst_hblau_unten {
	height:6px;
}

div#hauptfenster_breit table.erg td.text td.abst_weiss_unten_12 {
	height:12px;
	background-color:#ffffff;
}

div#hauptfenster_breit table.erg td.text td.abst_weiss_unten_08 {
	height:8px;
	background-color:#ffffff;
}





div#hauptfenster_breit table.erg td.text table td.knopf {
	text-align:right;
	vertical-align:bottom;
}

div#hauptfenster_breit table.erg td.text table.hblau_re td.knopf {
	background-color:#ffffff;
}

div#hauptfenster_breit table.erg td.text table td.knopf input {
	font-size:10px;
}





div#hauptfenster_breit a {
	font-size:11px;
	font-weight:bold;
	color:#9bad47;
	text-decoration:underline;
}

div#hauptfenster_breit td.fuss_links_logo img {
	float:right;
	margin: 2px 4px 2px 13px;     /* Vertikal so wie "p.pagi" */
}






/* -- linke_spalte -- */

div#linke_spalte {
	float:left;
	width:205px;                  /* Gesamtbreite mit rechtem Rand */
	height:100%;
	margin:0px;
}




/* -- rechte_spalte -- */

div#rechte_spalte {
	float:left;
	height:100%;
	width:195px;                  /* Aussenmass */
}

div#rechte_spalte  div.innen {
	height:100%;
	width:180px;                  /* Innenmass 180 */
	margin-left:15px;
	margin-top:39px;              /* Siehe auch: "table#aussen td#freiraum_fuer_kopf:height"  */
}

div#rechte_spalte  h1.spaltenkopf {
	margin:0px;
	padding: 0px 0px 0px 8px;
	height:32px;
	line-height:32px;
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#9bad47;
	background-image:url(grel/ecke_olivweiss_NO_21x21.png);
	background-position:top right;
	background-repeat:no-repeat;
}


div#rechte_spalte div.idm_oliv,
div#rechte_spalte div.idm_dunkelblau,
div#rechte_spalte div.idm_mittelgrau
{
	margin:6px 0px 0px 0px;   /* Weisser Rand je oben */
	padding:0px;
	font-size:11px;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

/* oliv */
div#rechte_spalte div.idm_oliv {
	color:#ffffff;
	background-color:#9bad47;
}

/* dunkelblau */
div#rechte_spalte div.idm_dunkelblau {
	color:#ffffff;
	background-color:#005596;
}

/* mittelgrau */
div#rechte_spalte div.idm_mittelgrau {
	color:#333333;
	background-color:#b2b2b2;
}


div#rechte_spalte a {
	text-decoration:underline;
}

div#rechte_spalte div.idm_oliv a,
div#rechte_spalte div.idm_dunkelblau a {
	color:#ffffff;
}

div#rechte_spalte div.idm_mittelgrau a {
	color:#333333;
}



div#rechte_spalte div.image {
	padding:8px 0px 8px 0px;
}
div#rechte_spalte p + div.image {
	padding:2px 0px 8px 0px;
}


div#rechte_spalte p {                /* Text mit Rand */
	width:160px;
	margin:0px 10px 0px 10px;
	padding:10px 0px 10px 0px;
}

div#rechte_spalte div.image + p {
	padding:0px 0px 10px 0px;
}

div#rechte_spalte div.idm_oliv p:first-child,
div#rechte_spalte div.idm_dunkelblau p:first-child,
div#rechte_spalte div.idm_mittelgrau p:first-child {
	padding:18px 0px 10px 0px;
}


/* -- Ende rechte_spalte -- */







div#schnellsuche {
	position:absolute;
	top: 67px;               /* bez. auf div#kasten_oben */
	left:0px;
	padding:0px;
	margin:0px;
	background-color:#ffffff;
}

div#schnellsuche div.linie {
	width:100%;
	padding:0px;
	margin:0px;
	height:11px;
	background-image:url(grel/linie_grau_punktiert_horiz_1x4.png);
	background-repeat:repeat-x;
	background-position: 0px 4px;
	/* background-color:darksalmon;  MARKIERFARBE */
}


div#schnellsuche table {
	width:100%;              /* bez. auf div#schnellsuche */
	left:0px;
	padding:0px;
	margin:0px;
}


div#schnellsuche td {
	height:20px;
	width:190px;
	/* background-color:khaki;  MARKIERFARBE */
}

div#schnellsuche td.rechts {
	width:180px;
	/* background-color:darkorange;  MARKIERFARBE */
}

div#schnellsuche select {
	height:20px;
	width:185px;
	margin: 0px 0px 0px 2px;
	font-size:12px;
	/* border-width:0px; */
}

/* -- derzeit nicht verwendet --
div#schnellsuche input.checkbox {
	font-size:7px;
	height:12px;
	width:12px
}
*/

div#schnellsuche input.submit {
	margin: 0px 0px 0px 10px;
	padding:0px;
	border:none;
	border-width:0px;
	width:170px;                  /* Breite "div#schnellsuche td.rechts" minus "this.margin-left" */
	height:22px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;    /* spez. f. Win32 */
	font-size:11px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	color:#2d2d2d;
	background-color:#ffffff;
	background-image:url(grel/pfeil_gruen_li_24x20_tp.png);
	background-repeat:no-repeat;
	background-position:128px 1px;
	cursor:pointer;
}
* html div#schnellsuche input.submit {
	margin: 0px 0px 0px 17px;
	width:160px;
}



div#schnellsuche input.submit:hover, div#schnellsuche a:hover {
	/* background-color:lavender;        MARKIERFARBE */
}





div#verweise_rechts {
	position:absolute;
	top:111px;                    /* bez. auf div#kasten_oben */
	left:795px;
	padding:0px;
	margin:0px;
	width:190px;                  /* wie "rechte_spalte" innen */
	/* background-color:white;  MARKIERFARBE */
}

div#verweise_rechts a {
	margin: 0px 0px 0px 22px;
	padding:0px;
	width:160px;
	line-height:26px;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	color:#2d2d2d;
}

div#verweise_rechts div.linie {
	width:100%;
	padding:0px;
	margin:0px;
	height:9px;
	background-image:url(grel/linie_grau_punktiert_horiz_1x4.png);
	background-repeat:repeat-x;
	background-position: 0px 5px;
}






td#fuss {
	height:75px;
}

div#fussrechts {
	float:right;
	width:180px;                  /* Breite innen wie aussen: 180px */
	margin:0px;
	text-align:justify;
}

div#fussrechts a {
	color:#666666;
	text-transform:uppercase;
	line-height:3.6em;
}









/* -- Kopf -- */

div#kopf {
	position:absolute;
	top:0px;
	left:0px;
	height:111px;
	width:100%;                   /* bezogen auf "div#kasten_oben" */
height: 0px;
width: 0px;                   /* bezogen auf "div#kasten_oben" */
	background:url(grel/logo_kampmeyer_immobilien_1007x111_i.png) no-repeat;
	background-color:#005596;
}

div#kopf a {
	margin-top:0px;
	margin-left:70px;
	height:80px;
	width:220px;
	display:block;
}











/* -- Menue neu -- */


div#menue_hori {
	position:absolute;
	top:0px;                    /* 3px vert. Abstand zu  "div#kopf.height"  */
	left:0px;
	width:100%;                   /* Gesamtbreite, bezogen auf  "div#kasten_oben"  */
	height:67px;                  /* Gesamthoehe */
	background-image:url(grel/bg_menue_hori.png);
background-repeat:no-repeat;
	z-index:1;
}

ul#menue {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

ul#menue,
ul#menue li ul {
	list-style:none;
}

#menue li {
	float:left;
	width:134px;                  /* feste Einzelbreiten 1. Ebene */
	margin:0px;
	padding:0px;
}

ul#menue li.rechts,
ul#menue li.rechts_akut {        /* Einzelbreite 1. Ebene rechts */
	width:142px;
}

#menue li a div {                /* Abstandshalter innerhalb aller "a" des Menues */
	margin: 0px 6px 0px 6px;
	padding:0px;
	display:block;
}

ul#menue ul li.rechts a div,     /* Abstandshalter innerhalb "a", nur 2. Ebene rechts */
ul#menue ul li.rechts_akut a div
{
	margin-right:20px;
}

ul#menue li a {
	margin:0px;
	padding:0px;
	display:block;
}

ul#menue li a.ober {             /* 1. Ebene              */
	margin-right:1px;             /* seitl. Zwischenraeume */
	line-height:32px;             /* Hoehe                 */
	color:#ffffff;
	background-color:#005596;
	background-image:url(grel/ecke_blauweiss_SO_8x8.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	display:block;
}

ul#menue li.rechts a,              /* 1. und 2. Ebene rechts */
ul#menue li.rechts_akut a
{
	margin-right:0px;
	background-repeat:no-repeat;
	background-position:right;
}

ul#menue li.rechts a.ober,         /* 1. Ebene rechts */
ul#menue li.rechts_akut a.ober
{
	background-image:url(grel/ecke_blauoliv_verlauf_SO_16x32.png);
}

ul#menue li a.ober:hover,          /* Hervorhebung 1. Ebene allgem. */
ul#menue li.akut a.ober,
ul#menue li.rechts_akut a.ober
{
	background-color:#99bbd5;
	background-image:url(grel/ecke_mittelblauweiss_SO_8x8.png);
}

ul#menue li.rechts a.ober:hover,   /* Hervorhebung 1. Ebene rechts */
ul#menue li.rechts_akut a.ober,
ul#menue li.rechts_akut a.ober:hover
{
	background-color:#99bbd5;
	background-image:url(grel/ecke_mittelblauoliv_verlauf_SO_16x32.png);
}





ul#menue li ul {               /* 2. Ebene, Ruhezustand */
	position:absolute;
	top:32px;
	left:-999em;
	margin:0px;
	padding:0px;
	height:32px;                /* Hoehe 2. Ebene */
	width:980px;
}

ul#menue ul li,
ul#menue ul li.rechts,
ul#menue ul li.rechts_akut
{
	float:left;
	width:auto;                 /* var. Einzelbreiten 2. Ebene */
}

ul#menue li ul a,
ul#menue li.rechts ul a,       /* tu quoque, mi fili */
ul#menue li.rechts_akut ul a
{
	margin: 3px 0px 0px 0px;
	padding:0px;
	line-height:32px;           /* Hoehe 2. Ebene */
	color:#005596;
	background-color:#99bbd5;
}

ul#menue li ul li a:hover,
ul#menue li ul li.akut a,
ul#menue li ul li.rechts_akut a
{
	color:#ffffff;
}

ul#menue li ul li.rechts a,
ul#menue li ul li.rechts_akut a,
ul#menue li:hover ul li.rechts a,
ul#menue li:hover ul li.rechts_akut a
{
	background-image:url(grel/ecke_blaugrau_verlauf_SO_16x32.png);
}



/* Verschiebung 2. Ebene: Entweder "hover" ohne "akut", oder ... */

/* -- umstaendlich zu bedienen --
ul#menue li:hover ul,
ul#menue li.sfhover ul {
	left:0px;
}
*/


/* Verschiebung 2. Ebene: "akut" ohne "hover". Empfohlen! */

ul#menue li.akut ul,
ul#menue li.rechts_akut ul
{
	left:0px;
}



/* -- Ende Menue neu -- */









/* -- Ende Stylesheet-- */