/*
 Standaard tags
*/

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

body {
	font-family:  Helvetica, Arial, Geneva, Verdana, sans-serif;
	font-size: 10px;
	line-height: 1;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg-lines.gif);
	background-position: top center;
	text-align: center;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}



#homeknop{
	margin-top:20px;
	position:absolute;
	left: 0px;
	top: 0px;
	
}

a,
a:link,
a:visited 	{
		text-decoration: none;
		color: #339933;
}

p {
		font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
		font-size: 11px;
		line-height: 1.4;
		margin: 2px 0px 0px 0px;

}

p.groot {
		font-size:12px;
		line-height: 1.4;
		}
		
		

.date	{
		color: #339933;
		}

.leesverder{
		color: #339933;
		}

.leadtext,
.leadtext p{	
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
		color: #fff;
}

h1 {
		font-family:  Helvetica, Arial, Geneva, Verdana, sans-serif;
		font-size: 19px;
		color: #339933;
		font-weight: bold;
		margin: 5px 0 5px 0;
		letter-spacing: 0.5px;
}

h1.collectie{
		color: #447b88;
				
}


h2 {
		font-family:  Helvetica, Arial, Geneva, Verdana, sans-serif;
		font-size: 19px;
		color: #339933;
		font-weight: bold;
		margin: 2px 0 0 0;
		line-height:1.4;
}



h3 {
		font-family:  Helvetica, Arial, Geneva, Verdana, sans-serif;
		font-size: 14px;
		color: #339933;
		font-weight: bold;
		margin: 2px 0 0 0;
}

h4 {
		font-family:  Helvetica, Arial, Geneva, Verdana, sans-serif;
		font-size: 11px;
		line-height: 14px;
		font-weight: bold;
		margin: 5px 0px 0px 0px;
}


.bodytext {
		padding:0px 12px;
}
		
.introtext {
		font-weight:bold;
		padding:12px 0px 12px 0px;
}
		
.bodytext p,
.introtext p {
		margin: 12px 0 0 0;
		}		
		
		
/*
 Classes voor alle hoofdstukken, verschillende kleuren:
*/



	
.tezien {
		color: #028bbc;
		}
		
a.tezien {
		color: #028bbc;
		}
		

.tedoen {
		color: #ea15ea;
		}

a.tedoen {
		color: #ea15ea;
		}	
				


.collectie {
		color: #447b88;
		}

a.collectie {
		color: #447b88;
		}


.educatie {
		color: #ff6300;
		}

		
a.educatie {
		color: #ff6300;
		}



.nieuws {
		color: #7fb8d3;
		}

a.nieuws {
		color: #7fb8d3;
		}



.pers {
		color: #a70000;
		}
		
a.pers {
		color: #a70000;
		}
		
		
		
.museum {
		color: #ff9a16;
		}	

a.museum {
		color: #ff9a16;
		}
		
		
		
.vrienden {
		color: #902683;
		}
		
a.vrienden {
		color: #902683;
		}	



				
		
/*
 Containers etc
*/

	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#headercontainer {
		border-bottom: 1px solid #ccc;
		text-align: center;
		background-color: #FFF ;
		width: 100%;
}

#header {
		background-repeat: no-repeat;
		padding: 0px;
		margin: 0 auto;
		height: 103px;
		width: 753px;
		clear: both;
		position: relative;

		
}

.header_home {
		margin: 0 auto;
		background-image: url(../images/headerimage_home.gif);

}

.header_tezien {
		margin: 0 auto;
		background-image: url(../images/headerimage_tezien.gif);

}

.header_tedoen {
		margin: 0 auto;
		background-image: url(../images/headerimage_tedoen.gif);

}

.header_collectie {
		margin: 0 auto;
		background-image: url(../images/headerimage_collectie.gif);

}

.header_educatie {
		margin: 0 auto;
		background-image: url(../images/headerimage_educatie.gif);

}

.header_nieuws,
.header_nieuwsbrief {
		margin: 0 auto;
		background-image: url(../images/headerimage_nieuws.gif);

}

.header_pers {
		margin: 0 auto;
		background-image: url(../images/headerimage_pers.gif);

}

.header_museum {
		margin: 0 auto;
		background-image: url(../images/headerimage_museum.gif);

}

.header_vrienden {
		margin: 0 auto;
		background-image: url(../images/headerimage_vrienden.gif);

}

.header_contact {
		margin: 0 auto;
		background-image: url(../images/headerimage_contact.gif);

}

#language{
		font-size: 12px;
		font-weight:bold;
		position:absolute;
		left: 575px;
		top: 64px;
}

#language a.active{
		color:#fc6300
}
		

#content{
		clear:both;
		width: 753px;
		padding: 0px;
		margin: 0 auto;
		height: auto;
		position:relative;
		text-align: left;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		overflow: hidden;
		background-color:#fff;
		
}


#contentcontainer {
	background-color: #fff;
	margin: 0 0 0px 0;
	padding: 0 0 12px 0;
	

	
}



#smallcontainer{
		margin:0px;
		padding:0px;
		width:180px;
		min-height:600px;
		_height: 600px;
		clear:none;
		float: left;
}



#rightcontainer{
		margin:0px;
		padding:0px ;
		width:180px;
		min-height:600px;
		_height: 600px;
		clear:none;
		float: left;
		overflow: hidden;
}


#menucontainer{

		margin:0px;
		padding:0px;
		width:179px;
		min-height:600px;
		_height: 600px;
		clear:none;
		float: left;
}




#middlecontainer{
  		border-right: 1px solid #ccc;
  		border-left: 1px solid #ccc;
  		margin:0px;
		padding:0px;
		width: 381px;
		min-height:600px;
		height: auto;
		_height: 600px;
		clear:none;
		float: left;
		
}



/*
Columns
*/



#middlecontainer 	{
		padding:0px;
		margin:0px;
}

#middlecontainer.collectie{
		width:357px;
		float:left;
		border-right: 1px solid #ccc;
}

#contentcontainer #middlecontainer #leadcolumn{
		padding:12px 12px 12px 12px;
		margin:0px;

}

#leadcolumn.tezien{
		background-color: #028bbc;
}

#leadcolumn.tedoen	{
		background-color: #ea15ea;
}

#leadcolumn.collectie	{
		background-color: #447b88;
}

#leadcolumn.educatie {
		background-color: #FF6300;
}

#leadcolumn.nieuws	{
		background-color: #7fb8d3;
}

#leadcolumn.pers	{
		background-color: #a70000;
}

#leadcolumn.museum	{
		background-color: #ff9a16;
}

#leadcolumn.vrienden	{
		background-color: #902683;
}
	

.leadtext.tezien p	{
		color: #028bbc;
}

.leadtext.tedoen p	{
		color: #ea15ea;
}
	
.leadtext.collectie p	{
		color: #447b88;
}

.leadtext.educatie p	{
		color: #FF6300;
}

.leadtext.nieuws p	{
		color: #7fb8d3;
}

.leadtext.pers p	{
		color: #a70000;
}

.leadtext.museum p	{
		color: #ff9a16;
}

.leadtext.vrienden p	{
		color: #902683;
}


	
	
/*	
#middlecontainer div.tezien	{
		background-color: #028bbc;
}

#middlecontainer div.tedoen	{
		background-color: #ea15ea;
}

#middlecontainer div.collectie	{
		background-color: #447b88;
}

#middlecontainer div.educatie {
		background-color: #FF6300;
}

#middlecontainer div.nieuws	{
		background-color: #7fb8d3;
}

#middlecontainer div.pers	{
		background-color: #a70000;
}

#middlecontainer div.museum	{
		background-color: #ff9a16;
}

#middlecontainer div.vrienden	{
		background-color: #902683;
}
*/


#middlecontainer .middlecolumn {
	padding: 11px;

	
}

#big_rightcontainer div.collectie {
	padding: 11px;
	width: 359px;
	border-right:1px solid #ccc;
	
}






#smallcolumn_left	{
		padding:12px 12px 12px 12px;
		margin:0px 0 12px 0;
		width: 166px;
		clear: none;
		float:left;
		border-right:1px solid #ccc;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		overflow: hidden;
}

#smallcolumn_right	{
		padding:12px 12px 12px 12px;
		margin:0px 0 12px 0;
		width: 166px;
		clear: none;
		float:left;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		overflow: hidden;

}

#rightcolumn	{
		margin:12px 12px 0px 12px;
		padding:0px;
}


/*
 Images
*/


.smallimage{
		margin:0 0 12px 0;
		padding:0px;
		border:0;
		}
		
.middleimage{
		margin:12px 0 12px 0;
		padding:0px;
		border:0;
		}


/*
Menu-items
*/

#menu	{
		margin:12px 12px 0px 12px;
		padding:0px;
}



#menu ul.laageen,
#menu ul.laagtwee,
#menu ul.laagdrie {
		list-style: none;
		margin: 0;
		padding:0;
		 
		
}

#menu a.active{
		color: #ff6300;
}


#menu ul.laageen li{
		color: #339933;
		font-weight: bold;
		font-size: 19px;
		margin: 0;
		padding:0;
		display: block;
		line-height: 24px;
		
}


#menu ul.laagtwee { 
		border-left: 0px solid #339933;
}

#menu ul.laagtwee li{
		color: #339933;
		font-size: 12px;
		font-weight: normal;
		margin: 0px 0px 0px 10px;
		padding:0;
		display: block;
		line-height: 18px; /*was 24*/
}


#menu ul.laagdrie li{
		color: #339933;
		font-weight: normal;
		font-size: 10px;
		margin: 0px 0px 0px 10px;
		padding:0px 0px 0px 5px;
		display: block;
		line-height: 18px;
		border-left: 1px solid #339933;

		
}

#menu ul.laagvier {
		list-style: disc outside;
		margin:0;
		padding:0;
		}
	
#menu ul.laagvier li {
		display: list-item;
		border:0px;
		color: #339933;
		font-weight: normal;
		font-size: 10px;
		line-height: 18px;
		list-style: disc inside;
		margin:0;
		padding:0;
		
}





/*
Paginanummer menu (collectie)
*/

#pagenumbercolumn	{
		margin-top:12px;
		float:right;
		width: 182px;
		overflow: hidden;
}

#pagenumbercolumn ul{
		list-style: none;
		list-style-type: none;
		margin:0;
		padding:0;
		float:left;
}	
		
#pagenumbercolumn li{
		margin:10px 2px 0px 0px;
		padding:0;
		float:left;
		font-size: 14px;
		font-weight: bold;
}	

#pagenumbercolumn a.active{
		color: #ff6300;
}

/*
Collectie pagina
*/

#big_rightcontainer{
  		margin:0px;
		padding:0px;
		width: 572px;
		border-left:1px solid #ccc;
		clear:none;
		float: left;
		overflow: hidden;

		
}

#collectieuitleg{
  		margin:0px;
		padding:0px;
		width: 574px;

				
}

#thumbcontainer{
  		margin:0px;
		padding:0px;
		width: 575px;


		
}
#thumbcontainer a{
		font-weight:normal;
		}

.thumb{
		padding:12px 12px 12px 12px;
		margin:0px;
		width: 166px;
		clear: none;
		float:left;
		border-right:1px solid #ccc;
		border-top:1px solid #ccc;
		overflow: hidden;
		height: 240px;
		font-size:11px;
	}
	
.thumb.last{
		border-right:0px solid #ccc;

}

.thumb img {
	margin-bottom:10px;
	}
	

/* Iframe fancybox	*/


#f_content{
	min-height: 350px;
	width: 350px;
	padding:10px;
	margin:0 auto;
	font-family: "Arial", Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 10px;
	line-height: 1;
	text-align:left;
	background-image: none;
 
	}
	
#f_content img{
	width: 350px;
	margin:0 auto;
	}
	
#f_content p{
	padding:0;
}

.f_greyline {
	border-top:1px solid #ccc;
	margin: 0px 0 20px 0;
}	
	
/* Persaanvraagformulier */

form#persaanvraag label {
	display: block;
	margin-top: 1em;
	margin-bottom: 3px;
}

form#persaanvraag input,
form#persaanvraag textarea {
	border: 1px solid #ccc;
}

form#persaanvraag input#submitpersaanvraag {
	display: block;
	margin: 0px;
	padding: 0px;
	margin-top: 1em;
	color: #339933;
	border: none;
	background: transparent;
}

.bigred{
	color: #E60000;
	font-size: 12px;
	}
	
.error{
	display:block;
	border:1px solid #E60000;
	margin:0 0 20px 0;
	padding:2px 2px 2px 10px;
	}
	
.bodytext h3 {
	font-family:  Helvetica, Arial, Geneva, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin: 10px 0 3px 0;
}		

.bodytext p {
	margin: 0 0 10px 0;
	}

.middlecolumn .bodytext {
	padding-left:0px;
	padding-right:0px;
	}


	
.mainimage img {
	margin: 0px 0 12px 0;
	}	
	
.zijimage img {
	margin: 0 0 12px 0;
	}
	
	
hr {
	width: 100%;
	background: none;
	border:none;
	border-top: 1px solid #ccc;
	}
	
#nieuwsbrief div {
	height: 25px;
	margin-bottom: 10px;
	}

#nieuwsbrief div input#name,
#nieuwsbrief div input#iiludu-iiludu {
	width: 350px;
	}
	
#nieuwsbrief span.label {
	display:block;
	height: 15px;
	margin-top: 5px;
	}	
	
#submit {
	padding: 0px;
	background: none;
	border:none;
	color: #339933;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}
	
#submit:hover{
	color: #f60;
}