@charset 'utf-8';
	
/*
	Ueber dem See - Screen Style Sheet
	Copyright (c) 2006 Obrist und Partner, Nico Rohrbach. All rights reserved.
	Don't steal Design = Good Karma.
*/

* {
	margin: 0;
	padding: 0;
}

html {
/*	background: #fff;*/
	color: #000;
	direction: ltr;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

h1 {
	clear: both;
	margin: 1em 0;
	font-weight: normal;
	font-size: 20px;
	background: inherit;
	color: #333;
	text-shadow: #ccc 0px 1px 1px;
}

p + h1 {
	margin-top: 2em;
}

h2 {
/*	clear: both;*/
	margin: 2em 0 0.5em 0;
	font-weight: bold;
	font-size: 14px;
/*	border-bottom: px solid #ccc;*/
	background: inherit;
	color: #666;
	text-shadow: #ccc 0px 1px 1px;
}

p {
	margin: 1em 0;
}

sup {
	font-size: 70%;
}


/* BASE LAYOUT
--------------------------------------------------------------------------- */

body {
	text-align: center;
	background: #e7eef4 url(media/shadow.gif) top center repeat-y;
}

#container {
	background: transparent url(media/gradient-soft.jpg) top center no-repeat;
}

#page {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	background: #fff url(media/logotype.gif) 40px 34px no-repeat;
}

	
/* NAVIGATION
--------------------------------------------------------------------------- */

#head {
	padding: 60px 0 0 0;
	float: right;
}

#head h1 {
	display: none;
}

#head ul#nav {
	font-size: 14px;
	font-weight: bold;
	list-style-type: none;
/*	background: #fcf;*/
	float: right;
	margin: 0 20px 20px 0;
}

#head ul#nav li {
/*	background: #cfc;*/
	color: #414141;
	text-shadow: #f0f0f0 0px 1px 1px;
	margin: 0 0 0 10px;
	padding: 0 0 0 4px;
	float: left;
}

#head ul#nav li a,
#head ul#nav li a:link,
#head ul#nav li a:visited {
/*	background: #ffc;*/
	color: #dbdbdb;
	text-shadow: none;
	padding: 2px 2px 0 2px;
	text-decoration: none;
}

#head ul#nav li a:hover {
	color: #414141;
}

#head ul#nav li.navhere a,
#head ul#nav li.navhere a:link,
#head ul#nav li.navhere a:visited {
	color: #414141;
}


/* FRONTPAGE
--------------------------------------------------------------------------- */

#front {
	float: left;
	width: 430px;
}

#promobar {
	float: right;
	margin-top: 5em;
	width: 200px;
}

#promobar p {
	margin: 0;
}

#promobar img {
	border: none;
}

#promobar a {
	text-decoration: none;
	border: none;
}

#promobar img,
#promobar ul {
	margin-bottom: 1em;
}

#promobar ul {
	border: 1px solid #ccc;
	background: #f4f4f4;
	list-style: none;
}

#promobar ul li {
	margin: 10px;
}


/* TOOLBOX
--------------------------------------------------------------------------- */

#wrap {
	clear: both;
	width: 670px;
	margin: 40px 0 0 40px;
/*	background: #cfc;*/
}

#wrap p {
	line-height: 1.5em;
}

#wrap p a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #999;
}

#wrap p a:hover {
	border-bottom: 1px solid #000;
}
	
.short {
	width: 500px;
/*	background: #cfc;*/
}

.x-short {
	width: 300px;
	background: #cfc;
}

.imgleft {
	padding: 4px;
	border: 1px solid #ccc;
	float: left;
	margin: 0 2em 0 0;
}

div.gallery {
	width: 200px;
	float: right;
	text-align: right;
	margin: 0 0 1em 0;
}

div.gallery img {
	margin: 0 0 10px 10px;
	padding: 4px;
	border: 1px solid #ccc;
}

div.gallery2 {
	width: 370px;
	float: right;
	text-align: right;
	margin: 0 0 1em 0;
/*	background: #cfc;*/
}

div.gallery2 img {
	margin: 0 0 10px 10px;
	padding: 4px;
	border: 1px solid #ccc;
}

.plan {
	border: 1px solid #ccc;
}

#explain {
	border-top: 1px solid #ccc;
	font-size: 10px;
	color: #666;
	margin: 2em 0 0 0;
	padding: 0.5em 0;
}

#explain p {
	line-height: 1.4em;
	margin: 0.5em 0;
}


#mapContainer { 
	/* For Y! AJAX MAP */	
	width: 668px; 
	height: 400px; 
	border: 1px solid #ccc;
/*	background: #fff;*/
	}
	
.contactbox {
	width: 280px;
	height: 24em;
	margin: 0 2em 2em 0;
	float: left;
}
.contactbox h2 {
	margin: 0;	
	padding: 0.5em 0;
	border-bottom: 1px solid #ccc;
}

a.filedownload {
	background: transparent url(media/print.gif) left center no-repeat;
	padding: 4px 0 4px 20px !important;
	text-decoration: none !important;
	color: #666 !important;
	font-weight: bold !important;
	border: none !important;
}

a:hover.filedownload {
	text-decoration: underline !important;
	color: #000 !important;
}

a.linkitem {
	background: transparent url(media/arrow.gif) left center no-repeat;
	padding: 4px 0 4px 20px !important;
	text-decoration: none !important;
	color: #666 !important;
	font-weight: bold !important;
	border: none !important;
}

a:hover.linkitem {
	text-decoration: underline !important;
	color: #000 !important;
}


.overviewmap img {
	border: 1px solid #ccc;
}



/* IMAGE BAR
--------------------------------------------------------------------------- */

#bar { clear: both; background: #c1d5e8; } /* height: 252px; */

#barz { clear: both; background: #c1d5e8 url(media/maps/mapbg.jpg) top left no-repeat; }

#barz2 { clear: both; background: #a2d2eb url(media/maps/mapbg-z2.jpg) top left no-repeat; }

#barz3 { clear: both; background: #cae4b5 url(media/maps/mapbg-z3.jpg) top left no-repeat; }

#barz4 { clear: both; background: #a2d2eb; }

#barz5 { clear: both; background: #a2d2eb; }

#bartz3 { clear: both; background: #a2d2eb; }

#bartz4 { clear: both; background: #a2d2eb; }

#bar p {
	margin: 0;
}


/* SUBNAVIGATION
--------------------------------------------------------------------------- */

#subnav {
	border-bottom: 1px solid #b4b4b4;
	padding: 0 0 0.5em 0;
	width: 670px;
}
#subnav ul {
	list-style-type: none;
	display: inline;
	margin-right: 2em;
}

#subnav ul li {
	display: inline;
	font-size: 12px;
	color: #fff;
	padding: 2px 4px;
	margin: 0 0.5em 0 0;
}

#subnav ul li.subnavhere {
	background: #b4b4b4;
}

#subnav ul li a,
#subnav ul li a:link,
#subnav ul li a:visited {
	text-decoration: none;
	color: #b4b4b4;
}

#subnav ul li a:hover {
/*	text-decoration: underline;*/
	color: #000;
/*	background: #cfcfcf;*/
	text-decoration: underline;
}


#subnav h3 {
	display: inline;
	margin: 0 1em 0 0;
	font-size: 12px;
}

#subnav.z2 ul li.subnavhere { background: #0094d4; }
#subnav.z3 ul li.subnavhere { background: #64b639; }
#subnav.z4 ul li.subnavhere { background: #f29521; }
#subnav.z5 ul li.subnavhere { background: #ca2663; }
#subnav.tz3 ul li.subnavhere { background: #e54422; }
#subnav.tz4 ul li.subnavhere { background: #233f88; }


/* PROJECT NAVIGATION
--------------------------------------------------------------------------- */

ul#projnav {
	width: 670px;
	list-style: none;
	float: left;
	margin: 0 0 3em 0;
	border-bottom: 1px solid #b4b4b4;
}
ul#projnav li {
	margin: 0 1.5em 0 0;
	padding: 0 0 0.5em 0;
	float: left;
	background: transparent url(media/position.gif) center bottom repeat-x;
	font-weight: bold;
}

ul#projnav li a,
ul#projnav li a:link,
ul#projnavl li a:visited {
	text-decoration: none;
	color: #b4b4b4;
	background: #fff;
	padding: 0 0 0.5em 0;
	font-weight: normal;
}

ul#projnav li a:hover {
	color: #000;
	text-decoration: underline;
}



/* INFOTOOLS
--------------------------------------------------------------------------- */

#infotools {
/*	border-top: 1px solid #ccc;*/
/*	border-bottom: 1px solid #ccc;*/
	float: right;
	width: 160px;
	padding: 4px 0;
}

#infotools ul {
	list-style: none;
}

#infotools ul li {
	margin: 0 0 0.8em 0;
}

#infotools ul li a {
	display: inline;
	padding: 6px 0 6px 20px;
	margin: 0 1em 0 0;
	text-align: left;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}

#infotools ul li a:hover {
	text-decoration: underline;
	color: #000;
}

#infotools ul li a#print {
	background: transparent url(media/print.gif) left center no-repeat;
}

#infotools ul li a#price {
	background: transparent url(media/arrow.gif) left center no-repeat;
}

p.infoside {
	width: 470px;
/*	background: #cfc;*/
}



/* OFFERTABLES
--------------------------------------------------------------------------- */

table.offer {
	border-collapse: collapse;
/*	width: 500px;*/
	width: 670px;
	margin: 2em 0;
	background: #fcfcfc;
}

table.offer caption {
	text-align: left;
	background: #ccc;
	color: #333;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 12px;
	text-shadow: #ccc 0px 1px 1px;
}

table.offer th,
table.offer td {
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 25%;
}

table.offer th {
/*	width: 180px;*/
	white-space: nowrap;
}

table.offer td {
/*	width: 25%;*/
}

table.offer a {
	padding: 5px 10px;
	color: #000;
	display: block;
	text-decoration: underline;
}

table.offer a:hover {
	background: #003658 url(media/edge.gif) right center no-repeat;
	color: #fff;
	text-decoration: none;
}

table.offer a.linkz2:hover { background: #0094d4 url(media/edge.gif) right center no-repeat; }
table.offer a.linkz3:hover { background: #64b639 url(media/edge.gif) right center no-repeat; }
table.offer a.linkz4:hover { background: #f29521 url(media/edge.gif) right center no-repeat; }
table.offer a.linkz5:hover { background: #ca2663 url(media/edge.gif) right center no-repeat; }
table.offer a.linktz3:hover { background: #e54422 url(media/edge.gif) right center no-repeat; }
table.offer a.linktz4:hover { background: #233f88 url(media/edge.gif) right center no-repeat; }

table.z2 a:hover { background: #0094d4 url(media/edge.gif) right center no-repeat; }
table.z3 a:hover { background: #64b639 url(media/edge.gif) right center no-repeat; }
table.z4 a:hover { background: #f29521 url(media/edge.gif) right center no-repeat; }
table.z5 a:hover { background: #ca2663 url(media/edge.gif) right center no-repeat; }
table.tz3 a:hover { background: #e54422 url(media/edge.gif) right center no-repeat; }
table.tz4 a:hover { background: #233f88 url(media/edge.gif) right center no-repeat; }

table.offer thead tr th.first {
	padding: 0 0 0 10px;
}

table.offer thead th {
	text-align: left;
	background: #ccc;
	color: #333;
	padding: 5px 0px;
	font-weight: bold;
	font-size: 12px;
	text-shadow: #ccc 0px 1px 1px;
}


/* INFO TABLES
--------------------------------------------------------------------------- */

table.info {
	border-collapse: collapse;
/*	width: 450px;*/
	width: 100%;
	margin: 2em 0;
	background: #fcfcfc;
}

table.info th,
table.info td {
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px;
	width: 50%;
}


/* PRICELIST TABLE
--------------------------------------------------------------------------- */

table#pricelist {
	border-collapse: collapse;
	width: 100%;
	margin: 3em 0 2em 0;
	border-top: 1px solid #ccc;
}

table#pricelist col.alt {
	background: #f4f4f4;
}

table#pricelist th,
table#pricelist td {
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 4px;
}

table#pricelist td,
table#pricelist th.plcenter {
	text-align: right;
}		

table#pricelist tr.house th,
table#pricelist tr.house td {
	background: #fff;
	padding-top: 2em;
	border-bottom: 2px solid #ccc;
}

table#pricelist tr:hover {
	background: #e7eef4 !important;
}

table#pricelist a {
	display: block;
	text-decoration: none;
	color: #000;
}

table#pricelist a:hover {
	text-decoration: underline;
}

table#pricelistaddon {
	border-collapse: collapse;
	margin: 3em 0;
}

table#pricelistaddon caption {
	text-align: left;
	font-weight: bold;
	padding: 4px;
	border-bottom: 1px solid #ccc;
}

table#pricelistaddon td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 4px;
	}
	

/* RESERVED AND SOLD STATUS INDICATION
--------------------------------------------------------------------------- */

/* Overview */

table.offer tr.sold {
	background: #fff5f5;
}
table.offer tr.reserved {
	background: #f5f5f5;
}
table.offer tr.sold th {
	background: #fff5f5 url(media/sold.gif) center right no-repeat;
}
table.offer tr.reserved th {
	background: #f5f5f5 url(media/reserved.gif) center right no-repeat;
}

table.z2 tr.sold th a:hover { background: #0094d4 url(media/edge-sold.gif) right center no-repeat; }
table.z3 tr.sold th a:hover { background: #64b639 url(media/edge-sold.gif) right center no-repeat; }
table.z4 tr.sold th a:hover { background: #f29521 url(media/edge-sold.gif) right center no-repeat; }
table.z5 tr.sold th a:hover { background: #ca2663 url(media/edge-sold.gif) right center no-repeat; }
table.tz3 tr.sold th a:hover { background: #e54422 url(media/edge-sold.gif) right center no-repeat; }
table.tz4 tr.sold th a:hover { background: #233f88 url(media/edge-sold.gif) right center no-repeat; }

table.z2 tr.reserved th a:hover { background: #0094d4 url(media/edge-reserved.gif) right center no-repeat; }
table.z3 tr.reserved th a:hover { background: #64b639 url(media/edge-reserved.gif) right center no-repeat; }
table.z4 tr.reserved th a:hover { background: #f29521 url(media/edge-reserved.gif) right center no-repeat; }
table.z5 tr.reserved th a:hover { background: #ca2663 url(media/edge-reserved.gif) right center no-repeat; }
table.tz3 tr.reserved th a:hover { background: #e54422 url(media/edge-reserved.gif) right center no-repeat; }
table.tz4 tr.reserved th a:hover { background: #233f88 url(media/edge-reserved.gif) right center no-repeat; }

/* Solo-page */

#page.sold {
	background: #fff url(media/sold-batch.gif) 645px 349px no-repeat;
}

#page.reserved {
	background: #fff url(media/reserved-batch.gif) 645px 349px no-repeat;
}

/* On Pricelist */

table#pricelist tr.sold {
	background: #fff5f5;
}

table#pricelist tr.reserved {
	background: #f5f5f5;
}

/*
table#pricelist tr.sold th {
	background: #fff5f5 url(media/sold.gif) center right no-repeat;
}
*/
table#pricelist tr.sold td.pricecol {
	background: #fff5f5 url(media/sold-pl.gif) center right no-repeat;
}
table#pricelist tr.sold td.pricecol span {
	display: none;
}

/*
table#pricelist tr.reserved th {
	background: #f5f5f5 url(media/reserved-pl.gif) center right no-repeat;
}
*/
table#pricelist tr.reserved td.pricecol {
	background: #f5f5f5 url(media/reserved-pl.gif) center right no-repeat;
}
table#pricelist tr.reserved td.pricecol span {
	display: none;
}




/* BUILDDESCRIPTION SECTION (UNDER PROJECT)
--------------------------------------------------------------------------- */

#builddesc {
	font-size: 11px;
	line-height: 1.3em;
}

#builddesc ul {
	margin: 0 0 0 2.5em;
}

#builddesc ul li {
	padding: 0.3em 0;
}

#builddesc #rawbuild {
	width: 320px;
	float: left;
}

#builddesc #devbuild {
	width: 320px;
	float: right;
}

#builddesc h2 {
	margin: 1em 0;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #ccc;
}

#builddesc h3 {
	font-size: 12px;
	margin: 1em 0;
}

#builddesc h4 {
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	margin: 1em 0;
}


/* FOOTER
--------------------------------------------------------------------------- */

#footer {
	clear: both;
	float: left;
	width: 750px;
	margin: 4em 0 0 0;
	padding: 0;
	background: #f1f1f1;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 1.4em;
}

#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer dl {
	margin: 30px 0 0 0;
	padding: 0;
/*	border: 1px solid #ccc;*/
	padding-bottom: 30px;
	float: left;
}

#footer dl dt {
	margin: 0 0 0 40px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	width: 150px;
	float: left;
	display: inline;
/*	background: #cfc;*/
}

#footer dl dd {
	margin: -1.5em 0 0 170px;
	width: 520px;
	float: right;
}


/* COPYRIGHT FOOTER
--------------------------------------------------------------------------- */

#copyright {
	border: 1px solid #fff;
	color: #ccc;
	clear: both;
	margin: 0 auto;
	width: 700px;
	text-align: right;
	font-size: 10px;
}

#copyright p {
	margin: 1em 0;
}

#copyright a {
	text-decoration: none;
	color: #dfdfdf;
}

#copyright a:hover {
	color: #666;
}



/* # # # TEMPORARY # # #
--------------------------------------------------------------------------- */

div.sticky {
	width: 380px;
	height: 220px;
	margin: 2em auto;
	background: #fff url(media/postit.gif);
	border: 1px solid #fff;
}

div.sticky div {
	margin: 70px 50px 0 50px;
	text-align: center;
}

div.sticky div h3 {
	margin: 0 0 0.5em 0;
}

div.sticky div ol {
	margin: 0 0 0 1.7em;
	font-size: 11px;
}

div.sticky div ol li {
	margin: 0.5em 0;
}