/* CSS Document */


.voorbeeld{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FF6600;
 font-size: 30%;
 } 
 
.klein{
 font-size: 10px;
 } 
 
.klein3{
 font-size: 33px;
 }

#klein2 {
	margin: 5px;
	padding: 5px;
	font-size:33px;
}





 
/* Titelbalk */
body {
	padding: 0;
	margin: 8px 8px 8px 8px;
}
a:link 	  {color: #000099; }
a:visited {color: #000099; }
a:hover   {color: #000099; }
a:active  {color: #000099; } 

table { 
    border-width: 1px; 
	font-size:12px;
	text-align:left;
    border-spacing: ; 
    border-style: outset; 
    border-color: gray; 
    border-collapse: collapse; 
} 
table th { 
    border-width: 1px; 
	font-size:12px;
    padding: 1px; 
	text-align:left;
    border-style: solid; 
    border-color: gray; 
    -moz-border-radius: ; 
} 
table td { 
    border-width: 1px; 
	font-size:12px;
	text-align:left;
    padding: 1px; 
    border-style: solid; 
    border-color: gray; 
    -moz-border-radius: ; 
} 


#preload {
	display: none;
}
#wrapper {
	width: 783px;
	background-color: #FFFFFF;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	padding: 0px;
}
#wrapper2 {
	width: 783px;
	border: 0px;
	margin-left:auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-position: center;
	padding: 0px;
}
#header {
	background-position: center;
	padding:0;
	margin:0;
	height:166px;
	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:780px;
	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:51px;
}
#Home a:hover, #Home-active a{ 
	background:  url(images/Home-roll.jpg) no-repeat left top;
	width:51px;
}
#Over a { 
	background:  url(images/Over.jpg) no-repeat left top;
	width:75px;
}
#Over a:hover, #Over-active a{ 
	background:  url(images/Over-roll.jpg) no-repeat left top;
	width:75px;
}
#Nieuws a {
	background:  url(images/Nieuws.jpg) no-repeat left top;
	width:60px;
}
#Nieuws a:hover, #Nieuws-active a{
	background:  url(images/Nieuws-roll.jpg) no-repeat left top;
	width:60px;
}
#Repertoire a {
	background:  url(images/Repertoire.jpg) no-repeat left top;
	width:83px;
}
#Repertoire a:hover, #Repertoire-active a{
	background:  url(images/Repertoire-roll.jpg) no-repeat left top;
	width:83px;
}
#Optredens a {
	background:  url(images/Optredens.jpg) no-repeat left top;
	width:80px;
}
#Optredens a:hover, #Optredens-active a{
	background:  url(images/Optredens-roll.jpg) no-repeat left top;
	width:80px;
}
#Foto a {
	background:  url(images/Foto.jpg) no-repeat left top;
	width:52px;
}
#Foto a:hover, #Foto-active a{
	background:  url(images/Foto-roll.jpg) no-repeat left top;
	width:52px;
}
#Links a {
	background:  url(images/Links.jpg) no-repeat left top;
	width:48px;
}
#Links a:hover, #Links-active a{
	background:  url(images/Links-roll.jpg) no-repeat left top;
	width:48px;
}
#Gastenboek a {
	background:  url(images/Gastenboek.jpg) no-repeat left top;
	width:90px;
}
#Gastenboek a:hover, #Gastenboek-active a{
	background:  url(images/Gastenboek-roll.jpg) no-repeat left top;
	width:90px;
}
#Contact a {
	background:  url(images/Contact.jpg) no-repeat left top;
	width:89px;
}
#Contact a:hover, #Contact-active a{
	background:  url(images/Contact-roll.jpg) no-repeat left top;
	width:89px;
}
#Leden a {
	background:  url(images/Leden.jpg) no-repeat left top;
	width:48px;
}
#Leden a:hover, #Leden-active a{
	background:  url(images/Leden-roll.jpg) no-repeat left top;
	width:48px;
}
#Media a {
	background:  url(images/Media.jpg) no-repeat left top;
	width:50px;
}
#Media a:hover, #Media-active a{
	background:  url(images/Media-roll.jpg) no-repeat left top;
	width:50px;
}

	
/* ////////////////////////////// */

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

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


/*	Background Color: #ffffff;  */
}
/*  #content2 {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	margin: 0px;
	width: 755px;
	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 h222 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:4.0em;
	font-weight:bold;
	padding: 0;
	margin: 0;
}

/* #content table  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;

	TABLE { border-width: 1px; border-style: solid; border-color: #FFFFFF;border-spacing: 8px;background-color: #FFFFFF };
    TD    { border-width: 1px; border-style: solid; border-color: #FFFFFF;solid; text-align: left; cellspacing :0} 
}
*/ 
#content h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding: 0;
	margin: 0;
}
#content h22 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-weight:bold;
	padding: 0;
	margin: 0;
}
#content p {
	line-height:340%;
	font-size: .6em;
	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:10px 4px 0px 10px;  */
	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:260px;
		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;	

 
}