/* global re-initialization */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0 auto;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:'';}
abbr, acronym{border:0;}
/*************************************************************************************************/
/* basic configuration of this site */
body{background-color:#333;font-size:70%;line-height:160%;}
body, input, select, textarea, table{color:#336699;font-family:Arial, verdana, sans-serif;text-align:left;}
table{font-size:100%;}
a{color:#0000ff;}
a img{border:none;}
.alternate{display:none;}
.spacer{clear:both;font-size:1px;height:0;line-height:1px;}
/*************************************************************************************************/
/* page structure */
#container {
 background-color:#fff;
 width:968px;
}
#topnavi {
 background:transparent url(../images/shadow.png) repeat-x 0 100%;
 margin-bottom:-2px;
 padding-bottom:2px;
 position:relative;
 z-index:50;
}
#topnavi h1 {
 background-color:#000;
 font-size:250%;
 line-height:100%;
 padding:0.5em 20px;
}
#topnavi h1 a {
 color:#fff;
 text-decoration:none;
}
#topnavi h1 a:hover {
 text-decoration:underline;
}
#topnavi #metanavi {
 background-color:#000;
 color:#aaa;
 padding:0 0 1em 20px;
}
#topnavi #metanavi a {
 color:#963;
}
#topnavi #metanavi .alternate {
 display:inline;
 font-style:italic;
}
#menu {
 background:#fff url(../images/menu-background.png) repeat-x 0 100%;
 border-top:#ddd solid 1px;
 float:left;
 margin-bottom:1em;
 margin-top:0.7em;
 padding-bottom:27px;
 width:184px;
}
#menu a {
 background:#ddd url(../images/menu-item-background.png) no-repeat 100% 50%;
 color:#336699;
 display:block;
 font-size:130%;
 margin-top:1px;
 padding:4px 18px 4px 15px;
 text-align:right;
 text-decoration:none;
}
#menu li.selected a, #menu a:hover {
 background-color:#9bbcde;
 background-image:url(../images/menu-item-background-selected.png);
 color:#fff;
}
#menu li.selected ul {
 margin:0.3em 0 0.5em 0;
}
#menu li.selected li a {
 background-color:transparent;
 background-image:none;
 color:#336699;
 font-size:100%;
 line-height:100%;
 margin-right:5px;
 padding:2px 20px 2px 15px;
}
#menu li.selected li a:hover {
 background-color:transparent;
 background-image:none;
 color:#e9a600;
}
#menu li.selected li.selected a, #menu li.selected li.selected a:hover {
 background-image:url(../images/menu-item-bullet-selected.png);
 color:#e9a600;
 font-weight:bold;
}
#content { 
 background-color:#fff;
 border-left:#ddd solid 1px;
 float:left;
 padding:0 13px 1em 13px;
 position:relative;
 width:757px;
 z-index:30;
}
#content div.column {
 float:left;
 padding:0 13px;
}
#content div.left {
 padding-left:0;
}
#content div.right {
 padding-right:0;
}
#content div.on {
 background-color:#6699cc; 
 color:#fff;
}
/* two columns */
.two-columns {
 background:#fff url(../images/dotted.png) repeat-y 498px 0;
}
.two-columns div.left {
 width:473px;
}
.two-columns div.right {
 width:258px;
}
/* three columns */
.three-columns {
 background:#fff url(../images/three-columns-background.png) repeat-y 100% 0;
}
.three-columns div.left {
 width:264px;
}
.three-columns div.middle {
 width:180px;
}
.three-columns div.right {
 width:260px;
}
#footer {
 background:#f2f2f2 url(../images/white-square.png) repeat-x 0 0;
 border-top:#e9a600 solid 1px;
 clear:both;
 color:#b3b3b3;
 font-style:italic;
 margin-top:2px;
 padding-right:7px;
 text-align:right;
}
/*************************************************************************************************/
/* this site's content styling */
#content h1 {
 color:#04406a;
 font-size:170%;
 font-weight:bold;
 margin:0.5em 0 0.5em 0;
}
#content h2 {
 color:#e9a600;
 font-size:150%;
 margin:0.2em 0 0.5em 0;
}
#content h3 {
 font-size:110%;
 font-weight:bold;
 margin:0.2em 0 0.5em 0;
}
#content div.on h1, #content div.on h2, #content div.on h3 {
 color:#fff;
}
#content p {
 margin:1em 0;
}
#content em, #content i {
 color:#b3b3b3;
 font-style:italic;
}
#content strong, #content b {
 font-weight:bold;
}
#content img {
 border:#dddddd solid 1px;
 padding:2px;
}
#content img.left {
 float:left;
 margin-right:10px;
}
#content img.right {
 float:right;
 margin-left:10px;
}
#content a.external {
 background:transparent url(../images/external-link.png) no-repeat 100% 0.3em;
 padding-right:12px;
}
#content .on a.external {
 background-image:url(../images/external-link-on.png);
}
#content a.read-more {
 background:transparent url(../images/read-more-bullet.png) no-repeat 0 50%;
 color:#336699;
 font-weight:bold;
 padding-left:10px;
 position:relative;
 text-decoration:none;
}
#content a.read-more:hover {
 text-decoration:underline;
}
#content ul li {
 background:transparent url(../images/list-bullet.png) no-repeat 0 0.5em; 
 line-height:130%;
 margin-bottom:0.5em;
 padding-left:10px;
}
/*************************************************************************************************/
/* special pages */
/* sitemap */
.sitemap #content a {
 color:#336699;
 text-decoration:none;
}
.sitemap #content a:hover {
 text-decoration:underline;
}
/* contact */
.contact #content form {
 background-color:#f2f2f2;
 border:#ddd solid 1px;
}
.contact #content ul {
 border:1px solid #fff;
 padding:13px 100px 13px 13px;
}
.contact #content ul li {
 background-image:none;
 clear:both;
}
.contact #content label {
 display:block;
 float:left;
 font-weight:bold;
 margin-bottom:1em;
 margin-right:10px;
 text-align:right;
 width:200px;
}
.contact #content input.text, .contact #content select, .contact #content textarea {
 border:#9bbcde solid 1px;
 color:#000;
 display:block;
 float:left;
 width:150px;
}
.contact #content textarea {
 height:50px;
 width:417px;
}
.contact #content .mandatory {
 color:#e9a600;
 padding-left:5px;
}
.contact #content .infos {
 padding-left:220px; 
}
.contact #content li.formbutton {
 padding-left:200px;
 text-align:right;
}
.contact #content input.formbutton {
 background:transparent url(../buttons/formbutton-background.png) no-repeat 50% 0; 
 border:0;
 font-size:100%;
 height:20px;
 text-align:center;
 width:66px;
}
.contact #content .formErrors {
 padding:13px 13px 13px 236px;
}
.contact #content .formErrors strong, .contact #content .formlabelerror {
 color:#f30;
}
/* agenda */
.agenda #content {
 background:#fff url(../images/dotted.png) repeat-y 283px 0;
 padding-left:0;
 width:770px;
}
.agenda #content div.left {
 padding:0;
 width:284px;
}
.agenda #content div.right {
 width:473px;
}
.agenda #content div.left ul {
/*  margin-top:1em; */
}
.agenda #content div.left ul li {
 background-image:none;
 border-top:#ddd solid 1px;
 clear:both;
 margin-bottom:0;
 padding:0.5em 13px;
}
.agenda #content div.left ul li.odd {
 background-color:#dadfe3;
}
.agenda #content div.left ul li.even {
 background-color:#ebf0f5;
}
.agenda #content div.left ul li.selected {
 background-color:#fff;
 border-left:#f5f5f5 13px solid;
 padding-left:7px;
}
.agenda #content div.left h2 a {
 color:#336699;
}
.agenda #content div.left .selected h2, .agenda #content div.left .selected i, .agenda #content div.left .selected em {
 font-weight:bold;
}
.agenda #content div.left i, .agenda #content div.left em {
 color:#333;
 font-size:110%;
}