@charset "UTF-8";
/* <ß> S. Zimmermann für OHOJA 05/2009 */
/*

*/
html {height:101%;} /* scollbalkenplease*/
body {
	background-image: url(../images/site/bg_main.jpg);
	background-color:#999;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#000;
	background-repeat: repeat-x;
}

a {color:#000;}
a:hover, li.selected a {color:#C00;}
#topnav span a.selected {color:#C00;}

#subnav a {color:#fff;}
#subnav a:hover, #subnav a.selected, #subnav li.selected a {color:#000;}


p {	margin-bottom:9px;}

#pos {
	position: absolute;
	left: 0px;
	top: 25px;
	width: 100%;
	height:100%;
	text-align: center;
}

#mainwrapper {
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
	width: 992px;
/*	height:616px; */
/*	background-color:#fff; */
	overflow: visible;
	padding:0 13px;
	}


#mainwrapper {
/* display:block; */
/*  height:850px; /* per JS ermitteln und setzen */
		}

#content { /* height:720px;	/* ermittelte Höhe aus mainwrapper */
	 }		
#wrapper { /* height:736px;	/* = content-height+16px für footer */
	}

#wrapper {
	position: relative;
	padding:0 11px;
	background-color:#FFF;
}	
#content {
	position: relative;
	background-color:#CCCCCC;
	width:970px;
	background-image: url(../images/site/bg_content.gif);
	background-repeat: repeat-y;
	}

/* ################## shadow */
#shad_wrapper {
		position:absolute;
		left:0px;
		height:100%; 
		width:1018px;
		zoom:1;
		overflow:hidden; 
	}
	#shad_left, #shad_right {
		position:absolute;
		height:100%;
		width:13px;
		top:17px;
		}
		#shad_left  {
		background-image: url(../images/site/shad_left.png);
		}	
		#shad_right {
		right:0;
		background-image: url(../images/site/shad_right.png);
		}
 #shad_top, #shad_bottom {
		position:absolute;
		width:1018px;
		left:0px;
		}
		#shad_bottom {
		height:29px;
		bottom:-29px;
		background-image: url(../images/site/shad_bottom.png);
		}
		#shad_top {
		height:25px;
		top:-8px;
		background-image: url(../images/site/shad_top.png);
		}

/* ################## LEFT */	
#subnav {
	position:relative;
	width:160px;
	height:100%;
	float:left;
	margin-right:11px;
	}	
#subnav ul {
	margin: 18px 20px 36px 11px;
	text-align:left;
}	
#subnav li {
	margin: 4px 0px 0px 0px;
	border-bottom: 1px dashed #AAA;

	}	

/* FS 090607 */
#subnav ul #apartments{
	margin: 5px 0px 5px 10px;
	text-align:left;
}	
#subnav ul #apartments li {
	margin: 0px 0px 0px 0px;
	text-align:left;
	border-bottom: 0px;
}	




/* ##################  CENTER */
	
#column-mid {
	position: relative;
	float:left;
	width: 460px; */
	height:100%;
/*	overflow:hidden; */
	}
#column-mid.wide {
	width:471px;
	}	
#column-mid li {
	float:left;
	margin-right:11px;
	margin-bottom:11px;
	line-height:0px;
	font-size: 0px; /* FS 090622 */
		}
#column-mid #projimg li {
	border-bottom: 2px solid #FFF;
	}

#column-mid #projimg li:hover, 
#column-mid #projimg li.selected {
	border-bottom: 2px solid #F00;
	}
#column-mid #projimg {
	line-height:0;
	font-size:0;	
}

#column-mid li.third {
	margin-right:0px;
	}
#more {
	font-weight:bold;
	text-align:right;
	padding-top:12px;
}	

#column-mid li.enlarge {
	display:block;
	height:95px;
	width:146px;
	line-height:18px;
	font-size:12px;}

/* ################## RIGHT */	
#column-right {
	position: relative;
	float:right;
	width: 328px;
/*	background-color:#c4c; */
	height:100%;
	background-image: url(../images/site/clip.gif);
	background-repeat: no-repeat;
	z-index: 20;
/*	display:none; */
	}
#column-right div {
	padding: 18px 11px 100px 30px; /* 100 ist max Höhe für Grafiken */
	clear:both;

	}
#column-right h1 {
	padding: 0 0 18px 0;
	color:#C00;
	font-weight:bold;
}

#column-right h2 {
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 18px 0;
	color:#C00;
	font-weight:bold;
}
#column-right h3 {
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 18px 0;
	color:#C00;
	font-weight:bold;
}


#footercontent div#bottomimg {
	position:absolute;
	padding:0;
	top:-140px;
	right:0;
	height:140px;
	width:328px;

}
#footercontent div#bottomimg img {
	position:absolute;
	bottom:0;
	}

/* ################## 2 SPALTER*/
#content.full #column-right {
	width: 799px;
	background-color:#CCC;
	}

#content.full #column-mid {
	display:none;}

#flags {
	position:absolute;
	left: 35px;
	top: 105px;
	z-index: 100;
	}
#flags ul {
	}
#flags li {
	float:left;
	padding-right:8px;
}	

/* ################## HEADER */
#header {
	position:relative;
	height:130px;
	background-color:#FFF;
	font-size:14px;
	font-weight:bold;
	}
#header img {
	position:absolute;
	right:0;
}
#header ul {
	position:absolute;
	top:102px;
	left:182px;
	}
#header li {
	float:left;
	padding-right:8px;
}
#header span {
	position:absolute;
	left:654px;
	top:102px;
	width: 312px;
	text-align: right;
}
/* ################## FOOTER */
#footer {
	clear:both;
	position:relative;
	background-color:#FFF;
	height:16px;
	font-size:9px;
	z-index:12;
 
}
#footercontent div {
	position:absolute;
	top:4px;
	width:100%;
	}
#footercontent div span#disc {
	position:absolute;
	left:643px;
	top:0;
}	
#footercontent div span#disc .selected { color: #C00; }

#footercontent div span#lan {
	position:absolute;
	right:0;
	top:0;
	text-align:right;
}

/* ################## START */

#starter {
	position:absolute;
	right:0px;
	top:0;
	width:799px;
	height:100%;
	background-color:#CCC;
	z-index:10;
	display:none;
	}	
	
	
/* ################## PROJEKT */	
#lightboxlinks {
	position:absolute;
	left:-2500px;}

.imgonly {
	line-height:0;
	white-space:nowrap;
}
.clearfix {
	clear:both;
	height:1px;
}
/* ################## CONTACT */	
form {
	padding:18px 11px 10px 30px;
}
td {
	vertical-align:top;
}
input {
	width:200px;
	margin-left:6px;
}
textarea {
		margin-left:6px;
		margin-top:4px;
		width:203px;
		height:80px;
}
fieldset tr {
		height:22px;
		width:100%;
}
legend {
	margin:0 0 8px 0;
	color:#000;
	padding:0;
}
.button {
	display:block;
	width: 200px;
	text-align: right;
	padding-top: 4px;
	background-color: #CCC; 
	text-align: left; 
	border: 0px; 
	cursor: pointer;		
}

#mapwrapper, #map_canvas {
	height:460px;
}
#googlelink {

}
#copyright {
	width:460px;
}