@charset "utf-8";
/* CSS Document */


/* ###################### misc settings ###################### */

a:focus { outline: none; }

.clearbothbox {
	clear:both;
} 

/* ###################### content settings ###################### */

#content {
	position:relative;
	color:#2F2F2F;
}

#content img {
	border: none;
}

/* ###################### breadcrumb navigation ###################### */

#breadcrumbs {
	width:auto;
	height:26px;
	background-color:#ffffff;
	padding-bottom:10px;
}

#breadcrumbs a {
	float:left;
	position:relative;
	font-size:12px;
	font-weight:bold;
}

#breadcrumbs a span {
	padding-left:20px;
}

.bc_first {
	height:24px;
	padding-right:10px;
	background:url(../img/link_breadcrumb_first.gif) left no-repeat;
}

.bc_middle {
	height:24px;
	background:url(../img/link_breadcrumb_middle.gif) left no-repeat;
}

.bc_last {
	position:absolute;
	top:0;
	background-color:#eeeeee;
	height:24px;
	vertical-align:middle;	
	padding-left:10px;
}

/* ###################### left container (house navi) ###################### */

.left_box {
	float:left;
	width:240px;
}

.bg_scala 		{background-color:#d14c12;}
.bg_klassik 	{background-color:#ffb35f;}
.bg_avantgarde 	{background-color:#878a6b;}
.bg_modern 		{background-color:#ff9900;}
.bg_muster 		{background-color:#434343;}

.bg_light_scala 		{background-color:#e8a588;}
.bg_light_klassik 		{background-color:#ffd9af;}
.bg_light_avantgarde 	{background-color:#c3c4b5;}
.bg_light_modern 		{background-color:#ffcc7f;}



.housetype {
	list-style:none;
	float:left;
}

.housetype a{
	display:block;
	height:45px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

* HTML .housetype a { /* IE 6 FIX*/
	width:65px;
}

.typ1_link 		{background:url(../img/img_typ1.gif) top right no-repeat;}
.selected .typ1_link	{background:url(../img/img_typ1.gif) bottom right no-repeat;}
.typ2_link 		{background:url(../img/img_typ2.gif) top right no-repeat;}
.selected .typ2_link 	{background:url(../img/img_typ2.gif) bottom right no-repeat;}
.typ3_link 		{background:url(../img/img_typ3.gif) top right no-repeat;}
.selected .typ3_link 	{background:url(../img/img_typ3.gif) bottom right no-repeat;}
.typ4_link 		{background:url(../img/img_typ4.gif) top right no-repeat;}
.selected .typ4_link	{background:url(../img/img_typ4.gif) bottom right no-repeat;}

.houselist {
	width:175px;
	margin-left:65px;
	background:#f5f5f5;
	border-top:1px solid #FFFFFF;
}

* HTML .houselist { /* IE 6 FIX */
	width:172px;
}

.houselist p {
	font-size:12px;
	font-weight:bold;
	padding-left:20px;
	padding-bottom:10px;
}

.houselist ul {
	list-style:none;
	padding:0 15px 20px 15px;
	
}

.houselist li {
	padding:5px;
	border-bottom:1px solid #e0e0e0;
}

.haustyp {
	width:175px;
	margin-left:65px;
	background:#f5f5f5;
	border-top:1px solid #FFFFFF;
}

* HTML .haustyp { /* IE 6 FIX */
	width:172px;
}

.haustyp p {
	font-size:12px;
	font-weight:bold;
	padding-left:20px;
	padding-bottom:10px;
}

.haustyp .backlink {
	padding:20px;
}

.haustyp ul {
	list-style:none;
	padding:10px 15px 90px 15px;
	
}

.haustyp li {
	padding:5px;
	border-bottom:1px solid #e0e0e0;
}

/* ###################### left container (additional css) ###################### */

.haustyp .selected {
	display:block;
	font-weight:bold;
	background:url(../img/bullet.gif) right no-repeat;
}

.commercial {
	margin-top:20px;
	border-top:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
}

.commercial h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	color:#a8ab94;
}

.commercial p {
	font-style:italic;
	font-size:12px;
	color:#a0a0a0;
}


/* ###################### right container (images and descriptions) ###################### */

.right_box {
	float:left;
	width:705px;
	margin-left:20px;
}

.right_box h1 {
	margin-top:0;
	padding-bottom:10px;
	color:#a8ab94;
	font-weight:bold;
}

.right_box .right_img {
	float:right;
	margin-left:25px;
	border:9px solid #f7f5f6 !important;
}

.desc_box {
	float:right;
	background-color:#f5f5f5;

	width:700px;
}


/* ###################### image slider ###################### */
#slider {
	float:left;
	margin-left:10px;
	margin-right:20px;
}

* HTML #slider, * HTML span#prevBtn, * HTML span#nextBtn { /* IE6 FIX */
	margin-top:10px;
}

*+html #slider, *+html span#prevBtn, *+html span#nextBtn { /* IE7 FIX */
	padding-top:10px;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider, #slider li{ 
	width:400px;
	height:300px;
	overflow:hidden; 
}

span#prevBtn {
	float:left;
	padding-right:5px;
}
span#nextBtn {
	float:left;
	padding-right:5px;
}

span#prevBtn a {
	float:left;
	text-indent:-3000px;
	width:40px;
	height:24px;
	background:url(../img/button_prev.gif)
}
span#nextBtn a {
	float:left;
	text-indent:-3000px;
	width:40px;
	height:24px;
	background:url(../img/button_next.gif)
}

span#prevBtn a:hover {
	width:40px;
	height:24px;
	background:url(../img/button_prev.gif) 0px -24px;
}
span#nextBtn a:hover {
	width:40px;
	height:24px;
	background:url(../img/button_next.gif) 0px -24px;
}

/* ###################### right side content layout ###################### */

.img_view {
	float:left;
	padding:10px;	
}


/* ###################### ingmar: templavoila fixes ###################### */
#skala img {
	float:left;
	padding:10px;	
}

#modern img {
	float:left;
	padding:10px;	
}

#avantgarde img {
	float:left;
	padding:10px;	
}

#klassik img {
	float:left;
	padding:10px;	
}

#tab_data img {
	float:left;
	padding:10px;	
}

/* ###################### end: ingmar: templavoila fixes ###################### */

#desc_text{
	padding-top:40px;

}

* HTML #desc_text{ /* IE6 FIX */
	padding-top:0;
	margin-top:50px;
}

*+html #desc_text{ /* IE7 FIX */
	padding-top:0;
	margin-top:50px;
}

.info_box {
	float:right;
	background-color:#f5f5f5;
	width:700px;
}

.img_navi {
	height:30px;
	margin:0 0 15px 0;
	background-color:#f5f5f5;
	font-size:12px;
	list-style:none;
}

.img_navi li {
	float:left;
	margin:5px 0 0 10px;
}

.img_navi li a {
	display:block;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	background-color:#b9b9b9;
	color:#FFFFFF;
}

.selected_a {
	background-color:#878a6b !important;
}

a.pdf_print {
	float:right;
	margin-top:-30px;
	width:23px;
	height:23px;
	text-indent:-3000px;
	background:url(../img/button_print.gif)
}

a.pdf_print:hover, a.pdf_print.active {
	width:23px;
	height:23px;
	text-indent:-3000px;
	background:url(../img/button_print.gif) 0px -23px;
}

.right_box table {
	width:265px;

	padding-top:25px;

}

* HTML .right_box table { /* IE6 FIX */
	padding-top:0;
	margin-top:25px;
}

*+html .right_box table { /* IE7 FIX */
	padding-top:0;
	margin-top:25px;
}

.right_box .bold_table {
	font-weight:bold;
}



.right_box .squaremeter td {
	padding:5px;
}

.right_box .right_border {
	width:150px;
	border-right:1px solid #dadada;
}

.even {
	background-color:#fafafa;
}

/* ///// Fixes by Ingmar /////// */

.contenttable tr p { 
	margin:0 !important; 
}

.right_box table th { text-align:left;}