/**************************************************************************/
/* eMBe-soft.com Stylesheet | (C) 2014 eMBe-soft UG (haftungsbeschraenkt) */
/**************************************************************************/

/***************************************************** GLOBAL */

html, body
{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    cursor:url(images/cursor_main.cur), default;
}

html
{
    background:url( images/bg.jpg );
}

div, p, span
{
    margin:0;
    padding:0;
    font-family:"Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Geneva, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#554f47;
}

div#divHeader
{
    background-image: url( images/bg_header.jpg );
    background-repeat:repeat-x;
    height: 213px;
    width: 100%;
}
div#divBody
{
    width: 1040px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

div#divLogo
{
    position: absolute;
    left: 0px;
    top: -80px;
}

div#divLanguages
{
    position: absolute;
    right: 65px;
    top: -200px;
    z-index: 10;
}

div#divPhrases
{
    position: absolute;
    right: 65px;
    top: -160px;
    z-index: 10;
}

div#divPhrases p
{
    text-align: right;
    font-size: 200%;
    color: #707070;
    line-height: 150%;
}

div#divContent
{
    width: 690px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 10px;
    margin-right: 50px;
}

div#divContent p
{
    margin-bottom: 1.5em;
}

div#divContent h2
{
    font-family:"Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Geneva, sans-serif;
    font-size: 24px;
    color:#554f47;
}

div#divMenuTop
{
    background-image: url( images/bg_menu_top.jpg );
    width: 340px;
    height: 20px;
    position: absolute;
    top: -10.45px;          /* should be 10px but chrome browser seems to have a bug here */
}
div#divMenu
{
    background-image: url( images/bg_menu.jpg );
    width: 340px;
    height: 400px;
    position: absolute;
    top: 0px;
    left: 700px;
}

div#divMenuContent
{
    width: 340px;
    position: absolute;
    top: 9px;
    padding-left: 50px;
}

div#divMenuContent p
{
    border-bottom: 1px solid #ffffff;
    font-size: 150%;
    width: 200px;
    margin: 0px;
    padding: 20px;
    text-align: right;
    background: rgba( 100%, 100%, 100%, 0.1 );
}

div#divMenuContent a
{
    color: #e0e0e0;
    text-decoration: none;
}

div#divMenuContent a.selected,
div#divCopyright   a.selected
{
    color: #ffffff;
    font-weight: bolder;
}

div#divMenuContent p:hover
{
    background: rgba( 100%, 100%, 100%, 0.3 );
}

div#divMenuBottom
{
    background-image: url( images/bg_menu_bottom.png );
    width: 340px;
    height: 27px;
    position: absolute;
    bottom: 0px;
}

div#divFooter
{
    background-image: url( images/bg_footer.jpg );
    background-repeat:repeat-x;
    height: 40px;
    width: 100%;
    position: fixed;
    bottom: 0px;
}

div#divCopyright
{
    width: 350px;
    height: 50px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
}

div#divCopyright p
{
    color: #e0e0e0;
    font-style: italic;
    text-decoration: none;
}

div#divCopyright a
{
    background: rgba( 100%, 100%, 100%, 0.1 );
    padding: 2px;
    color: #e0e0e0;
    text-decoration: none;
}

div#divCopyright a:hover
{
    background: rgba( 100%, 100%, 100%, 0.3 );
}