html {
    height: 100%;
}

body {
    background-color: #ededed/*#1f1f1f*/;
    font-family: Verdana,sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    color: #1f1f1f;
}

a:link, a:visited {
    color: #c31850;
    text-decoration: none;
}

a:hover, a:focus {
    border-bottom: 1px solid #c31850;
}

#logo {
    position: absolute;
    left: 15px;
    top: 10px;
    overflow: hidden;
}

    #logo img {
        float: left;
        border: none;
    }

h1 {
    color: #0D6774;
    font-family: Verdana,sans-serif;
    margin: 4px 0px;
    font-size: 1em;
}

h2 {
    font-weight: normal;
    color: #054852;
    font-size: 1.5em;
    margin-top: 0px;
    margin-bottom: 15px;
    font-family: Verdana,sans-serif;
}

h3 {
    font-size: 1.1em;
    color: #660056;
    font-family: Verdana,sans-serif;
    margin: 15px 0px;
}

h4 {
    color: #868686;
    font-family: Verdana,sans-serif;
    margin: 15px 0px;
}

.shadow {
    box-shadow: #000000 0px 1px 10px;
    -moz-box-shadow: #000000 0px 1px 10px;
    -webkit-box-shadow: #000000 0px 1px 10px;
}

.gradient_grey {
    background: -moz-linear-gradient(top, #ededed, #c4c4c4);
    background: -webkit-gradient(linear, left-top, left-bottom, from(#ededed), to(#c4c4c4));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#c4c4c4)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#c4c4c4);
}

.gradient_purple {
    background: -moz-linear-gradient(top, #660056, #44003e);
    background: -webkit-gradient(linear, left-top, left-bottom, from(#660056), to(#44003e));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#660056, endColorstr=#44003e)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#660056, endColorstr=#44003e);
}

.round_borders {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
}

#content {
    margin: 35px 130px 0px;
    overflow: hidden;
}

#footer, 
#header
{
    background-image: url(/images/diversium/lila.png);
}
    #footer > div,
    #header > div
    {
        padding: 1em 130px;
        background-image: url(/images/diversium/naht.png);
        background-repeat: repeat-x;
        overflow: hidden;
    }
        #footer > div div
        {
            margin: 0px 10px;
        }
        #footer div.float
        {
            float: left;
            overflow: hidden;
            width: auto;
        }

    #header > div
    {
        background-position: bottom;
    }

#footer img {
    border-width: 1px;
}

#footer a:hover {
    border: none;
}

#pre_footer {
    margin: 2em 0px 0px 0px;
    background-image: url(/images/diversium/lila_abschluss_top.png);
    height: 10px;
    background-repeat: repeat-x;
}

#post_header {
    margin: 0px 0px 2em 0px;
    background-image: url(/images/diversium/lila_abschluss.png);
    height: 10px;
    background-repeat: repeat-x;
}

#quick
{
    float: left;
}
#feed
{
    text-align: right;
}

    #quick span, 
    #feed span
    {
        /* << Runde Ecken */
        /*border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
        -khtml-border-radius: 0px 0px 4px 4px;
        -moz-border-radius: 0px 0px 4px 4px;*/
        /* >> Runde Ecken */

        color: #868686;
        font-weight: bold;
        font-size: 0.7em;
    }

        #quick span:after
        {
            content: ' |';
            padding: 0px 5px;
        }

    /*#quick .item a:link, #quick .item a:visited,
    #feed .item a:link, #feed .item a:visited
    {
        color: #868686;
        text-decoration: none;
    }

    #quick .item a:hover, #quick .item a:focus, #quick .item a:active,
    #feed .item a:hover, #feed .item a:focus, #feed .item a:active
    {
        color: #868686;
        border-bottom: 1px dashed #868686;
    }*/

    #feed a img
    {
        border: none;
    }

p.row {
    overflow: hidden;
    margin: 0px 0px 1px 0px;
}

p.row span {
    padding: 3px 5px;
    background-color: #dbdbdb;
    display: block;
}

p.row span:first-child {
    float: left;
    width: 200px;
    font-weight: bold;
}

#navigation {
    float: right;
    width: 250px;
    background-color: #ededed;
    margin: 0px 0px 0px 25px;
}

#navigation ul {
    padding: 0px;
    border: 1px solid #bbbbbb;
    margin: 0px;
    background-color: #ededed;
}

#navigation ul li {
    list-style-type: none;
    margin: 1px;
    padding: 3px 5px;
    font-size: 0.8em;
    background-color: #660056;
}

#navigation ul li.active {
    font-weight: bold;
    color: #dbdbdb;
}

#navigation ul li a:link,
#navigation ul li a:visited {
    color: #dbdbdb;
}

#navigation ul li a:hover,
#navigation ul li a:focus {
    border-color: #dbdbdb;
}

#navigation ul.articles li {
    background-color: #dbdbdb;
}

#navigation ul.articles li a:link,
#navigation ul.articles li a:visited {
    color: #000000;
}

#navigation ul.articles li a:hover,
#navigation ul.articles li a:focus {
    border-color: #000000;
}

#navigation ul.articles li.category {
    font-weight: bold;
    color: #dbdbdb;
    background-color: #660056;
}

#navigation ul.articles li.category:first-child {
    background: -moz-linear-gradient(top, #660056, #44003e);
    background: -webkit-gradient(linear, left-top, left-bottom, from(#660056), to(#44003e));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#660056, endColorstr=#44003e)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#660056, endColorstr=#44003e);
}

#navigation ul.articles li.category.layer2 {
    background-color: #0d6774;
    background: -moz-linear-gradient(top, #0d6774, #054852);
    background: -webkit-gradient(linear, left-top, left-bottom, from(#0d6774), to(#054852));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d6774, endColorstr=#054852)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d6774, endColorstr=#054852);
}

#navigation ul.articles li.category.layer3 {
    background-color: #868686;
    background: -moz-linear-gradient(top, #868686, #636363);
    background: -webkit-gradient(linear, left-top, left-bottom, from(#868686), to(#636363));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#868686, endColorstr=#636363)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#868686, endColorstr=#636363);
}

#navigation ul.articles li.category.layer2:before {
    content: '- ';
}

#navigation ul.articles li.category.layer3:before {
    content: '-- ';
}

div.figure {
    margin: 10px;
    text-align: justify;
    width: 200px;
}
    div.figure img {
        border: 5px #660056 solid;
        display: block;
        margin: 0px auto 5px;
        padding: 1px;
        background-color: #000000;
    }
    div.figure p {
        font-size: 0.7em;
        margin: 0px;
        padding: 0px;
        /*counter-increment: figure;*/
    }
        div.figure p span {
            color: #868686;
        }
        div.figure p:before {
            /*content: 'Abbildung '  counter(figure) ': ';*/
            font-weight: bold;
        }

div.figure.enlarged {
    margin: 0px;
    padding: 0px;
    background-color: #DBDBDB;
    border: 1px solid #BBBBBB;
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none;
    max-height: none;
}
    div.figure.enlarged img {
        margin: 20px auto;
        border: 3px #660056 solid;
        position: absolute;
    }

p.download {
    margin: 1px 0px;
    padding: 3px 5px;
    background-color: #E3E3E3;
}
    p.download span:last-child {
        float: right;
    }

.lexicon {
    background-color: #e4cae0;
    border: 1px dashed #d2a8cc;
    color: #5d5d5d;
    padding: 5px;
    font-size: 0.8em;
    margin: 0.5em 1em;
    background-image: url('../images/diversium/lexikon.png');
    background-repeat: no-repeat;
    background-position: top right;
}
    .lexicon p {
        padding: 0px;
        margin: 0px;
    }