/*        Homepage - DISCHER Technik                  */

/*----------------------------------------------------*/
/*      Anfang Allgemeine HTML-Definitionen           */
/*----------------------------------------------------*/

/*  Universal-Selektor  */
*
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

body
{
    background-color: #FFF;
    font-size: 0.8em;
}

ul
{
    list-style-type: none;
}

a
{
    text-decoration: none;
}

h1
{
    font-size: 0.9em;
    font-weight: bold;
    color: #005AAA;
}

h1.gross
{
    text-transform: uppercase;
}

h2
{
    font-size: 0.85em;
    color: #005AAA;
    text-transform: uppercase;
}

h3
{
    font-size: 0.85em;
    font-weight: normal;
    color: #005AAA;
}

h4
{
    font-size: 0.85em;
    font-weight: bold;
    color: #000;
}

p
{
    font-size: 0.85em;
    line-height: 15px;
    color: #000;
}

img
{
    border-style: none;
}

table
{
	width: 100%;
    border: 0px solid #f0f;
    margin-top: 6px;
    margin-bottom: 12px;
    font-size: 0.85em;
    vertical-align: top;
}
 
th
{
    text-align: left;
    width: 60%;
    border: 0px solid #ff0;
    font-weight: normal;
}
 
td
{
    border: 0px solid #f00;
}

table.einrueck th
{
    width: 20px;
}

table.einrueck160 th
{
    width: 160px;
} 
 
table.einrueck td.right
{
    text-align: right;
    padding-right: 2px;
}

table.einrueck160 td.right
{
    text-align: right;
    padding-right: 2px;
}


/*----------------------------------------------------*/
/*      Ende Allgemeine HTML-Definitionen             */
/*----------------------------------------------------*/




/*----------------------------------------------------*/
/*      Anfang Rahmen - Definitionen                  */
/*----------------------------------------------------*/

/* Äußerer Begrenzungsrahmen zur Festlegung der Breite */
div.rahmen
{
    border: 0px solid #f00;
    position: absolute;
    left: 50%;
    top: 0px;
    width: 970px;
    margin-left: -485px;
    border: 0px solid #f00;
}

/* Oberer Bereich mit Logo und Suchfunktion */
div.oben
{
    border: 0px solid #f00;
    top: 0px;
    height: 102px;
    background-image: url(../pics/menue/logoleiste.gif);
    background-repeat: no-repeat;
    background-position: center;
}

/* Flash-Bildleiste oben */
div.flash
{
    height: 116px;
}

/*  Rahmendefinition für Hauptbereich MAIN */
div.main
{
    float: left;
    border: 0px solid #F00;
    margin-left: 60px;
    width: 910px;
    background-image: url(../pics/menue/sub_bg.gif);
    background-repeat: repeat-y;
    background-position: 0px 0px;
}

/*-------------------------------------------------------------------*/
/*      Hauptbereich CONTENT - Inhaltsbereich                                   */
/*-------------------------------------------------------------------*/


/*   Allgemeiner Contentbereich   */
div.content
{
    margin-left: 50px;
    margin-top: 15px;
    border: 0px solid #00f;
    width: 560px;
}

div.content p
{
    padding-bottom: 8px;
    padding-right: 10px;
}
 
div.content p.homebild
{
    border: 0px solid #f0f;
    margin-top: 5px;
} 

div.content p.line
{
    border-top: 1px solid #999FA9;
    margin-top: 12px;
    padding-top: 12px;
    padding-bottom: 22px;
    float: left;
    display: block;
    width: 550px;
}
 
div.content h1
{
    margin-top: 30px;
    margin-bottom: 8px;
}

div.content h2
{
    margin-bottom: 4px;
    margin-top: 6px;
}

div.content h3
{
    margin-top: -5px;
}

div.content a
{
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 0.9em;
    font-weight: bold;
    color: #01966A;
    text-transform: uppercase;
}

div.content a:hover
{
    color: #005AAA;
    text-decoration: underline;
}

div.content a.pfeil
{
    background-image: url(../pics/menue/pfeili_gruen.gif);
    background-repeat: no-repeat;
    background-position: 8px 13px;
    padding-left: 2px;
}

div.content a:hover.pfeil
{
    background-image: url(../pics/menue/pfeili_blau.gif);
}

div.content ul
{
    margin-left: 2px;
    margin-bottom: 12px;
    font-size: 0.85em;
    font-weight: normal;
}

div.content ul li
{
    padding-bottom: 5px; 
    list-style-type: square;
    list-style-position: inside; 
}

div.content.highlights ul
{
    width: 450px;
}

div.content.highlights ul li
{
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 8px;

}

.fett 
{
    font-size: 1.0em;
    color: #005AAA;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 18px;
}

/*--------------------------------------------------------------*/
/*      Anfang ARTIKELÜBERSICHT mit Bilder  und Rahmen              */
/*--------------------------------------------------------------*/

div.artikel
{
    background-color: #F5F5F5;
    border: 1px solid #C3C3C3;
    margin-top: 8px;
    margin-bottom: 16px;
    height: 94px;
}

div.artikel img
{
    margin-left: 28px;
    display: block;
    margin-right: 30px;
    float: left;
}

div.artikelinfo
{
   margin-left: 150px;
   margin-top: -8px;
   border: 0px solid #f00;
}

div.art
{
    float: left;
    width: 258px;
    height: 52px;
    margin-bottom: 6px;
}

.spalte
{
    margin-left: 24px;
}

div.art img
{
    margin-left: 14px;
    display: block;
    margin-right: 16px;
    float: left;
}

div.artinfo
{
    margin-left: 80px;
    border: 0px solid #f00;
    margin-top: -8px;
}

div.artinfo h2
{
    margin-top: 4px;
    margin-bottom: 3px;
    font-size: 0.95em;
}

div.artinfo h2 a
{
    text-transform: none;
}

div.artinfo p
{
    padding-bottom: 0px;
    line-height: 13px;

}



/*--------------------------------------------------------------*/
/*      Anfang Produktbereich - Produktbild und Produktinfo           */
/*--------------------------------------------------------------*/

div.produkt
{
    border: 0px solid #0ff;
    margin-top: 20px;
    margin-bottom: 8px;
}

div.produktbild
{
    float: left;
    width: 150px;
    border: 0px solid #f0f;
}

div.produktbild p
{
    margin-top: 12px;

}

div.produktbild a
{
    color: #595959;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 12px;
    display: block;
    padding: 0px 0px 0px 2px;
    background-repeat: no-repeat;
}

div.produktbild a:hover
{
    color: #005AAA;
    text-decoration: underline;
}

div.produktbild a.detail
{
    background-image: url(../pics/menue/lupe.gif);
    background-position: 6px 2px;
}

div.produktbild a:hover.detail
{
    background-image: url(../pics/menue/lupe_over.gif);
}

div.produktbild a.pdf
{
    background-image: url(../pics/menue/pdf.gif);
    background-position: 0px 2px;
    
}

div.produktinfo
{
    border: 0px solid #0f0;
    margin-left: 190px;
    width: 360px;
}


div.produktinfo p
{
    margin-bottom: 6px;
}

/*      Anfang Vertrieb - Länderadressen      */
div.land
{
    height: 120px;
    float: left;
    width: 258px;
    margin-bottom: 6px;
    margin-top: 10px;
    border: 0px solid #00f;
    display: block;
    margin-right: 15px;
}

div.land img
{
    display: block;
    float: left;
    margin-top: 10px;
    border: 0px solid #0ff;
}

div.landinfo
{
    margin-left: 60px;
    border: 0px solid #f00;
    height: 120px;
    margin-top: -15px;
}

div.vertrieb
{
    height: 130px;
    float: left;
    width: 258px;
    margin-bottom: 6px;
    margin-top: 10px;
    border: 0px solid #00f;
    display: block;
    margin-right: 15px;
}

div.logo
{

    margin-left: 430px;
    margin-top: 20px;
}


div.copy
{
    clear: left;
    display: block;
    width: 600px;
    margin-left: 10px;   
    margin-top: 20px;    
    font-size: 0.9em;
    border-top: 1px solid #005AAA;
}

div.copy p
{
    color: #005AAA;
    margin-left: 370px;
    margin-top: 5px;
    margin-bottom: 10px;

}


/*-------------------------------------------------------------------*/
/*      Hauptbereich CONTENT - SITEMAP                                */
/*-------------------------------------------------------------------*/


/*   Allgemeiner Contentbereich   */

div.contentsitemap
{
    margin-left: 50px;
    margin-top: 35px;
    
    list-style-type: square;
    list-style-position: inside; 
}

div.sitemap
{
    margin-top: 20px;
    border: 0px solid #00f;
}

div.sitemap li
{
    display: inline;
}

div.sitemap ul.abstand
{
    padding-bottom: 20px;
    
        list-style-type: square;
    list-style-position: inside; 
}

div.sitemap ul.abstandklein
{
    padding-bottom: 10px;
}

div.sitemap li a.abstand
{
    padding-bottom: 12px;
}

div.sitemap li a
{
    padding: 3px 10px 3px 24px;
    font-size: 0.85em;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    background-image: url(../pics/menue/pfeil_haupt_schwarz.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    color: #000;  
    line-height: 14px;
}


div.sitemap li a:hover
{
    color: #01966A;
    background-image: url(../pics/menue/pfeil_haupt_gruen.gif);
}

div.sitemap li a.aktiv
{
    color: #01966A;
    background-image: url(../pics/menue/pfeil_haupt_gruen.gif);
}

div.sitemap li li a
{
    padding: 2px 10px 2px 48px;
    background-image: none;
    text-transform: none;
}

div.sitemap li li a:hover
{
    background-image: url(../pics/menue/pfeil_sub_gruen.gif);
    background-repeat: no-repeat;
    background-position: 33px 5px;
}

div.sitemap li li a.aktiv
{
    background-image: url(../pics/menue/pfeil_sub_gruen.gif);
    background-repeat: no-repeat;
    background-position: 33px 5px;
}

div.sitemap li li li a
{
    font-size: 0.85em;
    font-weight: normal; 
    color: #000; 
    padding: 2px 10px 2px 48px;
}

div.sitemap li li li a:hover
{
    font-size: 0.85em;
    font-weight: bold;
    color: #005AAA; 
    background-image: url(../pics/menue/pfeil_subsub_blau.gif);
    background-repeat: no-repeat;
    background-position: 33px 7px;
}

div.sitemap li li li a.aktiv
{
    font-size: 0.85em;
    font-weight: bold;
    color: #005AAA; 
    background-image: url(../pics/menue/pfeil_subsub_blau.gif);
    background-repeat: no-repeat;
    background-position: 33px 7px;
}

div.sitemap p
{
    margin-top: 25px;
    margin-left: 38px;
    margin-right: 38px;
}



/*----------------------------------------------------*/
/*        Hack für Internet Explorer IE 6.0           */
/*----------------------------------------------------*/



/*  Position des Suchfeldes  */
* html .oben input.suchfeld
{
    margin-left: -18px;
}

/*  Position des Suchbuttons  */
* html .oben input.suchbutton
{
    padding-left: 6px;
    padding-top: 2px;
}

/*  Position für Hauptbereich MAIN */
* html div.main
{
    margin-left: 30px;
}

/*  Position für Bild in der Mitte */
* html div.content p.homebild
{
    padding: 0px;
    float: left;
}

/*  Position des Copyright  */
* html p.copyright
{
    margin-left: 11px;
}



/*  Position des Pfeiles für Seite nach oben  */
* html a.seite
{
    background-position: 12px 9px;
}


/*  Abstand des Artikelbildes  */
* html div.artikel img
{
    margin-left: 14px;
}

/*  Abstand des Artikelbildes klein  */
* html div.art img
{
    margin-left: 7px;
}

/*  Abstand der ungeordneten Liste mit Quadraten */
* html div.content li
{
    background-position: 0px 6px;
}