body{
text-align:center;
font-size:133%;
text-decoration:none;
background-image:url("http://t0.gstatic.com/images?q=tbn:ANd9GcQPAn2GqOMPCunUeLaJOC54ZJ7g8LHOY--OcM4A1qoR-gXq1nCO");
}
hr{
background-color:#0000CD;
}
.h1{
text-align:left;
font-size:150%;
text-align:left;
font-family:Broadway,serif;
text-shadow: 0.1em 0.1em 0.1em black, 0.2em 0.2em 0.2em black, 0.3em 0.3em 0.3em black, 0.4em 0.4em 0.4em black;
text-decoration:none;
color:teal;
clear:both;
display:block;
padding:1px,1px,1px,1px;
-moz-border-radius:15px;
border-radius:15px;
}
 
/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
	-moz-border-radius:15px;
border-radius:15px;
}
 
/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
    background-color:#7f95db;
    border-bottom:solid 1px white;
    width:200px;
    cursor:pointer;
}
 
/* We apply the background hover color when user hover the mouse over of the li component */
#menuwrapper ul li:hover{
    background-color:#6679e9;
    position:relative;
}
 
/* We apply the link style */
#menuwrapper ul li a{
    padding:5px 15px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}
 
/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
}
 
/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#menuwrapper ul li:hover ul{
    left:190px;
    top:0px;
    display:block;
}
 
/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
    background-color:#cae25a;
}
 
/* We change the background color for the level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{
    background-color:#b1b536;
}
 
/* We style the color of level 2 links */
#menuwrapper ul li ul li a{
    color:#454444;
    display:inline-block;
    width:190px;
	-moz-border-radius:15px;
border-radius:15px;
}
 
/**** THIRD LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
#menuwrapper ul li:hover ul li ul{
    position:absolute;
    display:none;
}
 
/* We show the third level menu only when they hover the second level menu parent */
#menuwrapper ul li:hover ul li:hover ul{
    display:block;
    left:190px;
    top:0;
}
 
/* We change the background color for the level 3 submenu*/
#menuwrapper ul li:hover ul li:hover ul li{
    background:#86d3fa;
}
 
/* We change the background color for the level 3 submenu when hovering the menu */
 
#menuwrapper ul li:hover ul li:hover ul li:hover{
    background:#358ebc;
}
 
/* We change the level 3 link color */
#menuwrapper ul li:hover ul li:hover ul li a{
    color:#ffffff;
}
 
/* Clear float */
.clear{
    clear:both;
}
.h2{
text-align:center;
font-size:120%;
text-align:center;
font-family:Broadway ,serif;
text-shadow: 0.1em 0.1em 0.1em #0066CC, 0.2em 0.2em 0.2em #003366, 0.3em 0.3em 0.3em #003399, 0.4em 0.4em 0.4em #003399;
text-decoration:none;
border:dotted teal;
padding:0px, 0px, 5px 5px 5px, 0px;
background-color:#4169E1;
clear:both;
display:block;
-moz-border-radius:15px;
border-radius:15px;
}
.h3{
text-align:center;
font-size:100%;
font-family:Flemish script ,sans serif;
text-shadow:0.1em 0.1em 0.1em #0066CC, 0.2em 0.2em 0.2em #003366, 0.3em 0.3em 0.3em #003399, 0.4em 0.4em 0.4em #003399;
text-decoration:none;
background-color:#4682B4;
-moz-border-radius:15px;
border-radius:15px;
clear:both;
}
p:first-line{
text-align:center;
font-size:120%;
border:solid black;
font-style:italic;
text-shadow:teal 0.1em 0.1em 0.2em;
}
p:first-letter{
text-align:center;
font-size:125%;
font-style:italic;
text-shadow:teal 0.1em 0.1em 0.2em;
}
h1:first-line{
font-size:90%;
font-weight:bold;
text-align:left;
text-shadow:;
padding:1px,1px,1px,1px;

}
.menuwrapper{
width:29%;
float:left;
font-size:103%;
color:#330033;
}
.subje{
padding:0.1em;
display:block;
margin:2px, 10% 1px 10%;
}
.index{
width:62%;
float:right;
font-weight:110%;
-moz-border-radius:15px;
border-radius:15px;
}
.voet{
width:1000px;
background-color:#0000CC;
float:clear;
clear:both;
margin:2px;
border:dashed#6A5ACD;
color:#00CED1;
-moz-border-radius:15px;
border-radius:15px;
}
p{
color:#003366;
background-color:#99FFFF;
border:solid teal;
-moz-box-shadow: 10px 10px 5px #CCCCCC;
-webkit-box-shadow: 10px 10px 5px #CCCCCC;
-box-shadow: 10px 10px 5px #CCCCCC;
text-align:center;
-moz-border-radius:15px;
border-radius:15px;
}
#subje a{
margin:2px, 10% 1px 10%;
border:0, 0, 0, 1px;
}
#subje a{
padding:2px, 10% 1px 10%;
border:0, 0, 0, 1px;
margin:2px, 10% 1px 10%;
color:red;
float:clear;
margin:4px;
}
#navigatie{
list-style:none;
}
#navigatie a{
text-decoration:none;
font-style:italic;
}
a:link{
color:#191970;
font-weight:bold;
font-weight:95%;
font-style:italic;
text-decoration:none;
}
ul{
font-family:georgia;
font-weight:105%;
color:#191970;
text-decoration:none;
}
p:hover{
}
img.shop{
float:left;
}