#haustypen {
	width: 660px;
	margin-left: -30px;
	position: relative;
}

#content #detail_left {
	float: left;
	width: 380px;
}

#content #detail_right {
	width: 260px;
	float: left;
	margin: 0 0 0 20px;
}

#content #detail_right .choose{
	padding: 2px 7px 2px 22px;
	margin: 0;
	background: #ebedef url(../img/bg_haustypen_top_right.gif) top right no-repeat;
}

.hidden_image {
	display: none;
	position: relative;
}

#content #imageholder {
	width: 440px;
	margin-left: -30px;
	position: relative;
	z-index: 7;
}

#content #detailimg {
	padding: 8px;
	width: 388px;
	float: left;
	background: #e0e3e6;
	position: relative;
	z-index: 8;
}

#content #imageholder .visible_image {
	display: block;
	position: relative;
	z-index: 9;
}

#content #tools {
	width: 26px;
	float: left;
	border-right: 1px #FFFFFF solid;
	height: 300px;
	background: #bac0c8 url(../img/bg_haustypen_bottomleft_no.gif) no-repeat bottom left;
}

#content #tools a{
	display: block;
}

/* #tools #ansichten a.beschriftung:hover, #tools #grundrisse a:hover {
	background-color: #727e8e;
} */

#content #tools .sel {
	background-color: #727e8e;
	background-image: url(../img/bg_haustypen_topleft_sel.gif);
}

#content #tools .first {
	background-image: url(../img/bg_haustypen_topleft_no.gif);
}

#content #tools .first .next, #content #tools .first .prev,
#content #tools .desel .next, #content #tools .desel .prev   {
	display: none;
}

#content #tools #ansichten {
	background-position:  top left;
	background-repeat: no-repeat;
	border-bottom: 1px #FFFFFF solid;
}

#content #tools #grundrisse {
	background-image: none;
	border-bottom: 1px #FFFFFF solid;
}

#zoom{
	position: absolute;
	right: 9px;
	top : 220px;
	z-index: 10;
}

#content #tools #zoom a.visible_image{
	display: block;
}

#content #tools #zoom a.hidden_image{
	display: none;
}

#content #typauswahl {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #typauswahl li {
	padding: 0;
	background-image: url(../img/bg_typauswahl_bottom_no.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#content #typauswahl li.sel {
	background-color: #b9bfc7;
	background-image: url(../img/bg_typauswahl_sel.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#content #typauswahl li.sel a, #typauswahl li.sel a:hover{
	color: #FFFFFF;
	background-image: url(../img/bg_typauswahl_sel.gif);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #b9bfc7;
}

#content #typauswahl li a {
	color: #727e8e;
	padding: 5px 5px 5px 22px;
	display: block;
}

#content #typauswahl li a .navthumb {
	float: left;
	margin: 0 8px 0 0;
	border: 1px #FFFFFF solid;
}


#content #typauswahl li a:hover {
	background-color: #e3e6eb;
	text-decoration: none;
}

#content #imagegal {
	padding: 3px;
	border-bottom: 1px #e1e4e7 solid;
}

.image_small_current {
	border: 1px #000000 solid;
	margin: 6px;
}

.image_small {
	border: 1px #c7cbd2 solid;
	margin: 6px;
}

.subheadline {
	font-weight: bold;
	margin: 0 0 25px 0;
}

#content #buttons {
	margin: 46px 0 0 22px;
}

#content #buttons img {
	margin: 5px 0 0 0;
}

#content #haus-uebersicht {
	margin-left: -68px;
	margin-top: -12px;
	width: 700px;
	position: relative;
}

.haus-teaserbox {
	background: url(../img/haustypen_teaser_bg.gif) no-repeat top left;
	width: 224px;
	float: left;
	height: 224px;
	margin: 0px;
	padding: 5px 0 5px 5px;
}

.haus-teaserbox .headline{
	font-weight: bold;
	margin: 0;
	padding: 7px;
}

.haus-teaserbox .haus-teaser-text{
	padding: 4px 12px;
	color: #60543a;
	height: 70px;
	line-height: 1.3em;

} 

.haus-teaserbox .haus-teaser-text p{
	margin: 3px 0 0 0;
	padding: 0;
}

.haus-teaserbox .haus-teaser-text a{
	color: #60543a;
}

#content #gal_grundrisse {
	display: none;
}

#content #grundrisse_detailimg {
	display: none;
}

.imagereplacer {
	text-align: center;
	height: 284px;
	width: 386px;
	position: relative;
}

.imagereplacer  p{
	position: absolute;
	top:120px;
	left: 0;
	width: 100%;
}


.button_big {
	background: url(../img/bg_button_big_bright.gif) no-repeat top left;
	height: 55px;
	font-size: 11px;
	font-weight: bold;
	padding: 12px 20px;
	line-height: 16px;
}

.preis{
    background: url(../img/bg_button_preis.gif) no-repeat top left;
    min-height: 50px;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 0;
	line-height: 14px;
    color:#FFF;
    height: auto;
}

.preis .bottom{
    background: url(../img/bg_button_preis_bottom.gif) no-repeat top left;
    height: 16px;
}

.preis p {
    padding: 12px 20px 0 20px;
    margin: 0;
    line-height: 20px;
}

.preis .big {
    font-size: 16px;
}

.preis .bigger {
  
}

.preishinweis{
    font-size:9px;
    color:#626A76;
    margin:12px 8px;
}

.button_big .bigger sup{
	font-size: 12px;
}

.big {
	font-size: 14px;
	font-weight: bold;
}

.bigger {
	line-height: 1.4em;
	font-size: 22px;
}

.haustyp {
    position: relative;
	background: #f2f3f5;
	padding: 8px;
	margin-top: 2px;
	line-height: 1.3em;
	cursor: pointer;
}

.haustyp:hover {
	background: #FFFFFF;
}

.haustyp-image{
	float: left;
}

.haustyp-text{
	float: left;
	width: 280px;
	padding-left: 10px;
}

.aktionshaus {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 22px;
    height: 21px;
    background: url(../img/aktionsbutton.png) 0 0 no-repeat;
}

.haustyp h3 {
	margin-top: 0;
	border-bottom: none;
	padding: 0 0 4px 0;
	margin: 0 0 0 0;
}

.haustyp a {
	color: #727e8e;
}

.haustyp p {
	margin-top: 0;
	color: #8b97a8;
}

.select_haus {
	
}

.haus_sel {
	background: #000000 url(../img/haustypen_sel_auswahl.gif) right top no-repeat;
	padding: 4px 20px;
	position: relative;
	cursor: pointer;
	height: 28px;
}

#content #typauswahl li.sel .haus_sel a{
	background-image: none;
	background: transparent;
}

#content #typauswahl li.sel .sel_haus {
	display: none;
	position: absolute;
	top: 35px;
	left: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 238px;
	border: 1px #8c949e solid;
	background-color: #B9BFC7;
	max-height: 250px;
	overflow-y: scroll;
}

#content #typauswahl li.sel .sel_haus li{
	list-style: none;
	padding: 0;
	margin:0;
}


#content #typauswahl li.sel .sel_haus li a{
	border-bottom: 1px #8c949e solid; 
	display: block;
	height: 32px;
}

#content #typauswahl li.sel .sel_haus li a:hover{
	background-color: #8c949e;
}

#content #typauswahl li.sel .sel_haus li a.act_haus{
	background-color: #8c949e;
}

#content #typauswahl li.sel .haus_sel:hover .sel_haus {
	display: block;
}

.haus-table tr, .haus-table td {
	padding: 4px;
}


.styles-head {
	background: #ebedef url(../img/bg_abrundeung_rechts.gif) right top no-repeat;

}

.style-image {
	width: 161px;
	height: 98px;
}

.style-link {
	width: 161px;
	float: left;
	margin: 0 0 10px 10px;
	cursor: pointer;
}

.style-headline {
	padding: 0 0 0 10px;
	height: 26px;
}

.style-text {
	padding: 10px 10px 0 10px;
	height: 249px;
	background-position: top left;
}

.style-text:hover {
	background-position: top right;
}

#style-text_1 {
	background-image: url(../img/bg_haustypen_stil_auswahl_link1.gif);
}

#style-text_2 {
	background-image: url(../img/bg_haustypen_stil_auswahl_link2.gif);
}

#style-text_3 {
	background-image: url(../img/bg_haustypen_stil_auswahl_link3.gif);
}

#style-text_4 {
	background-image: url(../img/bg_haustypen_stil_auswahl_link4.gif);
}

#haustypen-styles {
	position: absolute;
	background: url(../img/bg_haustypen_stil_auswahl.gif) no-repeat top left;
	width: 709px;
	height: 415px;
	overflow: hidden;
	margin: -16px 0 0 -32px;
	padding: 10px 0 0 5px;
}

.style-text h3 {
	margin-top: 0;
	border-bottom: none;
	padding: 0 0 4px 0;
	margin: 0 0 0 0;
	font-size: 12px;
}

.style-text a {
	color: #938263;
}

.style-text a:hover {
	text-decoration: none;
}

#content #haussteckbrief {
	float: right;
	display: block;
	width: 66px;
	height: 52px;
}


/**************************************************/
/** Musterhaeuser                                **/

table.musterhaeuser th {
	padding: 4px 10px;
}

table.musterhaeuser td {
	padding: 4px 10px;
}

table.musterhaeuser tr:hover td {
	background: #e7eaed;
	cursor: pointer;
}

.mh-haus {
	width: 200px;
}

.desc {
	background: #DCDFE3;
	padding: 8px;
}

.desc-text {
	border-bottom: 1px #DCDFE3 solid;
}

.desc-adr {
	float: left;
	width: 180px;
	margin-left: 30px;
}

.mh-detail-bild {
	float: left;
}

#content #button_3d {
	background: url(../img/button_3d.gif) top left no-repeat;
	height: 55px;
	padding: 35px 10px 10px 20px;
}

#content #button_3d a{
	color: #727E8E;
	display: block;
	border-bottom: 1px #a6b6cb solid;
	width: 100px;
}


/*******************************************/
/** Aktionen                              **/

#content #aktiontext {
	background: url(../img/trenner.gif) bottom no-repeat;
	padding: 0 0 40px 0;
}

#content #zusatz {
	color: #727E8E;
	margin: 0 20px;
	background: url(../img/sd_zusatztext_bottom.gif) bottom left no-repeat;
}

#content #zusatz .inner{
	padding: 30px 16px;
	background: url(../img/sd_zusatztext_top.gif) top left no-repeat;
}

#content #zusatz ul {
	margin: 0;
	padding: 0;
}

#content #zusatz ul li{
	border-top: 1px #b4c5dc solid;
	margin: 0;
	padding: 3px 0 3px 10px;
	list-style: none;
	background: url(../img/arrow_link.gif) no-repeat left;
}

