@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);

/* ----------------------------------------------------- Page layout */

body {
	background: #1a171b url("../images/backgroundbonn.jpg") no-repeat top center;
	font-family: Verdana, sans-serif;
}

#logo {
	position: absolute;
	top: -5em;
	right: 1em;
	color: white;
	text-indent: -9999px;
	background: url("../images/logo.gif") no-repeat;
	z-index: 100;
}

#logo a{
	width: 18em;
	height: 8em;
	display: block;
}

strong {
	font-weight: bold;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.2em;
	margin: 1.5em 0 .5em 0;
	font-weight: bold;
	color: #823132;
	letter-spacing: -1px;
}

em{
	font-style: italic;
}

a{
	text-decoration: none;
	color: #823132;
}

a:hover {
	text-decoration: underline;
}

/* FOOTER */

#footer {
	display: block;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 1em 1.7em 1em 1em;
	width: 54.6em;
	color: #fff;
	background: #424341;
	border-left: 2em solid #1a171b;
}

#footer div.footer-left{
	font-size: 0.6em;
	float: left;
	width: 40%;
}

#footer div.footer-right{
	font-size: 0.6em;
	float: right;
	text-align: right;
	width: 40%;	
}

#footer p{
	margin: 0 0 2em 0;
	line-height: 1.5em;
}

#footer a{
	color: #fff;
}

#footer img{
	display: block;
}

/* WRAPS */

#wrap1 {
	width: 59.3em;
	margin: 7em auto 0 auto;
	padding: 1em 0 0 0;
	position: relative;
	background: url('../images/wrap1bg.jpg') no-repeat top right;
}

#wrap2 {
	width: 57.6em;
	margin: 0 auto 0 auto;
	border: 1px solid #cecece;
	padding: 0 0 0 1.6em;
	background: #ffffff url("../images/orna-left.gif") no-repeat top left;
}

#wrap3 {
	margin: 2em auto 0 auto;
	padding: 0 1.6em 0 0;
	background: url("../images/orna-right.gif") no-repeat top right;
	
}

/* NAVIGATION */

ul#navigation{
	position: absolute;
	top: 11em;
	left: -11.75em;
	text-align: right;
	font-size: .7em;
}

ul#navigation li{
	line-height: 2.5em;
	height: 3em;

}

ul#navigation li a{
	vertical-align: middle;
	display: block;
	text-decoration: none;
	color: #000;
	background: url("../images/inactive.gif") no-repeat top right;
	width: 12.2em;
	padding: 0 2em 0 0;
}

ul#navigation li a.active{
	background: url("../images/active.gif") no-repeat top right;
	color: white;
}

ul#navigation li a:hover{
	background: url("../images/active.gif") no-repeat top right;
	color: white;
}

#breadcrumbs {
	font-size: .7em;
	color: #2b2b2b;
	margin: 1em 0 2em 4em;
}

#breadcrumbs li {
	display: inline;
}

#breadcrumbs li a{
	color: #2b2b2b;
}

#breadcrumbs li.active {
	text-decoration: none;
	font-weight: bold;
	color: #823132;
}

/* TEASER */

div.teaser /*block1*/ {
	border: 1px solid #bababa;
	margin: 4em 0 1.5em 1.5em;
	padding: 0 0 0 0;
	background: #fff;
}

div.teaserimage img{
	margin: 0 0 -0.2em 0;
	border: 0;
	padding: 0;
	width: 100%;
}

div.teaserimage {
	width: 33.8em;
	float: left;
	margin: -2em 0 1em -1.5em;
	border: 1px solid #823132;
}

div.teaser div.textblock {
	background: #823132;
	color: white;
	text-align: left;
	padding: 1.3em;
}

div.teaser div.textblock h2{
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 1.4em;
	margin: 0 0 0.3em 0;
}
div.teaser div.textblock p{
	font-size: 0.9em;
	line-height: 1.3em;
}

div.teaser div.textblock p a{
	color: #fff;
}

div.teaser div.intro{
	float: right;
	width: 24em;	
	padding: 1.5em 4em 0 0;	
	font-size: .7em;
}

div.teaser div.intro p {
	text-align: left;
	line-height: 1.8em;
	margin: 0 0 1.2em 0;
}

div.teaser img.tn {
	float: left;
	display: inline;
	margin: 1em 1em 1em 0;
	border: 1px solid #823132;
}

div.teaser div.intro p span.highlight {
	color: #823132;
	font-size: 0.9em;
}

/* BLOCK2 */

.block {
	border: 1px solid #b2b2b2;
	background: #fffdf8;
	padding: 1.3em 1.3em 0.5em 1.3em;	
	margin: 0 0 1.5em 0;
	height: 100%;
}

div.textbox{
	width: 31.1%;
	float: left;
	margin: 0 1em 1em 0;
}

div.textbox h3{
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0.5em 0 0.8em 0;
	padding: 0 0 0 0;
}

div.textbox h3.large{
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0em 0 0.8em 0;
	padding: 0 0 0 0;
	letter-spacing: -2px;
}

div.textbox img{
	border: 1px solid #949494;
	margin: 0 0 1em 0;
}

div.gallery a img{
	border: 1px solid #823132;
}

div.gallery a{
	margin: 0 0 1em 0;
}

div.textbox p{
	font-size: 0.7em;
	line-height: 1.7em;
	margin: 0 0 2em 0;
	color: #595959;
}

div.textbox p.large{
	color: #823132;
	font-size: 1em;
	margin: 0 0 1em 0;
	letter-spacing: -1px;
}

div.textbox p.highlight{
	color: #900;
}

div.box{
	width: 50%;
	float: left;
}

div.box a.image{
	display: block;
	float: left;
	padding: 0 1em 0 0;
}

div.box p.reflink{

}

div.box h3{
	font-size: 1em;
	font-weight: normal;
	margin: 0.5em 0 0.8em 0;
	padding: 0 0 0 0;
}

div.box p{
	font-size: 0.7em;
	line-height: 1.7em;
	padding: 0 2em 0 0;
}

.noborder {
	float: right;
}

.firstbox {
	margin: 1px;
	width: 24em;
}

.tn-big1 {
	border: 1px solid #b2b2b2;
}


.boxintroup1 {
	margin: -11em 0 0 13em;
	font-size: .7em;
}

.boxintrodown1 {
	margin: -9em 0 0 13em;
	font-size: .7em;
}

.tn-big2 {
	margin: 5em 0 0 1.3em;
	border: 1px solid #b2b2b2;
}

.secondbox {
	float: right;
	margin: -13.5em 2em 0 0;
	width: 24em;
}

.tn-big3 {
	margin: 1.3em;
	border: 1px solid #b2b2b2;
}


.boxintroup2 {
	margin: -10em 0 0 13em;
	font-size: .7em;
}

.boxintrodown2 {
	margin: -9em 0 0 13em;
	font-size: .7em;
}

.tn-big4 {
	margin: 5em 0 0 1.3em;
	border: 1px solid #b2b2b2;
}

/* BLOCK3 */

.block3 {
	width: 56em;
	height: 15em;
	border: 1px solid #b2b2b2;
	margin: 3em 0 0 2em;
	background: white;	
}

.left {
	width: 23em;
	font-size: .7em;
	line-height: 1.3em;
	float: left;
	margin: 1.5em 1em 0 2em;
}

.center {
	float: left;
	width: 23em;
	font-size: .7em;
	line-height: 1.3em;
	margin: 1.5em 3em 0 2em;
}

.right {
	float: right;
	width: 22em;
	font-size: .7em;
	line-height: 1.3em;
	margin: 1.5em 2em 0 2em;
}

hr.divider, hr.clear{
	visibility: hidden;
	height: 1px;
	border: 0px solid #fff;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.clear {
	clear: both;
}

div.noborderi{
	display: block;
}

div.noborderi img{
	border: 0;
}

ul.download{
	list-style-image: none;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
	line-height: 1em;
	font-size: 0.7em;
	clear: both;
}

ul.download li{
	margin: 0 0 1em 0;
}


ul.download li a{
	display: block;
}

ul.download li.pdf a{
	padding: 0 0 0 3em;
	background: url(img/pdf-file.gif) no-repeat left;
}

ul.download li.zip a{
	padding: 0 0 0 3em;
	background: url(img/zip-file.gif) no-repeat left;
}

ul.download li.doc a{
	padding: 0 0 0 3em;
	background: url(img/doc-file.gif) no-repeat left;
}

ul.download li.xls a{
	padding: 0 0 0 3em;
	background: url(img/xls-file.gif) no-repeat left;
}

div.lightboxgallery a img{
	border: 1px solid #666;
	padding: 0 0 0 0;
}

div.ecohouse{
	position: absolute;
	top: 3.1em;
	left: 23em;
}

div.soldout{
	position: absolute;
	top: 5.8em;
	left: 1.71em;
}         
    
div.sold_app{
	position: absolute;
	top: 8.8em;
	left: 22.55em;  
}     

div.open_house{
	position: absolute;
	top: 13.95em;
	left: 22.9em;  
}

div.textbox p span.red {
	color: #823132;
	font-weight: bold;
}

/* Adjustment to Logo */       

div#wrap3 div.block div.textbox div.mainlogo img {
	margin: .5em 0 0.5em 0;
}