@import url(stylepages.css);

/*********************************/
/* HTML tags                     */
/*********************************/
body{
	background:#83B81C;
	margin:0 0 0 45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFF;
	line-height: 16px;
}
h1, h2, h3{
	display:none;
}
h4{
	color: #eeeeee;
	font-size:140%;
	margin:10px 0px 3px 0px;
}

h5{
	color:#92C138;
	font-size:10px;
	background:#000;
	padding:0 3px 0 0;
	margin:0 0 5px 0;
}

p{
	color: #eeeeee;
	line-height: 16px;
	padding:8px 0px;
}
a{
	color:#ffff00;
	text-decoration: none;
}
a:hover{
	color: #ED016C;
}

hr { 
	background-color:#000;
	border: 1px dotted #202020;
	margin-bottom: 8px;
}

/*********************************/
/* Main divs                     */
/*********************************/
#bodydiv{
	margin:10px 0px;
	margin-left: auto;
	margin-right: auto;
	width:546px;
	background: url('../afbeeldingen/backbody.gif') repeat-y top left;
}
#container1{
	background: url('../afbeeldingen/backtopcontainer.gif') no-repeat top left;
}
#menu{
	float:right;
	position:relative;
	right:8px;
	top:55px;
	width:108px;
}
#homebtn{
	color:#fff;
	position:relative;
	top:250px;
	left:16px;
	height:16px;
	width:46px;
	display:block;
}
#header{
	background:url('../afbeeldingen/index_header.gif') no-repeat top left;
	width:299px;
	height:130px;
	margin:45px 0 0 99px;
}
#maintitle{
	height:35px;
	width:170px;
	position:relative;
	top:0px;
	left:72px;
}
#maincontent{
	margin:1px 0px 0px 103px;
	width:294px;
	min-height:220px;
	background-color:#000000;
}
* html #maincontent{ /* IE only */
	height:220px;
}
#maincontent p{
	margin:0px;
	clear:left;
}

#maincontent ol, #maincontent ul	{
	margin: .5em 0;
	padding-left: 4px;
	margin-left: 4px;
}
	
#maincontent li	{
	margin-bottom: 10px;
	padding-right: 3px;
	margin-right: 3px;
	list-style: disc url(../afbeeldingen/bullet.gif) outside;
	vertical-align: middle;
	line-height: 14px;
}

#subtitle{
	width:150px;
	height:30px;
}
#footer{
	padding:45px 0px 10px 0px;
	width:495px;
	text-align:center;
	font-size:11px;
	background:url('../afbeeldingen/backbottom.gif') no-repeat top left;
	color: #000000;
}
#footer a{
	text-decoration: none;
	color: #000000;
}


/*********************************/
/* HoofdMenu div - attributes    */
/*********************************/
#menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li{
	width:100px;
	float: left;
	display:inline;
	margin:0;
	line-height: 12px;
}
#menu li a{
	margin:0 0 3px 0;
	text-decoration:none;
	display: block;
	height:18px;
	cursor:pointer;
}
#menu li a span{
	display:none;
}
#menu li ul{
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
	display:none;
}
#menu li ul li{
	width:100px;
	float: left;
	display:inline;
	margin:0;
	margin:0px 0px 2px 3px;
}
#menu li ul li a{
	text-decoration:none;
	background:#000;
	color:#FFFF00;
	font-weight:bold;
	display:inline;
	padding:0 3px 0 3px;
	height:15px;
	cursor:pointer;
}
#menu li ul li a:hover{
	color:#F0037F;
}


/*********************************/
/* Menu Breadcrumbs              */
/*********************************/
body#infopage #info ul,
body#boekingenpage #info ul,
body#albumpage #info ul,
body#logboekpage #info ul,
body#nieuwsbriefpage #info ul,
body#biopage #info ul,
body#allerleipage #info ul{
	display:block;
}
body#boekingenpage #boekingen a,
body#albumpage #albums a,
body#logboekpage #logboek a,
body#nieuwsbriefpage #nieuwsbrief a,
body#biopage #bio a,
body#allerleipage #allerlei a,
body#audiopage #audio a,
body#fotopage #fotos a,
body#videopage #video a{
	color:#F0037F;
}
body#mediapage #media ul,
body#audiopage #media ul,
body#fotopage #media ul,
body#videopage #media ul{
	display:block;
}

/*********************************/
/* Menu CSS Rollovers            */
/*********************************/

/************ INFO ***************/
#info a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/info_y.png'); /* moet absolute link zijn anders doet IE moelijk*/
	!important background:url('../afbeeldingen/info_y.png') no-repeat top left; /* onleesbaar voor IE */
}
#info > a{
	background:url('../afbeeldingen/info_y.png') no-repeat top left;
}
#info a:hover, body#infopage #menu li#info a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/info_p.png');
	!important background:url('../afbeeldingen/info_p.png') no-repeat top left; /* onleesbaar voor IE */
}
#info > a:hover, body#infopage #menu li#info > a{
	background:url('../afbeeldingen/info_p.png') no-repeat top left;
}

/************ AGENDA **************/
#agenda a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/agenda_y.png');
	!important background:url('../afbeeldingen/agenda_y.png') no-repeat top left; /* onleesbaar voor IE */
}
#agenda > a{
	background:url('../afbeeldingen/agenda_y.png') no-repeat top left;
}
#agenda a:hover, body#agendapage #menu li#agenda a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/agenda_p.png');
	!important background:url('../afbeeldingen/agenda_p.png') no-repeat top left; /* onleesbaar voor IE */
}
#agenda > a:hover, body#agendapage #menu li#agenda > a{
	background:url('../afbeeldingen/agenda_p.png') no-repeat top left;
}
/************ NIEUWS **************/
#nieuws a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/nieuws_y.png');
	!important background:url('../afbeeldingen/nieuws_y.png') no-repeat top left; /* onleesbaar voor IE */
}
#nieuws > a{
	background:url('../afbeeldingen/nieuws_y.png') no-repeat top left;
}
#nieuws a:hover, body#nieuwspage #menu li#nieuws a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/nieuws_p.png');
	!important background:url('../afbeeldingen/nieuws_p.png') no-repeat top left; /* onleesbaar voor IE */
}
#nieuws:hover > a, body#nieuwspage #menu li#nieuws > a{
	background:url('../afbeeldingen/nieuws_p.png') no-repeat top left;
}
/************ OOG & OOR **************/

#oogenoor a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/oogenoor_y.png');
	!important background:url('../afbeeldingen/oogenoor_y.png') no-repeat top left; /* onleesbaar voor IE */
}
#oogenoor > a{
	background:url('../afbeeldingen/oogenoor_y.png') no-repeat top left;
}
#oogenoor a:hover,body#mediapage #menu li#media a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/oogenoor_p.png');
	!important background:url('../afbeeldingen/oogenoor_p.png') no-repeat top left; /* onleesbaar voor IE */
}
#oogenoor > a:hover,body#mediapage #menu li#media > a{
	background:url('../afbeeldingen/oogenoor_p.png') no-repeat top left;
}

/************ GASTENBOEK **************/
#gastenboek a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/gastenboek_y.png');
	!important background:url('../afbeeldingen/gastenboek_y.png') no-repeat top left; /* onleesbaar voor IE */
}
#gastenboek > a{
	background:url('../afbeeldingen/gastenboek_y.png') no-repeat top left;
}
#gastenboek a:hover,body#gastenboekpage #menu li#gastenboek a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/gastenboek_p.png');
	!important background:url('../afbeeldingen/gastenboek_p.png') no-repeat top left; /* onleesbaar voor IE */
}
#gastenboek > a:hover,body#gastenboekpage #menu li#gastenboek > a{
	background:url('../afbeeldingen/gastenboek_p.png') no-repeat top left;
}

/************ FORUM **************/
#forum a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/forum_y.png');
	!important background:url('../afbeeldingen/forum_y.png') no-repeat top left; /* onleesbaar voor IE */
}
#forum > a{
	background:url('../afbeeldingen/forum_y.png') no-repeat top left;
}
#forum a:hover,body#forumpage #menu li#forum a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../afbeeldingen/forum_p.png');
	!important background:url('../afbeeldingen/forum_p.png') no-repeat top left; /* onleesbaar voor IE */
}
#forum > a:hover,body#forumpage #menu li#forum > a{
	background:url('../afbeeldingen/forum_p.png') no-repeat top left;
}

/*********************************/
/*  HomeKnop div - attributes    */
/*********************************/
#homebtn a{
	display:block;
	height:16px;
	width:46px;
	background:url('../afbeeldingen/homebtn.gif') no-repeat top left;
}
#homebtn span{
	display:none;
}

/*********************************/
/*  Footer div - attributes      */
/*********************************/

#footer a{
	color:#000;
	text-decoration:none;
	padding:0 6px 0 6px;
}
#footer a:hover{
	text-decoration:none;
}


/*********************************/
/*  Classes                      */
/*********************************/
.author{
	color:#F0037F;
	font-weight:bold;
	font-size:14px;
}
.more{
	color:#FFFF00;
	font-size:10px;
	background:#000;
	text-decoration:none;
	font-weight:bold;
	padding:3px 3px 0 0;
	margin:0 3px 0 0;
}
.date{
	color:#92C138;
	font-size:10px;
	background:#000;
	padding:0 3px 0 0;
	margin:0 0 5px 0;
	clear:left;
	float:left;
}
.txt{
	color: #EEE;
	margin:0px;
	line-height: 14px;
}
.opsomming{
	font-size: 9px;
	font-weight: bold;
	color: #444;
}
.label{
	font-size:11px;
}
.input{
	font-size:11px;
}
.button{
	font-size:90%;
	font-weight: bold;
	margin:0px;
	line-height: 14px;
	text-transform: uppercase;
	color: #FFFF00;
	text-decoration: none;
	background:#000;
	border: none;
	cursor: pointer;
}
.button:hover{
	color: #ED016C;
}
.button2{
	font-size:10px;
	font-weight: bold;
	margin:0px;
	line-height: 14px;
	text-transform: uppercase;
	color: #ED016C;
	text-decoration: none;
}
.button2:hover{
	color: #FFFF00;
}
.jaar{
	color: #EEE;
	font-size:14px;
	font-weight: bold;
	padding-bottom: 10px;
}
.selected{
	color: #ED016C;
}
.standaard{
	background:#333;
	border:none;
	color:#fff;
}
.nieuw {
	font-family: "Courier New", Courier, mono;
	font-size: 10px;
	color: #ED016C;
}