/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  /* height: 100%; */
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: url("/Content/Images/light_body.gif") repeat-x top center;
  font: 400 0.7em Tahoma, verdana, arial, sans-serif;
  line-height: 170%;
  height: 100%;  
  color: #555;
}

#loggedin
{
	width:880px;
	margin-top:-20px;
	color:#CCC;
	font-size:10px;
	float:right;
}
#loggedin a, #loggedin a:visited
{
	font-size:10px;
	color:#CCC;
	font-weight:normal;
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}

h1 {
  padding-bottom: 0.2em;
  font: 400 1.6em Tahoma, arial, sans-serif;
  color: #777;
  /*border-bottom: 5px solid #777; */
}
h1.header
{
	font-weight:normal;
	margin-top:0;
	margin-bottom:0;
	margin-left:20px;
}
h1.title1{
    color:#08558d;
}
.nieuwsHome
{
	color:#08548a;
	font-weight:bold;
}
.subtitle{
    color:#656565;
    font-weight:bold;
    margin-bottom:1em;
    display:block;
}
h2 {
  font-size: 1.2em;
  color: #586B7A;
}
h2.actueeloverzicht
{
	background:#D95B20;
	padding:0; 
	margin:0;
	height:26px;
	margin-left:11px;
    width:880px;
    float: left;
}

h2.modulesoverzicht {
	padding:0; 
	margin:0;
	background:#99090B;
	height:26px;
	margin-left:11px;
	width:880px;
	float: left;
}	
h2.mediaoverzicht {
	background:#99B839;
	padding:0; 
	margin:0;
	height:26px;
	margin-left:11px;
    width:880px;
    float: left;
}
h2.overonsoverzicht, h2.contactoverzicht
{
	background:#08548A;
	padding:0; 
	margin:0;
	height:26px;
	margin-left:11px;
    width:880px;
    float: left;
}
h2.zoekenoverzicht
{
	background:#009fd9;
	padding:0; 
	margin:0;
	height:26px;
	margin-left:11px;
    width:880px;
    float: left;	
}
h3 {
  text-transform: uppercase;
  font-size: 0.85em;
  color: #5D6F73;
}

h4 {
  font-size: 1.45em;
  background:#FFF;
  font-variant:small-caps;
}

h5 {
  font-size: 0.95em;
  font-weight:bold;
  border-bottom:1px solid #666;
}
h5.lessen
{
	border:0;
	display:block;
	color:#555;	
	vertical-align:middle;
}
h5.lessen a
{
	font-size:0.97em;
	color:#555;
}
.paginaHeader
{
	margin:0;
	padding:0;
	margin-bottom:10px;
	color:#4aa6ec;

}
.modulenaam, a.modulenaam
	{
			font-size:150%;
			text-transform: uppercase;
			padding-bottom:10px;
		/*margin-top:10px;			*/
	}

h1 a.linkmodulenaam	{
		margin:0;
		padding:0;
		margin-bottom:10px;
		padding-bottom:10px;
		color:#BDD6EA;
		font-size:0.98em;
		font-weight:normal;
		text-transform: uppercase;
}

	
	
/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}


/* Links */
a {
  text-decoration: underline;
  color: #777;
  font-size:11px;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}



/* Images */
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}

#modules_lessen .kanjerkennis, .kanjerkennis
{
	font-weight:normal;
	color:#555;
	margin-left:3px;
	margin-top:5px;
}
h5 a.kanjerkennis
{
	font-size:1.20em;
	color:#555;
	display:block;
	vertical-align:middle;
}
h5 a.kanjerkennis.kleiner
{
	font-size:1.00em;
}

/* Lists */
ol
{
	margin:0;
	padding:0;
	padding-left:23px;
}
ol li {
  font-weight: bold;
  color: #555;
}

ol li span {
  font-weight: normal;
  color: #555;
}



/* Blockquote */
blockquote {
  margin: 0;
  padding: 0 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}



/**************************************************************
   Form Elements
 **************************************************************/

form 
{
  /* float:left; OBSOLETE
  padding: 0;
  margin: 0;
  padding:0;
  position:relative;
  top:30px;*/
  
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #000;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
  cursor: pointer;
  color: #fff;
  font: 400 0.9em verdana, serif;
  padding: 2px 5px;
  float:left;
}

input.radio {
  background: none;
  border: 0px;
  width:100px;
}
input[type='radio']
{
  background: none;
  border: 0px;
  width:100px;
}




A:link 
{
	color:#000;
	font-family:Tahoma,Verdana;
	font-weight:bold;
	font-size:11px;
	text-decoration: none
	
	}
A:visited 
{
	color:#000;
	font-family:Tahoma,Verdana;
	font-weight:bold;
	font-size:11px;
	text-decoration: none
}
A:active 
{
color:#000;
	font-family:Tahoma,Verdana;
	font-weight:bold;
	font-size:11px;	
	text-decoration: none
	
	}
A:hover {font-weight:bold; text-decoration:underline;}

/* 

form elements 

*/

textarea
{
	width:450px;
	height:200px;
	vertical-align:top;
}
input[type='text'],input[type='password']
{
	background:#F1f1f1;
	border:1px #CCC solid;
	width:200px;
	/* width:455px; */
}

input[type='text'].googlePut
{
	border:1px dotted #555!important;
}
#results_013404144478622588330:-cv6osvif-8
{
	background:pink;
}

input[type='checkbox']
{
	border:0;
	background:transparent;
}

/*input[type='submit']{
	margin-bottom:20px;
	width:120px;
	background:#F1f1f1;
	border:1px #D1D1D1 solid;	
	clear:both;
	float:left;
}
*/
input[type='button']
{
	width:120px;
	background:#F1f1f1;
	border:1px #CCC solid;	
}
input.button
{
	margin-top:10px;
	display:block;
	border:1px #CCC solid;
	background:#EAEAEA;
	float:left;
	margin-left:95px;
	width:455px;
}

select
{
	border:1px #CCC solid;
	background:#EAEAEA;
	width:120px;
	font-size:11px;
}

/* einde form elements */


table tr td label
{
	display:block;
	text-align:left;
	float:left;
}

#table label
{
	width:100px;
	vertical-align:top;
}

 
#table600 label, #ModuleLessen label
{
	width:200px;
	vertical-align:top;
}
#table600 #element div label{
	width:204px;
}
#table{
	/*border-top:1px #CCC solid;	*/
	display:block;
	float:left;
	height:auto;
	position:relative; 
	padding-top:60px; 
	margin-left:20px;
	min-height:300px;
	width:100%;
}
#leftMarge
{
	margin-left:245px;
}
#table600, #ModuleLessen
{
	float:left;
	width:550px;
	padding:0;
	margin:0;
	margin-left:0px;	
	min-height:400px;
	height:100%;
	border-left:1px solid #000; 
	margin-left:-20px;
	padding-left:20px;
}

#table #bordertje{
		height:120px;
}
#table600 #element
{
	display:block;
	width:100%;
}

#table #element{
	float:left;
	margin-left:220px;
	width:600px;
}
#table #element div
{
	float:left;
	vertical-align:top;

}

#table #element input[type='submit'],#table600 #element input[type='submit']
{
	/*margin-top:35px;*/
	margin-bottom:20px;
	width:120px;
	background:#F1f1f1;
	border:1px #D1D1D1 solid;	
	float:left;
}
#table #submit{
	float:left;
	padding-left:320px;
}

#table input[type='checkbox']
{
	border:0;
	background:transparent;
}
table
{
	padding:0;
	margin:0;
	display:table;
	margin-bottom:10px; /* extra ruimte onder een table */
}
p{
	/*clear:both;*/  /* om zeker te zijn dat deze op een nieuwe regel komt */
}
div.kanjerkaart
{
	/* border:1px solid #666; */
	float:left;
	margin-left:0px;	
	margin-top:15px;
	padding:2px;	
	width:600px;
	display:block;
	border-left:1px solid #000; 
	margin-left:-20px;
	padding-left:20px;	
	min-height:400px;
	height:100%;	
}

div.oefenvraag
{
	float:left;
	margin-left:0px;	
	margin-top:15px;
	padding:2px;	
	width:580px;
	display:block;
}

tr
{
	font-family:Tahoma;
	font-size:12px;
}

td
{
	width:350px;
	text-align:center;
	vertical-align:top;
	padding-top:0;
}

td.editTD
{	
	width:30px;
	
}
img
{
	border:none 0;
}
.img
{
		padding-right:5px;
}

a.button
{
/*	clear:both; */
	float:left;
	border:1px solid #666;
	height:20px;
	text-decoration:none;
	font-family:Tahoma;
	font-size:12px;
	width:200px;
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	margin-top:10px;
	background:#f1f1f1;
}

ul li a.uitloggen
{
	position:absolute;
 top:-280px;
 right:43px;
	display:block;
	height:21px;
	color:#FFF;
	font-family:Lucida Sans,Verdana;
	font-size:11px;
	width:100px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #666;
	border-top:0;
	padding-top:6px;
	background: url("/Content/Images/submenu1.gif");
}

hr
{
	display:none;
}