@charset "UTF-8";
	
#nav{
position:relative;
background-color:#000;
margin:0;
padding:0;
color:#988F76;
font-size:1.4em;
line-height:2em;
text-align:center;

}
#nav ul{
display:block;
}
#nav ul li{
list-style:none;
display:inline;
margin:0 2em;
}
#nav li a,#nav li a:visited{
text-decoration:none;
color:#988F76;
}
#nav li a:hover,#nav li a:focus{
color:#fff;
text-decoration:underline;
}
#omslag3{
height:auto;
width:1000px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
background-image:url(pix/header11a.jpg);
background-repeat:no-repeat;
border-left:1px solid #594917;
border-right:1px solid #594917;
margin:1em auto; /* the auto margins (in conjunction with a width) center the page */
padding:0;
text-align:left; /* this overrides the text-align: center on the body element. */
z-index:2;
}
#groot{
width:100%;
background-color:transparent;
float:left;
margin-top:180px;
}
#groot p{
margin:0.4em 0;
}

#foot{
clear:both;
width:100%;
background-color:#000;
margin:1em 0;
text-align:center;
font-size:65%;
font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#foot p{
width:60%;
margin:0 auto;
padding:1em 0;
color:#B6AFA9; /* titanium  */
}


#cd{
background-image:url(pix/noot_bckgrnd.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:transparent;
height:100%;
}
.big{
font-size:120%;
}


/*  het formulier  */

form{
text-align:left;
line-height:2em;
padding:2em;
/* background-color:#E5E5E5; grey 90 */
}
form h2{
color:#594917;  /* gold */
margin-bottom:0.4em;
}
input{
background-color:#D5E1EC;
font-family:Monaco,"Courier New", "Bitstream Vera Sans Mono", Courier, monospace;
color:#006;
}
pre{
line-height:1em;
font:110% "Helvetica Neue","Bitstream Vera Sans",Arial,sans-serif;
font-weight:400;
padding-left:1em;
}



		/* te gebruiken in een omspannende div */
.container{
width:98%;
margin:0;
padding:0;
}
.colorbox{
background-color:#EBEBEB;  /* gray92  */
padding-bottom:1em;
text-align:center;
margin-bottom:1em;
}
.colorbox p{
text-align:justify;
padding:0.8em;
}
.colorbox h1,.colorbox h2,.colorbox h3{
background-color:#8B7D6B;  /* taupe */
color:#EBEBEB;  /* gray92  */
padding:0.5em;
text-align:center;
}





/*  FOTO EN MEDIA */

#mediabox{
clear:both;
width:60%;
margin:0 auto;
z-index:1;
display:block;
overflow:hidden;
background-color:transparant;
vertical-align:middle;
padding:2%;
font-size:100%;
}
#mediabox p{
color:#988F76;  /*   */
line-height:1.5em;
text-align:left;
width:60%;
margin:0 auto;
}
#music{
width:60%;
text-align:center;
margin:1em auto;
padding:1em 0;
background-color:transparent;
}
.foto{
text-align:center;
border:#fff 5px groove;
}
