#page-wrap {
     width: 1400px;
     margin: 0 auto;
}

/* Column styling/layout */
#container3 {
    float:left;
    width:100%;
    background:green;
    overflow:hidden;
    position:relative;
	background:rgb(132, 0, 0); background-image:url(Border_right_small.PNG); background-position: left; background-repeat:repeat-y;
}
#container2 {
    float:left;
    width:100%;
    background:rgb(132, 0, 0);
	background-image: url(13.jpg);
    position:relative;
    right:8%;
}
#container1 {
    float:left;
    width:100%;
    background:red;
    position:relative;
    right:77%;
	background:rgb(132, 0, 0); background-image:url(Border_left_small.PNG); background-position: right; background-repeat:repeat-y;
}
/* top kolommen */
#container6 {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
}
#container5 {
    float:left;
    width:100%;
    position:relative;
    right:8%;
}
#container4 {
    float:left;
    width:100%;
    position:relative;
    right:77%;
}
#col1, #col-a {
    float:left;
    width:13%;
    position:relative;
    left:86%;
    overflow:hidden;
}
#col2, #col-b {
    float:left;
    width:75%;
    position:relative;
    left:88%;
    overflow:hidden;
}
#col3, #col-c {
    float:left;
    width:7%;
    position:relative;
    left:89%;
    overflow:hidden;
}

body {
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
	text-align: center;		
}

li {
	font-size: medium;
}

p {
	font-size: larger;
}

.top {
	font-size: medium;
}
body p:first-of-type:first-letter { 
	font-size: 300%;
	color: rgb(132, 0, 0);
	float: left;
}
 
p:first-letter {
	font-size: 150%;

text-shadow: rgba(0, 0, 0, 0.35) 2px 2px 1px,
	rgba(0, 0, 30, 0.08) 0px 2px 2px,
	rgba(0, 0, 30, 0.20) 0px 2px 1px,
	rgba(0, 0, 30, 0.40) 0px 2px 1px,
	rgba(0, 0, 0, 0.08) -5px 5px 2px; 
}

.koptekst {
	color:#FFFFFF;
	font-size: xx-large; 
	margin-top: 3em;
	text-align: center;
}
.logo {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.1em;
	
}

.caption {
/* border: 1px solid #66aadd; */
/*  border-top: 4px solid #aef;
  border-right: 4px solid #6ad;
  border-bottom: 4px solid #6ad;
  border-left: 4px solid #aef; */
background-color: rgb(132, 0, 0);
color: white;
/*margin: 0.4em;*/
padding: 1em;
text-align: center;
font-weight: bold;
font-size: small;
border-radius: 10px;
}

div.caption span:first-of-type {
	font-size: larger;
}

div.caption img {
	border-radius: 10px;
	padding-bottom: 0.4em;
}

.subtitle {
color: white;
text-shadow: -1px -1px 0 #000,
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;
}

.facts {
border: 1px solid #66aadd;
background-color: #88ccff;
color:  black;
margin: 0.4em;
padding: 0.4em;
text-align: center;
font-weight: bold;
font-size: x-large;
border-radius: 10px;
}

.balloon {
  border-top: 6px solid rgb(251,228,164);
  border-right: 6px solid rgb(191,128,64);
  border-bottom: 6px solid rgb(191,128,64);
  border-left: 6px solid rgb(251,228,164);
  background-color: rgb(231,161,90);
  color:  black;
  margin: 0.4em;
  padding: 0.4em;
  text-align: center;
  border-radius: 10px;
}

.balloon-black {
  border-top: 6px solid lightgrey;
  border-right: 6px solid darkgrey;
  border-bottom: 6px solid darkgrey;
  border-left: 6px solid lightgrey;
  background-color: black;
  color:  white;
  margin: 0.4em;
  padding: 0.4em;
  text-align: center;
  border-radius: 10px;
}

.balloon a:link {
 color: hsl(0,75%,50%);
}
.balloon a:visited {
 color: hsl(0,38%,75%);
}


.float-right {
  float: right;
  margin-right: 0px;
}

.float-left {
  float: left;
  margin-left: 0px;
}

.float-center {
 margin-left: auto;
 margin-right: auto;
}

.left-aligned,
.left {
	text-align: left;	
}

.right {
	text-align: right;
}

.center {
	text-align: center;	
}


table {
  border: 10px solid rgb(132, 0, 0);
  background-color: #EBEBEB;
  border-radius: 10px;

}

td, th {
  border: 1px solid #bc7777;
  border-radius: 10px;
  padding-left: 0.5em;
}


sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

abbr {
cursor:help;
}

.letter-spacing {
	letter-spacing: 0.3em;
}

.all-caps {
	text-transform:uppercase;	
}

.small-caps { 
	font-variant: small-caps;
}

.halter {
  font-variant: small-caps;
  display: inline-block;
}

.naam {
	display: inline-block;
}	

/* Nieuw Menu */
#navigation {font-size: 1em; width: 20em;}
#navigation ul {margin:0px; padding:0px;position: fixed;}
#navigation li {list-style: none;} 

ul.top-level {background-color: #6699ff;background-image: url(13.jpg);}
ul.top-level li {
 border-bottom: #3366cc solid;
 border-top: #3366cc solid;
 border-width: 1px;
 	font-size: small;
}

#navigation a {
 color: #000;
 cursor: pointer;
 display:block;
 height:18px;
 line-height: 18px;
 text-indent: 5px;
 text-decoration:none;
 width: 14em;
}

#navigation a:hover{
 text-decoration:underline;
}

#navigation li:visited:hover {
 background-color: #9999ff;
 position: relative;
}

#navigation li:hover {
 background-color: #cde2ef;
 position: relative;
}

ul.sub-level {
    display: none;
}
li:hover .sub-level {
    background-color: #cc6666;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: relative;
    left: 45px;
/*    top: 5px; */
}
li:hover .sub-level a:hover {
	background-color: #ff9999; /* hover kleur van de sub-menu item */
 }

ul.sub-level li {
    border: none;
/*    float:left; */
    width: 14em;
	font-size: small;
}

#facemap {  
    position: absolute;  
    left: 0;
	    cursor: pointer;  
    height: 182px;  
    overflow: hidden; 
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
}

#facemap .top-caption {  
    height: 30px;  
    width: 200px;  
    display: block;  
    bottom: -30px;  
    line-height: 25pt;  
    text-align: center;  
}  

#facemap:hover .top-caption {  
    -moz-transform: translateY(-100%);  
    -o-transform: translateY(-100%);  
    -webkit-transform: translateY(-100%);  
    transform: translateY(-100%);  
}


.containerwrap {
	float:left;
	position:relative;
	left:50%;
}
.centerwrap {
	float:left;
	position:relative;
	left:-50%;
}
.outerwrap {
	position:relative;
	overflow:hidden;
}