/* Stylesheet sterren voor de klas, algemeen
 * Version: $Id: site.css,v 1.7 2010/12/15 13:46:54 telnotap Exp $
 */
body {
  background-color: white;
	text-align: center;
	margin: 0px;
}

/* WRAPPER */
div#wrapper {
	width: 1024px;
	height: 725px;
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px solid #24209d;
}

div#leftWrapper {
	width: 750px;
	float: left;
}

div#leftBottomWrapper {
	width: 750px;
	clear: both;
}

/* COLUMNS */
div#leftTopColumn {
	width: 263px;
	height: 430px;
	margin-top: 10px;
	float: left;
}

div#centerTopColumn {
	width: 483px;
	height: 430px;
	float: left;
}

div#leftBottomColumn {
	width: 309px;
	height: 268px;
	float: left;
}

div#centerBottomColumn {
	width: 410px;
	float: left;
}

div#rightColumn {
	width: 274px;
	float: left;
}

/* LOGO */
div#logo {
	background: url(../gfx/logo.jpg) top left no-repeat;
	width: 263px;
	height: 194px;
}

/* EPISODES */
div#episodes {
	margin-left: 10px;
	background: url(../gfx/paper_left_background.jpg) top left no-repeat;
	width: 236px;
	height: 233px;
	padding-left: 10px;
	padding-top: 10px;
	
	font-family: serif;
}

img#episodesTilte {
	width: 219px;
	height: 30px;
}

div#episodes ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
}

div#episodes li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	padding-top: 9px;
	height: 51px;
	margin-bottom: 3px;
	font-size: 0.65em;
	font-family: Verdana, sans-serif, Arial;
	font-weight: bold;
}

div#episodes li a {
	text-decoration: underline;
}

div#episodes li p {
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	margin-top: 3px;
}

.linkActive {
	background: url(../gfx/icon_episodes_long.jpg) top left no-repeat;
}

.linkInActive {
	background: url(../gfx/icon_episodes_long.jpg) bottom left no-repeat;
	color: #adad8b;
}

.linkRollover {
	background: url(../gfx/icon_episodes_long.jpg) center left no-repeat;
}

.textActive {
	color: #000000;
}

.textRollover {
	color: #24209d;
}

/* QUIZ */
div#quiz {
	width: 274px;
	height: 345px;
	background: url(../gfx/paper_right_background.jpg) top left no-repeat;
	padding-top: 37px;
	padding-left: 20px;
}

div#quiz p {
	width: 215px;
	font-size: 0.75em;
	font-family: Verdana, sans-serif, Arial;
}

img#quizTitle {
	width: 202px;
	height: 22px;
}

div#startBtn {
	margin-left: 60px;
	margin-top: 20px;
	border: 0px;
	width: 103px;
	height: 28px;
	cursor: pointer;
}

.startBtnOff {
	background: url(../gfx/start_btn_hover.gif) bottom left no-repeat;
}

.startBtnOn {
	background: url(../gfx/start_btn_hover.gif) top left no-repeat;
}

/* LINKS */
div#links {
	width: 251px;
	height: 224px;
	margin-left: 5px;
	margin-top: -37px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 16px;
	background: url(../gfx/paper_right_yellow_background.jpg) top left no-repeat;
}

div#links ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
}

div#links li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-bottom: 8px;
	height: 10px;
	
	font-size: 0.65em;
	font-family: Verdana, sans-serif, Arial;
	font-weight: bold;
	background: url(../gfx/icon_links.jpg) top left no-repeat;
}

div#links a {
	text-decoration: underline;
	color: #000000;
}

div#links a:hover {
	color: #24209d;
}

img#linksTitle {
	width: 232px;
	height: 22px;
}

/* QUOTES */
div#quotes {
	width: 309px;
	height: 268px;
	margin-left: 10px;
	margin-top: 10px;
	background: url(../gfx/paper_left_big_background.jpg) top left no-repeat;
}

/* WHO IS THE TEACHER */
div#teacher {
	width: 410px;
	height: 300px;
	margin-left: 18px;
	margin-top: 12.5px;
	font-size: 0.8em;
	font-family: Verdana, sans-serif, Arial;
}

img#teacherTitle {
	width: 329px;
	height: 29px;
}

.ata {
	color: #24209d;
	font-weight: bold;
}

div#teacher a {
	margin-left: 8px;
	text-decoration: underline;
	font-size: 1.5em;
	color: #FF0000;
}

div#teacher a:hover {
	color: #24209d;
}

div#teacher a.blackLink {
	color: black;	
	font-size: 1em;
	padding: 0px;
	margin: 0px;
}

div#teacher a.blackLink:hover {
	color: #24209d;
}

/* ANIMATION */
div#animaton {
	width: 260px;
	padding-top:40px;
}