/* markups */
body           { color: black; font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #9eaf2d; background-image: url("../_globalgfx/verlaufbg.jpg"); background-repeat: repeat-y; text-align: center; margin: 0; padding: 0 0 20px }
h2    { color: #265aa2; font-size: 1.2em; font-weight: bold; margin: 0 0 0.5em; padding: 0 }
h3  { color: #666; font-size: 0.93em; font-weight: normal; margin: 0; padding: 0 }
h4   { color: #000; margin: 0; padding: 0 }
img  { border-style: none }
h2 a:link, h2 a:visited    { color: #265aa2; font-size: 0.82em; text-decoration: underline; border-style: none }
h2 a:hover, h2 a:active   { text-decoration: none; background-color: #fff; border-style: none }
hr   { margin-top: 0.5em; margin-bottom: 0.5em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: medium none }
a:link, a:visited   { color: #265aa2; margin: 0; padding: 0 }
a:hover, a:active    { color: #000 }
/* /////////////////////// */
/* head */
div#header   { background-color: #c8c954; margin: 0; padding: 0 }
div#center               { background-color: #c8c954; background-image: url("../_globalgfx/bg-nav.gif"); background-repeat: repeat-y; text-align: left; margin: 20px auto 0; width: 49em; border-top: 0.3em solid #fff; border-right: 0.3em solid #fff; border-left: 0.3em solid #fff }
* html div#center {width: 49.5em;}  /* IE Box-Hack */
div#elements        { background-color: #3d67ac; background-image: url("../_globalgfx/bg.gif"); background-repeat: repeat-x; text-align: right; margin: 0; padding: 0; border-top: 2px solid #fff }
div#elements img       { margin: 0 0 0; padding: 0; width: 34.5em; height: 7.5em }
div#elements object    { margin: 0; padding: 0; width: 34.5em; height: 7.5em }
div#kraichgau-energie      { background-color: #acbcc9; background-image: url("../_globalgfx/verlauf-energie.jpg"); background-repeat: no-repeat; background-position: right top; text-align: right; margin: 0; padding-top: 5px; padding-right: 5px; padding-bottom: 2px }
div#kraichgau-energie  img   { width: 14.5em; height: 2em }
#swb {  float: left }
#swb img   { width: 6.9em; height: 1.8em }
/* /////////////////////// */
/*navi*/
div#navimain          { background-color: #fff; background-image: url("../_globalgfx/bg-main.gif"); background-repeat: repeat-x; padding-top: 0.7em; padding-left: 10em }
* html div#navimain   { padding-left: 12.5em }
 #main  ul         { font-size: 0.88em; margin: 0; height: 1.55em }
 #main ul li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }  /* IE Box-Hack */
  

 #main ul a, #main ul span          { color: #000; text-decoration: none; background-color: #fff; margin-right: 0.5em; padding: 0.3em 0.35em 0.1em; float: none } 
 /* Hack IE 5 Mac float: none */
 #main ul a/* */ {
  float: left
}
 
#main ul a:hover, #main ul span    { color: #000; background-color: #ebeabc; border-color: black white white black }
/* main active */
   #main ul  .active a , #main ul .active         { color: #000; text-decoration: none; background-color: #c8c954; margin-right: 0.5em;  } 
  #main ul li .active a:hover, #main ul li .active   { color: #000; background-color: #c8c954; border-color: black white white black } 
 
/* /////////////////////// */
/* basics */
#basics   { color: #fff; font-size: 0.69em; padding-top: 0.5em; float: right }
#basics ul    { margin: 0; padding: 0 }
#basics li    { display: inline; margin-right: 0.3em; margin-left: 0.3em; border-right: 1px solid #fff }
#basics li a:link ,  #basics li a:visited  { color: #000; text-decoration: none; padding: 0.2em }
#basics li a:hover  { color: #000; background-color: #fff }
/* /////////////////////// */
/* news navi */
 ul#news      { display: block; margin: 0.1em 0 0; padding: 0; border-right: 1px solid #ebeabc; border-left: 1px solid #ebeabc }
 ul#news li       { list-style: none; display: block; margin: 0 0 0.2em; padding: 0 }
  ul#news li span   { color: #b7bc1a; font-weight: bold }
 ul#news a       { color: #2672b8; font-size: 0.75em; line-height: 1.5em; text-decoration: none; background-color: #fff; text-transform: none; display: block; padding: 0.2em 0.2em 0.2em 1em }
 ul#news a:hover     { color: #2672b8; text-decoration: underline }
/* energie news */

#navienergie ul#news       { display: block; margin: 0.1em 0 0; padding: 0; border-style: none }
/* /////////////////////// */
/*sub navi + subsub navi*/
#sub ul        { display: block; margin: 0; padding: 0 0 6px; border-right: 1px solid #ebeabc; border-left: 1px solid #ebeabc }
 * html #sub ul     { width: 10.9em }  /* IE Box-Hack */
  #sub ul li        { list-style: none; display: block; margin: 0 0 1px 0; padding: 0; border-bottom: 1px solid #e3e4a9 }

 #sub ul li ul         { background-color: #fff; background-image: url("../_globalgfx/bg-ul3.gif"); background-repeat: repeat-x; margin: 0; padding: 7px 0 0; border-style: none }
  #sub ul li ul li      { background-image: url("../_globalgfx/sub-item.gif"); background-repeat: no-repeat; margin: 0; border-top: none; border-right: none; border-bottom: none; border-left: none }
  * html #sub ul li ul li  { margin: 0 }

  #sub ul a       { color: #333; font-size: 0.75em; line-height: 1.5em; text-decoration: none; background-color: #fff; display: block; padding: 0.2em 0.2em 0.2em 1em }
  * html #sub ul a      { margin: 0; width: 100% } /* IE Box-Hack */
  * html #sub ul li ul li a   { background-repeat: no-repeat; width: 100% } /* IE Box-Hack */
  #sub ul a:hover   { color: #000; background-color: #ebeabc; border-right: 4px solid #c8c954 }
#sub ul li ul a         { color: #7e7e7e; font-size: 0.7em; text-transform: none; padding-left: 1.6em; border-bottom: 1px solid #f1f2d0 }
#sub ul li ul a:hover     { background-color: #f8f8e7 }
#sub ul li ul li ul li a { padding-left: 2em;}
#sub ul li.active  {  }
/* /////////////////////// */
/* content */
div#contentbox        { background-color: #c8c954; background-image: url("../_globalgfx/bg-nav.gif"); background-repeat: repeat-y; margin: 0; padding: 20px 0 0; height: auto }
div#contentheadline    {  text-align: right; margin-left: 38em }
div#navisub       { background-color: #f1f2d0; margin: 0; width: 11em; height: 25em; float: left }
div#navienergie       {margin: 0; width: 11em; height: 25em; float: left }
div#sub-headline     { margin: 0; padding-top: 0.5em; padding-bottom: 0.5em }
div#sub-headline img { width:11em}
div#content           { background-color: #ebeabc; padding: 0; width: 38em; height: auto; float: right }
* html div#content   { margin-right: 0; width: 37.9em } /* IE Box-Hack */
div#rubric            { font-size: 0.82em; line-height: 1.3em; margin: 2em 16em 2em 2em; padding-bottom: 2em; }
/* Infobox */

div#info            { color: #5b5b5b; margin: 2em 1em 0 27em; padding: 0; position: absolute; width: 10em; height: auto; float: right }

/*
div#info            { color: #5b5b5b; margin: 2em 1em 0 0; padding: 0; width: 10em; height: auto; float: right }
*/

* html div#info    { margin-left: 2em } /* IE Box-Hack */
*>html div#info		 { margin-left: 27em } /* IE Mac Hack */
div#info-content, div#globalinfo-content       { font-size: 0.75em; background-color: #F1F2D0; padding: 0.5em; border: solid 1px #fff; margin-bottom: 0.5em }
div#info a:link, div#info a:visited  { color: #265aa2; margin-bottom: 1em }
div#info ul  { padding: 0 }
div#info ul li  { list-style-type: disc }
/* Footer */
div#footer         { background-color: #c8c954; background-image: url("../_globalgfx/bg-nav.gif"); background-repeat: repeat-y; text-align: left; margin: 0 auto 1em; padding: 0.5em; width: 48em; border-top: none; border-right: 0.3em solid #fff; border-bottom: 0.3em solid #fff; border-left: 0.3em solid #fff }
* html div#footer    { width: 49.5em } /* IE Box-Hack */
/*Energie-News*/
div.newsitem       { margin-bottom: 2em; padding-bottom: 0; padding-left: 0.5em; border-bottom: 2px solid #fff; border-left: 2px solid #fff }
div.einleitungslink       { padding-top: 1em; padding-bottom: 0; padding-left: 0.5em; border-bottom: 2px solid #fff; border-left: 2px solid #fff }
.more   { color: #000; background-color: #fff; text-align: right; padding-top: 0.2em; padding-left: 0.2em; width: 4.5em; float: right }
.more a:link, .more a:hover , .more a:visited    { color: #000; text-decoration: none; background-image: url("../_globalgfx/weiter.gif"); background-repeat: no-repeat; background-position: right top; padding-right: 1.5em }
div.newsitem span     { color: #666; font-size: 0.75em; margin-right: 0.4em }
div.newsitem img   { border: solid 3px #fff }
div.einleitungslink span     { color: #666; font-size: 0.75em; margin-right: 0.4em }
div.einleitungslink img   { width: 20em; border: solid 3px #fff }
div#newsdetail   { padding-left: 0.5em; border-bottom: 2px solid #fff; border-left: 2px solid #fff }
div#newsdetail img   { margin-bottom: 1em }
span.newsdetail-footer   { color: #666; font-size: 0.75em }
#newsdetail-article { margin-bottom: 1em }
div.einleitungsartikel     { padding-top: 1em; padding-left: 0.5em; border-bottom: 2px solid #fff; border-left: 2px solid #fff }
.einleitungsartikel-text { margin-bottom: 1em }
/* Privat */
div.privat           { margin-bottom: 2em; padding-bottom: 0}
div.privat span.privat-headline   { background-color: #fff; padding-top: 0.4em; padding-left: 1em; width: 8em; float: right }
* html div.privat span.privat-headline    { margin: 0; width: 10em; float: right }
div.privat span.privat-headline h2 { color: #000}
div.privat .privatbild    { width: 130px; float: left }


div.privat .teaser { margin-left: 140px; height: 95px; }
*html div.privat .teaser {
margin-top: 8px; 
height: 80px;
}

div.privat-cont     { background-color: #c8c954; border: solid 1px #fff }
div.privat-info  { color: #7e7e7e; background-color: #fff; padding: 0.3em }
/* Formulare */
div#formular           { font-size: 0.82em; line-height: 1.5em; margin: 2em }
fieldset       { background-color: #fff; margin: 0 0 2em; padding: 0.5em 0.5em 0.5em 2.5em; border: solid 1px #9eaf2d }
fieldset.wasser  { margin-bottom: 0 }
legend  { color: #1a56a3; font-weight: bold; background-color: #fff; padding: 0.3em; border-top: 1px solid #9eaf2d; border-right: 1px solid #9eaf2d; border-left: 1px solid #9eaf2d }
input, textarea    { color: #000; background-color: #f1f2d0; margin: 0 0 0.4em; padding: 0.3em; border: solid 1px #9eaf2d }
input.send   { font-weight: bold; background-color: #9eaf2d; width: 100%; border-color: #fff }
input.send-wasser    { font-weight: bold; background-color: #9eaf2d; margin: 0; width: 100%; border-color: #f1f2d0 }
/* Tabelle reset*/
#newsdetail table  { font-size: 1em; margin: 0; width: 27em }
#formular table  { font-size: 0.88em }
#newsdetail td, .newsitem table.stromtarif td  { background-color: #fff; margin-top: 0; margin-right: 0; margin-left: 0; padding: 0.4em; border-bottom: 1px solid #9eaf2d }
.einleitungsartikel a:link, .einleitungsartikel a:visited  { color: #265aa2; text-decoration: underline }
.einleitungsartikel a:hover, .einleitungsartikel a:active  { color: #000; text-decoration: none }
.einleitungsartikel table  { font-size: 1em; margin: 0; width: 27em }
.einleitungsartikel td  {background-color: #fff; margin-top: 0; margin-right: 0; margin-left: 0; padding: 0.4em; border-bottom: 1px solid #9eaf2d }
.einleitungsartikel .wasser table, #newsdetail-article .wasser table { font-size: 0.73em; margin: 0; width: 27em }
.einleitungsartikel .wasser td, #newsdetail-article .wasser td   { background-color: #fff; margin-top: 0; margin-right: 0; margin-left: 0; padding: 0.3em; border-bottom: 1px solid #9eaf2d }

.tarif  { color: #1a56a3; font-weight: bold; background-color: #fff; padding: 0.1em }
/* Textformate
*/
.info_klein  { color: #265aa2; font-size: 0.82em }
#tarifbox  { padding-top: 2em; padding-bottom: 1em; padding-left: 0.5em; border-bottom: 2px solid #fff; border-left: 2px solid #fff }
.info_weiss { color: #265aa2; font-weight: bold }
div#newsdetail ul, .einleitungsartikel ul  { margin: 1em 0; padding: 0 }
div#newsdetail ul li, .einleitungsartikel ul li  { background-color: #fff; background-image: url("../_globalgfx/weiter.gif"); background-repeat: no-repeat; background-position: 8px 50%; list-style-type: none; margin: 0 1.5em 1px; padding: 0.3em 0.3em 0.3em 1.8em }
div#newsdetail ul li:hover, .einleitungsartikel ul li:hover   { }
 .newsitem table.stromtarif    { background-color: #fff; width: 100%; font-size: .9em;}
 /* PLZ-Abfrage */
#noaccess { color: #f00; font-weight: bold; padding: 1em; border: solid 1px }
/* Suche */
div.newsitem span.searchhighlight    { color: red; font-size: 1em; font-weight: bold; background-color: #fff; margin: 0; padding: 0 }
.searchrubric  { color: #265aa2; font-size: 0.6em }
/* Marktpartner */
#newsdetail table.marktpartner  { font-size: 0.9em }
.search_match  { background-color: #f1f2d0; margin-bottom: 1em; padding: 0.5em; border: solid 1px #fff }
.kraichgauwasser-zelle  { background-color: #f1f2d0 }
#schnellzugriff { font-size: 0.83em; margin: 1.5em 0.5em 0.5em }

.video {
border-bottom: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
padding-left: 0.5em;
padding-top: 1em;
padding-bottom: 1em;
}

.video .headimage {
margin-bottom: 1em;
}