/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 138 $
 * @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
 * @appdef yaml
 */

@media all
{
    /**
                   * Fonts
                   * (en) font-family and font-size selection for headings and standard text elements
                   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
                   *
                   * @section content-fonts
                   */

    /* (en) reset font size for all elements to standard (16 Pixel) */
    /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
    html *
    {
        font-size: 100.01%;
    }

    /* (en) reset monospaced elements to font size 16px in Gecko browsers */
    /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
    textarea, pre, tt, code
    {
        font-family: Verdana , Helvetica, sans-serif;
    }

    /* (en) base layout gets standard font size 12px */
    /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
    body
    {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 75.00%;
        color: #444;
    }

    h1, h2, h3, h4, h5, h6
    {
        font-family: Verdana Helvetica, sans-serif;
        font-weight: bold;
        color: #B390B3;
        margin: 0 0 0.25em 0;
    }

    h1
    {
        font-size: 200%;
    }
    /* 24px */
    h2
    {
        font-size: 200%;
        color: #B390B3;
    }
    /* 24px */
    h3
    {
        font-size: 150%;
    }
    /* 18px */
    h4
    {
        font-size: 133.33%;
        color: #808F1D;
        width: 100%;
        padding-top: 15px;
        /*border-bottom:solid 1px #808F1D;
        padding-left: 10px;*/
    }
    /* 16px */
    h5
    {
        font-size: 116.67%;
    }
    /* 14px */
    h6
    {
        font-size: 116.67%;
        font-style: italic;
    }
    /* 14px */

    #header h1
    {
        font-size: 2.5em;
        letter-spacing: -2px;
        line-height: 65%;
        color: #000;
    }

    #header span
    {
        color: #999;
    }

    /****** INHALTE der 3. Spalte: Uebersicht, Artikel, Teaser, Produkte **************************************************************************************/

    #currentnode h3
    {
        font-variant: small-caps;
        color: white;
    }
    .teaser img
    {
        float: left;
        margin-right: 10px;
    }

    .produkt
    {
        padding-bottom: 7px;
        display: block;

    }
    .produkt h3
    {
        font-size: 18px;
        color: #B390B3;
        font-variant: small-caps;
        padding-top: 15px;
        padding-bottom: 5px;
        border-bottom: solid 2px #79734C;
        width: 100%;
    }
        
    .produkt h4
    {
        font-size: 13px;
        font-variant:normal;
        border-bottom: 0px;
        padding-bottom: 2px;
        padding-left:0px;
    }
    .produkt #links
    {
        float: left;
        width: 160px;
        display:inline; 
    }
    .produkt #rechts
    {
        margin-left: 160px;
        background-color: #F5F5F5;
    }
    div.detailkurz
    {
        color: #A9A9A9;
        font-weight: normal;
    }
    div.detaillang
    {
        /*color: #B390B3;*/
    }
    div.detailpreis
    {
        font-weight: bold;
    }
    .teaser
    {
        padding-bottom: 7px;
        display:block;

    }
    .teaser h3
    {
        font-size: 16px;
        color: #B390B3;
        font-variant: small-caps;
        padding-top: 15px;
        padding-bottom: 5px;
        border-bottom: solid 2px #cfdc70;
        width: 100%;
    }
    .teaser h4
    {
        font-size: 13px;
        font-variant:normal;
        border-bottom: 0px;
        padding-bottom: 2px;
        padding-left:0px;
        color: #B390B3;
    }
    .teaser #links
    {
        float: left;
        width: 110px;
    }
    .teaser #rechts
    {
        margin-left: 110px;
        background-color: #F5F5F5;
        padding: 3px;
    }
    .teaser a, .produkt a
    {
        text-decoration: none;
        color: #B390B3;
    }
    .teaser p.rechts
    {
        font-size: smaller;
    }
    .teaser img
    {
        padding-top:10px;   
    }
    
    /* ****** PRODUKT - NAVIGATION **************************/
    .textbildlinks
        {
        margin: 0px 0px 0px 0px;
        background-color: white;
    }
	.textbildlinks dl 
	{
		border: solid 1px #808F1D;
		height:	165px;/*150px;*/
		background-color:#F5F5F8;/*#cfdc70;*/
	}
		.textbildlinks dl img{
		float: none;
		margin: 0px;
		padding: 0px;
		width:110px;
		height:130px;
	}

	.textbildlinks dt{
		float: none;
		display:inline;
	}
	.textbildlinks dd{
		float: left;
		margin: 0px;
		padding: 0 2px;
		display:block;
		text-align:center;
		color:#808F1D;
	}
    .textbildlinks table
    {
        width: 90%;   
        border:0px solid white;
    }
    .textbildlinks td a
    {
        text-decoration: none;
        /*background-color: #cfdc70;
        color: white;*/
                background-color: #F5F5F8;
        color: #808F1D;
        text-align: center;
        font-size: 12px;
        font-variant: small-caps;
        padding: 0.2em;
    }
    .textbildlinks td
    {
        /*
		background-color: #F5F5F8;

        border: solid 1px #808F1D;
        */
 
        padding:0.5em;
        color: #808F1D;
        font-size: smaller;
        text-align:center;
    }
    /***** INHALTE der 2. Spalte - ganz rechts: Warenkorb ******************************************************************************************************/
    .warenkorb
    {
        margin: 0px 0px 10px 0px;
        background-color: #F5F5F8;
    }
    .warenkorb table
    {
        width: 100%;
        border-collapse: collapse;
    }
    .warenkorb th
    {
        background-color: #cfdc70;
        color: white;
        text-align: center;
        font-size: 14px;
        font-variant: small-caps;
        padding: 0.5em;
    }

    .warenkorb th a
    {
        text-decoration: none;
        background-color: #cfdc70;
        color: white;
        text-align: center;
        font-size: 12px;
        font-variant: small-caps;
        padding: 0.2em;
    }
    .warenkorb td
    {
        background-color: #F5F5F8;
        color: #808F1D;
        border: solid 1px #808F1D;
        padding: 0.5em;
        font-size: smaller;
    }

    /***** INHALTE der 2. + 3. Spalte - ganz rechts: Warenkorb ******************************************************************************************************/
    #wizardkasse
    {
        margin: 15px 0px 10px 0px;
    }
    .warenkorbkomplett
    {
        margin: 0px 0px 10px 0px;
        background-color: #F5F5F8;
    }
    .warenkorbkomplett table
    {
        width: 100%;
        border-collapse: collapse;
    }
    .warenkorbkomplett th
    {
        background-color: #cfdc70;
        color: white;
        text-align: center;
        font-size: 12px;
        padding: 0.5em;
    }

    .warenkorbkomplett th a
    {
        text-decoration: none;
        background-color: #cfdc70;
        color: white;
        text-align: center;
        font-size: 12px;
        font-variant: small-caps;
        padding: 0.2em;
    }
    .warenkorbkomplett td
    {
        background-color: #F5F5F8;
        color: darkgrey;
        border: solid 1px #808F1D;
        padding: 0.5em;
    }

    td.AdresseLinks
    {
        padding: 10px 0px 10px 10px;
        
    }
    
    p
    {
        line-height: 1.5em;
        margin: 0 0 1em 0;
    }

    /* ### Lists | Listen  #### */

    ul, ol, dl
    {
        line-height: 1.5em;
        margin: 0 0 1em 1em;
    }
    li
    {
        margin-left: 1.5em;
        line-height: 1.5em;
    }

    dt
    {
        font-weight: bold;
    }
    dd
    {
        margin: 0 0 1em 2em;
    }

    /* ### text formatting | Textauszeichnung ### */

    cite, blockquote
    {
        font-style: italic;
    }
    blockquote
    {
        margin: 0 0 1em 1.5em;
    }

    strong, b
    {
        font-weight: bold;
    }
    em, i
    {
        font-style: italic;
    }

    pre, code
    {
        font-family: monospace;
        font-size: 1.1em;
    }

    acronym, abbr
    {
        letter-spacing: .07em;
        border-bottom: .1em dashed #c00;
        cursor: help;
    }

    /**
                   * Generic Content Classes
                   * (en) standard classes for positioning and highlighting
                   * (de) Standardklassen zur Positionierung und Hervorhebung
                   *
                   * @section content-generic-classes
                   */

    .note
    {
        background: #dfd;
        padding: 1em;
        border-top: 1px #bdb dotted;
        border-bottom: 1px #bdb dotted;
    }
    .important
    {
        background: #ffd;
        padding: 1em;
        border-top: 1px #ddb dotted;
        border-bottom: 1px #ddb dotted;
    }
    .warning
    {
        background: #fdd;
        padding: 1em;
        border-top: 1px #dbb dotted;
        border-bottom: 1px #dbb dotted;
    }

    .float_left
    {
        float: left;
        display: inline;
        margin-right: 1em;
        margin-bottom: 0.15em;
    }
    .float_right
    {
        float: right;
        display: inline;
        margin-left: 1em;
        margin-bottom: 0.15em;
    }
    .center
    {
        text-align: center;
        margin: 0.5em auto;
    }
    .TextboxSuche
    {
        width: 100px; vertical-align: top;
        margin-right: 4px; color: #808080;
    }
    hr
    {
        color: #fff;
        background: transparent;
        margin: 0 0 0.5em 0;
        padding: 0 0 0.5em 0;
        border: 0;
        border-bottom: 1px #eee solid;
    }

    /**** L I N K S *************************************************************************************************
               * External Links
               *
               * (en) Formatting of hyperlinks
               * (de) Gestaltung von Hyperlinks
               *
               */

    /*** ALLGEMEIN **************************************/
    /*
            a:focus, a:hover, a:link, a:active
            {
                color: #182E7A;
                text-decoration: none;
            }
            */
    /*** NAVIGATION OBEN RECHTS **************************/
    .topnav, .topnav a
    {
        color: #808F1D;
        text-decoration: none;
    }
    .topnav a:focus, .topnav a:hover, .topnav a:active
    {
        text-decoration: underline;
        background-color: transparent;
    }
    /*** HAUPTMENUE **************************************/
    #header .mainnav
    {
        position: absolute;
        top: 110px;
        left: 220px;
        margin: 0px 50px 0px 0px;
        padding: 0 0 0 15px;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
    }
    #header .mainnav table
    {
        margin-left: 15px;
    }

    #header .mainnav a:hover, #header .mainnav a:active
    {
        color: #808F1D;
        font-style: normal;
    }

    /*** NAVIGATION LINKS - TREEVIEW ************************/
    #treeview a
    {
        color: #808F1D;
    }

    #treeview a:focus, #treeview a:hover
    {
        color: #cfdc70;
        text-decoration: underline;
        background-color: transparent;
    }

    #treeview a:active
    {
        text-decoration: underline;
        border-bottom: solid 1px black;
    }

    /*** BREADCRUMB **************************************/
    #breadcrumb a
    {
        color: #808F1D;
    }

    /*** Motto und Link in Default.aspx*********************/
    #Motto
    {
        margin: 0px 0px 0px 0px;
        padding: 14px;
        padding-top: 30px;
        text-align: center;
        font-size: 13px;
        /*text-transform: uppercase;*/
        color: #79734C;
    }
    #Motto a
    {
        color: #808F1D;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    /*** Navigation unten **********************************/
    /*
            #footer a
            {
                color: #999;
                background: transparent;
                font-weight: bold;
            }
            #footer a:focus, #footer a:hover, #footer a:active
            {
                color: #4D87C7;
                background-color: transparent;
                text-decoration: underline;
            }   
            */
    /**
                   * (en) Emphasizing external Hyperlinks via CSS
                   * (de) Hervorhebung externer Hyperlinks mit CSS
                   *
                   * @section             content-external-links
                   * @app-yaml-default    disabled
                   */

    /*
                  #main a[href^="http://www.my-domain.com"],
                  #main a[href^="https://www.my-domain.com"]
                  {
                    padding-left: 12px;
                    background-image: url('your_image.gif');
                    background-repeat: no-repeat;
                    background-position: 0 0.45em;
                  }
                  */

    /**
                   * Tables | Tabellen
                   * (en) Generic classes for table-width and design definition
                   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
                   *
                   * @section content-tables
                   */
    /*
                table
                {
                    width: auto;
                    border-collapse: collapse;
                    margin-bottom: 0.5em;
                }
                table.full
                {
                    width: 100%;
                }
                table.fixed
                {
                    table-layout: fixed;
                }

                th, td
                {
                    padding: 0.5em;
                }
                thead th
                {
                    background: #444;
                    color: #fff;
                }
                tbody th
                {
                    background: #ccc;
                    color: #333;
                }
                tbody th.sub
                {
                    background: #ddd;
                    color: #333;
                }
            */
    /**
                   * Miscellaneous | Sonstiges
                   *
                   * @section content-misc
                   */



}