/* CSS Document */

	html{
		min-height: 100%;
		margin-bottom: 1px;
	}

	body{
		text-align: center;
		margin: 0;
		min-height: 100%;
		min-width: 999px;
		background: url("../images/bkg.gif") no-repeat center bottom fixed;
	}
	
	a, a:active{
		color: #290063;
		text-decoration: underline;
	}
	
	a:visited{
		color: #000000;
	}
	
	a:hover{
		text-decoration: none;
	}
	
	a:focus{
		outline: none;
	}

	#container{
		text-align: left;
		width: 999px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		background: url("../images/containerbkg.gif") no-repeat 0px 117px;
	}
	
	a.home{
		display: block;
		width: 55px;
		height: 53px;
		text-indent: -9000px;
		overflow: hidden;
		background: url("../images/home.gif") no-repeat 0 0;
		position: absolute;
		top: 80px;
		left: 105px;
	}
	
	a.home:hover{
		background-position: 0 -53px;
	}
	
	#header{
		width: 999px;
		height: 94px;
		margin: 0;
		overflow: hidden;
		text-indent: -9000px;
		background: url("../images/header.jpg") no-repeat;
	}
	
	#menu{
		height: 23px;
		background: url("../images/menubkg.png") repeat-x;
	}
	
	#menu ul{
		margin: 0 0 0 175px;
		padding: 0;
		list-style-type: none;
	}
	
	#menu ul li{
		float: left;
		margin-right: 5px;
	}
	
	#menu ul li a{
		display: block;
		height: 23px;
		overflow: hidden;
		text-indent: -90000px;
	}
	
	#overmusesi a, #overmusesi a:active{
		width: 107px;
		background: url("../images/overmusesi.png") no-repeat 0 0;
	}
	
	#commissies a, #commissies a:active{
		width: 98px;
		background: url("../images/commissies.png") no-repeat 0 0;
	}
	
	#optredens a, #optredens a:active{
		width: 86px;
		background: url("../images/optredens.png") no-repeat 0 0;
	}
	
	#ledeninfo a, #ledeninfo a:active{
		width: 57px;
		background: url("../images/leden.png") no-repeat 0 0;
	}
	
	#contact a, #contact a:active{
		width: 72px;
		background: url("../images/contact.png") no-repeat 0 0;
	}
	
	#menu ul li a:visited{
		background-position: 0 -69px;
	}
	
	#menu ul li a.active, #menu ul li a.active:visited{
		background-position: 0 -46px;
	}
	
	#menu ul li a:hover, #menu ul li a.active:hover{
		background-position: 0 -23px;
	}
	
	#content{
		float: left;
		width: 485px;
		min-height: 300px;
		background: #ece9f1 url("../images/contentbkg.gif") no-repeat left bottom;
		padding: 20px 30px 110px 15px;
		border-left: #d4973c 10px solid;
		margin-left: 90px;
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
	}
	
	#content h2{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
		color: #f7c875;
		padding: 15px 30px 3px 5px;
		margin: 0 0 10px -10px;
		width: 300px;
		background: #290063 url("../images/header.gif") no-repeat right top;
	}
	
	#content ul{
		list-style-type: disc;
		color: #d4973c;
		margin: 0 0 0 10px;
	}
	
	#content ul li{
		margin: 0 0 2px 0px;
	}
	
	#content ul li span{
		color: #000000;
	}
	
	#content table{
		width: 100%;
	}
	
	#content table td{
		padding: 2px 5px 2px 10px;
	}
	
	.lleven{
		background: #b1a3c6;
	}
	
	.llodd{
		background: #c8bed7;
	}
	
	.lleven a:visited, .llodd a:visited{
		color: #2e2e2e;
	}
	
	.kop, .kop a, .kop a:visited, .kop a:active{
		background: #e6b460;
		color: #290063;
		text-decoration: hover;
	}
	
	.kop a:hover{
		text-decoration: none;
	}
	
	.niks{
		background: none;
	}
	
	.date{
		color: #61428c;
		padding: 2px 2px 2px 2px;
		width: 20%;
	}
		
	#loginkolom{
		float: right;
		width: 140px;
		margin: 5px -10px 20px 30px;
	}
	
	#loginkolom img{
		margin-top: 15px;
	}
	
	#login{
		width: 125px;
		background: url("../images/login.jpg") no-repeat top left;
		padding: 36px 0 0px 15px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}
	
	#login form{
		margin: 0;
		padding: 0;
	}
	
	#login input{
		width: 100px;
		border: 1px solid #290063;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		margin-bottom: 3px;
	}
	
	#login input.checkbox{
		width: auto;
		border: none;
		float: left;
		padding: 0;
		margin-left: -3px;
	}
	
	#login span.rememberme{
		font-size: 7pt;
		line-height: 20px;
	}
	
	button{
    display:block;
	float: left;
    background-color:#8a74aa;
    border:1px solid #290063;
   	font-size:10pt;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color: #000000;
    cursor:pointer;
	margin: 5px 5px -12px 0;
	}
	
	button{
    width:auto;
    overflow:visible;
    padding:1px 10px 0px 7px; /* IE6 */
	}
	button[type]{
    padding:2px 10px 2px 7px; /* Firefox */
    line-height:14px; /* Safari */
	}
	button img{
    margin:0 3px -2px 0 !important;
    padding:0;
    border:none;
    width:23px;
    height:13px;
	}
	button:hover{
    background-color:#e6b460;
    border:1px solid #290063;
    color:#000000;
	}
	
	#right{
		float: left;
		width: 320px;
		padding-bottom: 800px;
		background: url("../images/rightbkg.jpg") no-repeat right bottom;
		margin-left: 49px;
		display: inline;
	}
	
	.subnavigatie{
		width: 300px;
		background: #ece9f1;
		border-bottom: 4px solid #ece9f1;
		margin-top: 10px;
	}
	
	.subnavigatie ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.subnavigatie ul li{
		width:291px;
		border-left: 9px solid #8a74aa;
		background: #e6b460;
		color: #290063;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		text-indent: 5px;
		line-height: 11pt;
	}
	
	.subnavigatie ul li a, .subnavigatie ul li a:visited, .subnavigatie a:active{
		display: block;
		width: 291px;
		text-indent: 5px;
		background: #ece9f1;
		color: #290063;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		padding: 0;
	}
	
	.subnavigatie ul li a:hover{
		background: #bfb3d1;
	}
	
	#agenda{
		background: url('../images/agenda.jpg') no-repeat left top;
		padding-top: 50px;
	}
	
	#overmusesipage{
		background: url('../images/overmusesi.jpg') no-repeat left top;
		padding-top: 50px;
	}
	
	#commissiespage{
		background: url('../images/commissies.jpg') no-repeat left top;
		padding-top: 50px;
	}
	
	#optredenspage{
		background: url('../images/optredens.jpg') no-repeat left top;
		padding-top: 50px;
	}
	
	#ledenpage{
		background: url('../images/leden.jpg') no-repeat left top;
		padding-top: 50px;
	}
	
	#contactpage{
		background: url('../images/contact.jpg') no-repeat left top;
		padding-top: 50px;
	}
	
	#nieuws{
		background: url('../images/nieuws.jpg') no-repeat left top;
		padding-top: 41px;
	}
	
	.meernieuws{
		display: block;
		width: 291px;
		border-left: 9px solid #8a74aa;
		text-indent: 5px;
		background: #ece9f1;
		color: #e29000;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		line-height: 11pt;
	}
	
	#footer{
		clear:both;
		height: 2px;
	}
