/*pferdehof*/
@media screen, projection
{
    /* body styles **************************************************************/
    body
    {
        margin: 0;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        height: 100%;
        width: 57em;
        min-width: 57em;
        padding: 0px;
        background: #FAFAE6;
        color: #000;
        background-color: #FAFAE6;
        background-position: bottom left;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-image: url(./images/logo-pardemann.png);
    }

    body, h1, h2, ol, ul, li
    {
        font-family: verdana, arial, helvetica, sans-serif;
        color: #000000;
        font-size: 76%;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }

    /* header styles **************************************************************/
    body div#headerArea
    {
        height: 8em;
        background-color: #003300;
        color: #FFF;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        text-align: left;
        overflow: hidden;
    }

    body div#headerArea h1
    {
        color: #FFF;
        white-space: nowrap; /*		display: inline;*/
        font-size: 1.7em;
        line-height: 1em;
        margin: 0.5em;
        position: absolute;
        z-index: 2;
    }

    body div#headerArea h1 small
    {
        color: #FFF;
        white-space: nowrap;
        display: inline;
        font-size: 0.5em;
        margin-top: 0.2em;
        position: absolute;
        z-index: 2;
    }

    body div#headerArea a
    {
        color: #FFF;
    }

    body div#headerArea img#HeaderBackgroundImage
    {
        display: block;
        position: absolute;
        z-index: 1;
        width: 57em;
        height: 8em;
    }

    /* navigation styles **************************************************************/

    body div#navbarArea
    {
        clear: both;
        overflow: hidden;
        position: fixed;
        margin: 1em 0em 0em 0em;
        padding: 1em;
        float: left;
        width: 8em;
        text-align: right;
    }

    body div#navbarArea ul
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
    }

    body div#navbarArea ul li
    {
        border-top-style: none;
        list-style-type: inherit;
        font-size: 100%;
    }

    body div#navbarArea ul li ul
    {
        line-height: 1.8em;
        margin: .1ex 0 0 0;
        padding: .1ex .1em 1.5ex 0;
        text-align: right;
        font-size: 100%;
        list-style-type: inherit;
    }

    body div#navbarArea ul li ul li
    {
        border-top-style: none;
        list-style-type: inherit;
        font-size: 100%;
        line-height: 1.8em;
    }

    body div#navbarArea ul li ul li ul
    {
        list-style-type: inherit;
        font-size: 1em;
    }

    body div#navbarArea ul li ul li ul li
    {
        list-style-type: square;
        color: red;
    }

    body div#navbarArea ul li ul li ul li ul
    {
        list-style-type: circle;
        font-size: 0.7em;
        color: blue;
    }

    body div#navbarArea ul li ul li ul li ul li
    {
        list-style-type: circle;
        color: blue;
    }

    .hideMenu
    {
        display: none;
    }

    body div#navbarArea a
    {
        display: block;
        text-decoration: none;
    }

    a.extern
    {
        background: url(http://www.pferdehof-pardemann.de/images/external_link.png) center right no-repeat;
        padding-right: 13px;
    }

    body div#navbarArea a:link
    {
        color: #000000;
        background-color: Transparent;
    }
    body div#navbarArea a:visited
    {
        color: #000000;
        background-color: Transparent;
    }
    body div#navbarArea a:hover
    {
        color: #000000;
        background-color: Transparent;
        text-decoration: underline;
        font-weight: normal;
    }
    body div#navbarArea a:active
    {
        color: #000000;
        background-color: Transparent;
    }

    /* content styles **************************************************************/
    body div#contentArea
    {
        float: right;
        width: 45em;
        margin: 1em 0em 1em 10em; /*margin: 1em 0 0 10em;*/
        padding: 1em; /*padding: 0.2em;*/
        border: 2px solid #003300;
        background-color: #FFFFFF;
        text-align: justify;
        min-height: 30em;
    }

    body div#contentArea h1
    {
        text-transform: none;
        font-size: 1.4em;
        line-height: 1em;
    }

    body div#contentArea h2
    {
        font-size: 1.1em;
        line-height: 1em;
    }

    body div#contentArea p
    {
        font-size: 1.0em;
        line-height: 1.8em;
    }

    body div#contentArea .marker
    {
        font-weight: bold;
    }

    body div#contentArea strong[title]
    {
        border-bottom: thin dotted;
        cursor: help;
        font-weight: normal;
    }

    body div#contentArea li
    {
        font-size: 1.2em;
        line-height: 1.6em;
        text-align: left;
    }

    body div#contentArea div.ThumbnailArea
    {
        float: right;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    body div#contentArea div.verkauft
    {
        position: relative;
        top: -5em;
        font-weight: bold;
        font-size: 200%;
        color: #FF3300;
        background-color: transparent;
        align: center;
        margin-left: auto;
        margin-right: auto;
        width: 12em;
        height: 3em;
        text-align: center;
    }

    /* footer styles **************************************************************/
    body div#footerArea
    {
        clear: both;
        margin-top: 1em;
        padding-top: 0em;
        height: 1.4em;
        background-color: #003300;
        color: #FFF;
        vertical-align: middle;
        text-align: left;
        overflow: hidden;
    }

    body div#footerArea small
    {
        color: #FFFFFF;
        margin-left: 0.5em;
        white-space: nowrap;
        text-align: left;
        font-size: 0.8em;
        line-height: 1.4em;
        vertical-align: middle;
        position: absolute;
        z-index: 3;
        display: block;
    }

    body div#footerArea small a:link
    {
        color: #FFFFFF;
    }
    body div#footerArea small a:visited
    {
        color: #FFFFFF;
    }
    body div#footerArea small a:hover
    {
        color: #FFFFFF;
        text-decoration: underline;
        font-weight: normal;
    }
    body div#footerArea small a:active
    {
        color: #FFFFFF;
    }

    body div#footerArea img.valid_logo
    {
        height: 1.4em;
        width: 6.7em;
        position: relative;
        z-index: 2;
        display: inline;
        float: right;
    }

    body div#footerArea img#FooterBackgroundImage
    {
        display: block;
        position: absolute;
        z-index: 1;
        width: 57em;
        height: 1.4em;
    }

    img.thumbnail
    {
        width: 10.0em; /*height:8em;*/
        position: static;
        display: block;
    }

    img.image
    {
        width: 43em; /*height: 30em;*/
        overflow: auto;
        display: block;
        clip: auto;
    }

    .left
    {
        float: left;
        text-align: left;
        margin-right: 1em;
    }

    .right
    {
        float: right;
        text-align: right;
        margin-left: 1em;
    }

    p.Untertitel
    {
        margin-left: 2em;
    }

    img
    {
        border: 0;
    }

    .hidden
    {
        display: none;
    }

    /*Stammbaum*/
    th
    {
        background: #CCCCCC;
        color: #666666;
        text-align: center;
        width: inherit;
    }
    tr
    {
        background: #EEEEEE;
        color: #666666;
    }

    /*farben für die Stammbaum Tabellen*/
    .female
    {
        background-color: #ffcccc;
    }
    .male
    {
        background-color: #ccccff;
    }

    OL LI
    {
        display: block;
    }
    OL LI.count:before
    {
        content: counter(item) ": "; /*counter-increment: item;*/
        display: block;
    }
    LI#jahr2011
    {
        counter-reset: item 2011;
    }
    LI#jahr2010
    {
        counter-reset: item 2010;
    }
    LI#jahr2009
    {
        counter-reset: item 2009;
    }
    LI#jahr2008
    {
        counter-reset: item 2008;
    }
    LI#jahr2007
    {
        counter-reset: item 2007;
    }
    LI#jahr2006
    {
        counter-reset: item 2006;
    }
    LI#jahr2005
    {
        counter-reset: item 2005;
    }
    LI#jahr2004
    {
        counter-reset: item 2004;
    }
    LI#jahr2003
    {
        counter-reset: item 2003;
    }
    LI#jahr2002
    {
        counter-reset: item 2002;
    }

}

@media print
{
    body div#navbarArea
    {
        display: none;
    }

    body div#headerArea img, body div#footerArea img
    {
        display: none;
    }

    .left
    {
        float: left;
        text-align: left;
        margin-right: 1em;
    }

    .right
    {
        float: right;
        text-align: right;
        margin-left: 1em;
    }

    img
    {
        border: 0;
    }

    .hidden
    {
        display: none;
    }
    .dont_print
    {
        display: none;
    }
}

@media aural
{
    h1, h2, h3
    {
        stress: 20;
        richness: 90;
    }
    .hidden
    {
        speak: none;
    }
    p.copyright
    {
        volume: x-soft;
        speech-rate: x-fast;
    }
    dt
    {
        pause-before: 20%;
    }
    pre
    {
        speak-punctuation: code;
    }
}