/*achtergrond van de website*/
#full-screen-background-image 
{
  z-index: -999;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  overflow:hidden;
}

/*Hoofdscherm*/
#container
{
margin:auto;
background-color:#8EACD4;
width:900px;
height:650px;
-webkit-box-shadow: 6px 9px 11px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 9px 11px 1px rgba(0,0,0,0.75);
box-shadow: 6px 9px 11px 1px rgba(0,0,0,0.75);
overflow:hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
}

/*Correctie van Hoofdscherm op mobiele apparaten (tablets & smartphones)*/
@media only screen and (max-height:586px)
{
  #container 
  {  
	top:94%;
  }
}

/*Grote van het logo aanpassen*/
#logo
{
width:auto;
}

/*Menubalk*/
#tab-bar
{
background-color:#ED2161;
}

/*Opties in de Menubalk*/
.tab
{
color:#000000;
text-decoration: none;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:6px;
}

/*Oplichten van de opties in de Menubalk*/
.tab:hover
{
background-color:#991541;
color:#FFFFFF;
-webkit-box-shadow: 6px 9px 11px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 9px 11px 1px rgba(0,0,0,0.75);
box-shadow: 6px 9px 11px 1px rgba(0,0,0,0.75);
}

/*Weergeven van de inhoud*/
#content
{
padding:10px;
background-color:#FFFFFF;
height:67%;
}

#titel
{
display:block;
font-size:xx-large;
font-weight:bolder;
}

#text
{
padding:10px;
}

/*bijschalen van content afbeeldingen*/
#image
{
background-color:#D2D2D2;
width:118px;
height:88.391px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 3px 3px 11px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 11px 1px rgba(0,0,0,0.75);
box-shadow: 3px 3px 11px 1px rgba(0,0,0,0.75);
transform: translate(0%, 50%);
padding:10px;
}

img
{
max-width: 100%;
max-height: 100%;
}

#showcaseimage
{
background-color:#8EACD4;
display:inline-block;
height: 217px;
width: 290px;
white-space: nowrap;
margin: 1em 0;	
padding:10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 6px 9px 11px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 9px 11px 1px rgba(0,0,0,0.75);
box-shadow: 6px 9px 11px 1px rgba(0,0,0,0.75);
}

.helper 
{
display: inline-block;
height: 100%;
vertical-align: middle;
}

#showcase
{
vertical-align: middle;
max-height: 217px;
max-width: 290px;
}

/*Tekst aan de onderkant van het Hoofdscherm*/
#footer
{
color:#0061A1;
/*padding:5px;*/
}