/*GBS Menden*/


html, body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	color: #333333;
	}

#center {
	position:absolute;
	left:50%;	
	margin: 0 0 0 -490px;
	width: 980px;
	padding:20px 0 0 0;
	border:0px;
	top:0px;
} 

#navi_oben {
	width: 980px;
	height: auto;
	margin:0;
	padding: 0;
	border: 0;
	text-align:right;
}

#main_start {
	width: 980px;
	margin:0;
	padding: 0;
	border: 0;
	background-image: url(img/design/hg_querschnitt.gif);
	background-repeat: repeat-y;
	text-align:left;
}
#hg_kopf {
	width: 980px;
	height: 15px;
	margin:0;
	padding: 0;
	border: 0;
	background-image: url(img/design/hg_kopf.gif);
	background-position: center top;
	font-size:1px;
	line-height:2px;
}

#hg_fuss {
	width: 980px;
	height: 15px;
	margin:0;
	padding: 0;
	border: 0;
	background-image: url(img/design/hg_fuss.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size:1px;
	line-height:2px;
}
/*--------------------------Startseite: 3 Hauptdivs im Inhalt -------------------*/

#div_oben {
	width:952px;
	height:155px;
	margin: 0px 14px 10px 14px;
	padding:0px; border:0px;
	}

#div_mitte {
	width:952px;
	height:282px;
	margin: 0px 14px 10px 14px;
	}
	
#div_unten {
	width:952px;
	height:200px;
	margin: 0px 14px 0px 14px;
	}
	
/*-------------------------- Inhalt des Kopfes, auf allen Seiten---------------*/

#oben_links {
	width:306px;
	height:155px;
	padding: 0px 0px 0px 0px;
	float:left;
	margin:0px 0px 0px 0px;
	display:inline;}

#buttons_mietkaufangebote {
	margin: 9px 0px 0px 0px;
	z-index: 101;
}

/*--------------------------Startseite: Inhalt der Mitte---------------*/

#mitte_aktion {
	width:636px;
	height:282px;
	padding: 0px 0px 0px 0px;
	float:left;
	margin:0px 0px 0px 0px;
	display:inline;
	background-image: url(img/design/aktionshintergrund.jpg);
	background-repeat: repeat-x;
}

#imagebild_startseite{
	width: 306px;
	height:282 px;
	float:right;
}
/*--------------------------Startseite: Inhalt des unteren Bereiches---------------*/

#unten_links {
	width:426px;
	height:200px;
	padding: 0px 0px 0px 0px;
	float:left;
	margin:0px 0px 0px 0px;
	display: inline;
	background-color: #f6f2d9;
	}
	
#unten_mitte {
	width:306px;
	height:200px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 436px;
	background-color: #eae3aa;
	}
	
#unten_rechts {
	width:200px;
	height:200px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color: #f7f2da;
	float:right;
	display:inline;
	text-align: center;
	}
	
/*-------- Startseite: Headlines, unten-------*/	
#unten_links_headline {
	height: 28px;
	background-color: #a18376;
	padding-top: 10px;
	padding-left:16px;

}

#unten_mitte_headline {
	height: 28px;
	background-color: #f6f2d9;
	padding-top: 12px;
/*	padding-left:16px;
*/
padding-left:8px;
}

#unten_rechts_headline {
	height: 38px;
	background-color: #d4d4d4;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
}
/*--------------------------Hauptdivs in der Mitte auf den restlichen Seiten (also nicht auf der Startseite) ---------------*/

#div_innenseiten {
	width: 954px;
	/*height:auto;*/
	margin: 0px 14px 0px 14px;
	padding:0;
	border:0;
	text-align:left;
	
	}
	
#innenseiten_linke_spalte {
	width:214px;
	height:505px;
	padding: 0px; margin:0px; border:0px;
	float:left;
	display:inline;
	}

#inhaltsbox_innenseiten {
	width:728px;
	min-height:505px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 223px;
	background-color: #fffdf4;
	border:0px;
	
}

/*--------------------------Inhalt der Hauptdivs in der Mitte auf den restlichen Seiten (also nicht auf der Startseite) ---------------*/

#aktions_navibox_innenseiten {
	width: 214px;
	height:206px;
	margin: 0;
	padding:0;
	border:0;
	text-align:left;
	background-color: #f7f2da;
	background-image: url(img/design/aktion_innenseiten.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#wohnung_des_monats_innenseiten {
	width: 214px;
	height:288px;
	margin: 10px 0px 0px 0px;
	padding:0;
	border:0;
	text-align:left;
	background-color: #d9d29b;	
	}
	
#headline_wohnung_des_monats_innenseiten {
	height: 28px;
	background-color: #f6f2d9;
	padding-top: 10px;
	padding-left:16px;
	}	
	
#innenseiten_unternavi_hg {
	height: 24px;
	background-color: #a18376;
	padding-top: 6px;
	padding-left:16px;

}

#inhalt_text_innenseiten {
	width:700px;
	height:auto;
	margin:30px 0px 5px 13px;
	text-align: left;
}

/*----------- Startseite: Sonstiges im Inhalt des unteren Bereiches--------------*/	

#textbox_akutelle_mietangebote_startseite {
	width:408px;
	height:140px;
	margin:10px 5px 5px 13px;
	padding:0px 5px 15px 0px;
	}
	
/*----------- Angebot des Monats, überall--------------*/	

.ads_headline {
	font-size: 18px;
	color:#ed8707;
	font-weight: bold;
	}
	
.ads_ort {
	font-size: 13px;
	color:#333333;
	font-weight: bold;
	}
	
.ads_preis {
	font-size: 16px;
	color:#333333;
	font-weight: bold;
	}
.ads_beschreibung {
	font-size: 13px;
	color:#333333;
	}

/*----------- Navigation und a--------------*/

a					{color:#333333;}
a:hover				{color:#ed8707;}

#navi_oben			{ margin-bottom:4px;}
#navi_oben a 		{ font-size: 12px; text-decoration:none; color:#67463a; margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px;}
#navi_oben a:hover	{ text-decoration:none; color:#ffffff; background-color:#ed8707; }
#navi_oben a#aktiv	{ text-decoration:none; color:#ffffff; background-color:#ed8707; }
#navi_oben_aktiv	{ text-decoration:none; color:#ed8707; }


.strich {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
}

			/*--ACHTUNG !!! diese "haupt_navi" Angaben sind noch zusätzlich in einer extra style "style-ie6.css" angelegt, damit das richtig angezeigt wird --*/	
#haupt_navi				{ margin:8px 0px 0px 0px;	padding:0px; border:0px; font-weight: bold; } 
#haupt_navi a 			{ font-size: 12px; text-decoration:none; color:#8d6a5c; padding: 2px 2px 2px 2px; margin:0; }
#haupt_navi a:hover	{ text-decoration:none; color:#ffffff; background-color:#ed8707;}
#haupt_navi a#aktiv	{ text-decoration:none; color:#ed8707;}
#haupt_navi_aktiv		{ text-decoration:none; color:#ed8707;}

.strich_haupt_navi { color:#6a5046; margin: 0px 1px 0 1px; padding: 0px; }
		/*--ACHTUNG Ende!!! ----*/

.strich_2 { color:#6a5046;
	margin: 0px 4px 0px 4px;
	padding: 0px 0px 0px 0px;
}

#innenseiten_unternavi 				{ margin:10px 0px 0px 15px;	font-weight: bold;}
#innenseiten_unternavi a 			{ font-size: 13px; text-decoration:none; color:#6a5046; padding: 2px 3px 2px 3px;}
#innenseiten_unternavi a:hover		{ text-decoration:none; color:#ffffff; background-color:#ed8707;}
#innenseiten_unternavi a#aktiv		{ text-decoration:none; color:#ed8707;}
#innenseiten_unternavi_aktiv		{ text-decoration:none; color:#ed8707;}


#aktions_navi 				{ font-weight: bold; color:#6a5046;}
#aktions_navi  a 			{ font-size: 13px; text-decoration:none; color:#6a5046; padding: 2px 3px 2px 3px;}
#aktions_navi  a:hover		{ text-decoration:none; color:#ffffff; background-color:#ed8707;}
#aktions_navi  a#aktiv		{ text-decoration:none; color:#ed8707;}
#aktions_navi_aktiv			{ text-decoration:none; color:#ed8707; padding-left: 3px;}




/*----------- Schriften --------------*/

.s		{font-size: 10px;}
.m		{font-size: 12px;}
.l		{
	font-size: 14px;
	line-height: 20px;
}
.xl		{
	font-size: 16px;
	line-height: 22px;
}
.xxl	{font-size: 18px;}
.xxxl	{font-size: 20px;}

.m_braun	{font-size: 12px; color:#67463a;}
.l_braun	{font-size: 14px; color:#67463a; line-height: 20px;}

.xxl_weiss  {font-size: 18px; color:#FFFFFF;}
.xl_orange 	{font-size: 16px; color:#ed8707;}
.xxl_orange {
	font-size: 18px; line-height: 24px;
	color:#ed8707;
}
.xxxl_orange {font-size: 26px; color:#ed8707; line-height: 34px;}


.braun  {color:#67463a;}
.orange {color:#ed8707;}
.weiss_bold  {
	color:#ffffff;
	font-weight: bold;
}

h1 {
	font-size: 18px;
	color: #ed8707;
	line-height: 24px;
}
h2 {font-size: 14px;}



/*----------- Sonstiges--------------*/

.zurueck_nachoben {
	margin: 10px 0px 10px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration:none;

}
.zurueck_nachoben a{
	margin: 10px 0px 10px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #7A7A7A;
	text-decoration:none;
}