/* CSS Document */

body {
font: normal 0.8em 'Verdana', sans-serif;
background: url(images/QueteletBG.jpg) no-repeat fixed center center;
}

#header {
position: absolute;
top: 25px;
left: 15px;
}

#headergfx {
position: absolute;
top: 5px;
left: 410px;
}

#header a img {
border: 0;
}


#subheader {
position: absolute;
top: 120px;
left: 20px;
}



#container {
padding: 100px 30px 10px 20px; /* POSITIONING LIKE THIS BECAUSE IE DOESNT FOLLOW W3C FOR NESTED DIV >> otherwise-> position: absolute ... */
}

/* menu */
#menu {
float: right;
width: 230px;
margin: 0;
padding: 0;
}

#menu ul { 
list-style: none;
padding: 0; 
margin: 0;
}

#menu li {
margin-bottom: 2px;
padding: 0;
}

#menu li a {
display: block;
width: 240px;
background-color: #8090cc;
text-decoration: none;
color: #ffffff;
padding: 2px 5px 2px 5px;
margin: 0;
}

#menu li a:hover {
background-color: #001648;
color: #ffffff;
}

#menu li.active {
background-color: #001648;
width: 240px;
color: #ffffff;
padding: 2px 5px 2px 5px;
}

#menuextra {
text-align: center;
border-top: 1px solid #336699;
border-bottom: 1px solid #336699;
padding: 10px 0px 10px 0px;
margin-top: 30px;
background-color: #eeeeee;
color: #336699;
width: 240px;
}

#menuextra a img{
border: 1px solid #8090cc;
}

.tiny{
text-align: right;
font: normal 0.8em 'Verdana', sans-serif;
color: #336699;
}


/* content */
#content {
/*background: #eeeeee url(images/QueteletBG.jpg) no-repeat fixed center center;  !! CENTERS ON SCREEN IN IE !! */ 
padding: 0px 260px 0px 0px; /* POSITIONING LIKE THIS BECAUSE IE DOESNT FOLLOW W3C FOR NESTED DIV */ 
margin: 0;
}

#block {
padding: 10px 20px 10px 20px;
margin: 0;
border-top: 1px solid #336699;
border-bottom: 1px solid #336699;
}

/* people */
#photo {
padding-left: 30px;
}

#photo img {
margin-top: 5px;
border: 2px solid #8090cc;
}

/* opmaak algemeen */


.center {
text-align: center;
}

.center img {
margin-top: 30px;
}

h1 {
padding: 3px;
font: bold 1.2em Arial, sans-serif;
color: #000066;
background-color: #dddddd;
}

h2 {
font: bold 1.5em Arial, sans-serif;
color: #8090cc;
margin-top: 5px;
}

h3 {
font: normal 1em Verdana, sans-serif;
text-decoration: underline;
}

.topic {
clear: left;
float: left;
width: 100%;
margin-bottom: 20px;
line-height: 1.5em;
text-align: justify;
}

.topic img {
border: 1px solid #8090cc;
}

.floatL {
float: left;
margin-right: 20px;
}

.floatR {
float: right;
}


.footer {
clear: both;
}