html, body {
	margin 			: 0;
	padding 		: 0;
	}


#bezoeken{
	position		: absolute;
	top			: 87px;
	margin			: 0 10px;
	color			: #0f0;
	}


body	{
	color 			: #333;
	background 		: #484452;
	width 			: 100%;
	font 			: 73% "lucida sans", "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	}

#stylesheet_kiezer{
	position		: absolute;
	margin			: 50px 0 0 350px;
	width			: 500px;
	}

#stylesheet_kiezer button{
	background-color	: #c6c;
	color			: #fff;
	opacity			: 0.5;
	cursor			: pointer;
	border			: #900;	
	padding			: 1px 3px 3px 4px;	
	}

#stylesheet_kiezer button:hover{
	border-bottom		: solid #fff 2px;
	background		: #c6c url(../images/purplehaze/badge.png);
	opacity			: 1;
	}

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

#container {
	width 			: 80%;
	min-width		: 700px;

	margin 			: 0 auto;
	line-height		: 2em;
	background 		: #F8F2DA;
	color 			: #333;
	}


header {
	padding : 0.5em;
	height: 110px;
	background : #c7afbd url(../images/purplehaze/top.jpg);
	color : #484452;
	}

header h1 {
	padding : 0;
	margin : 10px 0 0 10px;
	font-size : 170%;
	letter-spacing: 5px;
	}

header p{
	color			: #a6a;
	margin			: 0 0 0 28px;
	font-size		: 0.9em;

	}
/*

#subheader {
	margin			: 30px 0;
	height			: 71px;
	clear			: both;
	background-image	: url(../images/autumn/sub_header.jpg);
	background-repeat	: no-repeat;
}


*/

/**************** Main navigatie  *****************/

nav{
	background		: #5e516f;
	}

nav ul
{
	text-align		: center;
	padding-bottom		: 10px;
	padding-top		: 10px;
	padding-left		: 0;
	margin			: 21px 0 0 0;
/* cancels gap caused by top padding in Opera 7.54 */

	background		: #5e516f;
	color			: #fff;
	width			: 100%;
	font-family		: Helvetica, Arial, sans-serif;
	line-height		: 18px;
/* fixes Firefox 0.9.3 */
}


nav ul li{
	display: inline;
	padding-left		: 0;
	padding-right		: 0;
	padding-bottom		 10px;
/* matches link padding except for left and right */
	padding-top		: 10px;;
	}


nav li a{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #fff;
	text-decoration: none;
	//border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	}

nav ul li a:hover
{
	background		: #C7AFBD;
	color			: #333;
}

/*************** linkpanel start ******************/

#submenu{ 
	float 		: left;
	width 		: 160px;
	margin 		: 0;
	padding 	: 1em;
	}

.navcontainer {
	text-decoration		: none;

	}

#submenu h3 {

}


.navcontainer ul{

	}

/***************** LINKS *************/

.navcontainer a:link, .navcontainer a:visited {
	color 			: #86228b;
	background 		: transparent;
	text-decoration 	: none;
	}

.navcontainer a:hover {
	color : #484452;
	text-decoration 	: none;
	}

.navcontainer a:active {
	color 			: #484500;
	text-decoration 	: none;
	}

.navcontainer a{

	}




/****************** content ********************/

#content {
	margin-left 		: 200px;
	border-left 		: 1px solid #a662aa;
	padding 		: 1em 3em 0 3em;
	min-height		: 680px;
	}

#concerten h2, #concerten p{
	margin: 0px;
	padding:  0 0 2px 0;
}
#concerten{
	margin-top: 10px;
}
#concerten h2{
	font-size: 120%;
}


#content a:link, #content a:visited {
	color 			: #86228b;
	background 		: transparent;
	text-decoration 	: none;
	}

#content a:hover {
	color : #484452;
	text-decoration 	: none;
	}

#content a:active {
	color 			: #484500;
	text-decoration 	: none;
	}





h1	{
	
	}

h2 {

	}

h3 {

}

#home a, #koren a, #contact a, #studie a, #catalogus a, #extra_info a, #koorleden a{

	}

#home a:hover, #koren a:hover, #contact a:hover, #studie a:hover, #catalogus a:hover, #extra_info a:hover, #koorleden a:hover{
	
	}

#catalogus{
	font-size		: 90%;
	padding			: 0;
	margin			: 0;
	}

/*

#home, #koren, #contact, #studie, #catalogus, #extra_info, #koorleden	{
	margin-right		: 202px;
	background-color	: #d1ba84;
	padding			: 10px;
	}

#home p, #koren p, #contact p, #studie p, #extra_info p	{
   	margin			: 7px;
	font-size		: 0.9em;
	color			: #444;
	}



#koren .noisyvoices{
	
	}

#koren .zingjerot{
	
	}

#koren .heeren{

	}
*/


#koren{
	max-width		: 500px;
	height			: 900px;
	}



.koorinfo{

	border-top 		: solid 1px #a662aa;
	}

.koorinfo a{
	color			: #333;
	}

.koorinfo p{
	overflow		: auto;
	}


#koren .koorfoto{
	width					: 50%;
	height					: 50%;
	float					:right;
	margin-bottom				: 10px;
	}

[title=nicodir1]
	{
	float			: right;
	margin			: 5px;
	opacity			: 0.7;
	border			: 1px solid #484500;
	}

[title=nicopiano2]
	{
	float			: left;
	margin			: 5px;
	opacity			: 0.7;
	border			: 1px solid #484500;	
	}




#home table, #koren table, #contact table, #studie table, #catalogus table, #extra_info table{
	
	}





/*********** catalogus **********************************************************************/


#catalogus table{
	width					: 100%;
	}

#catalogus th{
	text-align				: left;
	border-bottom				: 1px dashed #aaa;
	border-left				: 1px dashed #aaa;
	padding					: 0 0 3px 4px;
	color					: #888;
	}

#extra_info table{
	border-top				: solid 1px #a6a;
	border-bottom				: solid 1px #a6a; 
	}

#extra_info table td{
	padding					: 0px 9px; 
	}



#extra_info table .extra_info_tabel{
	width					: 100px;
	text-align				: right;
	color					: #868;
	padding					: 4px 10px; 
	border-right				: solid 1px #a6a;
	font-size				: 0.9em;
	}

#extra_info table .extra_info_tabel_tekst{

	padding					: 7px 0 0 10px;
	border-top				: solid 1px #a6a;	
	}

.instituut{
	color					: #555;
	padding					: 0px 20px 0px 20px;
	text-align				: right;
	font-size				: 0.7em;
	}

.ruimte {
	margin					: 0px 0px 15px 0px;
	}

#catalogus table{
	font-family				: Verdana;
	font-size				: 0.7em;
	}

#catalogus .id {
	padding					: 0px 10px 0px 0px;
	}


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