/*************************************************************************************************************
 * Allgemeine Klassen
 *************************************************************************************************************/

h1 {
	font: bold 12px Arial, Verdana;
}

a, a:visited, a:active {
	font: bold 11px Arial, Verdana;
	color: Black;
	text-decoration: none;
}

a:hover {
	color: #FFCE00;
}


body,table,tr,td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

input {
	border: 1px solid #000000;
	font-family: Arial, Verdana;
	font-size: 11px;
}

.radio {
	border: 0px;
}

.button {
	border: 1px solid #000000;
	background-color: #FFF2CD;
	
	font-family: Arial, Verdana;
	font-weight: bold;
	
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
}

select {
	border: 1px solid #000000;
	background-color: #FFF2CD;
	
	font-family: Arial, Verdana;
	font-size: 11px;
	
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
	
	width: 100px;
}

/************************************************************************************************************
 * Aussehen der Zellen in der Tabellengrundstruktur
 ************************************************************************************************************/

#CellHeader {
	padding: 0px 0px 0px 217px;
	height: 115px;
	vertical-align: top;
}

#CellLogo {
	position: absolute;
	left: 27px;
	top: 86px;
}

#CellSpacer {
	background-image: url(../images/bg.gif);
	height: 28px;
	width: 869px;
}

#CellMenu {
	position: absolute;
	left: 0px;
	top: 158px;
	width: 277px;
}

/* Aussehen der Zelle um den  Inhalt herum */
#CellContentWrap {
	background-image: url(../images/bg.gif);
	padding-left: 263px;
	padding-top: 14px;
	width: 606px;
	vertical-align: top;
}

/* Aussehen des eigentlichen Inhalts */
#CellContent {
	font: 11px Arial, Verdana;
	background-color: #FFF2CD;
	width: 490px;
	margin-left: 15px;
	min-height: 300px;
}


#CellCopyright {
	background-image: url(../images/bg.gif);
	height: 23px;
	width: 853px;
	color: #BEA645;
	font: 10px Arial, sans-serif;
	padding-left: 16px;
	vertical-align: middle;
}

#CellFooter {
	background-image: url(../images/bg_footer.gif);
	height: 18px;
	width: 869px;
}

/**************************************************************************************************************
 * Aussehen der Links in der Navigation
 **************************************************************************************************************/

.menuItem1 {
	border-top: 1px solid White;
	height: 20px;
	vertical-align: middle;
	width: 263px;
	padding: 0px 0px 0px 14px;
}
.menuItem2 {
	border-top: 1px solid White;
/*border-right: 2px outset White;*/

	height: 20px;
	vertical-align: middle;
	width: 165px;
	padding: 0px 0px 0px 38px;

	/*background-color: #FFD35B;*/
}
.menuItem3 {
	border-top: 1px solid White;
/*border-right: 2px outset White;*/
	height: 20px;
	vertical-align: middle;
	padding: 0px 0px 0px 58px;
	width: 165px;
                /*background-color: #FFE191;*/
}

	/* Navigation erste Ebene normal */
a.menuLinkNO1 {
	font: bold 11px Arial, Verdana;
	color: Black;
	text-decoration: none;
                margin-left: 10px;
}

a.menulinkNO1:hover {
	color: White;
}




a.menuLinkNO1a {
	font: bold 11px Arial, Verdana;
	color: Black;
	text-decoration: none;
                padding-left: 20px;

}

a.menulinkNO1a:hover {
	color: White;
}


	/* Navigation zweite Ebene normal */
a.menuLinkNO2 {
	font: bold 11px Arial, Verdana;
	color: Black;
	text-decoration: none;
                margin-left: 10px;

}
a.menulinkNO2:hover {
	color: White;
}
	/* Navigation dritte Ebene normal */
a.menuLinkNO3 {
	font: bold 11px Arial, Verdana;
	color: Black;
	text-decoration: none;
                margin-left: 10px;

}
a.menulinkNO3:hover {
	color: White;
}


	/* Navigation erste Ebene aktiv */
a.menulinkACT1 {
	font: bold 11px Arial, Verdana;
	color: White;
	text-decoration: none;
                margin-left: 10px;

}

a.menulinkACT1:visited {
	font: bold 11px Arial, Verdana;
	color: White;
	text-decoration: none;
                margin-left: 10px;

}

a.menulinkACT1:active {
	font: bold 11px Arial, Verdana;
	color: White;
	text-decoration: none;
                margin-left: 10px;

}

	/* Navigation zweite Ebene aktiv */
a.menulinkACT2 {
	font: bold 11px Arial, Verdana;
	text-decoration: none;
                margin-left: 10px;
	color: White;
}

a.menulinkACT2:hover {
	font: bold 11px Arial, Verdana;
	text-decoration: none;
                margin-left: 10px;
	color: White;
}

a.menulinkACT2:visited {
	font: bold 11px Arial, Verdana;
	text-decoration: none;
	color: White;
}
a.menulinkACT2:active {
	font: bold 11px Arial, Verdana;
	text-decoration: none;
                margin-left: 10px;
	color: White;
}

/* Navigation dritte Ebene aktiv */
a.menulinkACT3 {
	font: bold 11px Arial, Verdana;
	color: White;
	text-decoration: none;
}

a.menulinkACT3:visited {
	font: bold 11px Arial, Verdana;
	color: White;
	text-decoration: none;
}

a.menulinkACT3:active {
	font: bold 11px Arial, Verdana;
	color: White;
	text-decoration: none;
}


/*************************************************************************************************************
 * TYPO/RTE-generierte Klassen 
 *************************************************************************************************************/

 table.contenttable {
 	font: 11px Arial, Verdana;
	margin-left: 30px;
 }
 
.bodytext {
 		font: 11px Arial, Verdana;
		padding-left: 30px;
}

table.imgtext-table {
	margin-left: 15px;
}

tr.tr-odd {
 	font: 11px Arial, Verdana;		
}

tr.tr-even {
 	font: 11px Arial, Verdana;		
}

ul {
	margin-left: 30px;
	padding-left: 15px;
}


/*************************************************************************************************************
 * ID's für TemplaVoila-Tabelle
 *************************************************************************************************************/

.TableTeaser {
	position: relative;
	left: -15px;
	/*width: 490px;*/
	width: 560px;
margin-top: 10px;
}

.ContentBottom {
	position: relative;
	left: 15px;
	width: 100%;
	height: 30px;
	background-color: #FFEBB6;
	
}

.ContentHeader{
	height: 55px;
	padding-left: 25px;
	vertical-align: top;
}

.ContentHeader a, #ContentHeader a:visited, #ContentHeader a:hover  {
  font: bold 14px Arial, Verdana;
  color: Black;
  text-decoration: none;
}

.ContentHeader a:hover {
  font: bold 14px Arial, Verdana;
  text-decoration: underline;
}


.SortHeader{
	vertical-align: bottom;
	text-align: center;

	font: 11px Arial, Verdana;
	color: Black;
margin-left: 10px;
}

.SortHeader a {
  font: bold 11px Arial, Verdana;
  color: Black;
  text-decoration: none;
  margin-left: 20px;
}

.SortHeader a:hover {
  color: Silver;
}

.sortForm {
	display: inline;
margin-left: 10px;
}

.sortBtn {
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  font: 11px Arial, Verdana;
  color: Black;
background-color: #FFF2CD;
}




.ContentContent {
	vertical-align: top;
	font: 12px Arial, Verdana;
}

.ContentPic {
	padding-right: 10px;
	vertical-align: top;
	min-width: 130px;
}

.ContentContentPadding {
	padding-left: 5px;
}

.ContentCellWeiter {
	position: relative;
	left: 15px;
	background-color: #FFEBB6;
	vertical-align: bottom;
	padding-bottom: 12px;
	width: 70px;
	text-align: center;
}

.ContentCellWeiter a {
  font: bold 10px Arial, Verdana;
  color: Black;
  text-decoration: none;

}

.ContentCellWeiter a:hover {
  color: Silver;
}

/* Hintergrundfarbe der Zelle unten rechts */
.ContentCellWeiter2 {
	position: relative;
	left: 15px;
	background-color: #FFE191;
	width: 70px;
}

a.ContentWeiterLink {
	font: bold 10px Arial, Verdana;
	color: Black;
	text-decoration: none;
}

a.ContentWeiterLink:hover {
	color: Silver;
}


 /*************************************************************************************************
 * Stylesheets für das Layout der Immobilien-Anzeigen 
 *************************************************************************************************/ 

.immoOverviewTable {
	margin-left: 15px;
                width: 90%;
                border: 2px, solid, black;
}

.immoBody {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
                margin-left: 15px;
} 

.immoBody a, a:visited, a:active {
	color: black;
}

.immoBody a:hover {
	color: red;
}

.immoBody2 {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
                margin-left: 15px;
} 

.immoBody2 a, a:visited, a:active {
	color: black;
}

.immoBody2 a:hover {
	color: red;
}


#exposedrucken {
	position: absolute;
	left: 664px;
	top: 166px;
	width: 90px;
}

#umgebungskarte {
	position: absolute;
	left: 636px;
	top: 295px;
	width: 177px;

}

.immoPic {
 padding-top: 2px;
 padding-right: 2px;
}

 /*************************************************************************************************
 * Padding für Image-Map
 *************************************************************************************************/ 
.imgMap {
  padding-left: 5px;
}



.reparaturForm {
	font: 11px Arial, Verdana;
	background-color: #FFF2CD;

	margin-left: 30px;
	border: 1px solid #FFD35B;
}

.wohnungsForm {
	margin-left: 30px;
	margin-bottom: 30px;
	border: 1px solid #FFD35B;

}

.ifsub {
	margin-left: 5px;
	position: relative;
	top: -1px;

}

/* Für die erste Menüebene */
.leftSpacer {
  padding-left: 20px;
}

/*#traumwohnung {
	position: absolute;
	visibility: hidden;
	top: 360px;
	left: 20px;
}

#mieterselbst {
	position: absolute;
	visibility: hidden;
	top: 435px;
	left: 20px;
}*/
.traummieter {
padding-left: 20px;
}

#fehler {
	padding-left: 30px;
	font-weight: bold;
	color: red;
}

#danketext {
	padding-left: 30px;
}


 /*************************************************************************************************
 * Tooltip
 *************************************************************************************************/ 

#ToolTip {
	font-family: Verdana;
	font-size: 8px;

	list-style: none;
	list-style-type: none;

}

.ToolTip2 {
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	padding-left: 5px;

	list-style: none;
	list-style-type: none;
}

.tooltiplist {
	list-style: none;
	list-style-type: none;
}
