/**
 * $Id: screen.css 8 2008-03-06 18:14:21Z claudio.felber $
 *
 * CSS definitions used for screen display.
 *
 * Author: Claudio Felber (claudio.felber@perron2.ch)
 * Created: 2006-04-28
 *
 * Copyright (c) 2006, Perron2 GmbH, All Rights Reserved.
 */
 
@import "common.css";

body {
    background-color: #5e6ba9;
    background-image: url(../pictures/background.gif);
    background-repeat: repeat-x;
    text-align: center;
}

#page {
    position: relative;
    width: 810px;
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#header {
    background-image: url(../pictures/logo.png);
    width: 810px;
    height: 180px;
}

#content {
    position: relative;
    background-color: white;
    background-image: url(../pictures/content_bottom.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 450px;
    margin-left: 180px;
    padding-top: 45px;
    padding-left: 135px;
    padding-right: 45px;
    padding-bottom: 120px;
    min-height: 249px;
    _height: 250px;
}

#picture {
    position: absolute;
    top: 405px;
}

/*===== Menu ================================================================*/

#menu {
    position: absolute;
    background-color: #e6e6e6;
    background-image: url(../pictures/menu_bottom.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 165px;
    width: 180px;
    left: 30px;
    top: 210px;
    padding-bottom: 160px;

}

#menu ul {
	list-style-type: none;
    width: 180px;
    padding-top: 16px;
    background-image: url(../pictures/menu_top.png);
    background-repeat: no-repeat;
    margin: 0;
}

#menu li {
	background-image: none;
    position: static;
    display: block;
    width: 180px;
    height: 15px;
    padding: 0;
    float: left;
}

#menu a, #menu span {
    overflow: hidden;
    display: block;
    width: 180px;
    height: 15px;
    text-indent: -5000px;
}

#menu a:hover {
    background-position: -180px 0px;
}

#menu span, #menu a.active {
    background-position: -360px 0px;
}

#item_news a, #item_news span {
    background-image: url(../pictures/menu/de/news.png);
}

#menu ul ul {
    position: absolute;
    padding-top: 1px;
    margin-top: -16px;
    background-image: url(../pictures/submenu_top.png);
    background-repeat: no-repeat;
    left: 180px;
    width: 130px;
}

#menu ul ul li {
    display: inline;
    height: auto;
    margin-left: 16px;
    width: 114px;
    background-image: url(../pictures/submenu_separator.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}

#menu ul ul a, #menu ul ul span {
    background-image: none;
    text-indent: 0px;
    width: 100px;
    font-size: 10px;
    height: 15px;
    line-height: 14px;
}

#menu ul ul a {
    color: #999999;
    text-decoration: none;
}

#menu ul ul a:hover, #menu ul ul a.active, #menu ul ul span {
    color: #1a2c85;
    text-decoration: none;
}

/*===== Language menu =======================================================*/

#item_german, #item_french {
    height: 0px !important;
}

#item_german a, #item_french a {
    position: absolute;
    display: block;
    left: 704px;
    top: -32px;
    height: 16px;
    width: 90px;
}

#item_german a:hover, #item_german span, #item_french a:hover, #item_french span {
    background-position: -90px 0px;
}

#item_german a, #item_german span {
    background-image: url(../pictures/menu/german.png);
}

#item_french a, #item_french span {
    background-image: url(../pictures/menu/french.png);
}