div#contentColumn
{
    font:               12px/17px Verdana,Arial,Helvetica,sans-serif;
}


    h1
    {
        font:               bold 16px Arial,Helvetica,sans-serif;
        color:              #069;
        padding-left:       12px;
        background:         transparent url(../img/bg_headline.gif) left 10px no-repeat;
        margin-bottom:      17px;
        clear:              both;
    }
    
    h2
    {
        color:              #069;
        font-size:          100%;
        font-weight:        bold;
        clear:              both;
    }
    
    h3, h4
    {
        color:              #069;
        font-size:          100%;
        font-weight:        normal;
        clear:              both;
    }
    
    
    div#contentColumn p
    {
        padding-bottom:      17px;
    }



/* links */

div#contentColumn a
{
    color:              #000;
    text-decoration:    underline;
}

div#contentColumn a:hover
{
    color:              #900;
}

div#contentColumn a.blue
{
    color:              #069;
}

div#contentColumn a.blue:hover
{
    color:              #900;
}



/* lists */

div#contentColumn ul
{
    list-style-image:   url(../img/dot_blue.gif);
    margin-top:         -7px;
    margin-left:        30px;
    padding-bottom:     17px;
}

    div#contentColumn ul li
    {
        margin-bottom:      5px;
    }

div#contentColumn ul.media
{
    list-style-image:   none;
    list-style-type:    none;
    margin-top:         5px;
    margin-left:        0;
}
    
    div#contentColumn ul.media li.audio
    {
        height:             18px;
        padding-left:       25px;
        background:         url(../img/icon_audio.gif) top left no-repeat;
    }
    
    div#contentColumn ul.media li.video
    {
        height:             18px;
        padding-left:       25px;
        background:         url(../img/icon_video.gif) top left no-repeat;
    }
    
    div#contentColumn ul.media li a.pdf
    {
        background:         url(../img/icon_pdf_gross.gif) top left no-repeat;
        padding-left:       33px;
        padding-top:        15px;
        position:           relative;
        top:                7px;
        left:               -6px;
        display:            block;
    }



/* imageboxes */

div.imagebox        { line-height:  normal;}

div.imagebox.wide   { width:        192px; }
div.imagebox.slim   { width:        157px; }

div.imagebox.left
{
    float:              left;
    margin:             4px 20px 10px 0;
}

div.imagebox.right
{
    float:              right;
    margin:             4px 0 10px 20px;
}

    div.imagebox img
    {
        padding:            5px;
        border:             1px solid #999;
    }
    
    div.imagebox.slim img
    {
        width:              145px;
    }
    
    div.imagebox a.icon
    {
        float:              right; /* -> display block should be added automatically by browser */
        margin:             3px 0 0 3px;
        width:              18px;
        height:             18px;
    }
    
    div.imagebox a.zoom        { background-image:   url(../img/icon_imagezoom.gif); }
    div.imagebox a.zoom:hover  { background-image:   url(../img/icon_imagezoom_h.gif); }
    
    div.imagebox a.video       { background-image:   url(../img/icon_video.gif); }
    div.imagebox a.video:hover { background-image:   url(../img/icon_video_h.gif); }
    
    div.imagebox a.audio       { background-image:   url(../img/icon_audio.gif); }
    div.imagebox a.audio:hover { background-image:   url(../img/icon_audio_h.gif); }
    
    div.imagebox a.pdf         { background-image:   url(../img/icon_pdf.gif); }
    
    div.imagebox p.subline
    {
        background:         transparent url(../img/bg_headline.gif) left 6px no-repeat;
        margin-top:         3px;
        padding-bottom:     0 !important;
        text-indent:        13px;
        font:               11px Arial,Helvetica,sans-serif;
        color:              #069;
    }
    
    div.imagebox p.source
    {
        font:               10px Arial,Helvetica,sans-serif;
        padding-bottom:     0 !important;
    }

div#margColumn div.imagebox
{
    margin:             0 0 10px;
    float:              none;
}



/* etc. */

span.blue
{
    color:              #069;
}

input, textarea
{
    border:             1px solid #999;
}



/* Suche */

.tx-indexedsearch-searchbox label
{
    margin:             0 !important;
    width:              120px !important;
}

#tx-indexedsearch-searchbox-sword
{
    width:              198px;
    padding:            1px;
}

#tx-indexedsearch-searchbox-button-submit { cursor: pointer; }
* html #tx-indexedsearch-searchbox-button-submit { height: 20px; }

div#contentColumn div.tx-indexedsearch-browsebox p
{
    background-color:   #069;
    color:              #fff;
    padding:            4px;
    margin:             12px 0 17px;
}

    div#contentColumn div.tx-indexedsearch-browsebox p a
    {
        color:              #fff;
        font-size:          10px;
        font-style:         italic;
        float:              right;
    }

    div#contentColumn div.tx-indexedsearch-browsebox p a:hover
    {
        color:              #ccc;
    }

div#contentColumn .tx-indexedsearch ul
{
    margin-top:         0;
    padding-bottom:     0;
}

    div#contentColumn .tx-indexedsearch ul li
    {
        margin-bottom:      0;
    }



/* right column */

div#margColumn
{
    font:               12px/17px Arial,Helvetica,sans-serif;
}

div#margColumn h5
{
    font-size:          100%;
    font-weight:        bold;
    color:              #069;
    margin-top:         30px;
    margin-bottom:      -23px;
}

div#margColumn ul
{
    margin-top:         30px;
    margin-left:        16px;
    color:              #069;
}

div#margColumn ul li
{
    list-style-image:   url(../img/dot_blue.gif);
    margin-top:         7px;
}

div#margColumn ul.buchstaben li
{
    margin-top:         0;
}

div#margColumn ul li a,
div#margColumn a
{
    color:              #069;
    text-decoration:    none;
}

div#margColumn ul li a:hover
{
    color:              #900;
}

div#margColumn ul li.active
{
    list-style-image:   url(../img/dot_red.gif);
}

div#margColumn ul li.active a
{
    color:              #900;
}