/* @override 
	http://www.robjohannesma.com/ndxz-studio/site/Courier:Helvetica%20Arial%20copy%208/style.css
	http://www.robjohannesma.com/ndxz-studio/site/Courier:Helvetica%20Arial%20copy%2010/style.css
	http://www.robjohannesma.com/ndxz-studio/site/Courier:Helvetica%20Arial%20copy%2011/style.css
	http://www.robjohannesma.com/ndxz-studio/site/Courier:Helvetica%20Arial%20copy%2012/style.css
*/

/**
* CSS
* 
* @version 1.0
* @author Vaska 
* Rob Johannesma//Helvetica copy 12
*/
* {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

body {
	text-align: left;/*kleur onderschrift afbeeldingen rechts*/
	font-family: "Helvetica Neue", ;
	font-size: 11px;
	height: auto;
	line-height: 11px;
	z-index: 2;
	color: #000; /* sets the color of all type in the website except for links and other sections overwritten */
	clear: left;
	float: left;
	margin-top:25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	width: auto;
}

body.section-1 {/* achtergrondkleur van webpagina totaal*/
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color: #E6E6E6;
	font-style: normal;
	line-height: normal;
	text-align: right;
	float: right;
	text-decoration: none;
	background-color: #ddf8ec;
}
body.section-2 {
	color: #0C0;
	text-align: right;
	float: right;
	text-decoration: none;
	font: normal 11px/normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
body.section-3 { }

a:link {/*uitklap menu onder hoofdmenu scroll geen kleur verandering*/
	color: #F90;/* sets hex color of every link - www.colorpicker.com or photoshop to find hex values */
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;/*laat image beetje verspingen en laat de links verspingen tussen visited en nog niet aangeklikt in, onder menu/ exhibits*/
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 3px;
	letter-spacing: 1pt;
	background-color: transparent;
}
a:link {/*KLEUR VAN INTERNETLINK INFO OP WEBSITE*/
	color: #3a668b;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: transparent;
}
a:visited {/*uitklap menu onder hoofdmenu scroll achtergrondkleur link bezocht*/
	color: #a2adbc;/* this changes the background of a visited link, you can also get rid of the the back ground an color and there will be no change if a link has been visited */
	font-family: "Helvetica Neue";
	font-size: 11px;/* highlights links that you have already clicked. This can be helpful for users to identify which items they have already seen*/
	line-height: 11px;
	letter-spacing: 1pt;
	text-align: right;
	text-decoration: none;
}
a:hover {/* kleur scroll HOOFDmenu links*LETTERTYPE VAN INTERNETLINK INFO OP WEBSITE*/
	color: #436d9e;
	height: auto; /*laat de images een beetje verspringen door cursor(zie ook: a-link)*/
	width: auto;
	text-decoration: none;
	letter-spacing: 2pt;
	background-color	/* kleur van scroller over links en over images in browser rechts */
 	line-height: 11px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	-moz-border-bottom-colors: #F90;
	-moz-outline-color: #F90;
	-moz-border-top-colors: #F90;
	-moz-border-right-colors: #F90;
	-moz-border-left-colors: #F90;
	background-color: transparent;
	font: 12px Helvetica;
	word-spacing: 2pt;
}

/* any img that is a link */
a img {
	background: transparent;
	border: 1px solid #4efdec;
	position: absolute;
}
.top-section {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 25px;
	color: #C03;
	font: normal normal 11px/normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#base{
	width:100%;
	min-height:4em;
	
	
/* MENU */
}
#menu {
	width: 250px;/* sets the width of your left hand bar - if you change this also change the LEFT margin in #content to match */
	line-height: 12px;
	top: 0;
	bottom: 20px;
	left: 0;
	/* change to match the padding-top in #menu if you want them to align */
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;/* plaats van menu ten opzichte van browser rand links*//* padding-left & right can be changed in #menu ul - below */
	position: fixed;/* this make the menu stay in place while the content section scrolls*/
	overflow: hidden;
	font-family: "Helvetica Neue";
	font-size: 12px;
	color: #487F72; /*geen effect*/
	padding-top: 23px;
	height: 100%;
	border-color: #1e21ff;
}
#menu hr{
	display:none;
	font-family: "Helvetica Neue";
	color: #F30;
}
#menu p {
	display:none;
	height:auto;
	line-height:normal;
	color: #5e91b5;
	width: auto;
}
/* This section controls each section made */ 
#menu ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; /* sets the space between each section */
	margin-left: 0px;
	list-style: none;
	overflow:hidden;
	height: auto;
	display: block;
	margin: 0;/* sets the space between each section */
	/* sets the spacing around the menu - this is normally set to match padding options in #content but can be changed seperately */
	width: auto;
	font-family: "Helvetica Neue";
	font-weight: normal;
	font-size: 11px;
	color: #0C0;
	clip: rect(auto,auto,auto,auto);
}
#menu ul:hover{
	color:#F39;
	font-family: "Helvetica Neue";
	font-size: 11px;
	width: auto;
	padding: 0px;
	letter-spacing: 4pt; /*GEEN EFFECT*/
}
#menu ul a{
	color:#0E4D80;
	font-family: "Helvetica Neue";
	font-size: 11px;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	z-index: auto;	
}
#menu a:visited{
	color: #8B9E8A; /* geen effect */
	margin: auto;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	font-family: "Gill Sans"; /*LETTERTYPE BEZOCHTE LINKS ONDER MEU*/
	padding: 0px;
	letter-spacing: 2pt;	 /* this changes the background of a visited link, you can also get rid of the the back ground an color and there will be no change if a link has been visited */
}
#menu a:visited{ /* this changes the background linkhover in the menu */
	color: #b7d5d3; /*OKOKOK KLEUR links bezocht onder de  exhibits-zie ook: a:visited */
	margin: auto;
	padding: 0px;
	text-decoration: none;
	font: normal lighter 11px "Helvetica Neue",;
}
#menu ul a:hover {
	color: #7a8955;/*  OKOKOK kleur van scroller over LINKS en over images in browser rechts */
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	letter-spacing: 2pt;
	line-height: 12px;/*verandert de verspringing over de images in de browser rechts*/
	font-weight: normal;
	width: auto;
	text-transform: lowercase;
	background-color: transparent;
}	
#menu ul li a{
	color: #9bafa1;
	letter-spacing: 1px;
	font: 11px/16px "Helvetica Neue";
}
#menu ul li {
	margin-top: 0px;
	margin-bottom: 0px;
	
}
/* The following sets the style for the section heading */		

#menu li.active { /* exhibit menu achtergrond kleur over hover//geen effect*/
	font-family: "Gill Sans";
	color: #D0D1A9;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 3pt;
	background-color: transparent;
}
#menu ul:hover {/*geen effect*/
	font-family: "Helvetica Neue";
	font-size: 11px;
	color: #6597cb;
	letter-spacing: 4pt;
	background-color: transparent;
}
#menu li:hover {/*geen effect*/
	font-family: "Helvetica Neue";
	font-size: 11px;
	color: #CF6;
	letter-spacing: 4pt;
	background-color: transparent;
}
#menu ul li.section-title{
	color #9FA6B1;
	color: #9390A4;
	word-spacing: 0;
	color: #72947a;
	font: normal 11px/11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: transparent;
	letter-spacing: 2px;
}
#menu ul li.section-title:hover {
	color: #7ebdc4;/*  OKOKOK kleur hoofdmenu scroll*/
	font-size: 12px;
	font-style: normal;
	height: auto;
	width: auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 3px;
	background-color: transparent;
}

	

/* The following selectors style the "Built with Indexhibit" on the menu */	
		
		#menu ul.built {
			margin-bottom: 0;
		}
	
		#menu ul.built li {
	padding-top: 0px;
	color: #6fc2c7;
		}
		
/* The following changes the link colors for only the "Built with Indexhibit" link */
		#menu ul.built a {
	color: #D8D8D8;
		}
		
		#menu ul.built a:hover {
	color: #00B;
		}

/* This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
		
		#copy {
	font-size: 11px;
	color: #000;
	font-family: "Helvetica Neue";
	font-style: normal;
	margin-top: 5px;
	padding-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
		}
.nextAll().hide();


.drvce {
	margin:0 0 -1px 0;
}

	

/* CONTENT AREA */
	
#content {
	margin-top: 0px;
	margin-right: 0px;/*tekst tegen rand browser als margin =opx */
	margin-bottom: 0px;
	margin-left: 240px; /* sets the space so the content starts right when the menu ends - if you change this also change the width of #menu to match */
	top: 0;
	/* sets the spacing around the content area - this is normally set to match padding options in #menu but can be changed seperately */
	padding-top: 23px;  /* change to match the padding-top in #menu if you want them to align */
	padding-right: 0px;/*tekst tegen rand browser als margin =opx */
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Helvetica Neue";
	font-size: 11px;
	height: auto;
	width: auto;
	background-color: transparent;
}

.container {
	margin-bottom: 25px;
		}
		
#content p { /* sets the properties for all paragraphs in the content area//lettertype voor aankondigingen rechts */
	width:1280px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 3px; /* sets the space between paragraphs */
	margin-left:0px; /* use this the change the leading (space between lines) */
	color: #89a8ac;
	text-transform: none;
	word-spacing: 1px;
	background-color: transparent;
	font: normal 11px/14px "Helvetica Neue";
	letter-spacing: 3px;
	border: thin none #191919;
}

	p { /* lettertype niet veranderen anders overruled deze content p//sets the properties for all paragraphs  */
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	background-color: transparent;
	
}
/* HEADINGS */
	
	/*
	when typing your text/descriptions follow this format to use these heading types
	
	<h1>This is the text i want to be a heading which</h1>
	
	start with h1 as your largest most important heading. you may not need all 4 but they are here if you do.
	*/

	h1 {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #0F0; /* This color overides the color set in "body". Delete this line if you want the colors of the headings to match the rest of your type */
	padding-bottom: 1px; /* sets the spacing between the heading and paragraph below */
	font-style: normal;
	font-weight: normal;
	background-color: transparent;
}
	
	h2 {
	color: #000;
	padding-bottom: 1px;
	font: normal 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
	
	h3 { 
		font-size: 11px;
		color: #669900;
	}
	
	h4 { 
		font-size: 12px; 
		color: #669933;
	}
/* IMAGES */

	#img-container	{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-family:"Helvetica Neue";
	font-size: 11px;
	font-weight: lighter;
	font-variant: normal;
	color: #666;
	}
	
	#img-container p	{
	width:1200px;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
	font-family: "Helvetica Neue";
	font-size: 11px;
	font-weight: lighter;
	font-variant: normal;
	color: #333;
	}
	.nothumb img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-family: "Helvetica Neue";
	font-weight: lighter;
	font-variant: normal;
	color: #666;
	font-size: 11px;
	
}

#once { clear: left; }

/* SLIDE SHOW - Navigation */
	
	p.nav a {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
	font-family:"Helvetica Neue";
	color: #000;
	}
	
	p.nav a:hover {
	color: #949d1d;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
	
	p.nav span#num {
	letter-spacing: normal;
	font-family: "Helvetica Neue";
	font-style: normal;
	padding-left: 20px;
	color: #666;
	}
.foot	{
	color: #666;
	font-weight: normal;
	font-size: 8px;
}
a.foot:link {
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
	font-size: 8px;
} 
a.foot:visited {
	text-decoration: none;
	color: #09F;
	font-weight: normal;
} 
a.foot:hover {
	color: #09F;
	background: #ffffff;
}
a.foot:active {
	color: #09F;
}

.spusti {
	margin-top: 0px;
	border:0px;
	height:5px;
}