* { 
    margin: 0; 
    padding: 0;
}

html { 
    background: #EEE; 
    color: #000; 
    direction: ltr; 
    font: normal 12px/16px verdana, arial, helvetica, sans-serif;
}

h1 { 
    font: bold 16px/21px verdana, arial, helvetica, sans-serif;
    margin: 0px 0 10px;
}

h2 { 
    font: bold 14px/18px verdana, arial, helvetica, sans-serif;
    margin: 15px 0  5px;
}

h3 { 
    font: bold 12px/16px verdana, arial, helvetica, sans-serif;
    margin: 0px 0  10px;
}
p { 
    font: normal 12px/16px verdana, arial, helvetica, sans-serif;
    margin-bottom: 10px;
}
ul, ol, li { 
    margin: 0px; 
    padding: 0px; 
    list-style: none;
}
li p { 
    line-height: inherit;
    margin: 0;
}

table {
    border-collapse: collapse;
    margin: 0px;
    padding: 0x;
}

th {
    text-align: left;
}

td, th { 
    empty-cells: show;
    font-size: 12px;
}

/* ----- Links ----- */
a { 
    color: blue; 
    text-decoration: none;
}
a:visited,
a:active  { color: blue; }
a:hover   { text-decoration: underline; }
a img     { border: 0; }

a:focus { outline: none; }

/* ----- Seitenaufbau ----- */
html { 
    background: #EEE url(../img/bg/kachel.gif) left top repeat-y;
}

#container { 
    background: url(../img/bg/bg.gif) left top no-repeat;
    min-height: 705px;
}

/* ----- Header ----- */
#header {
    position: absolute;
    left: 17px;
    top: 20px;
}

#header a {
    display: block;
    height: 120px;
    width: 230px;
}

#header a h1,
#header a h2,
#header a p { display: none; }


/* ----- Adresse ----- */
#adress {
    position: absolute;
    left: 28px;
    top: 157px;
}

#adress a {
    display: block;
    height: 50px;
    width: 160px;
}

#adress a * {
    display: none;
}

#comic {
    position: absolute;
    left: 134px;
    top: 400px;
    z-index: 5;
}

#sevenCent {
    position: absolute;
    left: 20px;
    top: 340px;
    z-index: 10;
}

#EnergieD {
    position: absolute;
    left: 20px;
    top: 530px;
    z-index: 10;
}
/* ----- Footer ----- */
#footer {
    float: left;
    display: inline;
    margin-left: 164px;
    padding: 10px 0px;
    background-color: #FFFFFF;
    width: 688px;
}
* html #footer {
    height:1%;
}
.page-index #footer {
    background-color: transparent;
}

ul#logos-01,
ul#logos-02 {
    float: left;
    width: 670px;
    padding-left: 18px;
}

table#logos-01 {
    float: left;
    width: 688px;
    padding-left: 0px;
}

#logos-01 li,
#logos-02 li {
    display: inline;
    float: left;
    margin-right: 42px;
    padding-bottom: 10px;
}

#logos-02 li {
    margin-right: 28px;
}

#logos-01 li.last,
#logos-02 li.last {
    margin-right: 0px;
}

table td {
    text-align: center;
}

/* ----- Content ----- */
#contentContainer {
    padding-top: 290px;
    margin-left: 222px;
    min-height: 352px;
    width: 630px;
}
* html #contentContainer {
    height: 352px;
    overflow: visible;
}

.page-index #contentContainer {
    padding-top: 281px;
    margin-left: 255px;    
    min-height: 340px;
    width: 598px;
}
* html .page-index #contentContainer {
    height: 340px;
}

#content {
    overflow: hidden;
}

#contentVisual {
    float: left;
    width: 280px;
    text-align: center;    
    overflow: hidden;
}

#contentData {
    padding: 0px 10px 10px;
    overflow: hidden;
}
* html #contentData {
    height: 1%;
    overflow: visible;
}

#content ul {
    padding: 6px 0px 4px;
    margin: 0px;
}

#content ul li {
    background: url(../img/icons/btn-bullet.gif) 0px 2px no-repeat;
    margin-bottom: 10px;
    padding-left: 20px;
    font-weight: 700; 
}


#aktion {
    background: url(../img/bg/rahmen.gif) left top no-repeat;
    height: 370px;
    margin-left: 65px;
    overflow: hidden;
    padding: 15px 20px 19px 15px;
    position: relative;
    width: 600px;
}

#aktion .aktion-img {
    float: left;
    height: 250px;
    width: 200px;
    overflow: hidden;
    text-align: center;
}

#aktion .aktion-content {
    float: right;
    height: 250px;
    width: 270px;
    overflow: hidden;
    position: relative;
}

#aktion .aktion-content2 {
    float: left;
    display: inline;
    margin-right: 10px;
}

#aktion .aktion-headline {
    height:  17px;
    padding: 7px 0px 9px;
}

#aktion .aktion-text {
    height: 193px;
    width: 255px;
    padding: 0px 5px 0px 10px;
    overflow: hidden;
}
    
#aktion .aktion-link {
    position: absolute;
    height: 15px;
    padding-top: 4px;
    width: 265px;    
    text-align: right;
    right: 5px;
    bottom: 5px;
    z-index: 6;
}
 
#aktion p {
    margin: 0px;
}

#aktion ul li {
    margin-bottom: 2px;
}


/* ----- Navigation ----- */
#navi    { position: absolute; top: 16px; left: 255px; width: 619px; }
#navi li { display: inline; float: left; margin: 0px 19px 1px 0px; height: 31px; overflow: hidden; }
#navi li a,
#navi li span { font-size:11px; display:block; height:100%; width:100%; }
#navi li span { display: none; }

#navi .schnaeppchen,
#navi .aktionsangebot,
#navi .fenster,
#navi .haustueren,
#navi .rollladen       { width: 137px; }

#navi .rolltore,
#navi .terassen,
#navi .sonnenschutz,
#navi .steuerungen     { width: 192px; }

#navi .reparatur,
#navi .feedback,
#navi .stellenangebote { width: 230px; }

#navi .kontakt         { width: 111px; margin-right: 15px; }
#navi .impressum       { width: 104px; }


#navi li,
#navi li a {
    background-position: left top;
    background-repeat: no-repeat;
}

#navi .schnaeppchen    a { background-image: url(../img/navi/btn_schnaeppchen.gif) }
#navi .aktionsangebot  a { background-image: url(../img/navi/btn_aktionsangebot.gif) }
#navi .rolltore        a { background-image: url(../img/navi/btn_rolltore.gif) }
#navi .reparatur       a { background-image: url(../img/navi/btn_reparatur.gif) }
#navi .fenster         a { background-image: url(../img/navi/btn_fenster.gif) }
#navi .terassen        a { background-image: url(../img/navi/btn_terassen.gif) }
#navi .feedback        a { background-image: url(../img/navi/btn_kunden.gif) }
#navi .haustueren      a { background-image: url(../img/navi/btn_haustueren.gif) }
#navi .sonnenschutz    a { background-image: url(../img/navi/btn_sonnenschutz.gif) }
#navi .stellenangebote a { background-image: url(../img/navi/btn_stellenangebote.gif) }
#navi .rollladen       a { background-image: url(../img/navi/btn_rollladen.gif) }
#navi .steuerungen     a { background-image: url(../img/navi/btn_steuerungen.gif) }
#navi .kontakt         a { background-image: url(../img/navi/btn_kontakt.gif) }
#navi .impressum       a { background-image: url(../img/navi/btn_impressum.gif) }

#navi .schnaeppchen,
#navi .schnaeppchen    a:hover { background-image: url(../img/navi/btn_schnaeppchen_aktiv.gif) }
#navi .aktionsangebot,
#navi .aktionsangebot  a:hover { background-image: url(../img/navi/btn_aktionsangebot_aktiv.gif) }
#navi .rolltore,
#navi .rolltore        a:hover { background-image: url(../img/navi/btn_rolltore_aktiv.gif) }
#navi .reparatur,
#navi .reparatur       a:hover { background-image: url(../img/navi/btn_reparatur_aktiv.gif) }
#navi .fenster,
#navi .fenster         a:hover { background-image: url(../img/navi/btn_fenster_aktiv.gif) }
#navi .terassen,
#navi .terassen        a:hover { background-image: url(../img/navi/btn_terassen_aktiv.gif) }
#navi .feedback,
#navi .feedback        a:hover { background-image: url(../img/navi/btn_kunden_aktiv.gif) }
#navi .haustueren,
#navi .haustueren      a:hover { background-image: url(../img/navi/btn_haustueren_aktiv.gif) }
#navi .sonnenschutz,
#navi .sonnenschutz    a:hover { background-image: url(../img/navi/btn_sonnenschutz_aktiv.gif) }
#navi .stellenangebote,
#navi .stellenangebote a:hover { background-image: url(../img/navi/btn_stellenangebote_aktiv.gif) }
#navi .rollladen,
#navi .rollladen       a:hover { background-image: url(../img/navi/btn_rollladen_aktiv.gif) }
#navi .steuerungen,
#navi .steuerungen     a:hover { background-image: url(../img/navi/btn_steuerungen_aktiv.gif) }
#navi .kontakt,
#navi .kontakt         a:hover { background-image: url(../img/navi/btn_kontakt_aktiv.gif) }
#navi .impressum,
#navi .impressum       a:hover { background-image: url(../img/navi/btn_impressum_aktiv.gif) }

.logo td { text-align: center; }
.logo td a { margin: 0px auto; }
.logo li,
.logo li a,
.logo td a      { display:block; height:34px; background-repeat:no-repeat; background-position:left top; }
.logo li a span,
.logo td a span { display:none; }

.logo .velux a           { background-image: url(../img/logos/logo_velux.gif); width:71px; }
.logo li.velux,
.logo .velux a:hover     { background-image: url(../img/logos/logo_velux_aktiv.gif); }

.logo .schueco a         { background-image: url(../img/logos/logo_schueco.gif); width:110px; }
.logo li.schueco,
.logo .schueco a:hover   { background-image: url(../img/logos/logo_schueco_aktiv.gif); }

.logo .erhardt a         { background-image: url(../img/logos/logo_erhardt.gif); width:123px; }
.logo li.erhardt,
.logo .erhardt a:hover   { background-image: url(../img/logos/logo_erhardt_aktiv.gif); }

.logo .roto a            { background-image: url(../img/logos/logo_roto.gif); width:82px; }
.logo li.roto,
.logo .roto a:hover      { background-image: url(../img/logos/logo_roto_aktiv.gif); }

.logo .flexalum a        { background-image: url(../img/logos/logo_flexalum.gif); width:116px; }
.logo li.flexalum,
.logo .flexalum a:hover  { background-image: url(../img/logos/logo_flexalum_aktiv.gif); }

.logo .unilux a          { background-image: url(../img/logos/logo_unilux.gif); width:65px; }
.logo li.unilux,
.logo .unilux a:hover    { background-image: url(../img/logos/logo_unilux_aktiv.gif); }

.logo .lewens a          { background-image: url(../img/logos/logo_lewens.gif); width:105px; }
.logo li.lewens,
.logo .lewens a:hover    { background-image: url(../img/logos/logo_lewens_aktiv.gif); }

.logo .siegenia a        { background-image: url(../img/logos/logo_siegenia.gif); width:93px; }
.logo li.siegenia,
.logo .siegenia a:hover  { background-image: url(../img/logos/logo_siegenia_aktiv.gif); }

.logo .roma a            { background-image: url(../img/logos/logo_roma.gif); width:66px; }
.logo li.roma,
.logo .roma a:hover      { background-image: url(../img/logos/logo_roma_aktiv.gif); }

.logo .somfy a           { background-image: url(../img/logos/logo_somfy.gif); width:85px; }
.logo li.somfy,
.logo .somfy a:hover     { background-image: url(../img/logos/logo_somfy_aktiv.gif); }

.logo .alulux a          { background-image: url(../img/logos/logo_alulux.gif); width:116px; }
.logo li.alulux,
.logo .alulux a:hover    { background-image: url(../img/logos/logo_alulux_aktiv.gif); }

.logo .garant a          { background-image: url(../img/logos/logo_garant.gif); width:60px; }
.logo li.garant,
.logo .garant a:hover    { background-image: url(../img/logos/logo_garant_aktiv.gif); }

.logo .koester a         { background-image: url(../img/logos/logo_koester.gif); width:147px; }
.logo li.koester,
.logo .koester a:hover   { background-image: url(../img/logos/logo_koester_aktiv.gif); }

.logo .leo a             { background-image: url(../img/logos/logo_leo.gif); width:71px; }
.logo li.leo,
.logo .leo a:hover       { background-image: url(../img/logos/logo_leo_aktiv.gif); }


#content .feedback {

}

#content .feedback li {
    background: none;
    padding: 0px;
    float: left;
    margin-right: 2px;
    display: inline;
}

#content .schnaeppchen {
    
}

#content .schnaeppchen li {
    background: none;
    padding: 0px;
    float: left;
    margin-right: 23px;
    display: inline;
}