body {
	margin: 4px 4px 0 7px;
	padding: 0;
	background: #ddc; /*#B22222; /* Maroon */
}

#level0 {
  background:#922233;  
/*  background:#91201c; */
} 

#level1 {
  margin-left:210px; /*173px; */
  margin-bottom:4px; 
  padding-left: 2px;
  background:#922233;  
/*  background:#91201c;  */
}

#main {
	background-image: url(./Img/frontpagina1.png); 
	background-repeat: repeat-y; /* no-repeat; */
 /*	background-attachment: fixed;  */
	margin-right: 14em;  
  border-right:1px solid #FC0;  
  border-left:1px solid #FC0;
  padding-right: 9px;
  padding-left: 6px;
}

#lftMenu {
/*  position:fixed; */
 	float: left; /* Deze setting zorgt ervoor dat tekst/image links gealinieerd is en text er rechts rond loopt */ 
  width:173px;
	top: 4px;
	left: 4px;
	height: 547px;
	padding-top: 100px; /* positionering vanaf top of the page */ 
/*  top:175px;
  left:9px; */
}

#lftMenu a { text-decoration:none ; }
#lftMenu a:hover  {
 text-decoration:underline; }

#rgtBar {
  position: absolute;  
/*  float: right; Is niet goed */
  width:143px;
	top:88px;
	right:0;
}

img.right { /* http://www.alexallied.com/tutorials/learn-how-to-apply-shadow-automatically-to-an-image-using-css */
float:right;
/*background: url(/Img/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */ */
}

img.left { /* http://www.alexallied.com/tutorials/learn-how-to-apply-shadow-automatically-to-an-image-using-css */
float:left;
width: 60%;
heigth: 60%;
/*background: url(/Img/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */ */
}

img.shadow { /* http://www.alexallied.com/tutorials/learn-how-to-apply-shadow-automatically-to-an-image-using-css */
float:right;
/*background: url(/Img/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */ */
}

.img-shadow img2 { /* was img */
float:right;
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

#rightText {
  float:right;
 /* position: relative; /* Make the shadow's position relative to its image */
  text-align: right;
  padding-right: 0.9 em;
}
/*By the way, this is a comment */ 

p { 
line-height: 1.5em; 
}

#main h1 { /* Hoofdtitel */ 
  color: #ffc; 
  background-color: #922233; /*#900;  */
  font-size: 2em;
  font-style: italic;
  font-weight: bold;  
 /* margin: 0; */ 
  margin-bottom: 0.5em; 
  padding: 0.25em; 
  text-align: center; 
  letter-spacing: 0.6em; 
 /* border-bottom: 1px solid #c00; /*0.5 em*/
} 

#main h2 { 
  color: #ffb; 
 /* background-color: #b90; */ 
  font-size: 1.5em; 
  font-style: bold;
	letter-spacing: 0.4em;
  margin: 0; 
  padding: 0.1em; 
  padding-left: 1em; 
} 


#main p {
  font-style: bold italic;
  font-size: 115%;
  text-align: left;
	color: #FF5A21;
} 

img { 
  border-style: none; /*dashed;  */
  border-width: 0; /*2px; */
  border-color: black; 
}

img.djembe {
  float : right;
  margin : 0  12px  6px  0 ;
}

a { 
  text-decoration: none; 
} 

strong { 
  font-style: italic; 
  text-transform: uppercase; 
} 

.myparagraph:first-letter{  /* Deze setting zorgt voor de grotere eerste letter van elke paragraaf */
  font-size:150%;
  font-style:italic;
	font-weight:bold;
	float:left;
/*  text-align: left;*/
	color: #FF9900; /*#c00; */
	margin-right:0.2em;
	margin-bottom:0.2em;	
}

* html p:first-letter
	{margin-left:-0.1em;}


td {
 padding = 0;
}

/* NOT USED Anymore */

#level2 {
  background:#922255;  
  position: relative;  
	width:inherit;
}
/*
#level3 {
	margin-right: 143px;
	padding-right: 9px;
	margin-bottom: 4px;
	/*background: grey ; /*#912211; */
} */

#topBar {
    background:#FC0;
}
#advBar {
    background:#FFF3AC;
}

li { 
  color: #900; 
  font-style: italic; 
} 

table { 
 border= none;
 /* background-color: #941A37; */
/* background-image: url(frontpagina1.jpg);  */
 background-repeat: repeat-x;
 background-position: 100% 100%;

} 

table.ritme {
	   background 	:#771617;
	   border		: solid silver  3px
	   color		:#fc6;
	   padding		: 13px
	   }

#main h3 { 
  color: #999; 
  font-size: 1.25em; 
} 
*/
#main h4 { 
  color: #999; 
  font-size: 2em; 
  text-align: left;
  
} 
*/