/* Mantra zingen (c) 2008 Boy Kollee, Weert | www.sitevanboy.nl */

body {
margin:0;
padding:0;
background-color: #fff;
}
#wrapper {
width:775px;
margin: 0 auto;
padding:0;
background-color:#F4FFE4;
border:1px solid #999;
}
#header {
background-color:#d5edb3;
height:100px;
background:url(../images/header.png) top left no-repeat;
}
#header h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
text-align:right;
letter-spacing:.4em;
padding: 35px 20px 0 0;
}
#content {
background-color:#f4ffe4;
width:584px;
padding:30px 40px 20px 150px;
}
#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu ul li{
position: relative;
display: inline;
float: left;
}
#menu ul li a{
display: block;
height:23px;
padding: 5px 19px;
border: 1px solid #666;
border-left-width: 0;
text-decoration: none;
background: url(../images/indentbg.png) center center repeat-x;
color: #993300; 
font: normal 13px Verdana;
}
#menu ul li a:hover{
background: url(../images/indentbg2.png) center center repeat-x;
font-weight: normal;
}
#klok {
position:absolute;
left:38px;
top:206px;
width:121px;
height:99px;
z-index:1;
}
#home #nav-home a,
#mantra #nav-mantra a,
#taize #nav-taize a,
#kapel #nav-kapel a,
#gedicht #nav-gedicht a,
#info #nav-info a, 
#link #nav-link a, 
#wie #nav-wie a {
font-weight: bold;
font-size:14px;
}

/* Holly Hack for IE \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

h1, h2, h3, h4, h5, h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
p, ul, li {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content h1 {
font-size: 22px;
border-bottom: 1px dotted #660033;
color: #993300;
letter-spacing:0.2em;
text-align: left;
margin: 8px 2px 14px 2px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
#content h2 {
font-size: 15px;
color: #006633;
text-align: left;
line-height:1.5em;
margin: 14px 2px 30px 0;
font-style: italic;
}
#content h3 {
font-size: 14px;
color: #000099;
text-align: left;
font-style: oblique;
font-variant: normal;
font-weight: bold;
margin: 20px 2px 0 0;
}
#content h4 {
color: #003399;
text-align: center;
border-top:1px dashed #66CC00;
border-bottom:1px dashed #66CC00;
font-style:italic;
font-variant: normal;
font-weight: normal;
font-size:14px;
line-height:130%;
padding: 30px 50px 30px 50px;
}
#content h5 {
font-size: 14px;
color: #cc3300;
text-align: left;
margin: 10px 2px 8px 0;
font-style: oblique;
}
#content h6 {
font-size: 10px;
color: #003366;
text-align: left;
padding: 0;
margin:0;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
#content p {
font-size:12px;
line-height:1.6em;
font-weight:normal;
}
#content ul li {
font-size:12px;
list-style-type:circle;
line-height:1.6em;
font-weight:normal;
width:40em;
}
#content p img {
text-align:right;
}
#footer a:hover {
color: #000;
text-decoration: none;
border-bottom: 1px solid #000;
}
#content a:hover {
color: #000;
text-decoration: none;
border-bottom: 1px solid #000;
}
#content .harten{
margin-left:-152px;
}
#content .tabel p {
line-height:1em;
padding:3px 0 0 0;
margin:0;
}
#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#5c743d;
color:#fff;
height:20px;
text-align:center;
font-size:12px;
}
#footer a{
color:#FFFFFF;
}
.aanhef, h6 {
width:250px;
padding:10px 50px 0 100px;
}



