@import url("content.css");     /* Defines general element styles and content helper classes */
@import url("masthead.css");    /* Defines override styles for custom mastheads */

html, body
{
    background: #bfbfbf url("../img/bg.jpg") repeat-x;
}

#page
{
    width: 1000px;
    margin: 0 auto;
    background: white;
}


/* Header */
/* ------ */

#logo
{
    float: left;
    height: 82px;
    margin: 0;
}

/* Topmost navigation links */

#top-navigation
{
    margin: 12px 30px 4px 0;
    list-style: none;
    font-size: 92%;
    float: right;
}

#top-navigation li
{
    display: inline;
    float: left;
    text-align: center;
    padding: 0 10px 0 15px;
    margin: 0;
    background:url("../img/lang_spacer.jpg") no-repeat 0 50%;
}
#top-navigation li.first { background: none; }

#top-navigation a
{
    color: #424142;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#top-navigation a:hover,
#top-navigation a:focus,
#top-navigation a:active    { text-decoration:underline; }

#top-navigation .selected a { color: #3e557e; }


/* Search field */

#search
{
    height: 26px;
    float: right;
    clear: right;
    margin-right: 30px;
    background:url("../img/searchfield_bg.jpg") repeat-x;
    white-space: nowrap;
}
#search *       { vertical-align: middle; }
#search div     { background: url("../img/search_bg_leftcap.jpg") no-repeat; padding-left: 12px; }

#search-keywords
{
    width: 180px;
    padding: 3px;
    border: none;
    background: transparent;
    
    color: #0080c6;
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
}

/* Main navigation bar */
/* ------------------- */

#main-navigation
{
    clear: both;
    border-top: 1px solid #ececec;
    padding-left: 8px;
    position: relative;
}
#main-navigation ul     { margin: 0; list-style: none; }
#main-navigation li     { margin: 0; float: left; position: relative; }

#main-navigation a,
#main-navigation span
{
    display: table;         /* For Firefox 2 */
    display: inline-block;  /* For everyone else */
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
    margin-left: -1px;      /* Overlaps preceding item's border */
    padding: 10px 20px;
    white-space: nowrap;
    
    color: #0080c6;
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
}

#main-navigation small  { display: none; } /* Do not show public/not-public toggles */

#main-navigation a:hover,
#main-navigation a:focus,
#main-navigation a:active,

#main-navigation li:hover>a,
#main-navigation li.show-menu>a,
#main-navigation li.active>a,
#main-navigation li.active>span,
#main-navigation li.ui-sortable-helper>a,
#main-navigation li.ui-sortable-helper>span
{
    color: white;
    background: #008dcd url("../img/navi_highlight.png") 0 50% repeat-x;
}


/* Main navigation dropdown menus */
#main-navigation li ul
{
    position: absolute;
    display: none;
    margin-left: -1px;
    z-index: 1000;
    font-size: 85%;
    min-width: 15em;
    list-style-image: none;

    /* border-bottom: 4px solid rgba(0, 0, 0, 0.25); */
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 4px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 4px 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 4px 10px;
}
#main-navigation li.landing-page    { font-size: 1.2em; background: #ddd; }

#main-navigation li:hover ul,
#main-navigation li.show-menu ul    { display: block; }

#main-navigation li li  { float: none; display: block; background: #ececec; }
#main-navigation li li a,
#main-navigation li li span
{
    display: block;
    border: 1px solid #ececec;
    margin: 0 0 -1px;
    background-image: none !important;
    padding: 7px 20px;
}


/* Main content region */
/* ------------------- */

#masthead
{
    min-height: 120px;
    max-height: 199px;
    background: url("../img/header_frontpage.jpg") 0 50% no-repeat;
    color: white;
	padding: 60px 432px 16px 60px;
    clear: both;
	font-size: 133%;
}
#masthead h1    { margin-top: 0; }

/* Content columns */
#content-left,
#content-middle,
#content-right  { float: left; }

#content-left   { width: 232px; padding: 10px; }
#content-middle { width: 480px; padding: 20px; }
#content-right  { width: 208px; padding: 10px; }

#content-right .notebox { background-color: #fcfcfc; }


/* Secondary navigation */
/* -------------------- */

#secondary-navigation   { border-bottom: 0; }
#secondary-navigation ul
{
    margin: 0;
    list-style: none;
    list-style-image: none;
    color: #222;
}
#secondary-navigation li
{
    border-bottom: 1px solid #e6e5e7;
    padding: 5px 17px;
    margin: 0;
    font-weight: bold;
}
#secondary-navigation ul a  { color: #0080c6; padding: 4px 0; }
#secondary-navigation small { color: #999; }

#secondary-navigation .landing-page a   { font-size: 1.2em; text-decoration: none; }


/* Only apply these background highlights to the first level of navigation */
#secondary-navigation>ul>li:hover   { background-color: #e5f2ff; }
#secondary-navigation>ul>li.active  { background-color: #eef1f1; }
#secondary-navigation li.active>a   { color: #222; }

#secondary-navigation>ul>li.with-subnavs
{
    background: white url("../img/subnavi_level2bg.jpg") repeat-x;
}

#secondary-navigation li li
{
    background: transparent;
    padding: 0;
    border-bottom: none;
    font-weight: normal;
}

#secondary-navigation li ul         { margin-left: 13px; list-style-image: url("../img/bullet_blue.png"); }
#secondary-navigation li li ul      { list-style-image: url("../img/bullet_greydash.png"); }
#secondary-navigation li li li ul   { list-style-image: url("../img/subnavi_level5_bg.jpg"); }

#secondary-navigation li li li a    { color: #4e596e; }

/* Hide sub-subnavigation unless menu is selected */
#secondary-navigation li ul         { display: none; }
#secondary-navigation li.active ul  { display: block; }



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

#footer
{
    clear: both;
    background:url("../img/footer-bg.jpg") no-repeat left top;
    padding: 40px 40px 20px;
    color: #6a6a6a;
    overflow: hidden;
}

#footer-content-left    { float: left; width: 570px; }
#footer-content-right   { float: right; width: 250px; }

#footer p,
#footer li  { font-size: 92%; }

#footer-navigation ul
{
    margin: 0;
    list-style: none;
}
#footer-navigation li
{
    margin: 0 12px 0 0;
    float: left;
    padding: 0 14px 0 0;
    background:url("../img/footer_spacer.gif") no-repeat 100% 50%;
}

#footer-navigation li:last-child  { background: transparent; }
#footer-navigation a
{
    color: #6a6a6a;
    text-decoration: none;
}

#footer-navigation a:hover,
#footer-navigation a:active,
#footer-navigation a:focus { text-decoration: underline; }

#footer-copyright
{
    clear: left;
    padding-top: 1em;
    margin: 0;
}

#footer-feedback h2
{
    color: #5a5a5a;
    margin: 0;
    font-weight: bold;
}