body.bg {
	background-color: #000066;
	padding: 0;
	margin-left: auto;
}
div.wrapper{
	width:1120px;
	margin-right: auto;
	margin-left:  auto;
}
div.bgtop {
	background-image: url(images/Background/background_top.jpg);
	width:1120px;
	height: 32px;
}
div.bgbot {
	background-image: url(images/Background/background_bottom.jpg);
	width:1120px;
	height: 32px;
	clear: both;
}
div.page {
	background-image: url(images/Background/background_body.jpg);
	width:1120px;
	float: left;
}
div.menubar {
	width: 120px;
	float: left;
	padding-right: 30px;
	padding-left:  10px;
	padding-top:   20px;
}
div.menu {
	width: 120px;
	float: left;
	padding-right: 30px;
	padding-left:  10px;
	top:120px;
}
div.w3c {
    width: 120px;
	padding-left: 10px;
	padding-top: 20px;
	float: left;
}
div.logo {
    width: 120px;
	padding-left: 10px;
	float: left;
}
ul#nav{
	list-style-type:none;
	padding:0;
	margin:0
}
div.textframe {
	font-family: Helvetica, sans-serif;
	float: left;
	width: 910px;
	padding: 20px;
}
a:link{
	color: #000066;
}
#nav a {
	display: block;
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	text-align: left;
	text-indent: 5pt;
	color: #ffffff;
}
#nav a:link {
	text-decoration:none;
	color:#FFFFFF;
}
#nav a:hover {
	/** background-image: url(images/menuknop2.gif); */
	color:#FFFFFF;
}
#nav a:active {
	color:#FFFFFF;
}
#nav a:visited {
	color:#FFFFFF;
}
p, h2, h3, td, th, li, pre, i{
	color: #000066;
	font-family: Helvetica, sans-serif;
	text-align:justify;
}
h2 {font-size: 24px;
}
h3 {font-size: 18px;
}
p, td, th{font-size: 16px;
}
th {text-align:left;
}
.floatleft{float:left;
}
.floatright{float:right;
}

/* Style the image used to trigger the Modal */
#myImg {
    /** border-radius: 5px; */
    cursor: zoom-in;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7; cursor: zoom-in}

/* The Modal (background) */
.modal {
    display: none;      /* The element is completely removed */
    position: fixed;    /* The element is positioned relative to the browser window */
    z-index: 1;         /* The z-index property specifies the stack order of an element. */
    padding-top: 100px; /* The padding-top property sets the top padding (space) of an element. */
    left: 0;            /* The left property affects the horizontal position of a positioned element. */
    top: 0;             /* The top property affects the vertical position of a positioned element. */
    width: 100%;        /* Full width */
    height: 100%;       /* Full height */
    overflow: auto;     /* Enable scroll if needed */
    background-color: rgb(#000066);    /* Fallback color */
    background-color: rgba(#000066.9); /* Black with opacity (alpha value) */
}

/* Modal Content (Image) */
#modal_header_image {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 800px;
  	border: 5px solid #000066;
    border-radius: 10px;
}

#modal_header {
    margin: auto; /* The margin property sets the margins for an element */
    width: 100%;
    max-width: 800px;
    color: #FFFFFF;
    background-color: #000066;
    padding: 5px 0 0 0;
    height: 30px;
}

#modal_header_left {
    margin: auto;
    display: block;
    text-align: left;
    padding: 5px 0 0 10px;
    max-width: 735px;
    font-weight: bold;
    float: left;
}

#modal_header_right {
    margin: auto;
    display: block;
    width: 25px;
    padding: 5px 0 0 0;
    text-align: center;
    font-weight: bold;
    float: right;
    cursor: pointer;
    transition: 0.3s;
}

.modal_image {
    margin: auto;
    display: block; /* Displays an element as a block element (like <p>). It starts on a new line, and takes up the whole width */
    width: 100%;
    max-width: 800px;
  	background-image: url(images/Background/background_body.jpg);
}

#modal_footer {
    margin: auto; /* The margin property sets the margins for an element */
    display: block;
    width: 100%;
    max-width: 810px;
    height: 150px;
    background-color: transparent;
}

/* Add Animation - Zoom in the Modal */
.modal {
    animation-name: zoom;
    animation-duration: 0s;
}

@keyframes zoom {
    from {transform:scale(0)}   /* The transform property applies a 2D or 3D transformation to an element. */
    to {transform:scale(1)}
}