/*
Author: Theo Eisen
Firma: haus neuer medien gmbh
*/
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #f9f9f9 url('bilder/layout/bg_content.jpg') repeat-y 97px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
/*
/////////////////////////////////////////////////////////////// Tags /////////////////////////////////////////////////////////////////
*/	
p {
	margin: 8px 0 8px 0;
	}
a {
	color: #666666;
	}
/*
/////////////////////////////////////////////////////////////// Table /////////////////////////////////////////////////////////////////
*/		
.immobilien, .immobilien td, .immobilien tr {
width: 650px; 
padding: 0; 
margin: 0; 
font-size: 11px; 
vertical-align: middle; 
background-color: #fff;
border-collapse: collapse;
}
.immobilien {
display: block; 
margin-left: -10px;
}
.immobilien .list-header {
color: #C11D13;
font-weight: normal;
}
.immobilien td {
border: 1px solid #ccc;
padding-left: 5px;
}
a img {
border: none; 
display: block;
}
/*
/////////////////////////////////////////////////////////////// Page /////////////////////////////////////////////////////////////////
*/
#hg-top {
	width: 100%;
	position: absolute;
	height: 247px;
	background:  url('bilder/layout/bg_seite.jpg') repeat-x;
	}
	
	
	#bauplan {
		position: absolute;
		width: 381px;
		height: 209px;
		background:  url('bilder/layout/bauplan.jpg') no-repeat;
		}
	
		#page {
			width: 886px;
			min-height: 100%;
			_height: 100%;
			position: relative;
			padding: 0 0 54px 97px;
			
			}
			
			.clearing {
				clear: both;
				height: 0;
				padding: 0;
				border: 0;
				margin: 0;
				font-size: 0;
				}
				
				img, div {
					behavior: url(iepngfix.htc);
					}
/*
/////////////////////////////////////////////////////////////// Logo /////////////////////////////////////////////////////////////////
*/
#logo {
	width: 886px;
	height: 155px;
	background: url('bilder/layout/bg_logo.png') no-repeat;
	}
	
	#logo a IMG {
		margin: 18px 0 0 24px;
		border: none;
		}
	
		#logo .shortcuts {
			position: absolute;
			top: 27px;
			right: 8px;
			}
			
			#logo .shortcuts ul {
				padding: 0;
				margin: 0;
				}	
				
				#logo .shortcuts ul li {
					display: inline;
					padding: 0 12px 0 9px; /*padding-right von right abziehen*/
					}
					
					#logo .shortcuts ul li a {
						color: #999999;
						text-decoration: underline;
						}
						
						#logo .shortcuts ul li a:hover {
							text-decoration: none;
							}
							
							#logo .shortcuts ul li.first {
								border-right: 1px solid #999;
								}
/*
/////////////////////////////////////////////////////////////// Hauptmenue ///////////////////////////////////////////////////////////
*/										/*###### Das Untermenue befindet sich im Contentbereich ######*/
#hauptmenue {
	width: 886px;
	height: 69px;
	font-size: 1.33em;
	}
	
	#hauptmenue ul {
		padding: 0;
		margin: 0;
		}
		
		#hauptmenue ul li {
			float: left;
			list-style: none;
			padding: 0 25px 0 25px;
			border-left: 1px solid #fff;
			_width: 1%;
			}
			
			#hauptmenue ul li a {
				display: block;
				text-decoration: none;
				background: url('bilder/layout/icon_hm_inaktiv.jpg') no-repeat 0 28px;
				padding: 28px 0 0 27px;
				color: #666666;
				height: 41px;
				}
				
				#hauptmenue ul li a:hover, #hauptmenue ul li a.active {
					background: url('bilder/layout/icon_hm_hover_aktiv.png') no-repeat 0 24px;
					padding: 28px 0 0 27px;
					color: #c11d13;
					_background: none;
					_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bilder/layout/icon_hm_hover_aktiv_ie6.png", sizingMethod="crop"); 
					}
					
					#hauptmenue ul li.first {
						border: none;
						}
/*
/////////////////////////////////////////////////////////////// Content //////////////////////////////////////////////////////////////
*/
#content {
	width: 886px;
	background: url('bilder/layout/bg_content_top.png') no-repeat;
	}
/*
######################### Bild Leistungen
*/
#leistungen IMG {
	margin: 10px 0 0 10px;
	}
/*
######################### Immobilienangebote
*/
#immobilienangebote {
	width: 829px;
	height: 170px;
	background: url('bilder/layout/bg_immobilienangebote.jpg') no-repeat;
	position: absolute;
	margin: 5px 0 0 -35px;
	padding: 0 0 0 87px; /*von weite abziehen*/
	}
	
	#immobilienangebote .angebot {
		float: left;
		position: relative;
		}
		
		#immobilienangebote .angebot a IMG {
			border: 1px solid #cdcdcd;
			margin: 22px 45px 0 0;
			}
				
			#immobilienangebote .angebot .details {
				margin: 10px 0 0 4px;	
				}
				
				#immobilienangebote .angebot .details a IMG {
					border: none;
					margin: 0;
					}
				
					#immobilienangebote .angebot .details ul {
						padding: 0;
						margin: 0;
						}
						
						#immobilienangebote .angebot .details ul li {
							display: inline;
							}
							
							#immobilienangebote .angebot .details ul li a {
								text-decoration: none;
								color: #c11d13;
								}
								
								#immobilienangebote .angebot .details ul li a:hover {
									text-decoration: underline;
									}
									
									#immobilienangebote .angebot .details ul li.preis a {
										background: url('bilder/layout/pfeil_angebot.jpg') no-repeat 0 3px;
										padding: 0 0 0 10px;
										}
										
										#immobilienangebote .angebot .details ul li.details a {
											position: absolute;
											top: 143px;
											right: 50px;
											}
/*
######################### Sidebar
*/					
#sidebar {
	width: 270px;
	float: left;
	}
	
/*
############################### FORMULAR
*/													
#formular {
 	width: 270px;
	margin: 30px 0 0 0;
	}	

	#formular .links {
		float: left;
		width: 270px;
		height: 274px;
		position: relative;
		margin: 0 0 0 19px;
		}		

		#formular .links #kauf {
			position: absolute;
			width: 130px;
			height: 40px;
			z-index: 4;
			}

			#formular .links #kauf {
				z-index: 3;
				}
	
				#formular .links #kauf UL {
					margin: 0;
					padding: 0;
					}
	
					#formular .links #kauf UL LI {
						list-style: none;
						text-decoration: none;
						color: #c11d13;
						font-size: 1.33em;
						font-weight: bold;
						margin: 0 0 0 19px;
						}	
	
						#formular .links #kauf UL LI A.gruen {
							color: #2B9101;
							}						
	
							#formular .links #fr_kauf {
								margin: 45px 0 0 0;
								padding: 0;
								position: relative;
								}
								
								#formular .links #fr_kauf FORM {
									margin: 0;
									padding: 0;
									}
									
									 #formular .links #fr_kauf .links {
										float: left;
										width: 130px;
										height: 189px;
										background: none;
										}	
										
										#formular .links #fr_kauf .links P,
										#formular .links #fr_kauf .rechts P {
											margin: 0 0 7px 0;
											color: #666;
											font-size: 0.9em;
											}
											
											#formular .links #fr_kauf .links SELECT,
											#formular .links #fr_kauf .rechts INPUT {
												margin-bottom: 7px;
												min-width: 100px;
												_width: 100px;
												}
														
												#formular .links #fr_kauf .rechts {
													float: left;
													width: 110px;
													height: 189px;
													background: none;
													}
															
													#formular .links #fr_kauf .rechts INPUT.suchebutton {
														position: absolute;
														right: 20px;
														top: 165px;
														min-width: 65px;
														width: 65px;
														}	
																		
														#formular .links {
															float: left;
															}			
/*
######################### Untermenue (im Div Sidebar)
*/
#untermenue {
	width: 270px;
	margin: 198px 0 0 28px;
	}
	
	#untermenue h1 {
		display: block;
		text-decoration: none;
		background: url('bilder/layout/icon_hm_hover_aktiv.png') no-repeat;
		padding: 3px 0 0 27px;
		margin: 0 0 16px 0;
		color: #c11d13;
		font-size: 1.33em;
		_height: 1%; /*hoehe muss fuer ie6 angegeben werden...wert egal*/
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bilder/layout/icon_hm_hover_aktiv.png", sizingMethod="crop"); 
		}
	
		#untermenue ul {
			padding: 0;
			margin: 0;
			}	
			
			#untermenue ul li {
				list-style: none;
				margin: 0 0 0 29px;
				padding: 10px 0 0 0;
				}
				
				#untermenue ul li a {
					color: #666666;
					text-decoration: none;
					font-size: 1em;
					}
					
					#untermenue ul li a:hover, #untermenue ul li a.active  {
						text-decoration: underline;
						}
						
						#untermenue ul li.first {
							padding: 0;
							}
/*
######################### Adresse (im Div Sidebar)
*/			
#adresse {
	width: 247px;
	height: 160px;
	margin: 22px 0 0 31px;
	background: url('bilder/layout/bg_adresse.jpg') no-repeat;
	padding: 10px 0 0 25px; /*von weite und hoehe abziehen*/
	color: #666666;
	}
	
	#adresse h2 {
		color: #c11d13;
		font-size: 1em;
		font-weight: bold;
		padding: 0;
		margin: 0 0 16px 0;
		}
		
		#adresse h6 {
			padding: 0;
			margin: 0 0 5px 0;
			font-size: 1em;
			font-weight: normal;
			}
			
			#adresse a {
				color: #666666;
				text-decoration: none;
				}
				
				#adresse a:hover {
					text-decoration: underline;
					}
/*
######################### Inhalt
*/	
#inhalt {
	width: 515px;
	float: left;
	margin: 198px 0 0 33px;
	padding: 0 0 0 31px;
	border-left: 1px solid #cccccc;
	min-height: 345px;
	position: relative;
	_height: 345px;
	_margin: 198px 0 0 0;
	}
/*
######################### Text (im Div Inhalt)
*/		
#text {
	color: #666666;
	font-size: 1em;
	line-height: 1.5;
	padding: 0 0 30px 0;
	}
	
	#text h1 {
		font-size: 1.33em;
		padding: 0;
		margin: 0 0 14px 0;
		color: #c11d13;
		}
		
		#text IMG.links {
			float: left;
			margin: 0 15px 5px 0;
			}
			
			#text IMG.rechts {
				float: right;
				margin: 0 0 5px 15px;
				}
				
				#text #bildunterschrift-unternehmen {
					width: 510px;
					}
					
					#text #bildunterschrift-unternehmen .links,
					#text #bildunterschrift-unternehmen .rechts {
						width: 250px;
						float: left;
						margin: 0 0 15px 0;
						}
						
						#text #bildunterschrift-unternehmen .links {
							margin: 0 10px 15px 0;
							}
/*
######################### Shortcuts (Footer vom Text)
*/				
#inhalt .shortcuts {
	width: 543px;
	position: absolute;
	bottom: 0;
	font-size: 1em;
	}
	
	#inhalt .shortcuts ul {
		padding: 0;
		margin: 0;
		}
		
		#inhalt .shortcuts ul li {
			display: inline;
			border-left: 1px solid #9e9e9e;
			padding: 0 6px 0 9px;
			}
			
			#inhalt .shortcuts ul li a {
				color: #9e9e9e;
				text-decoration: none;
				}
				
				#inhalt .shortcuts ul li a:hover, #inhalt .shortcuts ul li a.active {
					text-decoration: underline;
					}
					
					#inhalt .shortcuts ul li.first {
						border: none;
						padding: 0 6px 0 0;
						}
						
						#inhalt .shortcuts ul li#hnm {
							border: none;
							margin: 0 0 0 285px;
							font-size: 0.9em;
							}						
/*
/////////////////////////////////////////////////////////////// Footer ///////////////////////////////////////////////////////////////
*/
#footer {
	position: absolute;
	bottom: 0;
	width: 886px;
	height: 54px;	
	background: #f9f9f9 url('bilder/layout/bg_footer.png') no-repeat;
	}