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

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



/* links */

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

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

div#contentColumn a.blue
{
    color:              #00628c; /*#069;*/
}

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



/* lists */

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

    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_fi/bg_headline.gif) left 6px no-repeat;
        margin-top:         3px;
        padding-bottom:     0 !important;
        text-indent:        13px;
        font:               11px Arial,Helvetica,sans-serif;
        color:              #114366; /*#0f4368;*/
    }
    
    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:              #00628c; /*#069;*/
}

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



/* right column */

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

    div#margColumn h5
    {
        font:               bold 12px Arial,Helvetica,sans-serif;
        color:              #114366; /*#0f4368;*/
        margin-top:         37px;
        margin-bottom:      -23px;
    }
    
    div#margColumn ul
    {
        margin-top:         37px;
        margin-left:        16px;
        color:              #00628c; /*#069;*/
    }
    
        div#margColumn ul li
        {
            list-style-image:   url(../img_fi/dot_blue.gif);
            margin-top:         7px;
        }
        
            div#margColumn ul li a,
            div#margColumn a
            {
                color:              #00628c; /*#069;*/
                text-decoration:    none;
            }
            
            div#margColumn ul li a:hover
            {
                color:              #d30f33;
            }
        
        div#margColumn ul li.active
        {
            list-style-image:   url(../img_fi/dot_red.gif);
        }
        
            div#margColumn ul li.active a
            {
                color:              #d30f33;
            }



/* rightnav with searchform */
/*
div#margColumn form
{
    width:              163px;
}

div#margColumn form input
{
    width:              133px;
    padding:            3px 2px;
    float:              left;
}

div#margColumn form button
{
    background:         none;
}

div#margColumn form p
{
    clear:              left;
    font-size:          .8em;
    color:              #333;
}
*/