/******************************
* hausgeraete-plus.de
* autor:  	pinx. 
* version: 04.12.2006
******************************/

/******************************
* Layout
******************************/
* {
margin: 0;
padding: 0;
border: none;
}

body {
font: 69%/1.8em Verdana, sans-serif;
color: #333;
background: #fff url("../i/ly/bg_body.png") repeat-x top left;
text-align: center;
padding: 0 0 25px 0;
}

#container {
width: 728px;
text-align: left;
background: #fff url("../i/ly/bg_container.png") repeat-x bottom left;
border: 1px solid #d5d5d5;
margin: 35px auto 0 auto;
padding: 15px 20px;
voice-family: "\"}\"";
voice-family: inherit;
width: 688px;
}

#navtop {
color: #969696;
background: transparent;
text-align: right;
}

#logo {
width: 203px;
height: 81px;
}

#navhorizontal {
margin: 18px 0 0 0;
padding: 1px;
height: 34px;
border-top: 1px solid #eaeaea;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
border-left: 1px solid #eaeaea;
}

#navhorizontal ul {
list-style: none;
}

#navhorizontal li {
display: inline;
}

/* Volle Navigation - 6 Menuepunkte 
#nh01 {left: 0px; width: 110px; line-height: 34px; border-right: 1px solid #d5d5d5;}
#nh02 {left: 1px; width: 110px; height: 29px; padding: 5px 0 0 0; line-height: 12px; }
#nh03 {left: 2px; width: 110px; height: 29px; padding: 5px 0 0 0; line-height: 12px; }
#nh04 {left: 3px; width: 110px; height: 29px; padding: 5px 0 0 0; line-height: 12px; }
// #nh05 {left: 4px; width: 75px; height: 34px; line-height: 34px; }
#nh06 {left: 4px; width: 110px; height: 34px; line-height: 34px; }
#nh07 {left: 5px; width: 123px; height: 29px; padding: 5px 0 0 0; line-height: 12px; }
*/

/* Volle Navigation - 7 Menuepunkte */
#nh01 {left: 5px; width: 96px; line-height: 34px; border-right: 1px solid #d5d5d5;}
#nh02 {left: 0px; width: 93px; height: 29px; padding: 5px 0 0 0; line-height: 12px; }
#nh03 {left: 1px; width: 93px; height: 29px; padding: 5px 0 0 0; line-height: 12px; }
#nh04 {left: 2px; width: 93px; height: 29px; padding: 5px 0 0 0; line-height: 12px; }
#nh05 {left: 3px; width: 101px; height: 29px; padding: 5px 0 0 0; line-height: 12px; }
#nh06 {left: 4px; width: 95px; height: 34px; line-height: 34px; }
#nh07 {left: 6px; width: 100px; height: 29px; padding: 5px 0 0 0; line-height: 12px; }


#inhalt {
margin: 10px 0 0 0;
}

#ls {
width: 225px;
float: left;
}

#ls ul {
list-style: none;
color: #fff;
padding: 1px;
margin: 0 0 10px 0;
background: #fff;
border-top: 1px solid #eaeaea;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
border-left: 1px solid #eaeaea;
}

#ls li.navhead {
color: #00427c;
background: #F4F8FA;
padding: 0 0 0 15px;
height: 34px;
line-height: 34px;
}

/* Links in der Marginalspalte  */
#links {
padding: 0 0 25px 0;
}

#links a img {
margin: 0;
padding: 0;
}

#ls #links a {
border: 1px solid #d5d5d5;
margin: 0;
padding: 1px;
display: block;
background: none;
text-decoration: none;
}


#ls #links a:hover {
border: 1px solid #588eba;
}

/* Ende Links in der Marginalspalte  */

#rs {
width: 448px;
margin: 0 0 0 240px;
}

#rs img {
display: block;
margin: 0 0 15px 0;
}

#umbruch {
clear: both;
}

/******************************
* Typo
******************************/
* {
font-weight: normal;
}

h1 { 
font-size: 1.27em; 
margin: 0 0 .5em 0;
}

h2, h3 {
font-size: 1em;
margin: 0 0 .5em 0;
}

#ls h3 { 
font-size: 1em;
color: #333;
margin: 0 0 .5em 0;
line-height: 1.5em;
}

p {
margin: 0 0 1em 0;
}

#rs p.tipp {
margin: 1.2em 0;
padding: 10px;
color: #333;
background: #f1f1f1;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}

p.tipp strong, #rs div.grafik strong {
font-weight: bold;
text-transform: uppercase;
}

strong {
font-weight: bold;
}

h1, h2, h3 {
color: #333;
font-weight: bold;
}

#rs h1, #rs h2, #rs h3, #rs p, #rs ul, #rs li, #ls h3, #ls p {
padding: 0 0 0 3px;
}

#rs li p {
padding: 0;
}

em {
color: #666;
font-style: italic;
}

.error {
color: #f00;
text-transform: uppercase;
}

.ok {
color: #060;
text-transform: uppercase;
}

span.zdm {
color: #000;
font-size: 24px;
}

#rs p.datum {
font-style: italic;
color: #666;
margin: 0 0 2px 0;
}

#rs ul.trenner {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #ccc;
}

/******************************
* Links
******************************/
#navtop a:link, #navtop a:visited {
color: #969696;
background: #fff;
padding: 2px;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#navtop a:hover {
color: #fff;
background: #588eba;
border-bottom: 1px solid #00427d;
}

#navtop a:link.hi, #navtop a:visited.hi {
color: #fff;
background: #588eba;
border-bottom: 1px solid #00427d;
}

#navhorizontal a:link, #navhorizontal a:visited {
position: relative;
color: #00427c;
background: #d5e3ec;
text-decoration: none;
border-right: 1px solid #d5d5d5;
display: block;
text-align: center;
float: left;
}

#navhorizontal a:hover {
color: #fff;
background: #588eba;
border-right: 1px solid #969696;
}

#navhorizontal a:link.hi, #navhorizontal a:visited.hi {
color: #fff;
background: #588eba;
border-right: 1px solid #969696;
}

/* Navigation Liste Linke Spalte */
#ls li a:link, #ls li a:visited {
color: #00427c;
background: #d5e3ec url("../i/ly/pfeil_rechts_bg_hellblau.png") no-repeat 15px 7px;
text-decoration: none;
display: block;
border-bottom: 1px solid #d5d5d5;
margin: 0 0 1px 0;
padding: 0 0 0 27px;
}

#ls li a:link.last, #ls li a:visited.last {
border-bottom: none;
margin: 0;
}

#ls li a:hover {
color: #fff;
background: #588eba url("../i/ly/pfeil_rechts_bg_dunkelblau.png") no-repeat 15px 7px;
border-bottom: 1px solid #969696;
}

#ls li a:hover.last {
border-bottom: none;
margin: 0;
}

#ls li a:link.rubrikhi, #ls li a:visited.rubrikhi {
color: #fff;
background: #588eba url("../i/ly/pfeil_unten_bg_dunkelblau.png") no-repeat 15px 7px;
border-bottom: 1px solid #969696;
}

#ls li a:link.hi, #ls li a:visited.hi {
color: #fff;
background: #588eba url("../i/ly/pfeil_rechts_bg_dunkelblau.png") no-repeat 15px 7px;
border-bottom: 1px solid #969696;
}

#ls li a:link.lasthi, #ls li a:visited.lasthi {
color: #fff;
background: #588eba url("../i/ly/pfeil_rechts_bg_dunkelblau.png") no-repeat 15px 7px;
border-bottom: none;
margin: 0;
}

#ls li a:link.navheadlink, #ls li a:visited.navheadlink {
color: #fff;
line-height: 34px;
background: #588eba url("../i/ly/pfeil_unten_bg_dunkelblau.png") no-repeat 15px 14px;
margin: 0;
border-bottom: none;
}

/* Links im Text und Listen */
#rs a:link, #rs a:visited, #ls a:visited, #rs ul.adresse li a:link, #rs ul.adresse li a:visited, #rs div.grafik p a, #ls p a {
color: #588eba;
text-decoration: none;
border-bottom: 1px solid #588eba;
padding: 1px 2px 2px 2px;
}

#rs a.bildlink, #rs a.bildlink:hover {
background: none;
border: none;
}


#rs a:hover, #rs ul.adresse li a:hover, #rs div.grafik p a:hover, #ls p a:hover {
color: #fff;
background: #588eba;
border-bottom: 1px solid #00427d;
padding: 1px 2px 2px 2px;
}

#rs li a:link, #rs li a:visited {
border-bottom: 1px solid #fff;
}

#rs li a:hover {
border-bottom: 1px solid #00427d;
}


/******************************
* Suche, Einstellungen
******************************/
#ls #suchfeld {
margin: 0 0 25px 0;
}

#ls form {
padding: 7px 0 7px 7px;
margin: 0;
border-top: 1px solid #eaeaea;
border-right: 1px solid #d5d5d5;
border-left: 1px solid #eaeaea;
}

#ls input {
width: 150px;
font-size: 11px;
margin: 0 5px 0 0;
padding: 2px;
vertical-align: middle;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #969696;
border-right: 1px solid #969696;
background: #f1f1f1;
}

#ls input.suchbutton {
width: 39px;
height: 19px;
border: none;
padding: 0;
margin: 0 10px 0 0;
vertical-align: middle;
}

#ls input:focus {background: #d5e3ec;}

#ls ul.einstellungen a:link, #ls ul.einstellungen a:visited {
color: #588eba;
background: #fff url("../i/ly/bg_b_link.png") repeat-x top left;
margin: 0;
padding: 0 0 0 15px;
height: 34px;
line-height: 34px;
}

#ls ul.einstellungen a:hover {
color: #00427c;
border-bottom: 1px solid #d5d5d5;
}

#ls img {
margin: 0 0 15px 0;
}

/******************************
* Listen
******************************/

#rs ul  {
list-style: none;
margin: 0 0 1em 0;
}

#rs li {
background: transparent url("../i/ly/bullet.png") no-repeat 0 8px;
padding: 0 0 0 12px;
margin: 0 0 5px 0;
}

#rs ul.adresse li {
background: none;
padding: 0;
margin: 0;
}

/******************************
* Grafik-Block
******************************/
div.grafik {
background: #f1f1f1;
padding: 10px;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
margin: 2em 0 1.5em 0;
height: 110px;
position: relative;
}

#rs div.grafik img {
padding: 4px;
margin: 0 15px 0 0;
border: 1px solid #d5d5d5;
background: #e5e5e5;
display: block;
float: left;
}

#rs div.grafik p {
margin: 0;
}

#rs div.grafik a:link, #rs div.grafik a:visited, #rs div.grafik a:hover {
color: #588eba;
background: none;
border: none;
}

/******************************
 * Logos Mitglieder
******************************/
ul#bauknecht {
background: #fff url("../i/ly/logos_mitglieder/bauknecht.gif") no-repeat top right;
}

ul#bosch {
background: #fff url("../i/ly/logos_mitglieder/bosch.jpg") no-repeat top right;
}

ul#electrolux {
background: #fff url("../i/ly/logos_mitglieder/electrolux.jpg") no-repeat top right;
}

ul#eon {
background: #fff url("../i/ly/logos_mitglieder/eon.gif") no-repeat top right;
}

ul#ewe {
background: #fff url("../i/ly/logos_mitglieder/ewe.png") no-repeat top right;
}

ul#liebherr {
background: #fff url("../i/ly/logos_mitglieder/liebherr.jpg") no-repeat top right;
}

ul#miele {
background: #fff url("../i/ly/logos_mitglieder/miele.jpg") no-repeat top right;
}

ul#siemens {
background: #fff url("../i/ly/logos_mitglieder/siemens.jpg") no-repeat top right;
}

ul#enbw {
background: #fff url("../i/ly/logos_mitglieder/enbw.jpg") no-repeat top right;
}

ul#ewe {
background: #fff url("../i/ly/logos_mitglieder/ewe.gif") no-repeat top right;
}

ul#rwe {
background: #fff url("../i/ly/logos_mitglieder/rwe.jpg") no-repeat top right;
}

ul#vattenfall {
background: #fff url("../i/ly/logos_mitglieder/vattenfall.jpg") no-repeat top right;
}

ul#hea {
background: #fff url("../i/ly/logos_mitglieder/hea.jpg") no-repeat top right;
}

ul#zvei {
background: #fff url("../i/ly/logos_mitglieder/zvei.jpg") no-repeat top right;
}

/******************************
 * Formulare
******************************/
form {
margin: 1em 0;
}

input, fieldset, legend, label, textarea, select {
font: normal 1em/1.5em Verdana;
}

fieldset {
border: 1px solid #d5d5d5;
padding: 0 20px 15px 20px;
margin-bottom: 20px;
}

legend {
padding: 6px;
color: #333;
background: transparent;
font-weight: bold;
}

label {
width: 120px;
display: block;
margin: 0 0 3px 0;
}

fieldset input, textarea, select {
width: 250px;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #969696;
border-right: 1px solid #969696;
color: #333;
background: #f1f1f1;
margin: 0 0 5px 0;
}

textarea {
height: 80px;
}

input:focus, textarea:focus {
background: #d5e3ec; 
}

/* Sonderklassen */
input.submit {
border: 1px solid #CCC;
background: #f5f5f5;
width: auto;
}

input.button {
margin-top: 15px;
background: #f5f5f5;
}

input.checkbox {
width: auto;
border: none;
background: none;
vertical-align: middle;
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
height: 19px;
}

label.labelcheckbox {
width: auto;
vertical-align: middle;
height: 20px;
margin: 0;
padding: 0;
display: block;
}

/******************************
 * Tabellen
******************************/
table {
margin: .5em 0 1.5em 0;
caption-side: bottom;
border-collapse: collapse;
width: 100%;
table-layout: auto;
font: normal 1em/1.4em Verdana;
}

table td {
vertical-align: top;
border: 1px solid #eaeaea;
padding: 3px; 
}

table th {
padding: 5px;
text-align: left;
background-color: #f1f1f1;
color: #333; 
border: 1px solid #eaeaea;
}

table tr.grau {
background: #e1e1e1; 
}

table tr.leichtgrau {
background: #f9f9f9; 
}

table tr.blau {
background: #d4e3ec; 
}


div#vattenfall table th {
font-weight: bold;
vertical-align: top;
padding: 10px;
background: #e5e5e5;
border: 1px solid #ccc;
}

div#vattenfall table td {
padding: 5px;
border: 1px solid #ccc;
}

#inhalt div#vattenfall table a, #inhalt div#vattenfall table a:hover, #inhalt #rs div#vattenfall table a:hover {
color: #588eba;
background: none;
text-decoration: none;
border-bottom: none;
padding: 3px;
font-weight: bold;
}

/******************************
 * Banner Initiativen
******************************/
#bannerInitiativen {
position: relative;
height: 84px;
margin: 0 0 25px 0;
border: 1px solid #d5d5d5;
background: transparent url(../i/ly/banner-initiativen.png) no-repeat 1px 1px;
}

#bannerInitiativen:hover {
border: 1px solid #588eba;
}

#ls #bannerInitiativen a { 
text-indent: -99999px;
position: absolute;
width: 100px;
height: 34px;
border-bottom: none;
text-decoration: none;
padding: 0;
}

#bannerInitiativen a#wplus {left: 5px; top: 38px;}
#bannerInitiativen a#eplus {left: 115px; top: 38px;}


/******************************
* CMS-Erweiterung
******************************/
span {
color: #f30;
padding: 5px;
}