/*

Hausgeräte+
V1 01 2011

*/

/*****************************************************
* Reset
*****************************************************/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, th, td {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

ul {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {
border: none;
}

a {
text-decoration: none;
}

a, a:focus, a:active, input:focus, input:active {
-moz-outline: 0;
outline: none;
}

/*****************************************************
* Typo
*****************************************************/

h1 {
font-family: Georgia, Times, serif;
font-size: 32px;
line-height: 1.2;
font-weight: normal;
color: #06517F;
margin: 0 0 20px 0;
}

h2 {
font-size: 16px;
font-weight: normal;
color: #06517F;
margin: 0 0 5px 0;
}

#aside h3 {
font-family: Georgia, Times, serif;
font-size: 32px;
font-weight: normal;
color: #06517F;
margin: 0 0 20px 0;
}

h4 {
font-family: Georgia, Times, serif;
font-size: 18px;
font-weight: normal;
color: #06517F;
margin: 0 0 7px 0;
}

p, ul {
margin: 0 0 15px 0;
line-height: 1.5;
}

p.bildunterschrift {
font-size: 12px;
color: #06517F;
font-style: italic;
}

p.tipp {
border-top: 1px solid #8FB6D7;
border-bottom: 1px solid #8FB6D7;
font-style: italic;
padding: 10px 0;
}

#text li {
padding: 0 0 0 10px;
background: transparent url(../i/ly/bullet.png) no-repeat 0 6px;
margin: 0 0 5px 0;
}

#text a, #aside a, #vattenfall a {
color: #005ea4;
}

#text a:hover,  #aside a:hover, #vattenfall a:hover {
color: #003A6E;
}

li > ul {
margin-top: 10px;
}

em {
color: darkgreen;
}

.trenner {
padding: 0 0 15px 0;
border-bottom: 1px solid #8FB6D7;
}

/*****************************************************
* Struktur
*****************************************************/
body {
color: #333;
background: #FFFCF0 url(../i/ly/bg-body.jpg) repeat-x 0 0;
font: 13px/1.5 Arial, Helvetica, sans-serif;
text-align: center;
}

.container {
position: relative;
width: 1000px;
margin: 0 auto;
}

#header {
position: relative;
height: 469px;
background: transparent url(../i/ly/bg-header.png) no-repeat 0 0;
margin: 0 0 30px 0;
}

#content {
text-align: left;
}

#text {
width: 470px;
float: left;
padding: 0 10px 0 0;
}

#aside {
margin: 0 0 0 512px;
}

.clear {
clear: both;
}

#footer {
position: relative;
height: 61px;
background: #CADDE8;
padding: 19px 0 0 0;
}

/*****************************************************
* Header
*****************************************************/
#logo a {
position: absolute;
top: 13px;
left: 0;
width: 412px;
height: 53px;
background: transparent url(../i/ly/logo-hgplus.png) no-repeat 0 0;
text-indent: -99999px;
overflow: hidden;
}

#logo a:hover {
background: transparent url(../i/ly/logo-hgplus.png) no-repeat 0 -59px;
}

/* Obere Navigation */
#nav_top {
position: absolute;
top: 36px;
left: 660px;
text-align: right;
}

#nav_top li {
float: left;
padding: 0 0 0 20px;
}

#nav_top a {
font-size: 14px;
color: #005ea4;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
transition: color 0.2s ease;
}

#nav_top a:hover {
color: #3680af;
}

/* Themen Navigation */
#nav {
position: absolute;
top: 93px;
left: 0;
width: 246px;
}

#nav .button {
margin: 0 0 7px 0;
}

#nav .form {
margin: 0 0 20px 0;
}

#nav .button a, #nav .form a {
display: block;
width: 228px;
height: 34px;
overflow: hidden;
text-indent: -99999px;
}

#nav .button a:hover, #nav .form a:hover {
background-position: 0 -34px;
}

a#kg {background: transparent url(../i/ly/b-kuehlen-gefrieren.png) no-repeat 0 0;}
a#wt {background: transparent url(../i/ly/b-waschen-trocknen.png) no-repeat 0 0;}
a#gs {background: transparent url(../i/ly/b-geschirr-spuelen.png) no-repeat 0 0;}
a#kb {background: transparent url(../i/ly/b-kochen-backen.png) no-repeat 0 0;}

/* Suchfeld */
#nav form {
width: 228px;
height: 34px;
background: transparent url(../i/ly/bg-suche.png) no-repeat 0 0;
margin: 0 0 50px 0;
}

#nav form input {
width: 208px;
padding: 10px 0;
border: 0;
background: transparent;
color: #0C71B2;
font-size: 12px;
}

/* Button Service */
a#service {
display: block;
width: 228px;
height: 62px;
overflow: hidden;
background: transparent url(../i/ly/b-service.png) no-repeat 0 0;
text-indent: -99999px;
}

a#service:hover {
background-position: 0 -62px;
}

/* Slideshow */
#slideshow, #banner {
position: absolute;
top: 92px;
left: 513px;
width: 467px;
height: 324px;
}

#slideshow img, #banner a {
position: absolute;
top: 0;
left: 0;
width: 467px;
height: 324px;
}

/* Breadcrumbs */
#breadcrumbs {
position: absolute;
top: 446px;
left: 5px;
height: 22px;
font-size: 12px;
}

#breadcrumbs li {
float: left;
line-height: 22px;
margin: 0 8px 0 0;
color: #5e9cc1;
}

#breadcrumbs li a {
color: #5e9cc1;
}

#breadcrumbs li a:hover {
color: #005ea4;
}

/*****************************************************
* Geräteberatung Bubble
*****************************************************/
#beratung {
width: 467px;
margin: 0 0 20px 0;
}

#beratung a {
color: #fff;
display: block;
width: 352px;
height: 96px;
background: transparent url(../i/ly/bg-beratung-icon.png) no-repeat 0 0;
padding: 25px 40px 0 100px;
}

#beratung a:hover {
color: #fff;
background: transparent url(../i/ly/bg-beratung-icon.png) no-repeat 0 -121px;
}
/*****************************************************
* Bilder Text- und Marginalspalte
*****************************************************/
#text img, #aside img {
border: 1px solid #d3d7cd;
margin: 0 0 15px 0;
}

/*****************************************************
* Footer
*****************************************************/
#footer .container {
text-align: right;
background: transparent url(../i/ly/weitere-initiativen.png) no-repeat 0 0;
height: 42px;
}

#footer .container a {
position: absolute;
display: block;
width: 122px;
height: 27px;
text-align: left;
text-indent: -9999px;
}

a#eplus {top: 3px; left: 205px; background: transparent url(../i/ly/b-logo-eplus.png) no-repeat 0 0;}
a#wplus {top: 7px; left: 330px; background: transparent url(../i/ly/b-logo-wplus.png) no-repeat 0 0;}

a#eplus:hover, a#wplus:hover {background-position-y: -28px;}

#footer p {
color: #06517F;
}

/*****************************************************
* Icon Grafiken
*****************************************************/
.iconlink {
display: block;
width: 250px;
height: 20px;
line-height: 25px;
color: #06517F;
background: transparent url(../i/ly/icon-grafik.png) no-repeat 0 0;
padding: 0 0 0 42px;
margin: 0 0 15px 0;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
transition: color 0.2s ease;
}

.iconlink:hover {
color: #97c4de;
}

/*****************************************************
* Infoblöcke
*****************************************************/
#infoblock {
font-size: 12px;
width: 467px;
border-top: 1px solid #DCDFD7;
padding: 10px 0 0 0;
}

#hb_top {
height: 23px;
background: transparent url(../i/ly/bg-info-hblau-top.png) no-repeat 0 0;
}

#hb_bottom {
height: 10px;
background: transparent url(../i/ly/bg-info-hblau-bottom.png) no-repeat 0 0;
}

#db_top {
height: 23px;
background: transparent url(../i/ly/bg-info-dblau-top.png) no-repeat 0 0;
}

#db_bottom {
height: 10px;
background: transparent url(../i/ly/bg-info-dblau-bottom.png) no-repeat 0 0;
}

.block_hellblau, .block_dunkelblau {
float: left;
}

.block_hellblau {
margin: 0 30px 0 0;
}

#infoblock p.infoblock {
font-family: Georgia, Times, serif;
font-size: 15px;
color: #06517F;
margin: 0;
background: 0;
padding: 0;
}

.infoblock_text_hblau, .infoblock_text_dblau {
position: relative;
width: 187px;
padding: 0 15px;
font-size: 12px;
}

.infoblock_text_hblau p, .infoblock_text_dblau p, .infoblock_text_hblau img, .infoblock_text_dblau img {
margin: 0 0 10px 0;
}

#aside .infoblock_text_hblau img, #aside .infoblock_text_dblau img {
border: 0;
margin: 0 0 3px 0;
}

.infoblock_text_hblau {background: #C5DCE8;}
.infoblock_text_dblau {background: #8FB6D7;}

a.infoblock_weiter {
position: absolute;
left: 15px;
color: #06517F;
background: #fff;
padding: 2px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 1px #76a4c1;
-moz-box-shadow: 0px 1px 2px #76a4c1;
box-shadow: 0px 1px 2px #76a4c1;
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
transition: background 0.2s ease;
}

a.infoblock_weiter:hover {
background: #76a4c1;
}

/******************************
 * Tabellen
******************************/
table {
margin: .5em 0 1.5em 0;
caption-side: bottom;
border-collapse: collapse;
width: 100%;
table-layout: auto;
font-size: 12px;
}

table td {
vertical-align: top;
border: 1px solid #8FB6D7;
padding: 3px;
background: #fff;
}

table th {
padding: 5px;
text-align: left;
background-color: #C5DCE8;
border: 1px solid #8FB6D7;
text-shadow: 1px 1px 1px #fff;
}

table tr.alt td {
background: #f3f7fb;
}

/******************************
 * Giga Menü
******************************/
#pfeil {
position: absolute;
left: 232px;
width: 14px;
height: 14px;
background: transparent url(../i/ly/giganav-pfeil.png) no-repeat 0 0;
z-index: 999;
display: none;
opacity: .95;
}

#gm_1, #gm_2, #gm_3, #gm_4, #gm_5 {
position: absolute;
top: 85px;
left: 244px;
z-index: 1000;
margin: 0 0 0 10px;
opacity: .95;
}

#gm_5 {
top: 238px;
}

.gm_row_1, .gm_row_3{
height: 10px;
}

.gm_row_2 {
padding: 0 10px;
background: transparent url(../i/ly/bg-gigamenue.png) no-repeat -11px -10px;
margin: 0 0 0 -10px;
}

.gm_row_1 {
background: transparent url(../i/ly/bg-gigamenue.png) no-repeat top right;
}

.gm_row_3 {
background: transparent url(../i/ly/bg-gigamenue.png) no-repeat bottom right;
}

.gm_row_1 span {
display: block;
height: 10px;
width: 10px;
background: transparent url(../i/ly/bg-gigamenue.png) no-repeat -11px 0;
margin: 0 0 0 -10px;
}

.gm_row_3 span {
display: block;
height: 10px;
width: 10px;
background: transparent url(../i/ly/bg-gigamenue.png) no-repeat -11px -490px;
margin: 0 0 0 -10px;
}

.wrapper {
width: 690px;
}

.gm_row_2 ul {
width: 220px;
text-align: left;
float: left;
margin: 8px 5px;
}

.gm_row_2 a {
color: #005ea4;
padding: 0 0 0 10px;
}

.gm_row_2 a:hover {
color: #3680af;
}

.gm_row_2 .nav_rubrik a {
display: block;
height: 25px;
line-height: 25px;
color: #fff;
background: transparent url(../i/ly/bg-nav-headline.png) no-repeat 0 0;
padding: 0 0 0 10px;
margin: 0 0 5px 0;
}

.gm_row_2 .nav_rubrik a:hover {
color: #e1e1e1;
}


/******************************
 * Suchergebnis
******************************/

#text ul.suchergebnis li {
padding: 0;
background: none;
margin: 0 0 20px 0;
}

#text ul.suchergebnis li h3 {
font-size: 16px;
font-weight: normal;
margin: 0;
}

#text ul.suchergebnis li p {
margin: 0 0 0 0;
}

#text ul.suchergebnis li p.pfad {
font-size: 12px;
color: #5e9cc1;
}




/******************************
 * Listviews
******************************/

#text ul.liste li {
padding: 0;
background: none;
margin: 0 0 20px 0;
}

#text ul.liste li h3 {
font-size: 16px;
font-weight: normal;
margin: 0;
}

#text ul.liste li p {
margin: 0 0 0 0;
}

#text p.datum {
font-size: 12px;
color: grey;
}

#text p.listnav_top {
height: 26px;
line-height: 26px;
border-bottom: 1px solid lightgrey;
color: grey;
}

#text p.listnav_bottom {
height: 26px;
line-height: 26px;
border-top: 1px solid lightgrey;
color: grey;
}



/******************************
 * Bilder Pressedetailseite
******************************/
ul.pb {
position: relative;
height: 139px;
}

#aside ul.pb img {
margin: 0;
}

ul.pb li {
position: absolute;
}

ul.pb li a {
display: block;
width: 142px;
height: 28px;
background: transparent url(../i/ly/bg-nav-pressebild.png) no-repeat 0 0;
text-align: center;
line-height: 28px;
color: #06517F;
}

ul.pb li a:hover {
background: transparent url(../i/ly/bg-nav-pressebild.png) no-repeat 0 -28px;
}

.pb_bild {
top: 0;
left: 0;
}

.pb_abb {
top: 0;
left: 200px;
color: #06517F;
font-size: 16px;
}

.pb_download_link {
top: 0;
left: 200px;
}

/******************************
 * Erweiterung Pressebilder
******************************/

#text  ul.pb {
border-bottom: 1px solid lightgrey;
padding: 0 0 10px 0;
}

#text ul.pb li {
background: none;
padding: 0;
}

#text .pb_name, #text .pb_quelle {
font-size: 13px;
color: #06517F;
top: 0;
left: 204px;
}

#text .pb_quelle {
top: 24px;
}

#text .pb_download_link {
top: 56px;
left: 200px;
}

/******************************
 * Download Pressedetailseite
******************************/
#zip {
width: 467px;
margin: 0 0 20px 0;
}

#zip a {
color: #fff;
display: block;
width: 352px;
height: 96px;
background: transparent url(../i/ly/bg-zip.png) no-repeat 0 0;
padding: 25px 40px 0 100px;
}

#zip a:hover {
color: #fff;
background: transparent url(../i/ly/bg-zip.png) no-repeat 0 -121px;
}


/******************************
 * Download Presseseite
******************************/
#pressebilder {
width: 467px;
margin: 0 0 20px 0;
}

#pressebilder a {
color: #fff;
display: block;
width: 322px;
height: 96px;
background: transparent url(../i/ly/bg-pressebilder.png) no-repeat 0 0;
padding: 25px 40px 0 130px;
}

#pressebilder a:hover {
color: #fff;
background: transparent url(../i/ly/bg-pressebilder.png) no-repeat 0 -121px;
}

/******************************
 * Logos Mitglieder
******************************/
#text ul.adresse li {
background: none;
padding: 0;
margin: 0 0 1px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/******************************
 * Forms
******************************/

#text form ul li {
background: none;
padding: 0;
margin: 0 0 8px 0;
}

label {
color: #06517F;
font-weight: bold;
display: block;
margin: 0 0 4px 0;
}

input {
width: 200px;
padding: 6px 4px;
border: 1px solid #dcdfd8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

textarea {
width: 462px;
padding: 6px 4px;
height: 150px;
border: 1px solid #dcdfd8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

input.submitbutton {
font-size: 13px;
padding: 8px 15px;
line-height: 1;
color: #005EA4;
border: none;
background: #d0dbe2;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc;
}

input.submitbutton:hover {
color: #003A6E;
background: #c4d1da;
}


/******************************
 * Form Meldungen
******************************/
.ok, .error {
padding: 20px;
border: 1px solid lightgrey;
background: white;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.ok {color: green;}
.error {color: red;}

/******************************
 * Download Liste
******************************/
ul.downloadlist li {
margin: 0 0 10px 0;
}

ul.downloadlist li a {
display: block;
padding: 0 0 0 22px;
background: transparent url(/i/ly/download-pfeil.png) no-repeat 0 0;
height: 16px;
line-height: 16px;
}

ul.downloadlist li a:hover {background-position-y: -16px;}


/******************************
 * Pressebildersuche
******************************/
#pressebildsuche {
position: relative;
width: 467px;
height: 121px;
background: transparent url(../i/ly/bg-suche-pressebild.png) no-repeat 0 -121px;
margin: 0 0 20px 0;
}

#pressebildsuche input {
position: absolute;
width: 340px;
top: 52px;
left: 90px;
color: #0C71B2;
font-size: 12px;
}


/******************************
 * Online Geräteberatung
******************************/
#geraetewahl {
position: relative;
width: 467px;
height: 121px;
background: transparent url(../i/ly/bg-beratung-icon.png) no-repeat 0 -121px;
margin: 0 0 20px 0;
}

#geraetewahl select {
position: absolute;
width: 300px;
top: 52px;
left: 122px;
height: 30px;
color: #0C71B2;
font-size: 12px;
border: 0;
outline: 0;
overflow: hidden;
padding: 5px 5px 5px 5px;
-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
border-radius: 10px;
}

#vattenfall select {
width: 270px;
border: 1px solid #ccc;
outline: 0;
overflow: hidden;
background: #fff;
}

#vattenfall td {
padding: 8px 8px;
}

#vattenfall th {
vertical-align: top;
}

/******************************
 * Facebook, Twitter
******************************/
#fb, #tw {
position: absolute;
top: 11px;
}

#fb {
left: 757px;
}

#tw {
left: 865px;
}