/**
 * Structure-File for
 *
 * @version     0.1
 * @author      daniel kubitza, exozet interact <dkubitza@exozet.com>
 * @author      roman frohn, exozet interact <rfrohn@exozet.com>
 * @copyright    2006 Exozet Berlin GmbH
 *
 */


/**
* overall site
**/

/* all elements have by default 0 margin & padding */
*
{
    margin:                             0 0 0 0;
    padding:                            0 0 0 0;

    font-size:                          100.1%;
    font-family:                        Arial;
}

body
{
    background:                         url(../../images/backgrounds/navigation.gif) repeat-y;
}

img
{
    border:                                none;
}

form
{
    /* solves the IE form-tag spacing problem */
    display:                            inline;
}



a,
a:link,
a:visited,
a:active,
a:hover,
a:focus
{
    color:                              #193A74;
    text-decoration:                     underline;
}
a:hover,
a:focus
{
    text-decoration:                     none;
}

a.alternative,
a.alternative:link,
a.alternative:visited,
a.alternative:active,
a.alternative:hover,
a.alternative:focus
{
    color:                                 #000000;
    text-decoration:                     none;
}
a.alternative:hover,
a.alternative:focus
{
    text-decoration:                     underline;
}

acronym,
dfn,
abbr
{
    border-bottom:                         1px dotted #000000;
    cursor:                                 help;
    font-style:                         normal;
}

ul,
ul li
{
    list-style-type:                    none;
}

ol,
ol li
{
    list-style-type:                    decimal;
    list-style-position:                outside;
}
ol
{
    margin-left:                        1.5em; /* @todo: bessere positionierung, verschiebt sich beim zoom*/
    _margin-left:                        1.75em;
}

.offscreen
{
    display:                            block;
    position:                           absolute;
    left:                               -3000px;
    height:                             0px;
    width:                              0px;
}
.offscreen:hover,
.offscreen:active,
.offscreen:focus
{
    display:                            inline;
    width:                              auto;
    height:                             auto;
    left:                                 10px;
    top:                                 10px;
    background-color:                     #FAFAFA;
    border:                             2px solid #F0F0F0;
    font-size:                             0.83em;
    padding:                             5px;
    z-index:                             1000;
}

.hidden,
.hidden_field,
.ie_fix
{
    display:                            none;
}

/* individual site areas */

div#site_header
{
    max-width:                          61.25em;
    min-width:                          660px;
}

div#logo
{
    position:                           absolute;
    z-index:                            100;
    top:                                0;
    left:                               0;
    width:                              210px;
    height:                             160px;

    background:                            #FFFF00;
}

div#logo img
{
    width:                              210px;
    height:                             160px;
}

div#header
{
    height:                             140px;

    border-top:                            20px solid #FFFFFF;
    background:                         #FAFAFA;
    background-repeat:                    repeat-x;
    background-position:                210px 0;
}

img#keyvisual
{
    float:                              right;
}

div#header_border
{
    margin:                             -150px 0 0 0;
    float:                              right;
    max-width:                          356px;
    width:                              13.1em;
    height:                             10px;

    background:                         #FFFF00;
}

div#alter-functions
{
    float:                              left;
    width:                              210px;
    height:                             2em;

    background:                         #DEDEDC;
}

div#navigation_header
{
    margin:                             0 13.1em 0 0;
    min-width:                          410px;

    background:                         #FFFFE5 url(../../images/backgrounds/navigation.gif) repeat-y;
}

div#site
{
    max-width:                          61.25em;
    min-width:                          645px;

    background:                         #FAFAFA url(../../images/backgrounds/navigation.gif) repeat-y;
}

div#navigation
{
    position:                           absolute;
    top:                                220px;
    left:                               0em;
    width:                              210px;

    background:                         #F0F0F0;
}

div#container_content
{
    margin:                             0 13.1em 0 210px;

    background:                         #FAFAFA;
}

div#content
{
    padding:                            0.6em 1.3em 0 1.3em; /* 10px 20px 0 20px */
    float:                              left;
    min-width:                          200px;

    background:                            #FAFAFA;
}

div#content_spacer
{
    display:                            block;
    height:                             100px;
    margin:                             0;
    padding:                            0;
}

div#marginal_column
{
    margin:                             -2em -13.1em 0 0;
    float:                              right;
    width:                              13.1em;
    max-width:                          356px;
}

#footer
{
    margin:                             0 0 0 210px;
    padding:                            0.25em 0 0.25em 0; /* 8px 0 8px 0 */
    clear:                              both;

    background:                         #F0F0F0;
}

div.clear
{
    clear:                              both;
    height:                             0em;

    font-size:                          0.1em;
    line-height:                        0.1em;
}

span.content_spacer
{
    display:                            block;
    height:                             0px;
    font-size:                          1em;
    line-height:                        0em;
    overflow:                           hidden;
}
span.content_spacer span.i
{
    display:                            block;
    border:                             1px solid #FAFAFA;
    width:                              10px;
    float:                              left;
}

/**
 * single Links
 **/
span.filetype_pdf,
span.filetype_default,
span.filetype_link
{
    padding-left:                         1.5em;
    background-repeat:                     no-repeat;
}

/**
* Filetype Lists
**/
span.filetype_pdf,
li.filetype_pdf
{
    background-image:                   url(../../images/dummy/logo1.gif);
}

span.filetype_default,
li.filetype_default
{
    background-image:                   url(../../images/dummy/logo2.gif);
}

span.filetype_link,
li.filetype_link
{
    background-image:                   url(../../images/dummy/logo3.gif);
}


/* icons */
li.icon_print
{
    background-image:                   url(../../images/dummy/icon_print.gif);
}
li.icon_top
{
    background-image:                   url(../../images/dummy/icon_top.gif);
}
li.icon_arrow
{
    background-image:                   url(../../images/dummy/icon_arrow.gif);
}



/*****************************************
* Color Templates
**/

/* 1 */
.theme_1 a,
.theme_1 a:link,
.theme_1 a:visited,
.theme_1 a:active,
.theme_1 a:hover,
.theme_1 a:focus
{
    border-color:                       #AA2200;
}

.theme_1 a:hover,
.theme_1 a:focus
{
    background:                         #DBB2A8;
}

.theme_1 ul.secondlevel
{
    border-color:                       #DBB2A8;
}

/* 2 */
.theme_2 a,
.theme_2 a:link,
.theme_2 a:visited,
.theme_2 a:active,
.theme_2 a:hover,
.theme_2 a:focus
{
    border-color:                       #BCA161;
}

.theme_2 a:hover,
.theme_2 a:focus
{
    background:                         #DBD0B7;
}

.theme_2 ul.secondlevel
{
    border-color:                       #DBD0B7;
}

/* 3 */
.theme_3 a,
.theme_3 a:link,
.theme_3 a:visited,
.theme_3 a:active,
.theme_3 a:hover,
.theme_3 a:focus
{
    border-color:                       #669900;
}

.theme_3 a:hover,
.theme_3 a:focus
{
    background:                         #B9CD90;
}

.theme_3 ul.secondlevel
{
    border-color:                       #B9CD90;
}

/* 4 */
.theme_4 a,
.theme_4 a:link,
.theme_4 a:visited,
.theme_4 a:active,
.theme_4 a:hover,
.theme_4 a:focus
{
    border-color:                       #5588EE;
}

.theme_4 a:hover,
.theme_4 a:focus
{
    background:                         #B2C6EF;
}

.theme_4 ul.secondlevel
{
    border-color:                       #B2C6EF;
}

/* 5 */
.theme_5 a,
.theme_5 a:link,
.theme_5 a:visited,
.theme_5 a:active,
.theme_5 a:hover,
.theme_5 a:focus
{
    border-color:                       #FFAA11;
}

.theme_5 a:hover,
.theme_5 a:focus
{
    background:                         #F6D497;
}

.theme_5 ul.secondlevel
{
    border-color:                       #F6D497;
}

/* 6 */
.theme_6 a,
.theme_6 a:link,
.theme_6 a:visited,
.theme_6 a:active,
.theme_6 a:hover,
.theme_6 a:focus
{
    border-color:                       #A4A4A4;
}

.theme_6 a:hover,
.theme_6 a:focus
{
    background:                         #D5D5D5;
}

.theme_6 ul.secondlevel
{
    border-color:                       #D5D5D5;
}