/* ---------------------- reset ------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */


/* ---------------------- body -------------------------*/
body {
	background: #243a58 url('../images/bg.gif') repeat-x; 
	text-align: center;
	font-family: Calibri, Verdana;
	font-size:  15px;
}
#logo a { text-decoration: none; }
a {
	color: #243a58;
}
a:active {
	color: #0066cb;
}
/* ---------------------- menu -------------------------*/
#menu {
	background: url('../images/menu.gif') no-repeat; 
	height: 53px;
	width: 723px;
	margin: 0 auto;
	padding-top: 15px;
}
#menu a { 
	text-decoration: none; 
}
#menu ul { 
	display: inline; 
	margin: 10px;
}
#menu ul li { 
	display:  inline;
	margin: 10px;
}
#menu ul li img{ 
	margin-right: 5px;
}
#menu .active a {
	font-weight: 900;
 	color: #0066cb;
}
/* --------------------- footer ------------------------*/
#footer {
	background: url('../images/footer.gif') no-repeat; 
	height: 31px;
	width: 723px;
	margin: 0 auto;
	padding-top: 5px;
}
#footer a { 
	text-decoration: none; 
}

.foot_lang {
	margin: 0 25px;
	padding: 0;
	height: 20px;
	display: inline;
}
.foot_lang img{
	vertical-align: middle;	
	margin-right: 5px;
}

/* ---------------------- content ----------------------*/
#content_bg {
	background: url('../images/content.gif') no-repeat; 
	height: 525px;
	width: 723px;
	margin: 0 auto;
	margin-bottom: 15px;
	text-align:  left;
}


.start {
    background: url('../images/startbg.jpg') no-repeat;
    background-position:center; 
}

#content {
	padding: 5px 20px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 673px;
	height: 505px;
}
#content p {
	margin: 7px;
}

#content h1 {
	font-size: 22px;
	margin-top: 7px;
	margin-bottom: 3px;
}
#content div {

}
#content #archive{
	text-decoration: none;
	text-align: right;
}
#content #welcome{
	margin-top: 15px;
	margin-bottom: 25px;
}
.textpage div{
	width: 672px;
}
#content .year {
	/*background-color: #0066cb;*/
	background:url('../images/bar.jpg') no-repeat #d9e4ef;
	color: white;
	height: 18px;
	padding-left: 5px;
}
#content .exhibition p {
	margin: 2px 5px 3px 5px;
}
#biohead {
	margin-bottom: 3px;
}
#biohead img {
	float: right;
	height:  125px;
}
#biohead h1 {
	margin-top: 101px;
	float: left;
}
#content .bioyear {
	background:url('../images/bar.jpg') no-repeat #d9e4ef;
	color: white;
	height: 18px;
	padding-left: 5px;
}
#content .biodate p {
	margin: 2px 5px 3px 5px;
}

#content #mapBE, #content #mapBE div, #content #mapFR, #content #mapFR div {
	width: auto;
}

.personal {
color:#0066CB;
font-weight:900;
}
/* ----------------------- start -----------------------*/
#content #index_lang {
	margin-top: 140px;
        margin-left: 100px;
}
#content .index_lang {
	width: 150px;
	margin: auto;
	padding: 0;
	height: 50px;
}
#content .index_lang img{
	vertical-align: middle;	
}
#content .index_lang a {
	text-decoration: none; 
}