/* Padding nullification */
html{
	height: 100%;
}
html, body, h3, p, input, div, img	{
	padding: 	0px 0px 0px 0px;
	margin:		0px 0px 0px 0px;
}

/* Global definitions */
body{
	background: #FFFFFF;
}
body, td	{
	text-align: 	center;
	font-size:		11px;
	font-family:	Verdana;
	line-height:	17px;
	height: 100%;
}

#colofon td {
text-align: 	left;
}

h3, h3.form	{
	font-size:		100%;	
}

h3.form	{
	font-weight:	normal;
	margin-left:	8px;
}

img {
/*	display:	block; */
	border:		0px;
}

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


.leerjaar{
	width:140px; float:left;
}
.leerjaar img{
	margin-bottom:6px;
}
.leerdoc{
	display:block; float:left; width: 250px;
}
.login{
	position:relative !important; top:-23px !important; left:480px !important; height:140px !important; width:230px !important; background: url(../images/loginscreen.gif) no-repeat !important;
}
.logpad{
	position:relative; top:70px; left:20px;
}
.logbut{
	width:37px;height:37px;position:relative;left:184px; top: 14px; _top:12px !important;
}
a.clean{
	background: none !important; padding: 0 !important;
}
ul.faq {
	background: none; list-style: decimal; padding: 0; margin: 2em 0 4em 24px;
}
ul.faq li {
	margin: 3px 0;
}
ul.faq li a{
	background: none !important; padding: 0 !important; text-decoration: none !important;
}
ul.faq li a:hover{
	text-decoration: underline !important;
}
/* Main Layout Containers */
#mainContainer {
	margin: 		auto;
	text-align:		left;
	width:			741px;
	background-image: 	url(../images/main_background.gif);
	background-repeat: 	no-repeat;
	height: 522px;
}

#colofon #mainContainer {
	background-image: 	none;
}

#contentContainer {
	position:	 absolute;
	top:			233px;
	width:			740px;
	height:			auto;
	padding-left:	20px;
}

#colofon #contentContainer {
	top:			73px;
	background-image: 	url(../images/colofon_background.gif);
	background-repeat: 	repeat-y;
	padding-bottom: 0px;
}

#docenten #contentContainer {
	position:		absolute;
	top:			233px;
	width:			740px;
	height:			300px;
	margin-left:	20px;
}

#header	{
	height:			49px;
	padding-left:	20px;
	padding-top:	8px;
	padding-right:	21px;
	
	background-image:	url(../images/main_header.gif);	
	background-repeat:	no-repeat;
}

#colofon #header	{
	background-image:	url(../images/colofon_header.gif);	
	background-repeat:	no-repeat;
}

#homebutton {
	float: right;
}

#visualContainer{
	height:	223px;
	background-image: url(../images/main_visual1.gif);	
	background-repeat: no-repeat;
}

#colofon #visualContainer{
	height:	73px;
	background-image: url(../images/colofon_background.gif);	
	background-repeat: repeat-y;
}

#contentLeft, #contentRight, #over_contentLeft{
	float: left;
	height: 188px;
}

#contentLeft {
	width:			441px;
	padding-top:	7px;
	overflow: 		hidden;
	background-image:	url(../images/main_content_bg.gif);
	background-repeat: 	no-repeat;
}

#colofon #contentLeft {
	width:	441px;
	height: auto;
	padding-top: 0px;
	background-image:	url(../images/colofon_content_bg.gif);
	background-repeat: 	repeat-y;
}
#colofon.oranje #contentLeft {
	width:	441px;
	height: auto;
	padding-top: 0px;
	background-image:	url(../images/oranje_content_bg.gif);
	background-repeat: 	repeat-y;
}
#colofon.blauw #contentLeft {
	width:	441px;
	height: auto;
	padding-top: 0px;
	background-image:	url(../images/blauw_content_bg.gif);
	background-repeat: 	repeat-y;
}

#colofon.donkergroen #contentLeft {
	width:	441px;
	height: auto;
	padding-top: 0px;
	background-image:	url(../images/donkergroen_content_bg.gif);
	background-repeat: 	repeat-y;
}

#groen #contentLeft {
	background-image:	url(../images/docenten_content_bg_intro.gif);
	background-repeat: 	no-repeat;
}

#blauw #contentLeft {
	background-image:	url(../images/docenten_content_bg_hv.gif);
	background-repeat: 	no-repeat;
}

#oranje #contentLeft {
	background-image:	url(../images/docenten_content_bg_gt.gif);
	background-repeat: 	no-repeat;
}

#donkergroen #contentLeft {
	background-image:	url(../images/docenten_content_bg_gt.gif);
	background-repeat: 	no-repeat;
}

#over #contentLeft{
  height: 441px;
	background-image:	url(../images/over_content_bg.gif);
}

.alignRight{
	text-align:	right;
}

.smallContent, .largeContent{
	text-align:		left;
	margin-right:	40px;
}
.smallContent{	
	margin-left:	auto;
	width:			280px;
}

.largeContent{
	margin-left:	17px;
	width:			395px;
}

#contentRight{
	width:			228px;
	margin-left: 	20px;
}

#contentRight img{
	display:		block;
	border:			0px;
}

#contentRight img.top{
	margin-bottom:	12px;	
}
.toplogo{
	float: right; position: absolute; right: 50px; top: 30px;
}
/* pri */
body#colofon #contentContainer {
	position:	 	relative;
	top:				0px;
	width:			740px;
	min-height: 100%;
	padding: 0 0 20px 20px;
}


body#colofon #footerContainer{
	margin: -220px 0 0  -275px;
	display: block;
	clear: both;
}

body#colofon #scooterRight	{
	top:		-60px;
	right:		554px;
	width: 225px;
	display: block;
}
/* end */

#footerContainer{
	position: 		relative;
	top:			290px;
	text-align:		center;
}

#footerContainer img{
	display:		block;
	margin:			auto;
	border:			none;
}

.inputContainer{
	padding-left:		8px;
	margin-bottom:		0px;
	height:				18px;
	width:				179px;
	background-image:	url(../images/main_input_bg.gif);
	background-repeat:	no-repeat;	
}

.okBtn{
	position: 	absolute;
	top:		102px;
	left:		665px;
}

.leftBottom	{
	position:	relative;	
	left:		-91px;
	top: 		-39px;
	width:		194px;
}

.rightBottom	{
	position:	relative;	
	left:		482px;
	top: 		-233px;
	width:		240px;
}
#scooterRight	{
	position:	relative;
	top:		-75px;
	left:		554px;
	width: 225px;
	display: block;
}

#docentLogin	{
	height:			139px;
	width:			240px;
	padding-top:	47px;
	padding-left:	18px;
	background-image:	url(../images/docent_login.gif);
	background-repeat:	no-repeat;
}

#docentLogin img{
	display:	block;
	cursor:		hand;
	cursor:		pointer;
	position: 	relative;
}



/* ContentLeft */
#contentLeft a{
	text-decoration:	underline;
	color:				black;
	background-image:	url(../images/arrow_black_green.gif);
	background-repeat:	no-repeat;
	padding-left:		22px;
}

#intro {
  margin-left: 15px;
  width: 410px;
}
#audiofilesContainer,
#yearLevelsContainer,
#webquestsContainer {
  float: left;
}
#audiofilesContainer {
	width: 400px;
}
#yearLevelsContainer {
  width: 260px;
}
#webquestsContainer {
  width: 150px;
}
#yearLevelsContainer span,
#webquestsContainer span {
  clear: left;
}
.clearAudio {
  display:block;
  clear: both;
}
.yearLevels,
.yearLevels li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.yearLevels {
  float: left;
  width: 86px;
}
#audiofilesContainer .yearLevels {
  width: 125px;
}
#webquestsContainer .yearLevels {
  width: 150px;
}

#contentLeft td a{
	text-decoration:	underline;
	color:				black;
	background-image:	none;
	padding-left: 0px;
}

.groen #contentLeft a{
	background-image:	url(../images/arrow_black_lightgreen.gif);
	background-repeat:	no-repeat;
}

.groen #contentLeft a.regular-link {
  padding-left: 0;
	background: none;
}

.blauw #contentLeft a{
	background-image:	url(../images/arrow_black_blue.gif);
	background-repeat:	no-repeat;
}

.oranje #contentLeft a{
	background-image:	url(../images/arrow_black_orange.gif);
	background-repeat:	no-repeat;
}

#contentLeft p{
	margin-bottom:	6px;
}

.contentBottom img {
  display: block;
  clear: both;
}

#TabBladen {
	width: 441px;
	padding: 0px;
	margin:	 0px;
} 
#TabBladenHigh {
	width: 441px;
	padding: 0px;
	margin:	 0px;
	position: relative;
	top: 10px;
} 

#contentLeft #TabBladen a { 
	background:		none;
	padding-left:	0px;
} 

/* Inputs */

input{
	border: 0px solid #FFFFFF;
	width:	162px;
	height:	18px;
}

/* IE5 Mac test */

#pagetitle{
	float: left;
}


/* Banner */
#banner {
  margin-top: -64px;
  display: block;
  text-align: center;
}
/* end Banner*/


.blauw #contentLeft .leerdocs-teachers ul,
.blauw #contentLeft .leerdocs-teachers li {
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
}
.blauw #contentLeft .leerdocs-teachers ul {
  margin: 1em 0;
}
.blauw #contentLeft .leerdocs-teachers li a {
  margin: 0;
  padding: 0;
  background: none;
}