HTML, BODY {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #E6E5E1 url(../bilder/hg-kopf.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	}
	#container {
		width: 960px;
		margin: auto;
		position: relative;
		min-height: 100%;
		_height: 100%;
		font-size: 1em;
		}
		
		.clear {
			clear: both !important;
			}
			
			img, div {
				behavior: url(iepngfix.htc);
				}
/*
############################### KOPF
*/		
		#container #kopf {
			margin: 0 0 0 5px;
			}
			#container #kopf IMG {
				margin: 10px 24px 0 0;
				}
			#container #kopf IMG.ueberschrift {
				margin: 15px 0 0 0;
				}
			#container #kopf IMG.last {
				margin: 10px 0 0 0;
				}
/*
############################### NAVI
*/				
		#container #navi {
			margin-top: 11px;
			*margin-top: 8px;
			position: relative;
			width: 955px;
			}
			#container #navi UL {
				margin: 0;
				padding: 0;
				}				
				#container #navi UL LI {
					float: left;
					list-style: none;
					background: url(../bilder/hg-aktiv-menue-li.png) no-repeat right;
					}	
					#container #navi UL LI.last {
						background: none;
						}						
					#container #navi UL LI A {
						display: block;
						color: #FFFFFF;
						text-decoration: none;
						padding: 8px 30px;
						*padding: 9px 30px;
						margin-right: 2px;
						}
						#container #navi UL LI A:HOVER,
						#container #navi UL LI A.aktiv {
							background: url(../bilder/hg-aktiv-menue.jpg) repeat-x;
							text-decoration: underline;
							}
			#container #navi UL.shortcuts {
				margin: 0;
				padding: 0;
				position: absolute;
				right: 0;
				top: 10px;
				}
				#container #navi UL.shortcuts LI {
					list-style: none;
					float: left;
					background: none;
					}
					#container #navi UL.shortcuts LI A {
						font-size: 0.7em;
						padding: 0 4px;
						border-right: 1px solid #FFFFFF;
						}
						#container #navi UL.shortcuts LI.last A {
							border: 0;
							}
					#container #navi UL.shortcuts LI A:HOVER,
					#container #navi UL.shortcuts LI A.aktiv {
						background: none;
						}
/*
############################### FORMULAR
*/
		#container #formular {
			clear: both;
			width: 964px;
			}
			#container #formular .links {
				margin-top: 16px;
				float: left;
				width: 558px;
				height: 274px;
				background: url(../bilder/hg-formular.jpg) no-repeat 0 40px; 
				position: relative;
				z-index: 5;
				}
				#container #formular .links #miete,
				#container #formular .links #kauf {
					position: absolute;
					width: 558px;
					height: 40px;
					background:url(../bilder/hg-formular-miete.jpg) no-repeat;
					z-index: 4;
					}
				#container #formular .links #kauf {
					background: url(../bilder/hg-formular-kauf.jpg) no-repeat;
					visibility: hidden;
					z-index: 3;
					}
					#container #formular .links #miete UL,
					#container #formular .links #kauf UL {
						margin: 0 0 0 7px;
						padding: 0 0 0 7px;
						list-style: none;
						}
						#container #formular .links #miete UL LI,
						#container #formular .links #kauf UL LI {
							margin: 0;
							padding: 0;
							float: left;
							}
							#container #formular .links #miete UL LI A,
							#container #formular .links #kauf UL LI A {
								margin: 8px 0 0 0;
								padding: 8px 0;
								text-decoration: none;
								display: block;
								width: 161px;
								text-align: center;
								color: #000000;
								font-size: 0.8em;
								}
							#container #formular .links #miete UL LI A:HOVER,
							#container #formular .links #kauf UL LI A:HOVER {
								text-decoration: underline;
								}
							#container #formular .links #miete UL LI A.gruen,
							#container #formular .links #kauf UL LI A.gruen {
								color: #2B9101;
								}
				#container #formular .links #fr_miete,
				#container #formular .links #fr_kauf {
	margin: 60px 0 0 20px;
	_margin: 60px 0 0 8px;
	padding: 0;
	position: relative;
	position: absolute;
					}
				#container #formular .links #fr_kauf {
					visibility: hidden;
					}
					#container #formular .links #fr_miete FORM,
					#container #formular .links #fr_kauf FORM {
						margin: 0;
						padding: 0;
						}
					#container #formular .links #fr_miete .links,
					#container #formular .links #fr_kauf .links {
						float: left;
						width: 271px;
						height: 189px;
						background: none;
						margin: 0 0 0 15px;
						}
						#container #formular .links #fr_miete .links P,
						#container #formular .links #fr_miete .rechts P,
						#container #formular .links #fr_kauf .links P,
						#container #formular .links #fr_kauf .rechts P {
							margin: 00px 0 7px 0;
							color: #2D9000;
							font-size: 0.9em;
							}
						#container #formular .links #fr_miete .links SELECT,
						#container #formular .links #fr_miete .rechts INPUT,
						#container #formular .links #fr_kauf .links SELECT,
						#container #formular .links #fr_kauf .rechts INPUT {
							margin-bottom: 7px;
							min-width: 100px;
							_width: 100px;
							}
					#container #formular .links #fr_miete .rechts,
					#container #formular .links #fr_kauf .rechts {
						float: left;
						width: 215px;
						height: 189px;
						background: none;
						padding-left: 25px;
						}
						#container #formular .links #fr_miete .rechts INPUT.suchebutton,
						#container #formular .links #fr_kauf .rechts INPUT.suchebutton {
							position: absolute;
							right: 30px;
							top: 165px;
							min-width: 65px;
							width: 65px;
							}
			#container #formular .links {
				float: left;
				}
				#container #formular .links SUP {
					font-size: 0.6em;
					*font-size: 0.7em;
					}
			#container #formular #hilfe {
				position: absolute;
				top: 490px;
				left: 36px;
				z-index: 11;
				}
				#container #formular #hilfe A {
					font-weight: bold;
					color: #097551;
					font-size: 0.8em;
					}
			#container #formular #hinweis {
				position: absolute;
				z-index: 10;
				font-size: 0.7em;
				background: white;
				width: 500px;
				border: 2px solid #E6E5E1;
				padding: 10px;
				filter:Alpha(opacity=90);
				-moz-opacity:0.9;
				top: 400px;
				left: 100px;
				visibility: hidden;
				}
				#container #formular #hinweis P {
					margin: 5px;
					}
				#container #formular #hinweis A {
					display: block;
					float: right;
					width: 100px;
					font-weight: bold;
					color: #097551;
					margin: 0 0 15px 15px;
					}
/*
############################### VISITENKARTE	
*/
#visitenkarte {
	width: 406px;
	height: 242px;
	float: right;
	background: url(../bilder/hg_visitenkarte.jpg) no-repeat;
	margin: 47px 0 0 0;
	font-size: 0.76em;
	}
	
	#visitenkarte #top IMG {
		width: 336px;
		height: 75px;
		margin: 22px 0 10px 35px;
		}
		
		#visitenkarte #left {
			width: 168px;
			float: left;
			margin: 0 0 0 58px;
			_margin: 0 0 0 29px;
			line-height: 1.6;
			}
			
			#visitenkarte #right {
				width: 168px;
				float: left;
				line-height: 1.7;
				}
				#visitenkarte #right p {
					line-height: 1.7em;
					*line-height: 1.5em;
					}
				#visitenkarte #left .gruen, 
				#visitenkarte #right .gruen {
					font-weight: bold;
					text-transform: uppercase;
					color: #088d40;
					line-height: normal;
					}
					
					#visitenkarte #left p {
						line-height: normal;
						margin: 2px 0 4px 0;
						padding: 0;line-height: 1.35em;
						}
						#visitenkarte .tablinks1,
						#inhalt .tablinks1 {
						padding-right: 14px;
						}
						#visitenkarte .tablinks2,
						#inhalt .tablinks2 {
						padding-right: 18px;
						}
						#visitenkarte .tablinks3,
						#inhalt .tablinks3 {
						padding-right: 4px;
						}
						#visitenkarte #left table tr {
							padding: 0;
							margin: 0;
							line-height: 1.35em;
							}
						#visitenkarte #left table td {
							font-size: 1em;
							}
							
						* + html #visitenkarte #left table {
							font-size: 0.82em;
							}
						#visitenkarte #right p {
							margin: 3px 0 0 0;
							padding: 0;
							}
/*
############################### TRENNER NAVI - CONTENT
*/
#trenner {
	width: 949px;
	height: 21px;
	background: url(../bilder/trenner.jpg) no-repeat;
	clear: both;
	margin: 0 0 0 10px;
	}
/*
############################### INHALTSBEREICH
*/

	#container #content {
		width: 949px;
		background: #f5f2ef url(../bilder/hg-content.jpg) repeat-y;
		padding: 0 0 100px 0;
		position: relative;
		margin: 0 0 0 10px;
		}

		#inhalt {
			width: 567px;
			float: left;
			background: url(../bilder/content-top.jpg) no-repeat top;
			text-align: justify;
			font-size: 1em;
			}
		#inhalt A {
			color: #009953;
			}		
		#inhalt .errormsg {
			color: red;
			}			
			#inhalt a IMG.ktg-greifswald {
				margin: 20px 0 0 20px;
				border: none;
				}
						
				#inhalt .text {
					width: 500px;
					margin: 0 0 0 31px;
					padding: 20px 0 0 0;
					line-height: 1.5;
					clear: both;
					}
					#inhalt p, #inhalt ul, #inhalt ol {
						font-size: 0.82em;
						}
					#inhalt table {
						font-size: 0.82em;
						}
					#inhalt table table {
						font-size: 1em;
						}
					 #inhalt .text h2 {
						padding: 0;
						font-size: 1.1em;
						color: #05965e;
						}
							
						#headline {
							width: 536px;
							margin: 36px 0 0 31px;
							}
								
							#headline #gruenebox {
								width: 172px;
								height: 33px;
								background: #009953;
								float: left;
								}
									
								#headline h1 {
									width: 335px;
									float: left;
									color: #05965e;
									padding: 0;
									font-size: 1.3em;
									margin: 0 0 0 20px;
									}
	
									#inhalt .text IMG.first, 
									#inhalt .text a IMG.first {
										float: left;
										margin: 0 10px 10px 0;
										border: none;
										}
										
										#inhalt .text IMG.links, 
										#inhalt .text a IMG.links {
											float: left;
											margin: 0 10px 10px 0;
											border: none;
											}
											
											#inhalt .text IMG.rechts, 
											#inhalt .text a IMG.rechts {
												float: right;
												margin: 0 0 10px 10px;
												border: none;
												}
												
												#inhalt .text IMG,
												#inhalt .text a IMG {
													border: none;
													}
/*	
############################### INHALTSBEREICH - ANGEBOTE
*/				
#angebote {
	width: 357px;
	float: left;
	background: url(../bilder/content-top.jpg) no-repeat top;				
	padding: 0 0 0 25px;
	}
	
	#angebote-kopf {
		width: 342px;
		height: 68px;
		background: url(../bilder/angebote-kopf.png) no-repeat;
		margin: 25px 0 -20px -5px;
		_backgorund: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../bilder/angebote-kopf.png", sizingMethod="crop"); 		
		}
		
		#angebote-kopf h1 {
			font-size: 0.8em;
			font-style: italic;
			font-weight: bold;
			color: #226f00;
			padding: 20px 0 0 80px;
			}	
	
			#angebote .box-angebot {
				width: 316px;
				background: #60ba77 url(../bilder/trenner-angebotsbox.jpg) no-repeat 8px 100%;
				padding: 8px 8px 0 8px;
				position: relative;
				}
				
				#angebote .box-angebot .text  {
					width: 316px;
					color: #fff;
					font-size: 0.70em;
					}
				
					#angebote .box-angebot .text IMG {
						width: 103px;
						margin: 0 10px 10px 0;
						border: none;
						float: left;
						}
						
						#angebote .box-angebot .angebot-lesen a {
							height: 22px;
							width: 111px;
							color: #237000;
							background: url(../bilder/angebot-lesen.jpg) no-repeat 75px 12px;
							padding: 17px 0 10px 0;	
							margin: 10px 0 0 0;						
							display: block;
							float: right;
							}
							
							#angebote .box-angebot .angebot-lesen a:hover {
								text-decoration: none;
								}
								
								#angebote .last-angebot {
									background: #60ba77 url(../bilder/trenner-lastangebot.jpg) no-repeat 0 100%;
									padding-bottom: 2px;
									}			
/*	
############################### FOOTER
*/					
		#container #footer {
			width: 948px;
			height: 95px;
			position: absolute;
			bottom: 0;
			background: url(../bilder/hg-footer.jpg) no-repeat;
			margin: 0 0 0 10px;
			}
			
			#footer .shortcuts {
				width: 300px;
				float: left;
				}
				
				#footer .shortcuts ul {
					padding: 0;
					margin: 53px 0 0 19px;
					}			
					
					#footer .shortcuts ul li {
						display: inline;
						font-size: 0.75em;
						background: url(../bilder/trenner-shortcuts-footer.jpg) no-repeat 0 4px;
						padding: 0 7px 0 13px;
						}	
						
						#footer .shortcuts ul li a {
							text-decoration: none;
							color: #aba59a;
							}
							
							#footer .shortcuts ul li a:hover {
								text-decoration: underline;
								}
								
								#footer .shortcuts ul li.first {
									background: none;
									}
									
									#copyright {
										float: right;
										color: #aba59a;
										font-size: 0.75em;
										margin: 57px 30px 0 0;
										_margin: 57px 15px 0 0;
										}
											
										#copyright a.hnm {
											color: #a46a67;
											text-decoration: none;
											}
												
											#copyright a:hover {
												text-decoration: underline;
												}

/* von pp dazu gemogelt */
tr.odd { background-color: #F6F2EF; }
tr.even { background-color: #DFD7D1; }
tr.list-header { background-color: #009953; }
tr.list-header td { color: #ffffff; font-weight:bold; }
div.form-error { font-weight:bold; color: red; font-size: 0.75em;}
form#interesse .form-label { font-weight:bold; }