/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(http://www.maartenheijkamp.nl/files/bg-all.jpg);
	background-attachment: fixed; /*belangrijk ivm scrollen*/
	background-repeat: no-repeat;
		
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

	a:link {text-decoration: none; color: #999999;}
	a:active {text-decoration: none;}
	a:visited {text-decoration: none; color: #999999;}
	a:visited:hover {color: #3299FF;}
	a:hover {color: #3299FF;}

	a.pagetitle:link {text-decoration: none; color: #000000;}
	a.pagetitle:active {text-decoration: none;}
	a.pagetitle:visited {text-decoration: none; color: #000000;}
	a.pagetitle:visited:hover {color: #3299FF;}
	a.pagetitle:hover {color: #3299FF;}
	
	a img { border: none; }

#menu {
	width: 215px;
	overflow: visible;
	top: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	height: 100%;
	
	/* menu background image: heb ik uitgezet ivm exhibit background die ik ook achter het menu wil */
	
	/* background-image:url(http://www.maartenheijkamp.nl/files/bg-menu.jpg); */
	/* moet ingevoegd worden; als je dit niet doet en je zet in een exhibit een BG img dan wordt de menuBG wit*/
	/* background-attachment: fixed; /*belangrijk ivm scrollen*/
	/* background-repeat: no-repeat; 
	/* float: left; volgens de volgende scroll hack zoals op http://www.indexhibit.org/forum/thread/1835/ moet ik die invoegen maar ik zie geen verschil dus; uit */
}

#menu ul {
	list-style: none;
	padding: 5px;
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
}

#menu ul li.section-title {
	/* Toegevoegd aan eriks ontwerp; font size*/
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
}

/* definieert witte blok achter tekst (en vast nog meer) */
#content {
	height: 100%;
	width: 770px;
	margin: 0 0 0 215px;
	/* UIT want ik zie geen verschil: top: 0;*/
	background-color: #FFFFFF;
	/* float: left; volgens de volgende scroll hack zoals op http://www.indexhibit.org/forum/thread/1835/ moet ik die invoegen maar ik zie geen verschil dus; uit */
}

.container {
	padding: 10px 10px 10px 10px;
}

/* definieert tekst in exhibit */
#content p { 
	width: 750px;
	margin-bottom: 10px;
}

/* als de "margin-bottom: 10px" in "#content p" aanstaat overruled hij onderstaande ;*/
p {
	margin: 0 0 10px 0;
}

hr {
border: 0;
color: #cccccc;
background-color: #cccccc;
height: 1px;
width: 100%;
text-align: left;
}

h1 { 
	font-size: 21px; 
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #ffffff;
}

h2 { font-size: 14px; font-weight: bold; margin-bottom: 5px;}
h3 {font-size: 12px; font-weight: bold;}
h4 { font-size: 12px; font-style: italic; font-weight: normal; margin-top: -5px; margin-bottom: 10px; }

#img-container	{margin: 0; padding: 0; }
#img-container p  { width: 750px; margin: 0; padding: 0; }

#once { clear: left; }