/* This is a style file for Pieter Eendebak */

body {
	color: black; background: #ffffff;
	font-family: Verdana, Arial, helvetica, sans-serif;
	border : #6699FF;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color : White; 
}

/* for every page we have a fixed header and footer */
.header { z-index: 10; background-color: white; margin:0px; border-style:none; position:fixed; width:100%;}
.bar { background-color: #ccccff; height: 8px; }

.menubar{ margin: 0px; padding:3px;}
.menuButton { padding: 3px; padding-left: 8px; padding-right:8px; }
.menuButton:hover {  padding: 3px; padding-left: 8px; padding-right:8px; background-color: #ececff; color: #191970; }
.footer { display:none;  z-index:5;
	margin:0; padding:0;
	padding-top: 5px;
	width: 100%; height:35px;
	position:fixed;
	left:0; right:0; bottom:0; top:auto;
	border-style: none;
	background-color : white; 
}

/* main */
#main { margin: 10px 10px 10px 20px; top: 140px; position:absolute; }
#main h1 {color: #ffA500;} /* orange */
#main h3 {color: #ffA500;} /* orange */


/* don't use default links */
a {  text-decoration: none }
a:link { color: #00008b; background: transparent } /* dark blue */
a:visited{ color: #00008b; background: transparent }
a:hover{ color: #191970; background: transparent } /* midnight blue */
a:active { color: #191970; background: transparent }

.hidden { display: none; }

/* no image borders */
img { border-style: none; }

/* Pop-up boxes */
.key {position:relative; display: block;}
.key span.word{}
.key span.pop{display:none; top:10px; left:30px; margin:2px; padding:4px; }

.key:hover span.word{z-index:1;}
.key:hover span.pop {z-index:2; display:block; position:absolute; 
color: black; background-color:white; text-decoration: none;
font-size:smaller; width:400px; text-align: justify;
border: 1px solid black; }

/* mathematical formulas inline with gifs */
.formula { border-style:none; background-color: transparent; }
.displaymath { margin-left: 20px; border-style:none; }

/* activities */
.block { margin-left: 10px; padding: 0px; border-style: none; border-width:1px; border-color: #ffeefd; }
.block:hover {  border-style: none; border-width:1px; border-color: #ffeefd; }
.subblock {margin: 13px; margin-left: 10px; padding:12px; border-style:solid; border-color: #ccccff; }