/* FMF Template stylesheet
 * Bart Roossien (aero@fmf.nl)
 * Maarten Inklaar (meertn@fmf.nl)
 */
* {
 margin: 0;
 padding: 0;
}
html {
height: 101%;
}
body {
background-color: #FFFFFF;
color: #000;
font: 0.8em/1.5 "Trebuchet MS", helvetica, sans-serif;
margin: 1em;
}
#all {
    /**/
        margin: auto;
	  width: 65em;
    /*/
    margin:1em 4em;
    width: auto;
    /**/
}
#header {
width: 100%;
background: #3044b5 no-repeat top right;
border-left: 0px solid #3044b5;
border-right: 0px solid #3044b5;
}
#header div {
height: 66px;
background: no-repeat top right;
} 
#menu_holder {
width: 100%;
margin: 0.1em 0 0.1em 0;
border: 1px solid #3044b5;
background-color: #639cce;
height: 1.5em;
}
#nav, #nav ul, #nav ul{
margin: 0;
list-style: none;
z-index: 5;
color: #fff;
}
#nav a {
display: block;
padding: 0 1em 0 1em;
color: #fff;
text-decoration: none;
}
#nav li {
float: left;
margin: 0;
padding: 0;
border-right: 1px solid #fff;
}
#nav li ul {
position: absolute;
left: -999em;
background-color: #639cce;
}
#nav li li {
clear: both;
width: 11em;
border: none;
padding: 0;
}
#nav li li a{
padding: 0.4em 1em 0.4em 1em;
}
#nav li:hover ul, #nav li ul:hover, #nav li.over ul {
left: auto;
}
#nav li:hover,  #nav li.over, #nav li li.over {
background-color: #5d8aca;
}
#body {
width: 100%;
border: 1px solid #3044b5;
background-color: #ecf1f5;
}
#submenu {
position: relative;
margin: 0.5em 1% 1em 1%;
width: 13.1em;
width:20%;
float: left;
background-color: #d1d9df;
top: 0.4em;
left: 0.4em;
clear:both;
}
#submenu1  {
background-color: #d6def7;
border: 1px solid #5d8aca;
position: relative;
top: -0.4em;
left: -0.4em;
}
#submenu ul {
margin: 0.5em 0.7em 0 1em;
list-style: none;
}
#submenu li {
list-style-image: none; /* IE bug */
margin: 1em 0 0 0;
font-weight: bold;
color: #0044b5;
}
#submenu li ul {
margin: 0 0 0 0.7em;
}
#submenu li li {
list-style-image: none; /* IE bug */
list-style: none;
margin: 0;
}
#submenu a {
color: #3044b5;
text-decoration: none;
font-weight: normal;
}
#submenu a:hover {
text-decoration: underline;
}
#content {
float: left;
position: relative;
width:75%;
margin: 0.5em 0 0 1%;
}
#footer {
background-color: #d1d9df;
position: relative;
top: 0.4em;
left: 0.4em;
margin: 1em 1% 1em 1%;
width:97%;
clear: both;
}
#footer>div {
background-color: #fff;
border: 1px solid #5d8aca;
padding: 0.7em 0 0.7em 1%;
position: relative;
width:98%!important;
width:97%
top: -0.4em;
left: -0.4em;
}
#footerhulp{
float:left;
position:relative;
width:100%;
}
#batman{
float:left;
position:relative;
width:100%;
}
#footer img {
float: left;
position:relative;
margin: 0 2em 0.1em 2em;
}
#footer .footclear{
height: 0;
font-size: 1pt;
border: 0;
padding: 0;
margin: 0;
clear: both;
}
#content h1 {
font-size: 25px;
color: #3044b5;
}
#content h2 {
font-size: 22px;
margin: 1em 0 0 0;
color: #c00;
}
#content h3 {
margin:  1em 0 0.1em 0em;
font-size: 12pt;
color: #c00;
}
#column_holder {
width: 100%;
}
#column_left {
width: 49% !important;
width: 48.5%;
position: relative;
float: left;
}
#column_right {
left: 2%;
width: 49% !important;
width: 48.5%;
float: left;
position: relative;
}
#all .sub {
background-color: #d1d9df;
position: relative;
top: 0.4em;
left: 0.4em;
}
#all .sub div {
background-color: #fff;
border: 1px solid #c00;
padding: 0.7em 1em 0.7em 1em;
position: relative;
top: -0.4em;
left: -0.4em;
}
#all .sub div p {
margin: 0.4em 0 0.4em 0;
text-align: justify;
}
#all .sub div img {
margin: 0.2em;
clear: none;
display: inline;
}
#all .sub div div {
background: none;
border: none;
padding: 0;
}
.error{
font-weight: bolder;
color : red;
}
.success{
font-size:smaller;
}
li.inactive{
display:none;
}
#special
{
font-size:12pt;
text-align:center;
}
#all #special div
{
border:1px solid #000;
}