@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
/*-----------------------------------------------------
orange: #ff9900;
grey: #f5f5f5;
*/

a {
	text-decoration:none;
	color:#2f2f2f;
}
a:hover {
	color:#999999;
}
a.active {
	color:#ff9900;
}
a.news {
	color:#ff9900;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:normal;
	margin:0;
	padding:0;
	background-image:url(../img/link.gif);
	background-repeat:no-repeat;
	background-position:right 4px;
	padding-right:15px;
}
p {
	font-size:11px;
	line-height:22px;
	margin:10px 0px;
}
em {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#ff9900;
	font-style:italic;
	font-size:16px;
}
h1 {
	font-size:18px;
	font-weight:normal;
	margin:10px 0px;
	letter-spacing:1px;
}
h2 {
	font-size:18px;
	font-weight:normal;
	margin:10px 0px;
	letter-spacing:1px;
}
h3 {
	font-size:13px;
	font-weight:normal;
	margin:10px 0px;
}
div.hr {
	height: 10px;
	border-top:1px solid #d7d7d7;
	margin-top:20px;
}
div.hr hr {
	display: none;
}
sup {
	font-size:8px;
}
dt {
	font-weight:bold;
	margin:0;
	padding:0;
}
dd p {
	margin:5px 0;
}
dd {
	margin-bottom:20px;
}
/*-----------------------------------------------------*/

.fll {
	float:left;
}
.cll {
	clear:left;
}
.flr {
	float:right;
}
.clr {
	clear:right;
}
.clb {
	clear:both;
}
.vam {
	vertical-align:middle;
}
/*#col_left .emphasise {
	float:right;
	width:200px;
	line-height:25px;
	margin:0px 0px 0px 40px;
}*/

.left_emphasise {
	float:right;
	width:200px;
	line-height:25px;
	margin:0px 0px 0px 40px;
}

#col_right .emphasise {
	line-height:25px;
}
#col_right .emphasise a {
	line-height:25px;
	font-size:12px;
	display:inline-block;
	color:#6c6c6c;
}
#col_right .emphasise a:hover {
	color:#000000;
}
.link {
	background-image:url(../img/link.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	background-position:0px 3px;
}
.button {
	background-color:#ff9900;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:3px 7px;
}
.button:hover {
	background-color:#ffbb55;
}
.link:hover {
	color:#ff9900;
}
.list li {
	display: block;
	background-image:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:15px;
}
.list p {
	margin-top:0px;
}
.newsimage {
	padding:10px;
	display:inline-block;
	border:2px solid #f5f5f5;
}
.imagecontainer {
	display: block;
	border:5px solid #f5f5f5;
	overflow:hidden;
}
.moviecontainer {
	width:380px;
	height:240px;
	border:15px solid #fff;
	background-color:#5A5A5A;
}
#col_right .imagecontainer {
	width:335px;
}
.subcol_right .imagecontainer {
	width:190px;
}
.imagecontainer img, .newsimage img {
	display:block;
}
.imagecontainer p, .newsimage p {
	font-style:italic;
	line-height:normal;
	margin:10px 0 0 0;
	padding:0;
}
.infotext {
	color:#878787;
	font-size:18px;
}
.hotline {
	background-image:url(../img/hotline.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	height:28px;
}
.box_baufinanzierung {
	background: transparent url(../img/bg_finanzierungsrechner.gif) repeat scroll 0 0;
	position:absolute;
	width:30px;
	height:26px;
	margin:-20px 0 0 -25px;
	z-index:1;
}
.box_hauskonfigurator {
	background: transparent url(../img/bg_hauskonfigurator.gif) repeat scroll 0 0;
	position:absolute;
	width:30px;
	height:26px;
	margin:-20px 0 0 -25px;
	z-index:1;
}
.datum {
	color: #999999;
	margin:0 0 15px 0;
	padding:0;
	line-height:normal;
}
.haustypdetail {
	background-color:#F5F5F5;
	padding:10px;
}
.haustypdetail img {
	padding-right:10px;
}
.avantgarde li {
	background-color:#DDDECA;
}
.avantgarde em {
	color:#6C6C6C;
}
/*-----------------------------------------------------*/

body {
	border-top:22px solid #f5f5f5;
	background-image:url(../img/navigation_bg.gif);
	background-repeat:repeat-x;
	color:#2f2f2f;
	font-size:11px;
	font-family:Lucida Sans Unicode, Lucida Grande, Garuda, sans-serif;
}
#pagebox {
	border-top:5px solid #ff9900;
	width:965px;
	margin:auto;
}
#header {
	position:relative;
	border:0px solid #CCCC00;
	height:80px;
}
#header_main {
	height:115px;
	background-image:url(../img/bg_header_main.jpg);
	background-repeat:no-repeat;
}
/*-----------------------------------------------------*/

#navigation {
	border:0px solid #996600;
	height:90px;
}
#navigation li {
	display:inline;
}
#mainnav {
	font-size:11px;
	text-transform:uppercase;
	padding-top:7px;
}
#mainnav li {
	padding-left:15px;
	margin-right:3px;
	height:40px;
	float: left;
}
#mainnav a {
	padding-right:15px;
	line-height:35px;
	height:40px;
	display: block;
	/*display:inline-block;*/
}
#mainnav a:hover {
	color:#999999;
}
#mainnav .active a {
	background-color:#FFFFFF;
	background-image:url(../img/main_act_r.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#mainnav li.active {
	background-color:#FFFFFF;
	background-image:url(../img/main_act_l.gif);
	background-repeat:no-repeat;
	height:40px;
	/*display:inline-block;*/
}
#subnav {
	font-size:11px;
	padding-top:8px;
	clear: both;
}
#subnav li {
	padding-left:15px;
	float: left;
}
#subnav a {
	padding-right:15px;
	line-height:22px;
	height:22px;
	/*display:inline-block;*/
	display: block;
}
#subnav a:hover {
	color:#999999;
}
#subnav .active a {
	background-color:#FFFFFF;
	background-image:url(../img/sub_act_r.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#subnav li.active {
	background-color:#FFFFFF;
	background-image:url(../img/sub_act_l.gif);
	background-repeat:no-repeat;
	height:22px;
	/*display:inline-block;*/
	display: block;
}
	/*-----------------------------------------------------*/
#navigation ul.subnav_service {
	margin-left:140px;
}
#navigation ul.subnav_wohnwelten {
	margin-left:95px;
}
#navigation ul.subnav_kontakt {
	margin-left:515px;
}
#navigation ul.subnav_ueber_uns {
	margin-left:95px;
}
	/*-----------------------------------------------------*/

#navi_wohnwelten {
	margin:5px 15px 15px 15px;
}
#wohnwelten_nav li {
	list-style:none;
	float:left;
	padding:3px 10px 3px 20px;
	font-size:12px;
	font-weight:bold;
	background-image:url(../img/sub2_inact_r.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#wohnwelten_nav li.active {
	background-color:#EEEEEE;
	background-image:url(../img/sub2_inact_to_act_r.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#wohnwelten_nav li.first {
	padding:3px 10px 3px 15px;
	background-image:url(../img/sub2_inact_start_l.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#wohnwelten_nav li.last {
	padding:3px 0 3px 5px;
	background-image:url(../img/sub2_act_r.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
/*-----------------------------------------------------*/	
#news ul {
	list-style:none;
}
#news li {
	list-style:none;
	padding: 10px 0;
	border-bottom:1px solid #d7d7d7;
}
#news li.last {
	border-bottom:none;
}
#news li a {
	background-image:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
}
#news li a:hover {
	background-image:url(../img/link.gif);
}
#news .datum {
	color: #999999;
}
#news img {
	float:left;
	padding:10px 15px 0 0;
}
#news p {
	margin:0;
	padding:7px 0 0 0;
	line-height:normal;
}
#pages {
	padding:15px 0 0 0;
	margin:0 0 15px 0;
}
#pages li {
	float:left;
	padding-right:5px;
	list-style:none;
}
#pages li a {
	float:left;
	text-indent:-3000px;
}
#pages li a#next {
	width:40px;
	height:24px;
	background:url(../img/button_next.gif)
}
#pages li a#next:hover {
	width:40px;
	height:24px;
	background:url(../img/button_next.gif) 0px -24px;
}
#pages li a#prev {
	width:40px;
	height:24px;
	background:url(../img/button_prev.gif)
}
#pages li a#prev:hover {
	width:40px;
	height:24px;
	background:url(../img/button_prev.gif) 0px -24px;
}
#pages p {
	padding:5px 0 0 10px;
	margin:0;
	line-height:normal;
}

#options {
	float:right;
	padding:15px 0 0 0;
}
#options li {
	float:left;
	padding-left:5px;
	list-style:none;
}
#options li a {
	float:left;
	text-indent:-3000px;
}
#options li a#news_print {
	width:23px;
	height:23px;
	background:url(../img/button_print.gif)
}
#options li a#news_print:hover, #options li a#news_print.active {
	width:23px;
	height:23px;
	background:url(../img/button_print.gif) 0px -23px;
}
#options li a#news_bookmark {
	width:23px;
	height:23px;
	background:url(../img/button_bookmark.gif)
}
#options li a#news_bookmark:hover, #options li a#news_bookmark.active {
	width:23px;
	height:23px;
	background:url(../img/button_bookmark.gif) 0px -23px;
}

/*-----------------------------------------------------*/	

#content {
	border:0px dotted #333333;
	width:965px;
	padding-top:15px;
}
#col_left {
	border:0px dotted #FF00FF;
	float:left;
	width:545px;
	padding-left:15px;
}
#col_right {
	border:0px dotted #00FF00;
	float:right;
	width:345px;
	padding-right:15px;
}
#col_left_wohnwelten {
	border:0px dotted #FF00FF;
	float:left;
	width:230px;
	padding-left:15px;
}
#col_right_wohnwelten {
	border:0px dotted #00FF00;
	float:right;
	width:680px;
	padding-right:15px;
}
#col_left_main {
	border:px dotted #FF00FF;
	float:left;
	width:430px;
	min-height:60px;
	padding:0 0 0 15px;
	background-image:url(../img/bg_col_left_main.jpg);
	background-repeat:no-repeat;
}
#col_right_main {
	border:0px dotted #00FF00;
	float:right;
	width:480px;
	min-height:60px;
	padding:60px 20px 0px 20px;
	background-image:url(../img/bg_col_right_main.jpg);
	background-repeat:no-repeat;
}
.subcol_main {
	padding:0 15px;
	border-left:1px solid #eeeeee;
}
.subcol_left {
	float:left;
	border:0px solid #0000FF;
	width:315px;
}
.subcol_right {
	float:right;
	border:0px solid #0000FF;
	width:200px;
}
.subcol_50_left {
	float:left;
	border:0px solid #0000FF;
	width:50%;
}
.subcol_50_right {
	float:right;
	border:0px solid #0000FF;
	width:50%;
}
.subcol_left_main {
	float:left;
	margin:15px 0;
	padding:0 15px;
	border-left:1px solid #eeeeee;
	width:209px;
}
.subcol_right_main {
	float:right;
	margin:15px 0;
	padding:0 15px;
	border-left:1px solid #eeeeee;
	width:209px;
}

/*-----------------------------------------------------*/


.boxlist {
}
.boxlist li {
	border:0px solid red;
	display:inline;
}
.showdetail {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.showdetail:hover {
	color:#ff9900;
}
.boxlist .detail {
	background-color:#f5f5f5;
	padding:0px 10px;
	width:180px;
	position:absolute;
	float:right;
	margin-left:345px;
}
.boxlist .detail img {
	margin:auto;
	display:block;
}
.boxlist .detail p {
	border-top:1px solid #d7d7d7;
}
/*-----------------------------------------------------*/
.haustypdetail td, .haustypdetail th {
	padding:5px;
}
.haustypdetail tr.odd td, .haustypdetail tr.odd th {
	background-color:#FBFBFB;
}
.haustypdetail tr.even td, .haustypdetail tr.even th {
	background-color:#F5F5F5;
}
.haustypdetail th {
	border-right: 2px solid #D7D7D7;
	text-align:left;
	font-weight:normal;
	padding-left:0px;
}
/*-----------------------------------------------------*/
#footer {
	margin:20px 0px;
	background-color:#f5f5f5;
	height:75px;
	padding:15px;
}
#footercontent {
	width:965px;
	margin:auto;
}
#footercontent div {
	border-left:1px solid #9a9a9a;
	float:left;
	padding:15px 0 0 10px;
	height:60px;
}
#footercontent ul {
	height:10px;
}
#footercontent li {
	list-style-type:none;
	font-size:11px;
	color:#828282;
	margin-left:5px;
	float:left;
	letter-spacing:1px;
}
#footercontent .quicknav {
	text-transform:uppercase;
	padding-bottom:10px;
}
#footercontent p {
	font-size:9px;
	line-height:normal;
	margin:0px;
	padding-top:1px;
}
#footercontent a {
	font-size:9px;
	color:#828282;
}
#footercontent a:hover {
	color:#2f2f2f;
}
/*-----------------------------------------------------*/
#kontakt {
}
fieldset {
	border:none;
	margin-bottom:20px;
}
legend {
	display:none;
}
label {
	padding: 5px 0;
}
fieldset#schritt1 {
	padding:25px 0 0 0;
	background-image:url(../img/button1.gif);
	background-repeat:no-repeat;
}
fieldset#schritt2 {
	padding:25px 0 0 0;
	background-image:url(../img/button2.gif);
	background-repeat:no-repeat;
}
fieldset#schritt3 {
	padding:25px 0 0 0;
	background-image:url(../img/button3.gif);
	background-repeat:no-repeat;
}
input, select, textarea {
	font:inherit;
	margin-right:10px;
	padding:2px;
}
fieldset#schritt1 input, fieldset#schritt1 select {
	margin-top:10px;
	margin-bottom:2px;
}
fieldset#schritt2 input, fieldset#schritt2 select {
	margin-top:2px;
	margin-bottom:10px;
}
.pflicht {
	color:#ff9900;
}
/*-----------------------------------------------------*/
.textbox table {
    border-collapse:collapse;
    margin-bottom: 15px;
}

.textbox table th,
.textbox table td{
	text-align:left;
	border-bottom: solid 2px #FAFAFA;
	padding: 5px 10px; 
	font-size: 12px;
}

.textbox .tableheader td,
.textbox .tableheader th {
    background-color: #D1D2D4;
}

.textbox .tabledark td  {
    background-color: #E7E7E9;
}


/* //// Fixes vn Ingmar //// */
/* Ergebnis-Berechnung */
.result_table {
margin-top:20px;
font-size:14px; 
}

.result_table td { 
width:400px; 
}

.r_col {
text-align:right;
width:200px !important; 
}


/*-----------------Kontaktformular----------------------------*/
#kontakt {
}
fieldset {
	border:none;
	margin-bottom:20px;
}
legend {
	display:none;
}
label {
	padding: 5px 0;
}
fieldset#schritt1 {
	padding:25px 0 0 0;
	background-image:url(../img/button1.gif);
	background-repeat:no-repeat;
}
fieldset#schritt2 {
	padding:25px 0 0 0;
	background-image:url(../img/button2.gif);
	background-repeat:no-repeat;
}
fieldset#schritt3 {
	padding:25px 0 0 0;
	background-image:url(../img/button3.gif);
	background-repeat:no-repeat;
}
input, select, textarea {
	font:inherit;
	margin-right:10px;
	padding:2px;
}

#kontakt input {
	width:165px;
}

#kontakt select {
 	width:173px;
}

#kontakt #plz {
	width:60px;
	margin-left:105px;
}

#kontakt #plz_label {
	margin-left:105px;
}

#kontakt .clb {
	border-top:1px solid white;
}

.bg_3d_ff {
	background:url(../img/form_textarea_bg.gif) repeat;
	border:1px solid #e0e0e0;
}

*+html .bg_3d_ff  {
	background:none;
	border:1px solid #7f9db9;
}

* HTML .bg_3d_ff {
	background:none;
	border:1px solid #7f9db9;
}

fieldset#schritt1 input {
	margin-top:10px;
	margin-bottom:2px;
}
fieldset#schritt2 input, fieldset#schritt2 select {
	margin-top:5px;
	margin-bottom:10px;
}

* html fieldset#schritt1 select { margin-top:11px; } /* Fix for IE 6 */	
*+html fieldset#schritt1 select { margin-top:11px; } /* Fix for IE 7 */
* html #kontakt select { margin-top:6px; } /* Fix for IE 6 */
*+html #kontakt select { margin-top:6px; } /* Fix for IE 7 */

.pflicht {
	color:#ff9900;
}

fieldset#schritt2 label, fieldset#schritt3 label{
	font-size:12px;
}

fieldset#schritt3 textarea{
	margin-top:5px;
}

#kontakt .button {
	width:70px;
}
/*------------------------end: Kontaktformular------------------------*/

/*----added get info   ---- */
.get_info {
 position:absolute;
 top:25px;
 right:0; }
 
.get_info a {
 float:right;
 display:block;
 width:165px;
 height:28px;
 text-indent:-3000px;
 background:url(../img/icon_getinfo.gif) 0px 0px no-repeat; }
 
.get_info a:hover { background:url(../img/icon_getinfo.gif) 0px -28px no-repeat; }
 

/* Sitemap */
.csc-sitemap ul { margin-left:30px; }

/* UL/LI für Parternsuche */
.ulpartner {
	margin:0px;
	padding:0px;
}
.lipartner {
	background-image: url(../img/bullet_lipartner.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 22px;
	list-style-type: none;
}

/* Styles für Vorschauseite Häuser */
.haus_preview_small {
	width:100px;
	height:75px;
	margin-right:18px;
	margin-bottom:26px;
	background-color:#CCCCCC;
	float:left;
}
p.prev {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}