/**
- Styles for sidebar.
- Layout + styles combined for "underbar".
*/

@media print {
    div#underbar {
    display:none;
    }

    div#newsaggregator_container {
    visibility:hidden; /* not display:none; ! */
    }
}


@media screen {
    /* SIDEBAR ***************************************************************/
    div#pagecontainer {
    border-right-color:black;
    }

    div#sidebar {
    background-color:black;
    }

    div#sidebar a {
    display:block;
    width:170px; /* almost the width of #sidebar (see scr_layout.css) */
    height:110px; /* at least height of background image = 100px */
    background-position:50% 50%; /* centered bg-image */
    background-repeat:no-repeat;
    background-color:black;
    text-indent:-2000px; /* push text out of the way */
    overflow:hidden;
    }

    div#sidebar a.elga {
    background-image:url(etc/img/elga_news.gif);
    }

    div#sidebar a.miller {
    background-image:url(etc/img/miller_news.gif);
    }

    div#sidebar a.diwi {
    margin-top:10px;
    height:160px;
    background-image:url(etc/img/dreamit-weldit.png);
    }

    div#sidebar a.itwe {
    background-image:url(etc/img/itwe_news.gif);
    }

    /*
    div#sidebar a.itw {
    background-image:url(etc/img/itw_news.gif);
    }
    */


    /* UNDERBAR **************************************************************/
    div#underbar_container {
    position:relative;
    margin-top:30px;
    width:100%;
    overflow:auto;
    background-color:white;
    }

    div#underbar {
    position:relative;
    margin:10px auto;
    padding:0;
    width:600px;
    height:70px;
    }


    /* basics for the links (all absolute positioning  */
    div#underbar a, div#underbar a:hover {
    display:block;
    position:absolute;
    top:0;
    width:150px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    text-indent:-2000px; /* push text out of the way */
    overflow:hidden; /* contain the text-indent */
    }

    /* two big logos on the left */
    div#underbar a.elga {
    left:0;
    height:70px;
    background-image:url(etc/img/elga_logo.gif);
    }

    div#underbar a.miller {
    left:155px;
    height:70px;
    background-image:url(etc/img/miller_logo_medium.gif);
    }


    /* three smaller logos on the right (two up, one down) */
    div#underbar a.bernard {
    right:150px;
    height:35px;
    background-image:url(etc/img/bernard_logo.gif);
    }

    div#underbar a.tempil {
    right:0;
    height:35px;
    background-image:url(etc/img/tempil_logo.gif);
    }

    div#underbar a.weldcraft {
    right:75px;
    top:35px;
    height:35px;
    background-image:url(etc/img/weldcraft_logo.gif);
    }


    /* NEWS AGGREGATOR *******************************************************/
    /* the following elements are all added to document by JS (see: home.js) */
    div#newsaggregator_container {
    position:absolute;
    display:none; /* default "hidden" */
    top:50%;
    left:50%;
    margin-left:-225px; /* half of width */
    margin-top:-225px; /* half of height */
    width:450px;
    height:450px;
    overflow:auto;
    background:url(etc/img/trans_10pc_blue.png) 0 0 repeat transparent; /* NOTE: PNG transparency doesn't work in IE6, though it doesn't fail too miserably */
    border:2px outset #ccc;
    }

    img#newsaggregator_closer {
    position:absolute;
    top:5px;
    right:20px;
    cursor:pointer;
    }

    span#newsaggregator_data h2, span#newsaggregator_data h3, span#newsaggregator_data p {
    margin:5px 20px 10px 5px;
    }

    span#newsaggregator_data hr {
    margin:0 20px 0 5px;
    }

    span#newsaggregator_data h2.apology {
    margin:20px;
    padding:10px;
    border:2px solid white;
    font-size:0.8em;
    }

    span#newsaggregator_data a {
    color:#036;
    font-weight:bold;
    text-decoration:none;
    }

    span#newsaggregator_data a:hover {
    background:url(etc/img/trans_50px_blue.gif) 0 0 repeat transparent;
    color:white;
    }

    h2#newsaggregator_head {
    /* XXX alleen tekst
    width:150px;
    height:100px;
    background:url(etc/img/news_cases.gif) 0 0 no-repeat transparent;
    text-indent:-2000px;
    overflow:hidden;
    */
    }
}