body,html {
     height:100%;
     width: 100%;
     margin-top: 0px;
     padding: 0px;
     text-align: center;
     font-family: Lucida Sans, Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
     font-size: 12px;
     }

#container {
           position: absolute;
           width: 840px;
           margin: 0px 0px 0px -420px;
           padding: 0px;
           left: 50%;
           text-align: left;
           background: #fff;
           }

/*------------------------*/
/*----- lang_switch ------*/
/*------------------------*/
#lang_switch {
        margin-top: 10px;
        margin-left: 0px;
        position: absolute;
}

/*------------------------*/
/*----- logo -------------*/
/*------------------------*/
#logo {
        margin-top: 15px;
        margin-left: 580px;
        /*background: #fff url(../images/logo.gif) no-repeat;*/
        height: 90px;
        position: absolute;
}

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

#nav {
     margin-top: 135px;
     margin-left: 0px;
     background: #fff url(../images/nav_bg.gif) no-repeat;
     height: 202px;
     width: 200px;
     padding-top: 15px;
     position: absolute;
     line-height: 2;
}

a.navitem {
     text-decoration: none;
     color: black;
     font-weight: bold;
}

a.navitem:hover {
     text-decoration: none;
     color: #528b8b;
     font-weight: bold;
}

.activeitem {
     text-decoration: none;
     color: white;
     font-weight: bold;
}

/*------------------------*/
/*----- vert_stripe -------*/
/*------------------------*/
#vert_stripe {
     margin-top: 40px;
     margin-left: 200px;
     height: 350px;
     width: 100px;
     position: absolute;
}

/*------------------------*/
/*----- image -------*/
/*------------------------*/
#image {
     margin-top: 80px;
     margin-left: 300px;
     background: #fff url(../images/image_bg.gif) no-repeat;
     height: 100px;
     width: 100px;
     position: absolute;
}

/*------------------------*/
/*----- horiz_stripe -------*/
/*------------------------*/
#horiz_stripe {
     margin-top: 120px;
     margin-left: 400px;
     background: #fff url(../images/horiz_stripe_bg.gif) no-repeat;
     height: 60px;
     width: 440px;
     position: absolute;
}

/*------------------------*/
/*----- content ----------*/
/*------------------------*/
#content {
        margin-top: 180px;
        margin-left: 300px;
        background: #b0e0e6;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 20px;
        width: 460px;
        position: absolute;
}

p.intro {
       text-align: center;
}

td.text {
     font-family: Lucida Sans, Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
     font-size: 12px;
}

a.content {
     font-family: Lucida Sans, Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
     font-size: 12px;
     font-variant: small-caps;
     color: black;
}

a.content:hover {
     font-family: Lucida Sans, Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
     font-size: 12px;
     font-variant: small-caps;
     color: #528b8b;
}