@import url("/css/energienetz/01/energie_nav.css");

body {
font:80%/150% sans-serif;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
background:#d6d8e8;
margin:0;
padding:0;
}

* {
margin:0;
padding:0;
}

a,a:visited {
color:#073999;
text-decoration:none;
}

a:hover {
color:#073999;
text-decoration:none;
}

#content img {
float:left;
margin-right:20px;
}

a img {
border:none;
}

a.aktiv {
color:#000;
}

h2, h4 {
color:#073999;
}

div #home {
position: relative;
top: 18px;
left: 542px;
width: 120px;
height: 50px;
}

#home img {
width: 120px;
height: 50px;
}

hr {
height:1px;
color:#A1C4E0;
background-color:#A1C4E0;
border:none;
clear:both;
}

#container {
width:760px;
text-align:left;
background:#fff;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
margin:0 auto 20px;
padding:0;
}

#header {
height:100px;
width:760px;
color:#fff;
background:url(/img/energienetz/01/head.jpg) no-repeat left top;
margin:0; 
padding:0;
}

#navigation {
height:28px;
width:760px;
margin:0;
}

#navhelper {
float: right;
margin: 0 5px 0
}

.compLeft {
padding:0 0 25px;
width:170px;
}

.compRight {
width:170px;
margin:0 5px 0 15px;
padding:0 0 25px;
}

#content {
float:left;
width:510px;
background: url(/img/energienetz/01/shadow.png) right top no-repeat;
border-right:1px solid #A1C4E0;
margin:0;
padding:10px 10px 30px 15px;
font:normal 100%/150% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#content #splitcontentleft {
background-color:#fff;
font:normal 95%/150% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
float:left;
border-right:1px solid #A1C4E0;
width:189px;
margin:0;
}

#content #splitcontentright {
float:right;
background-color:#fff;
width:280px;
margin: 0;
padding: 0 20px;
}

#content #splitcontentright form select {
font:normal 90%/150% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#right {
font:normal 95%/150% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
float:right;
background:#fff url(/img/energienetz/01/shadow_right.png) center top no-repeat;
width:224px;
margin:0px 0 0;
padding:25px 0px 0 0;
}

#footer {
clear:both;
text-align:center;
border-top:1px solid #A1C4E0;
background:#fff;
padding:5px 0;
width:760px;
}

#content ul,
#content ol {
margin:0.3em 1.5em;
}

#content h3 {
font:bold 120%/150% Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
border-bottom:1px solid #bbb;
margin:25px 0 5px;
clear:both;
}

#content h4 {
font:bold 100%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, lucida, sans-serif;
text-align:left;
margin-top: 1.0em;
clear:both;
}

#intro {
text-align:left;
float:left;
width:510px;
margin:20px 5px 20px 0;
}

#intro .nettextdesc {
color:#555;
font:100%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, lucida, sans-serif;
}

#content h2 {
padding-top:15px;
font:bold 160% "Lucida Grande", "Lucida Sans Unicode", Verdana, lucida, sans-serif;
text-align: center;
color:#40CF53;
}

#intro h2 {
padding-top:10px;
text-align: left;
}

#intro img {
margin-right:30px;
margin-top:0;
}

#content .contentText ul {
margin: 0.3em 1.0em;
}

#content .contentText ol {
margin: 0.3em 1.5em;
}

#content .compLeft h3 {
border-bottom:none;
margin:0;
}

#content img.dirbann {
border:1px solid #000;
float:left;
margin:4px 20px 5px 0;
padding:2px;
}

#content h3.Cal,
#right h3.Cal {
background:url(/img/energienetz/01/h3_date.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#content h3.News, 
#right h3.News {
background:url(/img/energienetz/01/h3_news.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#content h3.Termine, 
#right h3.Termine {
background:url(/img/energienetz/01/h3_termine.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#content h3.Links {
background:url(/img/energienetz/01/h3_links.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#right h3.movies {
background:url(/img/energienetz/01/h3-film.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#right .compRight object embed {
margin-top:5px;
}

#right p.movie {
font: 90%/150% sans-serif;
margin-bottom:5px;
}

#right h4.movie {
margin:10px 0 0 0;
font:bold 90%/150% sans-serif;
}

.Link ul li {
list-style-type:none;
padding-bottom:15px;
}

#content .Link ul {
margin:0 0 0 -10px;
padding:0;
}

#right h3.Branche {
background:url(/img/energienetz/01/h3_branche.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#right .boxExp ul li {
list-style-type:none;
padding: 4px 0;
border-bottom:1px solid #999;
}

#right .boxExp ul {
padding:0;
margin:0;
}

#right h3.boxSolar {
background:url(/img/energienetz/01/h3_solar.png) no-repeat left top;
text-indent:-5000px;
height:25px;
margin:0 5px 5px 15px;
padding:0;
}

.sunny_time {
font:80%/150% sans-serif;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color:#666;
padding:0;
margin:0 30px 0 15px;
}

.sunny_data h4 {
padding:0;
margin:5px 30px 5px 15px;
font:bold 90%/150% sans-serif;
}

.sunny_immo,.sunny_tag {
padding:0;margin:5px 30px 5px 15px;
font:90%/120% sans-serif;
font-family:Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

.sunny_heute {
font:90%/120% sans-serif;
font-family:Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
padding:0;
margin:5px 30px 30px 15px;
}

#right h3.login {
background:url(/img/energienetz/01/h3_login.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#right h3.Rub {
background:url(/img/energienetz/01/h3_rub.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#right h3.Filter {
background:url(/img/energienetz/01/h3_filter.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#content h3.seek,
#right h3.seek {
background:url(/img/energienetz/01/h3_seek.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#right h3.Nav {
background:url(/img/energienetz/01/h3_menue.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

#right #reg_filter label {
color:#333;
font-size:80%;
}

#right #reg_filter p.text {
color:green;
font-weight:700;
margin:28px 0 14px;
}

#reg_filter div.button {
text-align:right;
margin:10px;
}

.boxArt .description,
#content .description {
color:#555;
font:100%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, lucida, sans-serif;
margin:15px 5px 20px 0;
}

#right .boxNews ul, #content .boxNews ul, 
.boxCal ul, 
#content .boxLnk ul,
.boxGeneral ul,
#right .boxNav ul,
#right .boxSeek ul, #right .boxSeek form,
#right .boxRub ul,
#right .boxUser form {
list-style:none;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
padding: 0 3px;
margin: 0;
}

#content .boxCnt ul {
list-style-image:url(/img/icons/01/10/02.png);
color:#333;
margin:0.3em 0 0 1.5em;
padding:0 0 0.9em;
}

#content .boxTermine {
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
margin:0 0 25px 0;
padding: 0 3px;
}

#right .boxUser ul li, 
#right .boxTermine ul li {
border-bottom:1px solid #999;
list-style-type: none;
padding: 4px 0;
}

#content .boxNews ul li, 
#content .boxTermine ul li {
border-bottom:1px solid #999;
padding: 4px 0;
}

#content .boxLnk ul li {
border-bottom:1px solid #999;
padding: 4px 0;
}

#right .boxUser ul {
margin: 10px 0;
}

#right .boxNews h4, 
#right .boxCal h4 {
margin: 0 3px;
}

#content .boxDate ul {
list-style-image:url(/img/li_date.png);
color:#333;
margin:0.3em 0 0 2.4em;
padding:0 0 0.9em;
}

#content h4 span.date {
color:#666;
font:100% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
float:right;
clear:right;
}

form input,select {
font:normal 100% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.boxUser form input {
margin-bottom:0.5em;
}

#content form {
color:#333;
margin:1.2em 0;
}

#content fieldset {
border:1px solid #e2e2e2;
color:#333;
margin:2.4em 0;
padding:0.6em;
}

#content fieldset div {
margin:0.9em 0.2em 0.9em 0.9em;
}

#content fieldset div input {
width:40%;
}

#content fieldset div.submit input {
border:1px outset;
}

#content fieldset div.submit {
margin-left:30%;
}

#content fieldset div label {
padding-right:0.9em;
color:#333;
text-align:left;
width:45%;
}

#content fieldset div p {
border-left:3px #999;
color:#666;
}

#content div {
margin-top:0.9em;
}

#content div.submit input {
border:1px outset;
}

#content div.submit {
margin-left:30%;
}

#content div label {
float:left;
width:20%;
padding-right:0.9em;
color:#333;
text-align:left;
}

#content .alert {
color:#c30;
text-align:center;
font-weight:700;
background:#f96;
border:1px solid red;
margin:2.2em 0;
padding:0.9em;
}

#content .alert a {
color:black;
}

#content .success {
color:green;
text-align:center;
font-weight:700;
background:#cf6;
border:1px solid green;
margin:2.2em 0;
padding:0.9em;
}

#content .objectDesc {
color:#333;
text-align:left;
margin:0.6em 0 0.2em 0em;
}

.memDesc {
color:#000;
text-align:left;
margin: 2.4em 0;
clear:left;
}

#content .memDesc ol, 
#content div .subinfo {
color:#000;
text-align:left;
margin:0.6em 1.6em;
}

#content .memDesc ul {
color:#000;
text-align:left;
margin:0.6em 0.9em;
}

#content .memberBaustein {
width:480px;
clear:both;
}

#content .memberBaustein h4 {
clear:both;
padding-top: 1.5em;
}

#content .bausteinPic {
float:left;
width:180px;
margin-bottom: 1.5em;
}

#content .bausteinTxt {
float:right;
width:300px;
}

#breadcrump {
background:#f2f2f2;
color:#666;
border-bottom:1px solid #A1C4E0;
margin:-1px 0 0;
padding:3px 15px;
}

#breadcrump a {
color:#073999;
}
#breadcrump a:hover {
color:#666;
}

#content .anzOpt {
border-bottom:1px solid #bbb;
background:#f2f2f2;
margin:0 0 5px;
padding:5px;
clear:both;
}

#content .anzOptBottom {
text-align:center;
height:1.2em;
background:#f2f2f2;
border-top:1px solid #bbb;
margin:3.2em 0 1.2em;
padding:5px;
}

#content .noresult {
color:red;
text-align:center;
font-weight:700;
background:#e8e8e8;
border:1px solid red;
margin:2.2em 0;
padding:0.9em;
}

#content .alphaLine {
color:#666;
font-size:110%;
font-weight:400;
text-align:center;
border-bottom:1px solid #bbb;
background:#f2f2f2;
margin:0 0 25px;
padding:0;
}

#content .alphaLine strong {
color:#999;
font-weight:400;
}

#content .alphaLine a {
font-weight:700;
}

#content .subinfoNews,
.subinfoNews a, #right .subinfoNews {
color:#666;
font:normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
margin:0;
}

#content .even {
background:#f2f2f2;
}

#content .odd {
background:#FFF;
}

#content ul.memKat {
display:block;
list-style:none;
margin: 0 0.2em 0; 
padding: 0;
}

#content ul.memKat li {
border-left:1px solid #000;
color:#666;
float:left;
padding:0 0.6em;
}

#content ul.memKat li.first {
border-left:none;
padding:0 0.6em 0  0;
}

#content ul.memKat li.first span {
font-weight: 700;
}

p.note {
font-size:80%;
margin-top: 2em;
color:#333;
clear:both;
}

.showMore a, .showMore a {
font-size:110%;
color:#999;
font-weight:400;
white-space:nowrap;
}

p.showMore {
margin:10px 0 0 0;
}

.showMore a:visited {
color:#999;
white-space:nowrap;
}

#content .teaserImgDet {
float:left;
border:1px solid #999;
padding:2px;
margin: 0 20px 10px 0;
}

#sitemap ul {
list-style-type:none;
margin:2px 2px 0 0;
padding:2px 2px 0 5px;
}

#sitemap ul li {
line-height:1.2em;
font-size:100%;
margin-top:2px;
padding:2px;
}

#sitemap ul li ul {
list-style-type:square;
border:0;
background:none;
color:#333;
margin:2px 2px 2px 10px;
padding:2px 2px 2px 10px;
}

#skiplinks, .hidden, #content .dojoLabel {
display:none;
}

#header h1 {
display: none;
text-indent:-15000px;
}

.cleaner,.clear {
clear:both;
}

#content h3.Gal,
#right h3.Gal,
#right h3.Gal {
background:url(/img/energienetz/01/h3_galerie.png) no-repeat left top;
text-indent:-5000px;
height:25px;
}

.boxArt .contentText,a:hover,
#content fieldset legend {
color:#000;
}

#content .anzOpt a.aktiv,
#content .anzOptBottom a.aktiv {
font-weight:700;
color:#000;
}

.help {
clear: both;
color: #000;
background: #e8e8e8;
border-left: 5px solid orange;
padding: 0.5em;
}

#content p.showHelp a {
color:#999;
font-weight:400;
float:left;
margin-left: -1em;
margin-right: 1em
}
#content .Link ul li {
margin: 0 15px;
clear:both;
}

.boxNav ul{
margin: 0;
padding: 0;
}

.boxNav ul li  {
width: 100%;
color: black;
font-size: 90%;
font-weight: 400;
margin: 0;
background: #e8e8e8;
padding: 2px 4px;
border-bottom: 1px solid #999;
}

.boxNav p  {
width: 100%;
font-size: 90%;
color: black;
margin: 0;
padding: 4px 4px;
}

.boxNav li  a{
width: 100%;
font-weight: 400;
color: black;
}

#content p#Caption {
margin:8px 0;
}

.ContButtons {
margin: 0 15px;
}

#content .dSuche{
padding: 2px;
background: #e8e8e8;
font-size: 95%;
}

#content .dSuche h3 {
margin: 0;
padding: 0;
color: #666;
border: 0;
}

#content .dSuche div {
margin: 0;
padding: 0;
color: #333;

}
#content .dSuche label {
margin:4px 0;
color: #000;
}

#content .dSuche label {
margin:4px 0;
color: #000;
}

#content .dSuche select option {
margin:1px 20px 1px 0;
padding-left:5px;
}

#content .dSuche input {
font: 90% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
margin:0 0.2em 0.3em 0;
}

#content .dSuche form {
text-align: right;
}

#content .proBild img {
border:1px solid #999;
padding:2px;
margin: 0 1em 0 0.4em;
float:right;
}

#content dl {
float:left;
clear:left;
margin:0 20px 10px 0;
}

#content dl.imgright {
float:right;
clear:right;
margin:0 20px 10px 0;
}

#content dl img {
border:1px solid #999;
}

#content dt {
margin-bottom:10px;
background:#fff;
}

#content dd {
width:100%;
text-align:center;
background-color:#ddd;
font:normal 90%/150%  Verdana, "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Sans-Serif;
padding:3px;
}