/*
Navi ON Color
3ea12d

Navi OFF Color
a1cc7f

*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	text-align:left;
	vertical-align:top;
}
th {
	font-weight:bold;
}
sup {
	font-size:0.8em;
	padding-top:-5px;
	vertical-align:top;
}
/*******************************************************************************************************************************************************************************************************/

html {
    overflow-y:scroll;
}

body, innput, textarea {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#0F1315;

}

.clear {
	clear:both;
}

.upper {
    text-transform:uppercase;
}

.red {
	color:#e20030;
}
.green {
	color:#008136;
}

ul, ol, p {
	margin:0 0 15px 0;
}

.overlay {
	position:absolute;
}

.overflow_img {
	width:582px;
	height:327px;
	position:absolute;
	top:10px;
	margin-left:0px;
}

a {
	color:#9a9b9f;
	text-decoration:underline;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
}

td.flyer a {
	font-weight:bold;
	color:#000;
}

td.flyer {
	width:62px;
	text-align:left;
	vertical-align:bottom;
	padding-bottom:3px;
}

.right {
	text-align:right;
}

/*******************************************************************************************************************************************************************************************************/

		a.n1 {
			background-image:url(../img/navi/ambiente.gif);
		}
		a.n1:hover, a.n1_on {
			background-image:url(../img/navi/ambiente_on.gif);
		}
		
		a.n1s1 {
			background-image:url(../img/navi/ambiente_lage.gif);
		}
		a.n1s1:hover, a.n1s1_on {
			background-image:url(../img/navi/ambiente_lage_on.gif);
		}
		
		a.n1s2 {
			background-image:url(../img/navi/ambiente_baubeschrieb.gif);
		}
		a.n1s2:hover, a.n1s2_on {
			background-image:url(../img/navi/ambiente_baubeschrieb_on.gif);
		}
		
		/***/
		a.n2 {
			background-image:url(../img/navi/haeuser.gif);
		}
		a.n2:hover, a.n2_on {
			background-image:url(../img/navi/haeuser_on.gif);
		}
		a.n2s1 {
			background-image:url(../img/navi/parkierung.gif);
		}
		a.n2s1:hover, a.n2s1_on {
			background-image:url(../img/navi/parkierung_on.gif);
		}
		
		/***/
		a.n3 {
			background-image:url(../img/navi/wohnungen.gif);
		}
		a.n3:hover, a.n3_on {
			background-image:url(../img/navi/wohnungen_on.gif);
		}
		
		a.n3s1 {
			background-image:url(../img/navi/parkierung.gif);
		}
		a.n3s1:hover, a.n3s1_on {
			background-image:url(../img/navi/parkierung_on.gif);
		}
		
		/***/
		a.n4 {
			background-image:url(../img/navi/kontakt.gif);
		}
		a.n4:hover, a.n4_on {
			background-image:url(../img/navi/kontakt_on.gif);
		}

/*******************************************************************************************************************************************************************************************************/

#wrapper {
	width:992px;
	margin:20px auto 5px auto;
	background-color:#FFF;
	border:1px solid #3ea12d;
	height:652px;
	overflow:hidden;
}

#wrapper #left_emo {
	width:321px;
	height:652px;
	float:left;
}

#wrapper #right_container {
	width:671px;
	float:right;
}

#wrapper #right_container #header {
	height:43px;
	padding:54px 0 0 464px;
}

#wrapper #right_container .navi_line {
	height:2px;
	padding-left:42px;
}
#wrapper #right_container .navi_line .line {
	height:2px;
	background-image:url(../img/navi_line.gif);
	background-repeat:repeat-x;
    line-height: 1px;
    font-size:1px;
}

#wrapper #right_container #navi {
	height:70px;
	padding-top:15px;
	width:628px;
	padding-left:43px;
	overflow:hidden;
}

#wrapper #right_container #navi .box, #wrapper #right_container #navi .box_on {
	width:157px;
	height:70px;
	float:left;
	overflow:hidden;
}

#wrapper #right_container #navi .box .sub {
	display:none;
}
/*#wrapper #right_container #navi .box:hover .sub {
	display:block;
}*/

#wrapper #right_container #navi .sub a {
	margin-top:3px;
}

#wrapper #right_container #navi a  {
	display:block;
	background-repeat:no-repeat;
	width:167px;
	height:18px;
}
#wrapper #right_container #content {
	padding:10px 10px 0 43px;
	height:456px;
	overflow:auto;
	position:relative;
}

#wrapper #right_container #content #scroll_container {
	clear:both;
}

#wrapper #right_container #content #scroll_container div.title {
    min-height:25px;
    margin-bottom:5px;
}


#wrapper #right_container #content #scroll_container p {
	width:290px;
}
#wrapper #right_container #content #scroll_container p.n {
	width:auto;
}

div.map div, div.map_s div {
	border:1px solid #333;
	font-weight:bold;
	text-align:center;
	padding-top:50px;
}
div.map div, div.map_s div {
	color:#333;
	text-decoration:none;
}
div.map_s div {
	padding-top:10px;
}
div.map div.sold, div.map_s div.sold  {
	background-color:#e20030;
	border:1px solid #960000;
}


table.price {
	width:100%;
}
table.price tr td, table.price tr th {
	padding:2px 8px 2px 1px;
}
table.price tr.odd td {
	background-color:#eef8e6;
}
table.price tr th {
	background-color:#cde0bf;
}

#wrapper #right_container #content #scroll_container div.right_content {
	width:250px;
	float:right;
}
#wrapper #right_container #content #scroll_container div.right_content p {
	width:auto;
}

/*******************************************************************************************************************************************************************************************************/
/*	FORMS	*/
div.input_text, div.input_text div, div.input_text input {
	height:20px;
}
div.input_text {
	width:204px;
	margin-bottom:1px;
}
div.input_text div.left {
	width:2px;
	float:left;
	background:white url(../img/input/text_lr.gif) no-repeat 0 0;
}
div.input_text input {
	float:left;
	width:200px;
	height:16px;
	line-height:16px;
	padding:2px 0 2px 0;
	margin:0;
	border:0;
	background:white url(../img/input/text_bg.gif) repeat-x;
}
div.input_text div.right {
	width:2px;
	float:left;
	background:white url(../img/input/text_lr.gif) no-repeat top right;
}

input.submit {
	width:90px;
	height:20px;
	line-height:16px;
	font-size:11px;
	color:#298F1A;
	font-weight:bold;
	padding:2px 0;
	border:0;
	margin:0;
	background:url(../img/input/submit.gif) no-repeat top left;
	cursor:pointer;
}