.formular .formular{width:auto;}
/* EVU Default */
/* Hintergrund */
/* Farben */
#cont{
/*background-color:#fff;*/
background-color:#e3e8ec;
}
#navi, #teas{
background-color:#eee;
}
#foot{
background-color:#ddd;
}
body
{
	background-color:#cfdade;
	
}


/* Abstand */
body, td.chkbox input, ul.tools{
margin:0px;
}
td{
padding:0px;
}
.bottom form{
margin:0px 0px 6px 11px;
}
/* Breite */
#base, #head{
width: 980px; /* max 980px */
}
#navi{
width: 190px; /* etwa 190px */
}
#teas, col.col0{
width: 150px; /* etwa 150px */
}
td.chkbox input{
width:16px;
}
/* Höhe */
#head{
height: 170px; /* 100-170px */
}
#foot{
height: 85px; /* 15-85px */
}
#cont{
height: 435px; /* min 435px */
}

/* Ausrichtung */
#foot{
text-align:center;
}
table.form td img, #ie6 #result #info, #ie7 #result #info{
float:right;
}
td, #frame form td{
vertical-align:top;
}
td.bottom{
vertical-align:bottom;
}

/* Rand */
a img{
border:0px
}

/***************************
 * Evu-eigene Styles ab hier
 ***************************/
/*************************************************************/
/* Schrift */

.small{
font:normal 8px Arial;
}
#result li{
font:normal 9px Arial;
}
body, a, p, #teas, input, select, .formular label, .form label, .infobox th, .infobox td, #foerderprogramm td h2{
font:normal 11px Arial;
}
#foerderprogramm td{
font:normal 15px Times New Roman;
}
#frame #text h1, .infobox h1{
font-size:22px;
}
#frame #text h2, #foerderprogramm td h2{
font-size:19px;
}
.infobox .first th, #frame #text h3, .result th{
font-size:15px;
}
.bar, #foerderprogramm th, #news h3,.haus_navi a, .haus_navi .disabled, .tools li, .big, .tabs a p{
font-size:13px;
}
h3, .err, form td h4{
font-size:12px;
}
h4{
font-size:11px;
}
.spacer{
font-size:5px;
}
br.small{
font-size:2px;
}
.bar, .btn input, .infobox th, .formular label, #foerderprogramm td h2, #event a, .filter_form label, .haus_navi a, .haus_navi .disabled, .tools li a, .tabs a p, a.big{
font-weight:bold;
}
.normal, .normal li{
font-weight:normal;
}
.tabs a p{
line-height:100%;
}
#foerderprogramm td{
line-height:140%;
}
.filter_form label{
line-height:180%;
}
.tabs a p{
font-style:italic;
}
/*************************************************************/
/* Farbe */
table.bar{
background-color:#fff;
}
#navi li{
color:#666;
}
.haus_navi .disabled{
color:#aaa;
}
#foot a, .footnote, .form a{ /* .form a Links unterm Login */
color:#333;
}
#navi, #navi a, label, #frame #text .formular a, .login_info, #text.white a, #frame #text.white h2, #frame #text.white h3, #frame #text .white, .tools li{
color:#333;
}

#frame #text a.white:hover, #foot a:hover, #navi a:hover, #navi li:hover, #navi li.selected, #navi li.selected a, #frame #text h1, #frame #text h2, #frame #text h3, #frame #text a, .form a:hover,  #frame #text .formular a:hover, #frame .haus1 #text .gray a:hover, .tools li:hover, #frame #text .haus_navi #result a:hover, .haus_navi #info{
color:#666;
}

#teas h3,
{
	color:#FFFFFF;
}

#teas, .formular label{
color:#333;
}
.infobox .h3, .infobox th, .err, #frame #text #event a, #frame #text .haus_navi a, #frame #text .tabs .off a{
color:#FFFFFF;
}
.haus_navi
{
color:#000000;
}
.bar
{
color:#333333;
}

.filter_form label, #frame #text .tabs .on a{
color:#FFF;
}
/*************************************************************/
/* Darstellung */
a{
text-decoration:none;
}
.underline{
text-decoration:underline;
}
.btn input, .form td img, .formular td img, #teas a div.bar, a div.bar, #btn_err, #result div img{
cursor:hand; /* IE < 5 */
cursor:pointer;
}
#result .arr{
cursor:help;
}
ul{
list-style-type:square;
}
#result ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#result ul li{
display:block;
float:left;
}
#ie7 #result div{
padding-top:0px
}

#ie6 #result ul li.int, #ie7 #result ul li.int{
width:20px;
margin-right:4px;
}
#result ul li.int{
margin-right:6px;
text-align:right;
width:20px;
}
.formular td label, .formular td input, .formular td img{ /* um float zu ermöglichen */
display:block;
}
.hidden, .formular td input.hidden{
display:none;
}
/*************************************************************/
/* Hintergrund */

/*
#head{
background:url(../../UserFiles/Image/balken_oben.jpg) no-repeat;
}
*/
#result{
background:url(../../UserFiles/Image/formpic/bg_result.jpg) no-repeat; /**/
}

.haus1{
background:url(../../UserFiles/Image/ec_tools.jpg) no-repeat;
}
.haus2{
background:url(../../UserFiles/Image/ec-haus.gif) no-repeat;
}
.haus_klein{
background:url(../../UserFiles/Image/haus_klein.jpg) no-repeat 380px 250px;
}

.tabs td.spacer{
background:url(../../UserFiles/Image/formpic/bottom.gif) repeat-x;
}
.tabs td.on{
background:url(../../UserFiles/Image/formpic/top_on.gif) repeat-x;
}
.tabs td.off{
background:url(../../UserFiles/Image/formpic/top_off.gif) repeat-x;
}
.tabs td.on_off{
background:url(../../UserFiles/Image/formpic/on_off.gif) no-repeat;
}
.tabs td.off_on{
background:url(../../UserFiles/Image/formpic/off_on.gif) no-repeat;
}
.tabs td.off_off{
background:url(../../UserFiles/Image/formpic/off_off.gif) no-repeat;
}
.tabs td.off_last{
background:url(../../UserFiles/Image/formpic/off_last.gif) no-repeat;
}
.tabs td.on_last{
background:url(../../UserFiles/Image/formpic/on_last.gif) no-repeat;
}
.tabs td.off_first{
background:url(../../UserFiles/Image/formpic/off_first.gif) no-repeat;
}
.tabs td.on_first{
background:url(../../UserFiles/Image/formpic/on_first.gif) no-repeat;
}
.tabs td{
width:14px;
height:39px;
}
.tabs td.on_first, .tabs td.off_first{
width:5px;
height:39px;
}
.tabs .spacer{
width:320px;
}


#foot, #navi, #teas, .haus_navi #info{
	background-color:#cfdade;
}
.bar, .infobox, .haus_navi a{
background-color:#FFf;
}

 .haus_navi a{
background-color:#cfdade;
}

.haus_navi .disabled{
background-color:#eee;
}
.infobox .light{
background-color:#FFB31A; 
}
.btn input{
background-color:#f2f2f2;
}
.list .light td{
background-color:#3770DF;
}
.err{
background-color:#d33;
}
.formular th, select{
background-color:#ccc;
}
.haus_navi a.visited{
background-color:#690;
}
#result #info{
background-color:transparent;
}

/*************************************************************/
/* Rahmen */
#frame, .err{
border:5px solid #FFFFFF; /* fd9802 */
}
input, select{
border:1px solid #999;
}
.chkbox input{
border:0px;
}
hr.line{
border:0px;
border-bottom:1px solid #999;
}
.infobox .first th{
border-bottom:1px solid #fff;
}
.list td, .list th, .filter_form td, .filter_form th{
border-left: 1px solid #bbb;
}
#ie7 #frame #text, #ie6 #frame #text{ /* wg IE-Bug, sonst wird Abstand nicht erkannt */
border:0px solid white;
}
hr.color{
border:0px;
border-bottom:1px solid #FFB202;
}
.tabs td{
border-bottom:1px solid #999;
}
.tabs td#first_tab{
border-left:1px solid #999;
}
#result #bar{
border-bottom:1px solid #000;
border-right:1px solid #666;
}
/*************************************************************/
/* Breite */

/* #frame #text p width nicht gesetzt, da ihn IE sonst nicht umfliessen kann */
#base, #head{
width: 980px; /* max 980px */
}
#cont #frame{
width: 615px !important; /* Firefox */
width: 615px; /* IE 627px */
}
#ie6 .p75, #ie7 .p75{
width:400px;
}
#ie7 #ip3 .p25{
width:193px;
}
.formular input{
width:300px;
}
#news{
width:250px;
}
.formular td.p75 input{
width:218px; /* 218 */
}
#ie6 .formular td.p75 input{
width:215px;
}
#ie7 .formular td.p75 input{
width:215px;
}

#navi, .formular td.p25{
width: 190px; /* etwa 190px */
}
#ie7 .formular td.p25{
width:300px;
}
#ie7 .formular .ec td.p25, #help{
width:400px;
}
#ie7 .formular #reg td.p25{
width:191px;
}
#ie6 .formular #reg td.p25{
width:192px;
}
#teas, input, select, #login td, #ef2 .formular td span{
width: 150px; /* etwa 150px */
}
.ec select{
width:190px; /* vorher 150 */
}
.bar, .formular .ec td label{
width:140px;
}
.formular td label{
width:110px;
}
#e_check td label, #ie6 #result ul li{ /* 30.4. um Info-Buttons neben Labels im Stromcheck zu ermöglichen */
width:auto;
}


.p25 select{
width:129px; /* 89 */
}
#ie6 .p25 select, #ie7 .p25 select{
width:128px; /* 89 */
}

.p15 select{
width:50px;
}
.formular td.p25 input{
width:55px;
}
#ie6 .formular td.p25, #frame #text .bar, .btn input, .formular td .btn input{
width:auto;
}
.list{
width:100%;
}
table.formular{width:600px;} /* wg FF3 + Opera + Safari*/
#result{
width:260px;
}
#result li{
width:200px;
}
#ie7 table.formular, .list{
width:600px;
}
#ie7 table.formular .formular{
width:200px;
}
.flex tbody select{
width:90%;
}
.flex tbody input{
width:84% !important; 
width:83%;
}
col.px200{
width:200px
}
col.px120{
width:120px
}
col.px80{
width:80px
}
col.px60{
width:60px
}
#ie7 col.px200{
width:100px
}
#ie7 col.px120{
width:60px
}
#ie7 col.px80{
width:40px
}
#ie7 col.px60{
width:30px
}
#ie7 .haus_klein .flex .formular{
width:450px;
}
#ie7 .container table{
width:300px;
}
#ie7 .haus_klein .flex .formular td{
padding-top:5px;
}
#result .arr{
width:19px;
height:13px;
}
#result #bar{
width:13px;
height:340px;
}
/*************************************************************/
/* Höhe */
#head{
height: 115px; /* 100-170px */
}
#foot{
height: 85px; /* 15-85px */
}
#frame{
min-height:451px; /* IE keine Wirkung */
}
#ie6 #frame{
height:451px; /* 463 */
}
#ie7 #frame{
height:auto;
}
input{
height:15px;
}
select{
height:17px;
}
.btn input, #ie7 select, #ie7 #result li, #ie6 #result li{
height:19px;
}


#navi div{
height:360px; /* damit folgendes Formular login nach unten rutscht */
}
#navi div#login{
height:auto;
}
td.chkbox{
height:1.8em;
}
hr.line{
height:1px;
}
/*************************************************************/
/* Abstand */
#navi ul, li, .infobox h1, form td h3, #help h1, #foerderprogramm td h2, .block td ul, #result h3, #result ul li{
margin:0px;
}
#news li{
margin:1px;
}
#news ul{
margin:2px;
}
#teas h3, #ef2 label.top, form td h4{
margin-top:0px;
}
p, .formular label{
margin-top:2px;
}
li, .infobox{
margin-top:5px;
}
#frame #text h2{
margin-top:7px;
}
#ie6 #frame #text h3{
margin-top:17px;
}
#ef2 label, #news h3, #ie7 p.start, #ie6 p.start{
margin-top:10px;
}
#teas img, #ie7 h3{
margin-top:16px;
}
p.start{
margin-top:14px;
}

td.chkbox input{
margin-right:4px;
}
#result div #info /* Auswertung Info-Button */,
.formular label /* Abstand zum Info-Button */{ 
margin-right:5px;
}
.formular .chkbox span{
margin-right:10px;
}
.form img, .login_info{
margin-right:24px;
}
h3, #teas p, form td h4{
margin-bottom:0px;
}
#news h3, h4.white, #ie6 h4.white{
margin-bottom:4px;
}
#teas .bar, h3.white{
margin-bottom:8px;
}
#teas .underline, h2, #event{
margin-bottom:10px;
}
#foot a.left{
margin-left:4px;
}
#ie6 form.btn{ /* Login links */
margin-left:6px;
}
#foot a, .infobox, .login_info{
margin-left:12px;
}
#foerderprogramm{
margin-left:30px;
}
#frame #text{
margin:0px 8px 8px 8px;
}

#frame form td hr{
margin:3px 0px 3px 0px !important; 
margin:0px; 
}
.tabs a p{
margin: 7px 0px 0px 5px;
}
#ie7 .tabs a p{
margin: 8px 0px 0px 5px;
}
/**********************/
form td.line, #ie6 form.btn input, #ie6 #result div{
padding:0px;
}
body{
padding:8px;
}
.bar, .err, th, .list td{
padding:4px;
}
.haus_navi a, .haus_navi .disabled, .haus_navi #info{
padding:3px 7px 3px 7px;
}
#ie6 .haus_navi div, #ie7 .haus_navi div{
padding:6px 10px 6px 10px;
}
#help{
padding:30px;
}
#cont, #frame, #result{
padding:5px;
}
#foot, .chkbox, .intext td{
padding-right:5px;
}
#ec_haus{
padding-right:10px;
}
.block td, .filter_form td{
padding-right:25px;
}

#ie7 #result li.int, #ie6 #result li.int{
padding-top:1px;
}
#cont, #foerderprogramm th{
padding-top:17px;
}
#teas{
padding-top:14px;
}
#navi{
padding-top:24px;
}
.form td{
padding-top:3px;
}
.formular td, .filter_form th{
padding-top:6px;
}
#ie6 .formular td, #ie7 .formular td{
padding-top:4px;
}

#teas{
padding-left:3px;
}
input, .filter_form td{
padding-left:4px;
}
#navi{
padding-left:12px;
}
ul{
padding-left:14px;
}
ul.links{
padding-left:0px;
}
.infobox th{
padding:8px 6px 8px 10px;
}
.infobox td{
padding:8px 8px 8px 0px;
}
.infobox .first th{
padding:8px 8px 5px 10px;
}
#foerderprogramm th{
padding-left:0px;
}
#foerderprogramm td{
padding-left:20px;
}
.text th, .text td{
padding:0px 10px 0px 0px;
}
.result td{
padding-bottom:5px;
}
/*************************************************************/
/* Ausrichtung */
#foot, .right{
text-align:right;
}
.center{
text-align:center;
}
th{
text-align:left;
}
#foerderprogramm td, #help{
text-align:justify;
}
.btn, .result th, .result td, #result img{
vertical-align:bottom;
}
.formular td label, .formular td span, .formular td input, .formular td select, .formular td img, #foot a.left, #event td.right img{
float:left;
}
#frame #text a div.bar, #frame #text table.bar, .infobox{
float:right;
}
#frame #text .bar .bar{
float:none;
}
/*************************************************************/
/* Position */
#head img, #choose{
position:absolute;
}
#head img#logo{
margin-left:22px;
}
#frame #text a div.bar{
margin-left:10px;
}
#head img#logo_evu{
margin-left:825px;
margin-top:0px;
}
#head img#logo_erdgas{
margin-left:843px;
margin-top:62px;
}
#choose{
margin-left:288px;
margin-top:0px;
}


/* Positionen Haus-Navi */
#ec_dach{
top:266px;
left:505px;
}
#ec_wand{
top:395px;
left:625px;
}
#ec_fenster{
top:320px;
left:550px;
}
#ec_keller{
top:510px;
left:505px;
}
#ec_heizung{
top:545px;
left:595px;
}
.haus_navi #info{
top:70px;
left:505px;
}
.haus_navi div, .haus_klein div, #result img.arr, #result div{
position:absolute;
}
/* Positionen Haus-Kennzeichnung */
/*
#ec_haus{
top:240px;
left:340px;
}*/
.haus_klein #ec_dach{
top:250px;
left:410px;
}
.haus_klein #ec_wand{
top:320px;
left:340px;
}
.haus_klein #ec_fenster{
top:265px;
left:455px;
}
.haus_klein #ec_keller{
top:365px;
left:390px;
}
.haus_klein #ec_heizung{
top:380px;
left:410px;
}
#result{
top:239px;
}
#result div{
left:40px;
}
#ie7 #result div{
left:35px;
}

/*************************************************************/
/* Markierungen im Sitemanager */
hr.edit_on, hr.edit_off{
width:20px;
display:inline;
} 
hr.edit_on{
border:2px solid darkgreen;
}
hr.edit_off{
border:2px solid red;
}

#frame #text .haus_navi #result a{
background-color:transparent;
color:#FFFFFF;
font-size:10px;
padding:0px;
}

/* später einsortieren */
#vg1, #vg2{
font-size:13px;
background-color:#fff;
border:1px solid black;
width:130px;
text-align:center;
color: #000000;
}
#vg1{
top:365px;
left:400px;
}
#vg2{
top:325px;
left:400px;
}

/* Test */
#test, #ie6 #result li img-{
border:1px solid green;
}

#ie7 #result li, #ie6 #result li{
height:19px;
}
#ie7 #result li.int, #ie6 #result li.int{
padding-top:1px;
}

/* Crossbrowser 
body > #b_ff2{  alle ohne IE: mit Kindselector body>#id ... 
}
#ie6 ...{  nur für ie6 
}
#ie7 ...{  nur für ie7 
}
*/

/*************************************************************/
/* Alt-Text */
div#altcontainer{width: 500px; margin:0 auto}
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 10px;
    background: url(/UserFiles/Image/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/UserFiles/Image/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:20px 8px 10px;
	color: #548912;
    background: url(/UserFiles/Image/bubble.gif) no-repeat bottom;
}

#frame
{

}