@import url(rst.css);

/* ================ */
/* = Basic styles = */
/* ================ */

a { color:#00a368; text-decoration:none; }
a:hover { color:#00a368; text-decoration:none; }

img { border:1; black}

a img { border:1; }

h1 { font-size:1.4em; font-weight:bold; margin:0.8em 0; letter-spacing:0.10em; }
h2 { font-size:1.4em; font-weight:bold; margin:0.6em 0; }
h3 { font-size:1.3em; font-weight:bold; margin:0.7em 0; }
h4 { font-size:1.1em; margin:0.8em 0 0; font-weight:bold; color:#00a468;}
/*h5 { font-size:1.1em; font-weight:bold; margin:0.5em 0 0.3em; }
h6 { font-size:1em; font-weight:bold; margin:0.7em 0 0.1em 0; }
*/

h1,h3,h5 { color:#000000; }

p { margin:0.2em 0 0.9em; line-height:1.4em; }


strong { font-weight:bold; }
em { color:#9e9afb; }

ul { list-style-type:disc; }
ol { list-style-type:decimal; }
ul, ol { margin-left:2em; }


/* ========== */
/* = Layout = */
/* ========== */



body {
    text-align:center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background:#e7e9e5;
    color:#000;
    font-size:12px;
}

#frame { width:750px; margin:0 auto; text-align:left;  margin-top:0px; }
#header { position:relative; height:220px; border:1px solid #000; border-bottom:none; }
#header #logo {
    position:absolute;
    left:42px; top:42px;
    background:url(../images/logo.gif) no-repeat;
    overflow:hidden;
    
    height:100px; width:230px;
}

#header #logo a { text-indent:-2000px; display:block;}

#bb { background:#e7e9e5 url(../images/top.jpg) no-repeat; height:220px; position:relative; }
#bb h1 { position:absolute; top:180px; margin:0; padding:0; }

/*#header #bb { bottom:0; }*/
#header #bb { top:0px; }

#nav { position:absolute; bottom:+15.5em; overflow:hidden; text-align:right; height:2em; }
#nav ul { list-style-type: none; }
#nav li { list-style-type: none; display:inline; margin-left:10px; }
#nav a { color:#fff; text-decoration:underline; }
#nav a:hover { color:#000; text-decoration:none; }


#wrapper { background-color:#fff; overflow:hidden; border:1px solid #000; }
#content { background-color:#fff; padding:48px 20px 30px 46px; /*margin-left:16px; overflow:hidden;*/ }

#footer { font-size:0.9em; height:50px; color:#000; margin-top:0.5em; }
#footer .credits { float:right; }

#nav a, #sidebar a, #footer a { text-decoration:none; }
#nav .selected, #sidebar .selected { color:#000; }
#nav .selected a, #sidebar .selected a { color:#000; }
#nav .selected a:link, #sidebar .selected a:link { cursor:text; }
#nav .selected a:hover, #sidebar .selected a:hover { cursor:text; }

#subnav h3 { font-size:1.0em; color:#fff; font-weight:bold; margin:1.3em 0 0.1em; }
#subnav ul { margin:0; list-style:none; }

/* ============ */
/* = Homepage = */
/* ============ */

.hp #bx { border:1px solid #9d9d9d; margin-top:105px; }
.hp #header { border:none; }
.hp #header #logo { left:60px; top:40px; background:url(../images/hp_logo.gif) no-repeat; height:27px; width:279px; }
.hp #bb { background: #000 url(../images/hp_bg.jpg) no-repeat; height:276px; position:relative; }
.hp #bb h1 { top:100px; }
.hp #nav { overflow:hidden; text-align:right; position:static; margin-top:5px; }
.hp #nav ul { list-style-type: none;  }
.hp #nav li { list-style-type: none; display:inline; margin-left:10px; }

.hp #header, .hp #nav { height:100px; }

#nav, #header #bb h1, .hp #lang, .hp #bb h1 { right:20px; }
#content, .hp #nav, #footer { padding-right:20px; }
/* ========= */
/* = Varie = */
/* ========= */
.photo_side { float:right; margin-left:15px; }

.team_desc { overflow:hidden; margin:2em 0 1em;}
.team_desc img { float:right; }