/*
 * Bryn Eiendom CSS
 *
 */

/* ----------------------------- General ----------------------------- */
* { margin: 0; padding: 0; }



body, html
{
	font-family:	Arial, Helvetica, sans-serif;
	font-size: 		11px;
	line-height: 	18px;
	color: 			#808080;
	background: 	url(../items/bg.png) repeat-y #e6e7e3;
	height: 100%;		/* !!!!!!!!! */
}


#page {			/*	damits bis ganz anch unten geht	*/
	min-height:99.7%;
	border-width:1px;
	border-color:#e6e6e2;
	border-style:dotted;
	*height:99.7%;
}

#wrapper {
	position:relative;
	width: 960px;			/*	eigentlich 900px, aber damit die properties-list einfach mit einem 60px padding-right versehen werden kann 960px	*/
	margin: 0 auto;
	min-height:100%;
	border-bottom-width:1px;
	border-style:none;
	border-color: orange;
	*height:100%;
}



p {
	padding: 0px;
	margin: 0px;
}

a {
	color: #17724e;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;	
}

a img {
	border: 0 !important;
	
}

ul li {
	list-style-position: inside;
	
}

.clearer { clear: both; }
.left { float: left; }
.right { float: right; }




/* ----------------------------- Header ----------------------------- */
#header {
	position:relative;
	z-index:10;
}

#logo {
	margin-top:40px;
	margin-left:55px;
	height:55px;
	width:220px;
}


/* Menu */
#menu {
	margin-top:40px;
	margin-left:-1px;
	height: 			45px;
	width: 				902px;
	background-image: 	url(../items/menu_bg.png);
}
#menu ul {
	padding-top: 15px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
}

#menu ul li {
	display: 		inline;
	background: 	url(../items/menu_divider.png) top left no-repeat;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 17px;
	padding-right: 17px;
}

#menu ul li#first {
	background: none;
}

#menu ul li a {
	font-weight:normal;
	font-size: 13px;
	color: #FFFFFF;
	padding-bottom: 14px;
}

#menu ul li a#active {
	background-image:url(../items/arrow.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}


#menu ul li a:hover {
	background-image:url(../items/arrow.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	text-decoration:none;
}



#leaf {
	position:absolute;
	top:-4px;
	*top:51px;
	left:430px;
	background-image:url(../items/leaf.png);
	width:585px;
	height:470px;
	*behavior: url(javascript/iepngfix/iepngfix.htc);
	z-index:0;
}

#leafTrans {
	position:absolute;
	top:-4px;
	*top:51px;
	left:430px;
	background-image:url(../items/leaf_trans.png);
	width:585px;
	height:470px;
	*behavior: url(javascript/iepngfix/iepngfix.htc);
	z-index:0;
}


/* ----------------------------- Slideshow ----------------------------*/

#slideshowContainer {
	position:relative;
	margin-top:18px;
    height:310px;
}

.slideshowSubpage .slideContent {
	visibility: hidden;	
}

#slideshow {
    height:310px;
}

#slideshow .slideHeader {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#2d332e;
	font-weight:normal;

	position:absolute;
	top: 180px;
	margin-left:25px;
	padding:4px;
	padding-right:10px;
	background-color:#17724e;
	opacity: 0.90;
	color:#FFFFFF;
	font-weight:normal;
	*filter:alpha(opacity=90);
}

#slideshow .slideTextContainer {
	position:absolute;
	display:inline;
	
	top: 220px;
	margin-left:25px;
	
	opacity: 0.85;
	color:#808080;
	font-weight:normal;	
	*filter:alpha(opacity=85);
}

#slideshow .slideContent {
	display:block;
	position:absolute;
	width:600px;
}

#slideshow .slideText {
	_display:block;			/* IE 6 and below	*/
	padding-top:0.3em;
	padding-bottom:0.3em;
	background-color:#ffffff;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow DIV.active {
    z-index:10;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow-previous {
  position: absolute;
  top: 275px;
  left:15px;
  display:block;
  cursor: pointer;
  cursor: hand;
  z-index:100;
}

#slideshow-previous a {
	padding-left:17px;
	*padding-left:0px;
	*margin-left:17px;
	background: transparent url(../items/arrow_prev.png) no-repeat left center;
	color:#FFFFFF;
	font-weight:normal;
	*behavior: url(javascript/iepngfix/iepngfix.htc);
}

#slideshow-next {
  position: absolute;
  top: 275px;
  left: 100px;
  display: block;
  cursor: pointer;
  cursor: hand;
  z-index:100;
}

#slideshow-next a {
	padding-right:17px;
	background: transparent url(../items/arrow_next.png) no-repeat right center;
	color:#FFFFFF;	
	font-weight:normal;
	*behavior: url(javascript/iepngfix/iepngfix.htc);
}


#main_divider {
	background:url(../items/main_divider.png) top no-repeat;
	width:970px;
	height:26px;
	position:relative;
	left:-35px;
	margin-top:5px;
	*behavior: url(javascript/iepngfix/iepngfix.htc);
}

/* ----------------------------- Content ----------------------------- */
#content {
	margin-top:5px;
	padding-bottom: 0px;
/*	*padding-bottom: 0px;
	*margin-bottom: 70px; */
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#2d332e;
	font-weight:normal;
}

#content h1 {
	margin-bottom: 25px;	
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#2d332e;
	font-weight:700;
	margin-top: 30px !important;
}

#content h2 {
	padding-right:30px;
}

h3 {
	font-size: 11px;
	color: #17724e; 
}


.text {
	margin-top:10px;
	padding-top:15px;
	padding-right:30px;
}

#content p {
	margin-top:10px;
	padding-top:15px;
	padding-right:30px;
}

.link {
	font-weight:bold;
	background-image:url(../items/link1.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
	display:inline-block;
	margin-top:20px;
	margin-left:0px;
	*behavior: url(javascript/iepngfix/iepngfix.htc);
}

.linkRef, .linkTop {
	font-weight:bold;
	background-image:url(../items/link2.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
	padding-left:15px;
	display:inline-block;
	margin-top:20px;
	margin-left:0px;
	margin-bottom:25px;
	*behavior: url(javascript/iepngfix/iepngfix.htc);
}
.linkRefFirst { margin-bottom: 0; }
.linkRefLast { margin-top: 0; }


.linkTop {
	background-image:url(../items/link3.png) !important;
	padding-left: 0 !important;
	margin-bottom: 10px !important;
}

#columnRight .link {
	margin-top:0px;
}

.newsText {
	display:block;
	margin-bottom:20px;
}

#columnLeft {
	display:inline-block;
	padding-left:20px;
	top:0px;
	width:260px;
	vertical-align:top;
	float:left;
}

#columnLeft p {
	background:url(../items/vertical_spacer.gif) repeat-y top right;
}

#columnMiddle {
	display:inline-block;
	padding-left:30px;
	width:260px;
	vertical-align:top;
	float:left;
}

#columnMiddle p {
	background:url(../items/vertical_spacer.gif) repeat-y top right;
}

#columnRight {
	display:inline-block;
	padding-left:30px;
	top:0px;
	width:290px;
	vertical-align:top;
}


#columnRight p {
	padding-right:10px;
}

#subColumnLeft {
	display:inline-block;
	padding-left:20px;
	top:0px;
	width:600px;
	vertical-align:top;
	float:left;
}

#subColumnRight {
	display:inline-block;
	padding-left:30px;
	top:0px;
	width:250px;
	vertical-align:top;
	margin-bottom:100px;
}

#subColumnRight img {
	float:right;
	margin-right:20px;
}

.property {
	position:relative;

	display:inline-block;
	margin-top:35px;
	padding-right:57px;
	*padding-right:60px;
	top:0px;

	width:260px;
	vertical-align:top;
	*float:left;
}

.property h1 {
	padding-left:15px;
	padding-right:15px;
}

.property .text {
	padding-left:15px;
	padding-right:15px;
}


#specs {
	position:relative;
	margin-top:30px;
	padding-bottom: 70px;
	*padding-bottom: 0px;
	*margin-bottom: 70px;
}


#specsLeft {
	position:relative;
	display:inline-block;
	padding-left:15px;
	padding-right: 10px;
	top:0px;
	width:340px;
	vertical-align:top;
	float:left;
	background:url(../items/vertical_spacer.gif) right repeat-y;
}

#specsLeft .text {
	margin-top:25px;
	padding-top:0px;
	padding-right:40px;
}

#specsLeft h2 {
	margin-bottom:10px;
}

#specsLeft table {
	width: 100%;
	margin-bottom: 25px;
}

#specsLeft p {
	margin-bottom: 15px;	
}

#specsRight {
	display:inline-block;
	top:0px;
	vertical-align:top;
	width:545px;
	padding-left: 35px;
}

.green {
	color: #17724e;
	font-weight:bold;
}

.spec1 {
	width: 4.5em;
	text-align:right;
}

.specSpacer {
	width: 2.2em;
	text-align:right;
}

.spec2 {
	width: 4.5em;
	text-align:right;
}

#specs .leafSmall {
	position:absolute;
	top:-20px;
	left:-4px;
	background-image:url(../items/leaf_small.png);
	width:38px;
	height:31px;
	*behavior: url(javascript/iepngfix/iepngfix.htc);
}

.thumbnail, .thumbnail_portfolio {
	overflow: hidden;
	position: relative;
	margin-bottom: 25px;
	width:260px;
	height:120px;
	line-height: 260px;
	z-index: 3;
}

.thumbnail img {
	position: absolute;
	top: -30px;
	z-index: 1;
}

.thumbnail_portfolio img {
	position: absolute;
	z-index: 1;
}

.leafSmall {
	position:absolute;
	z-index: 100;
	top:-6px;
	left:-4px;
	background-image:url(../items/leaf_small.png);
	width:38px;
	height:31px;
	*behavior: url(javascript/iepngfix/iepngfix.htc);
}

#jslargeimage {
	max-width: 500px;
}

.thumbnails {
	height: 50px;	
}

.td_width {
	width: 100px;	
}

table td {
	vertical-align: top;	
}




/* ----------------------------- Property list ----------------------------- */
.attributes {
	border-collapse: collapse;
	font-weight: bold;
	vertical-align: top;
	width: 230px;
}

.attributes .type {
	width: 70px;
}

.attributes .floor {
	padding: 0 5px;
	width: 50px;
}

.attributes .size {
	text-align: right;
	width: 110px;
}


/* ----------------------------- Footer ----------------------------- */
#footer {
	line-height:1.5em;

/*
	margin: 0 auto;
	margin-top:-22px;
*/
	margin-top: 30px;

	padding-right:58px;
	padding-top:4px;
	padding-bottom:4px;

	background-image:url(../items/footer.png);
	background-repeat:no-repeat;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	width:900px;
	*behavior: url(javascript/iepngfix/iepngfix.htc);
}

#footer a {
	color:#FFFFFF;
	font-weight:normal;
}