/* BEGIN SCHIKKING */

		body
{
	margin: 0px;
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 0px;
	background-color: #FAFBEC;
	font-family: Verdana, Arial;
	font-size: 8pt;
	font-size: 0.9em;
	
}

.breker{clear:both; visibility: hidden;}

body.overons
{
text-align:justify;
}
		#container
{
	font-family: Verdana, Arial;
	border-style: none;
	border-width: 0px;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
	color: #666666;
}
			
		#container td{border-collapse:collapse}
		#container tr{border-collapse:collapse}
		
		#container  #top 
		{
			height:89px;
			background-image:url('/images/segment2b.jpg');
			background-repeat:no-repeat; 
			padding-right:1em;
			padding-top:1em;

		}
		#container #linksbeneden
		{
			/*background-image:url('/images/segment6.jpg');
			background-repeat:no-repeat;
			background-position:bottom;*/
			background-color: #b9D300;
		}
			
		#container #content {
			
			background-color:#FAFBEC;
			min-height:410px;
			height: auto !important;
			height: 410px;
			max-width: 65em;
			padding:1em;
		}
		
		
		td#left 
		{
			position:relative;
			width:196px;
			background-color: #b9D300;
			text-align:right;
			padding:0px;
		}

	
		
		#container #bottom
		{
			
			height:113px;
			background-image:url('/images/segment9repeatb.jpg');
			background-repeat:repeat-x;
			background-position:bottom;
			vertical-align:bottom;
			padding-bottom:40px;
		}
		




#container{background-image:url('/images/topstretchb.jpg');
			background-repeat:repeat-x;}
			


#left ul
{
	
	list-style: none;
	padding: 0;
	text-align:right;

}

#left li
{
	
	width:147px;
	text-align:right;
	list-style: none;
	border:solid 1px white;
	border-right-style:none;  
	border-right-width:0px;
	margin-bottom:1em;
	padding: 0px;
	float:right;


}
ul.contact img{float:left}
ul.contact div{padding-left:60px}
ul.contact li{margin-bottom:1em; list-style: none;}
ul.contact li li{margin-bottom:0em;list-style: circle;}


a:link, .looklikelink{text-decoration: none;color:#b9D300;font-weight:bold }

a:visited{text-decoration: none;color:#b9D300;font-weight:bold}

a:hover[href], .looklikelink:hover{text-decoration: underline;color:#b9D300;font-weight:bold; cursor:pointer}


#footer a:link{text-decoration: none;color:#666666;font-weight:normal}

#footer a:visited{text-decoration: none;color:#666666;font-weight:normal}

#footer a:hover{text-decoration: underline;color:#666666;font-weight:normal}

#left li a
{
	font-weight:bold;
	text-align:right;
	color:#F1F2C5;
	text-decoration: none;
	padding: 0.15em 0 0.15em 0;
	display: block;
	width:100%
}

#left .current
{
	font-weight:bold;
	color: #b9D300;
	background: #F1F2C5;
	text-decoration: none;
	padding: 0.15em 0em 0.15em 0;
	display: block;

}

#left li a:hover 
{
	font-weight:bold;
	color: #b9d300;
	background: #F1F2C5;
	text-decoration: none;

}




#content h2, .cursuscontainer .titelpagina { margin: 0;color:#666666;font-family:Verdana }
#content h3 { margin: 0;}
#content h2.kopje{ margin: 0; float:left; color:#666666}
#bovenaan{padding-bottom:2em; clear:right; margin-bottom:1em; }

#top #login{float:right;
			color:black;
			text-align:right;
}

h2 a:link{color:#666666; }
h2  a:visited{color:#666666;}
h2  a:hover{color:#666666;}



/* EINDE SCHIKKING */




#top h1
{
padding: 0;
margin: 0;
color:White;
float:left;
}

#content h1
{
	margin:0px;
}

#content h4
{
	margin:0 0 0.2em 0;
	color:#666666;
}



td{vertical-align:top; font-size: 0.9em;}
.foutboodschap{color:red; font-style:italic; font-size:9pt }
img{border:none}

.knopje {cursor:pointer}

.verdeling{float:left;}
.naverdeel{border:solid 1px  #B9D300;margin-right:1em;}
.deel{float:left;}

#inhoud, #inhoud ul{margin-left:2.3em; list-style-type:square; font-size:8pt }
html>body #inhoud, #inhoud ul{padding-left:0em;margin-left:2em; list-style-type:square;}
li#indiv{width:28em;float:left;list-style-type:square;}
li#indiv li{padding-top:0.5em}
li#team li{padding-top:0.5em}
li#team{width:28em;float:left;list-style-type:square;}
#inhoud li h2, #inhoud li h3{display:inline;margin-top:0em; margin-bottom:0em; padding-top:0em; padding-bottom:0em}

li.folder{padding-top:0.5em}
li.folder img{vertical-align:middle}


.kalenderhouder{float: left;margin-bottom:1em; width:200px}
.kalender{width:200px }
.kalender .dag {float:left; width:20px; height:20px; text-align:center;  vertical-align:middle; }
.kalender .maandtekst{float:left; width:100px; height:20px; text-align:center; vertical-align:bottom }
.week { height:22px }
.kalender .hoofding {height:20px;}
.kalender .dag .kop{height:20px; vertical-align:middle; font-size:small; padding-top:2px ;cursor:pointer }
.uren{float: left;clear: both}
.plaatshouder{float: left;}


tr.hoofd td{background-color:#B9D300}
.cursus td.datum, .cursus td.titel,.cursus td.status{height:2em; vertical-align:middle; cursor:pointer;}
.cursus td.titel{width:75%}
.cursus td.datum{width:10%}

.cursuscontainer{margin-right:1em; border:solid 1px black;}


.cursuscontainer .hoofd, .cursuscontainervast .hoofd{padding:1em}
.cursuscontainer .datum, .cursuscontainervast .datumvast{float:left; width:7em;}
.cursuscontainer .datum{cursor:pointer;}

.cursuscontainer .titel{float:left; max-width:70em; cursor:pointer;
	width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "70em":
        "auto" );
}

.cursuscontainervast .titelvast{float:left; font-size:1.3em}
	
.cursuscontainer .titel{cursor:pointer}

.cursuscontainer .status, .cursuscontainervast .statusvast{clear:right; text-align:right;}
.cursuscontainer .status{cursor:pointer}

.cursuscontainer .info, .cursuscontainervast .info{ padding:1em; text-align:justify;padding-right:3em;}
.cursuscontainer .info{border-top:solid 1px black;}

.cursuscontainer .lesgever, .cursuscontainervast .lesgever{ border-top:solid 1px black; padding:0.5em 1em;}
.cursuscontainer .doelpubliek li, .cursuscontainervast .doelpubliek li{padding-left: 0em;padding-bottom:0;list-style-type:square; }
.cursuscontainer .doelpubliek ul, .cursuscontainervast .doelpubliek ul{padding-left:1.6em;margin:0; }

.xtrainfo{overflow:hidden;border-bottom:solid 1px black;border-left:solid 1px black;border-right:solid 1px black; }
.plaatsmaker{width:100px; float:left}

#aantalmetprijs{width:300px;float:left; }



#status{color:White; right:5px;position:fixed; top:10px;background-color:#b9D300; padding:5px; font-weight:bold; display:none; height:15px}
#specialstatus{color:Navy; background-color:white; right:1px;position:fixed; top:90px;}

    div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style: none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected
{
	background-color: #B9D300;
	cursor:default;
	color:Black;
}
    div.autocomplete ul li 
    {
		color:Black;
      list-style: none;
		display:block;
		border-top:solid 1px black;
      margin:0;
      padding:2px;
   
    }

.informal{font-size:smaller; }
 .nadruk{font-weight:bold; }
 .plaatsbaar{}
 
#sleepcontainer{width:100%; height:100%;clear:right }
#leerkrachtencontainer, #wwcontainer, #cursuscontainer {width:22em;float:left;margin-right:10px}
 #cursuscontainer 
 {width:35em;}
#leerkrachtenlijst, #leerkrachtenopsleep, #cursusopsleep, #wachtlijst, #cursuslijst {padding:1em;border:solid 1px  #B9D300; width:20em;height:100%}
#cursusopsleep, #cursuslijst{width:32em}

#lijstcontainer, #keuscontainer{float:left;margin-left:0.5em}
.leerkrachtversleep, .cursusversleep{cursor: move;padding:0.2em;clear:both;display:block; margin-bottom:2em; background-color:Transparent}
.cursusversleep{margin-bottom:0.5em;}
.leerkrachtstatus{float:right; }
.leerkrachtgegevens{float:left}

.keuzeblok{padding:0.9em 0 0 0.7em; border:solid 1px  #B9D300; margin-bottom:0.3em; width:100%;}

#wwcontainer{padding:0.7em;border:solid 1px  #B9D300; }
.wwversleep{padding:0.1em;border:solid 1px  #B9D300;margin-bottom:0.1em; cursor: move}
#keuscontainer{width:32em;}
.keuzecel, .gekozencell{padding:0.5em;}
.gekozencell{background-color:#B9D300}
.gekozendiv{background-color:#B9D300}
td.leerkrachtnaam{vertical-align:middle}
	
img{border-width:0px}

#nieuws1,#nieuws2,#registreer,#inloggen, .indexkot
{
	padding:0.5em;
	border:solid 1px #b9d300;
	min-width:350px;
	width:40%;
	
	margin-bottom:0.8em;
}
#nieuws1,#nieuws2
{
	margin-right:0.5em;
	float:left
}

#nieuws1
{
	padding-top:1.5em;
	width:50%;
}

#registreer,#inloggen, .indexkot
{
	float:left;
}

.etiket{border:solid 1px black; padding:1em;}

#tabmenu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#tabmenu ul, #tabmenu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#tabmenu a:link, #tabmenu a:visited	{
	background : #b9d300;
	border : 1px solid #ccc;
	color : white;
	float : left;
	font-size : small;
	font-weight : bold;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#tabmenu a:link.active, #tabmenu a:visited.active	{
	background-color:Transparent ;
	border-bottom : 1px solid #fff;
	color : #000;
}

#tabmenu a:hover	{
	text-decoration : underline;
}

body.mijnmain #tabmenu li#nav-1 a, 
body.mijnandere #tabmenu li#nav-2 a,
body.mijnsyllabi #tabmenu li#nav-3 a,
body.mijnevals #tabmenu li#nav-4 a,
body.mijnattesten #tabmenu li#nav-5 a{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
	font-weight:normal;
}


#datumplaatsenhouder hr{	clear: both;
			visibility: hidden;
			display: none;
}

#loginfo{display:block}

div{font-size:8pt}
td{font-size:8pt}

.raster td{border-width:0px 0px 1px 0px; border-style:solid;border-color:#666666; border-collapse:	collapse;}
table.lijntjes {border-width:1px; border-style:solid;border-color:#666666; border-collapse:collapse;}
table.lijntjes td{border-width:1px; border-style:solid;border-color:#666666; }
.antwoord{margin-left:20px}

td.subtot{vertical-align:middle; text-align: center}
thead{font-weight: bold}



/* nieuwe toestanden*/
ul#eval, ul#keuze {
   list-style: none none;
   margin: 0;
   padding: 0;}
   
ul#eval li, ul#keuze li {
  border: 1px solid;
  margin: 0.4em;
  padding: 0.3em;
 }
 

 
 .sortable{ cursor: move;}
 
 .sortable span{font-weight:bold}
 
 #selectie, #alles {
	float: left;
	margin: 0;
	padding: 0;
	width: 47%;
}

#alles{margin-left:2em}
 
 div.evalhouder{margin-bottom:1em;}
 div.evalhouder div.slider{width:300px; margin:5px; height:15px; position: relative;  float:left; background-image:url("/images/gradient.png") }
 div.evalhouder img{margin:5px 0 5px 0; float:left}
.evalbeschrijving{margin:6px 0px 0px 5px; float:left }
 div.evalhouder input{margin:2px 15px 5px 0; float:left}
 div.evalhouder div.slider div.handle{ width:10px; height:15px; background-color:#666666; cursor:move; position: absolute;}
 
 
 
ul.onderdeel_tabs {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:20px;
	clear:both;
}

ul.onderdeel_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
	background : #b9d300;
	color:white;
}

ul.onderdeel_tabs li.tab a {
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	color:#fff;	
	font-size:1.3em;
}


ul.onderdeel_tabs li.tab a.active {
	background-color:#ffffff;
	color:#666666;
}