/* CSS Document */

/* Titelbalk */
body {
	padding: 0;
	margin: 8px 0 0 0;
}
#wrapper {
	width: 787px;
	background-color: #FFFFFF;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	padding: 0px;
}
#header {
	background-position: center;
	padding:0;
	margin:0;
	height:167px;
	background: url(images/Header.jpg);
}
#search {
	margin: 0px;
	padding:3px 0px 0px 0px;
	float:left;
	height:27px;
}
#search form {
	margin: 0px;
	padding: 0px;
	font-size:12px;
}
/* /////////////////////////////////// */

/* Menu items */	
#menu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	background: url(images/Menu-bg.jpg) top left repeat-y;
	width:783px;
	height:29px;
	float:left;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;*/
	list-style-type: none;
	text-align:left;
}
#menu ul li{
	float:left;
}

#menu ul li a, #menu ul li a:hover {
	/* padding, height, width instellen */ 
	text-decoration: none;
	float:left;
	padding: 5px 0px 5px 0px;
	height:19px;
	margin:0px;
}

#Home a{
	background: url(images/Home.jpg) no-repeat left top;
	width:58px;
}
#Home a:hover, #Home-active a{ 
	background: url(images/Home-roll.jpg) no-repeat left top;
	width:58px;
}
#Jubileum a{
	background: url(images/Jubileum.jpg) no-repeat left top;
	width:75px;
}
#Jubileum a:hover, #Jubileum-active a{ 
	background: url(images/Jubileum-roll.jpg) no-repeat left top;
	width:75px;
}
#Over a { 
	background: url(images/Over.jpg) no-repeat left top;
	width:80px;
}
#Over a:hover, #Over-active a{ 
	background: url(images/Over-roll.jpg) no-repeat left top;
	width:80px;
}
#Repertoire a {
	background: url(images/Repertoire.jpg) no-repeat left top;
	width:87px;
}
#Repertoire a:hover, #Repertoire-active a{
	background: url(images/Repertoire-roll.jpg) no-repeat left top;
	width:87px;
}
#Optredens a {
	background: url(images/Optredens.jpg) no-repeat left top;
	width:85px;
}
#Optredens a:hover, #Optredens-active a{
	background: url(images/Optredens-roll.jpg) no-repeat left top;
	width:85px;
}
#Foto a {
	background: url(images/Foto.jpg) no-repeat left top;
	width:57px;
}
#Foto a:hover, #Foto-active a{
	background: url(images/Foto-roll.jpg) no-repeat left top;
	width:57px;
}
#Links a {
	background: url(images/Links.jpg) no-repeat left top;
	width:52px;
}
#Links a:hover, #Links-active a{
	background: url(images/Links-roll.jpg) no-repeat left top;
	width:52px;
}
#Gastenboek a {
	background: url(images/Gastenboek.jpg) no-repeat left top;
	width:94px;
}
#Gastenboek a:hover, #Gastenboek-active a{
	background: url(images/Gastenboek-roll.jpg) no-repeat left top;
	width:94px;
}
#Contact a {
	background: url(images/Contact.jpg) no-repeat left top;
	width:91px;
}
#Contact a:hover, #Contact-active a{
	background: url(images/Contact-roll.jpg) no-repeat left top;
	width:91px;
}
	
/* ////////////////////////////// */

/* Minimum height */	
.prop {
   	height: 300px;
	float: left;
	width: 1px;
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
    }
/* //////////////// */

#container1 {
	clear:both;float:left;
	margin:0; padding:0;
	background: url(images/Rand-links.jpg) top left repeat-y;
}
#content {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	margin: 0px;
	width: 739px;
	padding: 8px 28px 10px 20px;
	background: url(images/Rand-rechts.jpg) top right repeat-y;
}

/* Opmaak van content */
#content img.hr {
	padding:0;
	margin:0;
}

#content h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	padding: 0;
	margin: 0;
}
#content h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	padding: 0;
	margin: 0 0 0.5em 0;
}
#content h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding: 0;
	margin: 0;
}
#content p {
	line-height:140%;
	margin-top:.8em;
	
}
#content div img {
	border:1px solid;
}
#content img.left {
	margin:0px 10px 0px 0px;
	border:1px solid;
	float:left;
}
#content img.right {
	margin:0px 4px 0px 10px;
	border:1px solid;
	float:right;
}
/* /////////////////////////////// */

/* Indeling nieuwsberichten */
#content .newscontainer {
	color:#000000;
	width:735px;
	margin: 0px 0px 5px 0px;	
}
#content .newstitle {
	background:url(images/Nieuws-kop.jpg);
	color:#FFFFFF;
	padding:2px 2px 2px 5px;
	font-size:.9em;
	font-weight:bold;
}
#content .newsmessage {
	padding:2px 2px 2px 5px;
	border:1px solid;
}
#content .newsmessage img {
	border: 1px solid;
	float:left;
	margin-right: 4px;
}
/* ////////////////////// */

/* Opmaak repertoire divs */
#content .repertoire {
	padding: 0px;
	margin: 0px;
}
#content .repertoire div {
	float: left;
	border: 1px solid;
	padding: 3px;
	width:210px;
	margin: 0px 0px 10px 20px;
	display: inline;
}

/* Opmaak contact divs */
#content .contact {
		float:left;
		display:block;
		border: 1px solid;
		text-align:center;
		width:180px;
		padding:2px;
		margin-right:20px;				
	}
/* ////////////////////// */


#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.6em;
	color:#FFFFFF;
	clear:both;
	background:url(images/Footer.jpg) bottom;
	margin:0;
	text-align: center;
	height:25px;	
}