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

/* Abstand Listen wie p ----------------------*/
#content ul,
#content ol{
	margin-top:1.5em;
	margin-bottom:1.5em;
	}
/*VORDEFINIERTE BOXEN -------------------------------------------------------------*/

/* Allgemeine Formate für alle Boxen ----------------------*/

/* Boxen dunkel*/
.box,
.box_h{
	color:#e6e5e3;
	background-color:#494741;
	margin-bottom:10px;
	}
.box a,
.box_h a{
	color:#e6e5e3;
	}
.box h2,
.box_h h2{
	color:#e6e5e3;
	margin:0;	
	}
.box h3,
.box_h h3{
	color:#e6e5e3;	
	}

.box table td.header,/* Überschriften Boxen Übersichtsseiten*/
.box_h table td.header{
	height:30px;
	padding:0 10px;
	}
.box table td.img,
.box_h table td.img{
	height:140px;
	padding:0;
	}
.box table td.text,/* Text große Box Übersichtsseiten und Home*/
.box_h table td.text{
	font-size:0.91em;
	padding:10px;
	}
.box table td.link,/* Link-Box Übersichtsseiten, Häuser und Home*/
.box_h table td.link{
	height:26px;
	padding:0 10px;
	}

.box table td.link a,
.box_h table td.link a{
	text-decoration:none;
	}
.box table td.link div a,
.box_h table td.link div a{
	background:url(/img/link_arrow.gif) top right no-repeat;
	padding-right:23px;
	font-size:0.91em;
	color:#e6e5e3;
	}

/*Box Häuser*/
.box_h table td.header{
	background:url(/img/houses_bg_top.gif) top left no-repeat;
	}
.box_h table td.link{
	background:url(/img/houses_bg_bottom.gif) bottom left no-repeat;
	}

/* Zusätzliche Klasse für alle hellen Boxen*/
.light{
	color:#494741;
	background-color:#f0f0ef;
	padding:0 10px;
	}
.light a{
	color:#494741;
	}
.light p, 
#content .light ol, 
#content .light ul{
	margin-top:0.64em;
	margin-bottom:0.72em;
}
.light h2{
	color:#97948a;
	margin-top:0.5em;
	margin-bottom:0.3em;	
	}
.light h3{
	color:#494741;
	margin:0.64em 0;
	}
/* Abstand zum nebenstehenden Element -----------------*/

/* äusserste Box rechts mit Abstand*/
.margin{
	float:left;
	margin-right:11px;
}
/* äusserste Box rechts ohne Abstand*/
.nomargin{
	float:left;
}
/* Ausnahmen und Zusätze-------------------------*/
/* Standardbox*/
.standard{
	width:560px;
	margin:17px 0;
}
.two_thirds{
	width:363px;
	margin:17px 0;
}
.one_third{
	width:166px;
	margin:17px 0;
}
table td .standard,
table td .two_thirds,
table td .one_third{
	margin:0;
}

/*Haus des Monats, Haussuche*/
.standard form{
	margin:10px 0;
}
/*Haussuche, Seite Beratung vor Ort*/
.standard input.text{
	width:60px;
}
/*Ihr Vorteil*/
.standard table td.strong{
	font-weight:bold;
}
/* Große Box im Inhalt*/
.big{
	width:580px;
	margin-top:17px;
	}
.big table td.img{
	height:348px;
	}
.big td.link{
	text-align:right;
	}
.big table td.text{
	height:26px;
	padding:0 10px;
	}
/* Kleine Box im Inhalt*/
.small{
	width:186px;
	}
.small table td.img{
	height:112px;
	}
/* Kleine Box im Inhalt spezifisch für Häuser*/
/*.houses h2{
	font-size:1em;
	}*/
.houses h3,
.houses h3{
	font-size:0.91em;	
	}
/* Box Startseite */
.home{
	width:232px;
	}
.home table td.img{
	height:139px;
	}
.home table td.text{
	line-height:1.091em;
	height:22px;
	vertical-align:top;
}
.home table td.text div{
	position:relative;
}
.home table td.link{
	height:30px;
	}
/* Box Startseite spezifisch für Länderseiten*/
.smaller{
	width:231px;
}	
/*Drop-Up-Liste*/
ul#tv {
    margin: 0; 
	padding: 0;
  }
ul#tv li {
    list-style: none;
    float: left;
	width:180px;
	padding:0 24px 0 5px;
	line-height:20px;
	border:1px solid #e6e5e3;
	font-size:1em;
	position:relative;
	background:url(/img/tv_arrow_down.gif) top right no-repeat #494741;
  }
ul#tv li a{
	color:#e6e5e3;
}
ul#tv li:hover  {
    background:url(/img/tv_arrow_up.gif) top right no-repeat #494741; 
  }
ul#tv li ul {
    margin: 0; 
	padding: 0;
    position: absolute;
    bottom:21px;
	left:-1px;
    display: none;  /* Unternavigation ausblenden */
  }
ul#tv li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
	z-index:500;
  }
ul#tv li ul li {
    float: none;
	width:199px;
	padding-right:5px;
    display: block;
	border-bottom:none;	
	border-top:1px solid #e6e5e3;
	background-image:none;
  }
ul#tv li ul li:hover  {
    background-image:none;
  }
ul#tv li a {
    display: block;
    width: 100%;  /* Breite den in li enthaltenen Elementen zuweisen */
    text-decoration: none; 
	cursor:pointer;
  }
ul#tv li a:hover{
    font-weight:bold;
  }
/* Marginalspalte */
.right {
	width:155px;
	padding-bottom:10px;
	}
.right table p{
	font:0.91em/1.546em Verdana, Arial, Helvetica, sans-serif ;
	}
.right table td a:link,
.right table td a:active,
.right table td a:visited,
.right table td a:hover,
.right table td a{
	background:url(/img/link_arrow_single.gif) right center no-repeat #97948a;
	text-decoration:none;
	padding:5px 26px 5px 10px ;
	line-height:2em;
	color:#e6e5e3;
	}

/* Haussuche */
.right form{
	margin:0;
}
.right table select{
	width:155px;
	margin:5px 0;
}
.right table .country{
	width:50px;
	margin:5px 5px 10px 0;
}
.right table input.text{
	width:60px;
	margin:5px 5px 10px 0;
}
/* *:first-child+html .right table input.text{
	margin:0 5px 0 0;
}
 *html .right table input.text{
	margin:0 5px 0 0;
}*/
/*.right table input.img{
	display:block;
	width:22px;
	height:22px;
	padding:0;
	background:url(/img/search.gif) top left no-repeat;
}*/
/* Box neu gebaute Häuser -----------------*/

.new_house table td.img{
	width:186px;
	padding-bottom:10px;
}
.new_house table td.text{
	font-size:0.91em;
}
/*Solarrechner*/
ul#solar {
	position:relative;
	margin: 0;
	padding: 0;	
}
ul#solar li {
	list-style: none;
	width:126px;
	padding:0 24px 0 5px;
	line-height:20px;
	border:1px solid #97948a;
	font-size:1em;
	color:#494741;
	background:url(/img/dropdown_arrow.gif) top right no-repeat #ffffff;
}
ul#solar li ul {
	margin: 0;
	padding: 0;
	position:absolute;
	top:22px;
	left:0;
	display: none;  /* Unternavigation ausblenden */
}
ul#solar li:hover ul {
	display: block;  /* Unternavigation in modernen Browsern einblenden */
	z-index:100;
}
ul#solar li ul li {
	float: none;
	display: block;
	border-top:none;
	background-color:#fff;
	border-bottom:1px solid #97948a;
	background-image:none;
}
ul#solar li a {
	display: block;
	width: 100%;  /* Breite den in li enthaltenen Elementen zuweisen */
	text-decoration: none;
	color:#62584d;
	background:none;
	padding:0;
}
ul#solar li a:hover {
	font-weight:bold;
}
.solar_result{
	margin-top:10px;
}
.solar_result .border_bottom{
	padding-bottom:12px;
	border-bottom:1px solid #97948a;
}
/*Startseite Bild-Slider Javascript -------------------------------------------------------------*/
#basic-accordian {
	width:960px;
	height:395px;
}
#tabs {
	width:140px;
	height:395px;
	float:left;
}
#images {
	width:820px;
	height:395px;
	float:right;
	position:relative;
}
.accordion_headings {
	width:35px;
	height:385px;
	background:#c9c8c3;
	padding-bottom:10px;
	color:#e2e2e2;
	float:left;
}
.accordion_headings a {
	display:block;
	width:35px;
	height:385px;
	text-decoration:none;
}
.accordion_headings a span{
	width:35px;
	height:385px;
	display:block;
}
.accordion_headings a:hover {
	cursor:pointer;
}
#test1-header.accordion_headings {
	background:url(/img/acc_1g.gif) top left repeat-y;
}
/*de*/
#test1-header.accordion_headings a {
	background:url(/img/start1.png) top left no-repeat;
}
* html #test1-header.accordion_headings a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start1.png', sizingMethod='');
	background:none;
}
#test2-header.accordion_headings {
	background:url(/img/acc_2g.gif) top left repeat-y;
}
#test2-header.accordion_headings a {
	background:url(/img/start2.png) top left no-repeat;
}
* html #test2-header.accordion_headings a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start2.png', sizingMethod='');
	background:none;
}
#test3-header.accordion_headings {
	background:url(/img/acc_3g.gif) top left repeat-y;
}
#test3-header.accordion_headings a {
	background:url(/img/start3.png) top left no-repeat;
}
* html #test3-header.accordion_headings a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start3.png', sizingMethod='');
	background:none;
}
#test4-header.accordion_headings {
	background:url(/img/acc_4g.gif) top left repeat-y;
}
#test4-header.accordion_headings a {
	background:url(/img/start4.png) top left no-repeat;
}
* html #test4-header.accordion_headings a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start4.png', sizingMethod='');
	background:none;
}
/*fr*/
#test1-header.accordion_headings a.fr {
	background:url(/img/start1fr.png) top left no-repeat;
}
* html #test1-header.accordion_headings a.fr {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start1fr.png', sizingMethod='');
	background:none;
}
#test2-header.accordion_headings a.fr {
	background:url(/img/start2fr.png) top left no-repeat;
}
* html #test2-header.accordion_headings a.fr {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start2fr.png', sizingMethod='');
	background:none;
}
#test3-header.accordion_headings a.fr {
	background:url(/img/start3fr.png) top left no-repeat;
}
* html #test3-header.accordion_headings a.fr {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start3fr.png', sizingMethod='');
	background:none;
}
#test4-header.accordion_headings a.fr {
	background:url(/img/start4fr.png) top left no-repeat;
}
* html #test4-header.accordion_headings a.fr {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start4fr.png', sizingMethod='');
	background:none;
}


/*it*/
#test1-header.accordion_headings a.it {
	background:url(/img/start1it.png) top left no-repeat;
}
* html #test1-header.accordion_headings a.it {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start1it.png', sizingMethod='');
	background:none;
}
#test2-header.accordion_headings a.it {
	background:url(/img/start2it.png) top left no-repeat;
}
* html #test2-header.accordion_headings a.it{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start2it.png', sizingMethod='');
	background:none;
}
#test3-header.accordion_headings a.it {
	background:url(/img/start3it.png) top left no-repeat;
}
* html #test3-header.accordion_headings a.it {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start3it.png', sizingMethod='');
	background:none;
}
#test4-header.accordion_headings a.it{
	background:url(/img/start4it.png) top left no-repeat;
}
* html #test4-header.accordion_headings a.it {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start4it.png', sizingMethod='');
	background:none;
}

/*es*/
#test1-header.accordion_headings a.es {
	background:url(/img/start1es.png) top left no-repeat;
}
* html #test1-header.accordion_headings a.es {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start1es.png', sizingMethod='');
	background:none;
}
#test2-header.accordion_headings a.es {
	background:url(/img/start2es.png) top left no-repeat;
}
* html #test2-header.accordion_headings a.es {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start2es.png', sizingMethod='');
	background:none;
}
#test3-header.accordion_headings a.es {
	background:url(/img/start3es.png) top left no-repeat;
}
* html #test3-header.accordion_headings a.es {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start3es.png', sizingMethod='');
	background:none;
}
#test4-header.accordion_headings a.es {
	background:url(/img/start4es.png) top left no-repeat;
}
* html #test4-header.accordion_headings a.es {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/start4es.png', sizingMethod='');
	background:none;
}



#test1-header.accordion_headings:hover, #test2-header.accordion_headings:hover, #test3-header.accordion_headings:hover, #test4-header.accordion_headings:hover {
	background:url(/img/acc_r.gif) top left repeat-y;
}
.accordion_child {
	padding:0;
	background:#EEE;
	height:395px;
	position:absolute;
	top:0;
	left:0;
}
.accordion_child .link {
	position:absolute;
	bottom:10px;
	right:0;
	padding:0 10px;
}
.accordion_child .link a{
	background:url(/img/link_arrow_single_home.gif) right center no-repeat #fff;
	text-decoration:none;
	padding:5px 26px 5px 10px ;
	line-height:2em;
	color:#494741;
	}
/*.accordion_child .link a {
	padding-right:23px;
	background:url(/img/link_arrow.gif) right 4px no-repeat;
	text-align:right;
}*/
#test1-header.header_highlight, #test2-header.header_highlight, #test3-header.header_highlight, #test4-header.header_highlight {
	background:url(/img/acc_r.gif) top left repeat-y;
}
/*Runde Ecken ausschalten*/
.accordion_child div.wrapper div.tl, .accordion_child div.wrapper div.bl {
	display:none;
}
/* Google-map, runde Ecken --------------------------------------------------------*/
#map_wrapper {	
	position:relative;
	width: 580px; 
	height: 348px;
	margin-bottom:17px;
}
#map_wrapper .tl,
#map_wrapper .tr,
#map_wrapper .bl,
#map_wrapper .br{
	position:absolute;
	height:6px;
	width:6px;
}
#map_wrapper div.tl{	
	background:url(/img/tl.png) top left no-repeat;
	top:0;
	left:0;
}
*html #map_wrapper div.tl{	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tl.png', sizingMethod='');
	background:none;
}
#map_wrapper div.tr{	
	background:url(/img/tr.png) top right no-repeat;
	top:0;
	right:0;
}
*html #map_wrapper div.tr{	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tr.png', sizingMethod='');
	background:none;
}
#map_wrapper div.bl{	
	background:url(/img/bl.png) bottom left no-repeat;
	bottom:0;
	left:0;
}
*html #map_wrapper div.bl{	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bl.png', sizingMethod='');
	background:none;
}
#map_wrapper div.br{	
	background:url(/img/br.png) bottom right no-repeat;
	bottom:0;
	right:0;
}
*html #map_wrapper div.br{	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/br.png', sizingMethod='');
	background:none;
}
/* ************************************************************************************* */

/*Imagemaps Energiespartechnik - derzeit nicht verwendet*/

.tooltip { 
  font-size: 10px; 
  position: absolute; 
  display: none; 
  z-index:10;
  background-color: #ffffff; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #666666; 
}

.tooltip .head { 
  width:250px;
  min-width:250px;
  max-width:auto;
  font-weight: bold; 
  background-color: #eef1f6;
  color: #000000; 
  padding: 4px 10px 4px 10px; 
}

.tooltip .content { 
  color: #000000; 
  padding: 10px; 
  width:250px;
  min-width:250px;
  max-width:auto;
  z-index:12;
  
}