/* CSS Document */

*
{
    margin:                 0;
    padding:                0;
    zoom:                   1;
}

body
{
    text-align:             center;
    background-color:       #E0E0E0;
}

a
{
    color:                  #FFFFFF;
    text-decoration:        none;
}

a:hover
{
    text-decoration:        underline;
}

a.more
{
    padding:                0 0px 0 10px;

    background:             url(../images/arrow_more.gif) left center no-repeat;
    color:                  #809CAF;

    font-size:              10px;
    text-transform:         uppercase;
    text-decoration:		underline;
}

p.more
{
    padding:                0 10px 0 0;
    color:                  #809CAF;
    font-size:              10px;
    text-transform:         uppercase;
}

img
{
    border:                 none;
}

h1
{
    margin:                 0 0 17px 0;
}

.clear
{
    font-size:              1px;
    clear:                  both;
}

/*----- body container -----*/

#body-container
{
    width:                  856px;
    margin:                 auto;

    border-top:             1px solid #464C50;
    border-right:           2px solid #FFFFFF;
    border-left:            2px solid #FFFFFF;

    background:             #2C4658;
    color:                  #FFFFFF;
    font:                   11px "MS Tahoma", "MS Verdana", Helvetica, "MS Arial", sans-serif ;
    text-align:             left;

}


/*----- Navigation -----*/

#navigation
{
    display:                block;
    height:                 34px;
    background:             url(../images/navi/background.gif) repeat-x;
    height:                 34px;
}

#navigation img#logo
{
    float:                  left;
    margin:                 0 0 0 0;
}

#navigation ul
{
    float:                  right;
    list-style:             none;
}

#navigation ul li
{
    float:                  left;
    margin:                 0 20px 0 0;
}

/*----- Key/ Head Visual -----*/

#head-visual
{
    display:                block;
    width:                  100%;
    padding:                1px 0 1px 0;

    overflow:               hidden;
}

#head-visual *
{
    float:                  left;
}

/*----- Content ------*/

#content-container
{
    padding:                40px 30px 0 30px;
}

.content-row
{
    clear:                  both;
    margin:                 0 0 30px 0;
    position:				relative;
}


.main-content
{
    float:                  left;

    width:                  505px;
    padding:                0 20px 0 20px;
}

.sub-content
{
    float:                  left;
    width:                  230px;
    padding:                0 20px 0 0;
}


/*----- Two Column -----*/

.main-content .two-col .left
{
    float:                  left;
    width:                  225px;
    padding-right:          17px;
}

.main-content .two-col .right
{
    float:                  left;
    width:                  225px;
    padding-left:           17px;
}


/*----- Footer -----*/

#page-footer
{
    clear:                  both;
    padding:                15px 0 15px 0;
    background:             url(../images/background/dots_horizontal.gif) top left repeat-x;
}

#page-footer_noline
{
    clear:                  both;
    padding:                15px 0 15px 0;
}

#page-footer span,
#page-footer_noline span
{
    float:                  left;
    margin:                 0 10px 0 0;
}

#page-footer ul,
#page-footer_noline ul
{
    float:                  left;
    list-style:             none;
}

#page-footer ul li,
#page-footer_noline ul li
{
    float:                  left;
    margin:                 0 10px 0 0;
    padding:                0 0 0 10px;

    background:             url(../images/background/footer_div.gif) left center no-repeat;
}


/*----- teaser -----*/

.teaser
{
    float:                  left;
    padding:                0 0 0 99px;
}

.sub-content .teaser
{
    margin-bottom:             20px;
    min-height:                80px;
}

.teaser img,
.teaser a img
{
    float:                  left;
    width:                  73px;
    padding:                2px;
    margin:                 0 0 0 -99px;

    background:             #FFFFFF;
    border:                 1px solid #D8D8D8;
}

h2
{
    font:                   12pt "MS Tahoma", "MS Verdana", Helvetica, "MS Arial", sans-serif ;
    font-weight:			bold;
}

h3
{
    font:                   10pt "MS Tahoma", "MS Verdana", Helvetica, "MS Arial", sans-serif ;
    font-weight:			bold;
}

.teaser h3
{
    margin:                 12px 0 10px 0;

    font:                   11px "MS Tahoma", "MS Verdana", Helvetica, "MS Arial", sans-serif ;
}

.teaser h3.reference
{
    margin-top:             0;
}

.text-teaser
{
    margin:                 0 0 30px 0;
    padding:                2px 0 8px 20px;
    background:             url(../images/background/dots_vertical.gif) top left repeat-y;
}

.text-teaser span
{
    display:                block;
    margin:                 0px 0px 15px 0px;
}

.big-teaser
{
    display:                block;
    width:                  472px;
    margin:                 0 0 20px 0;
}

.big-teaser img
{
    width:                  466px;
    padding:                2px;
    margin:                 0 0 10px 0;

    background:             #FFFFFF;
    border:                 1px solid #D8D8D8;
}

.big-teaser a
{
    float:                  right;
    margin-right:           10px;
}

.big-teaser span
{

    margin-left:           10px;
}

#login-form
{
    clear:                 both;
    float:                 left;
    height:                100px;
    width:                 180px;
    margin:                0;
}

/*
 *
 * ----- MISC -----
 *
 */

/*----- Index -----*/
.signature
{
    margin:                 7px 0 1em 0;
}



/*----- References ------*/

select
{
    color:                  #2C4658;
    font:                   10px "MS Tahoma", "MS Verdana", Helvetica, "MS Arial", sans-serif ;
}

select#references,
select#category
{
    width:                 200px;
}

.main-content table
{
    width:                  100%;
    table-layout:           fixed;
    border:                 none;
}

.main-content table th
{
    color:                  #809CAF;
    font:                   10px "MS Tahoma", "MS Verdana", Helvetica, "MS Arial", sans-serif ;
    text-align:             left;
}

.main-content table tr td
{
    padding:                8px 0 0 0;
}

.main-content table tr.even td
{
    color:                  #CAD1D5;
}

/* be kind to IE, other browsers can inherit */
.main-content table tr td a
{
    color:                  #FFFFFF;
    font:                   10px "MS Tahoma", "MS Verdana", Helvetica, "MS Arial", sans-serif ;
    text-transform:         none;
}

.main-content table tr.even td a
{
    color:                  #CAD1D5;
}

table#referencesTable tr td
{
    vertical-align:         top;
}

li.navi,
li.navi_big
{
    list-style-type: none;
}

li.navi_active,
li.navi_big_active
{
    list-style-type: none;
}

li.navi div
{
    font-size: 12pt;
    font-weight: bold;
    height: 40px;
    padding-left: 10px;
    padding-top: 20px;
    background-color: #1C3648;
    border-bottom: 1px dotted #A0A0A0;
    border-right: 1px dotted #A0A0A0;
}

li.navi_active div
{
    font-size: 12pt;
    font-weight: bold;
    height: 40px;
    padding-left: 10px;
    padding-top: 20px;
    background-color: #2C4658;
    border-bottom: 1px dotted #A0A0A0;
    border-left: 1px solid #2C4658;
    border-right: 1px dotted #A0A0A0;
    overflow: visible;
    margin-left: -1px;
}

li.navi_big div
{
    height: 75px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #1C3648;
    border-bottom: 1px dotted #A0A0A0;
    border-right: 1px dotted #A0A0A0;
}

li.navi_big_active div
{
    height: 75px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #2C4658;
    border-bottom: 1px dotted #A0A0A0;
    border-left: 1px solid #2C4658;
    border-right: 1px dotted #A0A0A0;
    overflow: visible;
    margin-left: -1px;
}

.content-row_bordered
{
    clear: both;
    position: relative;
    border-left: 1px dotted #A0A0A0;
    border-top: 1px dotted #A0A0A0;
}

.bordered_headline
{
    font-size: 14pt;
    border-left: 1px dotted #A0A0A0;
    padding-left: 19px;
    padding-bottom: 5px;
}

.bordered_miniline
{
    border-left: 1px dotted #A0A0A0;
    padding-left: 19px;
    padding-bottom: 5px;
}

li a:hover,
li a:visited,
li a:active,
li a:link
{
    text-decoration: none;
    cursor: pointer;
}

.x_reference
{
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
}

.more_details
{
    color: #809CAF;
}

.navi_inner
{
    width: 248px;
}

.navi_inner2
{
    width: 238px;
}

a.list {
    background: url(../images/background/list_button_bg.gif) left center no-repeat;
    text-transform:none;
    color:#2C4658;
    font-weight:bold;
    font-size: 11px;
    padding: 8px 20px 8px 14px ;
    font-family: sans-serif;
    float: right;
}

.w_detail_text {
    margin-left: 260px;
}

.w_headline {
    display: inline;
}

.w_head_div {
    display: block;
    width: 365px;
}