/* ******************************************************* */
/* Tabblad horizontaal                                     */
/* ******************************************************* */
.tabsh, .tabsv
{
  float: left;
  width: 100%;
  border: 0px solid #cccccc;
  border-top:0px;
  margin-top: 0px;
  margin-bottom: 0px;
 
}
.tabsh.menu
{
    border: 0px solid #cccccc;

    border-bottom: 0px;
    padding-top:15px;
}


.tabsh td
{
  text-align: center;
  vertical-align: middle;
  height: 30px;
  border-right: 1px solid #cccccc;
  border-bottom: 0px solid #cccccc;
  border-top:1px solid #cccccc;
  color: #000000;
  background: #d8ecfa;
  cursor: pointer;
  font-weight: bold;
  /*border-radius: 8px 8px 0 0;*/
  font-size:12px;
}
.tabsh td:first-child
{
      border-left: 1px solid #cccccc;
    }

.tabsh td.current
{
  color: #d8007a;
  background: #fff;
  border-bottom: 0px;
}

.tabsh .panels
{
  float: left;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  padding: 5px;
  margin-bottom: 10px;
}

.tabsh .panels h2
{
  font-size: 16px;
  padding-bottom: 10px;
}

#maincontent .tabsh h2, #maincontent .tabsv h2
{
  color: #84a8ca;
}

.tabsh .panels p
{
  width: 100%;
  padding-top: 0px;
  padding-bottom: 10px;
}

.tabsh .panels img
{
  float: right;
  clear: both;
  padding-left: 20px;
  padding-bottom: 0px;
  display: none;
}

/* ******************************************************* */
/* Tabblad verticaal                                       */
/* ******************************************************* */


.tabsv .tabs
{
  float: left;
  width: 100px;
}

.tabsv .tabs ul
{
  float: left;
  width: 100px;
  height: 210px;
}

.tabsv .tabs ul li
{
  float: left;
  width: 100%;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #f2f0f0;
  border-right: 1px solid #f2f0f0;
  color: #009999;
  background: #cceff0;
  cursor: pointer;
  font-weight: bold;
}

.tabsv .tabs ul li.current
{
  color: #000;
  background: #fff;
  border-right: 0px;
}

.tabsv .panels
{
  float: left;
  width: 344px;
  /*padding: 10px;*/
 /* padding-left: 10px;*/
}

.tabsv .panels h2
{
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 10px;
}

.tabsv .panels p
{
  padding-top: 0px;
  padding-bottom: 10px;
 
}

.tabsv .panels img
{
  float: right;
  padding-left: 10px;
  padding-bottom: 0px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 0;
	height: 100%;
	background: #cceff0;
}
.jScrollPaneDrag {
	position: absolute;
	background: #00afb3 url('../images/scrollbar.gif') 50% 50% no-repeat;
	cursor: pointer;
	overflow: hidden;

}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowUp:hover {

}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;

	height: 9px;
}
a.jScrollArrowDown:hover {

}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

}

/* ******************************************************* */
/* Foto carousel                                           */
/* ******************************************************* */

.carousel
{
  visibility: hidden;
  width: 583px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.carousel ul li
{
  text-indent: 0px;
  background: none;
  list-style-type: none;
}

.jcarousel-container
{
  position: relative;
  height: 327px;
}

.jcarousel-clip
{
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.jcarousel-list
{
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 327px;
}

.jcarousel-list li,
.jcarousel-item
{
  float: left;
  list-style: none;
  width: 583px;
  height: 327px;
  cursor: pointer;
}

.jcarousel-next
{
  z-index: 3;
  display: none;
}

.jcarousel-prev
{
  z-index: 3;
  display: none;
}

.jcarousel-container-horizontal
{
  width: 583px;
  padding: 10px 0px 0px 0px;
}

.jcarousel-clip-horizontal
{
  width:  583px;
  height: 327px;
}

.jcarousel-item
{
  width: 583px;
  height: 327px;
}

.jcarousel-item-horizontal
{
  margin-right: 10px;
}

.jcarousel-item-placeholder
{
  background: #fff;
  color: #000;
}

.jcarousel-next-horizontal
{
  margin-right: 15px;
  margin-top: 140px;
  position: absolute;
  top: 10px;
  right: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: transparent url('../images/carousel_next3.png') no-repeat 0 0;
}

.jcarousel-prev-horizontal
{
  margin-left: 15px;
  margin-top: 140px;
  position: absolute;
  top: 10px;
  left: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: transparent url('../images/carousel_prev3.png') no-repeat 0 0;
}

.jcarousel-prev-disabled, .jcarousel-next-disabled
{
  cursor: default;
  background-position: -70px 0px;
}

/* ******************************************************* */
/* Column2                                                 */
/* ******************************************************* */
.column2 h3
{
  padding-top: 30px;
  line-height: 28px;
  clear: both;
}

.column2 h3 span
{
  font-size: 11px;
  font-weight: normal;
}

.column2 .divider
{
  width: 150px;
  height: 1px;
  display: block;
  clear: both;
  /*background: #000 url('../images/column2divider.gif') 0px 0px repeat-x;*/
  border-bottom: 1px dashed #faa53b;  
}

.column2 .eigenschappen, .column2 .overzicht, .column2 .cijfers
{
  padding-top: 0px;
  padding-bottom: 20px;
  float: left;
  clear: both;
}

.column2 .eigenschappen ul
{
  float: left;
  margin: 0px;
  padding: 0px;  
}

.column2 .eigenschappen li
{
  padding: 0px;
  margin: 0px;
  width: 200px;
  height: 20px;
  line-height: 19px;  
  background: none;
  text-indent: 0px;
  border-bottom: 1px dashed #faa53b;
  font-size: 12px;
  overflow: hidden;
}

.cols2 .column2 li img, .column2 .cijfers img
{
  float: none;
}

.column2 h4
{
  font-weight: bold;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
}

.column2 .overzicht p
{
  padding: 0px;
}

/* ******************************************************* */
/* Cijfers                                                 */
/* ******************************************************* */

.column2 .cijfers li
{
  text-indent: 15px;
  margin-top: 5px;
}

.column2 .cijfers li a
{
  font-size: 11px;
  display: inline;
}

.column2 .cijfers .graderow
{
  width: auto;
  clear: both;
  float: left;
}

.column2 .cijfers .gradeimages
{
  float: left;
  width: 60px;
  height: 60px;
}

.column2 .cijfers .gradelist
{
  float: left;
  width: 100px;
  padding-left: 15px;
}

.column2 .cijfers .gradelist p
{
  padding: 0px;
  padding-bottom: 4px;
  font-size: 11px;
}

.column2 .cijfers .gradelist p b
{
  font-size: 13px;
}

.column2 .infobox h3
{
  padding-top: 0px;
}

.column2 .infobox .reviewtxt
{
  float: left;
  width: 460px;
}

.column2 .infobox .reviewtxt p
{
  font-size: 11px;
  padding: 0px;
  text-indent: 16px;
  padding-bottom: 4px;
}

.column2 .infobox .divider
{
  width: auto;
}

.column2 .infobox .reviewtxt p.positiefb
{
  background: url('../images/positief.gif') 0px 0px no-repeat;
}

.column2 .infobox .reviewtxt p.negatiefb
{
  background: url('../images/negatief.gif') 0px 0px no-repeat;
}

.column2 .cijfers .grades
{
  display: none;
  float: left;
  width: 60px;
  text-align: center;
  height: 60px;
}

.column2 .cijfers .grades .gradeborder
{
  width: 58px;
  height: 3px;
  border: 1px solid #9f9f9f;
  font-size: 0px;
}

.column2 .cijfers .grades .gradecenter
{
  height: 3px;
  display: block;
  background: #bfd730;
  float: left;
  font-size: 0px;
}

.column2 .cijfers .grades .gradenumbers
{
  height: 24px;
  margin-bottom: 16px;
  margin-top: 15px;
}

.column2 .cijfers .grades .gradeSort
{
  display: none;
}

.column2 .cijfers .grades .geenBeoordeling
{
  color: #999;
  font-size: 10px;
  width: 78px;
  display: block;
  text-align: left;
}

/* ******************************************************* */
/* Vakantie cursus                                         */
/* ******************************************************* */

table.vakantiecursus
{
  float: left;
  width: 500px;
  margin-top: 10px;
  margin-bottom: 20px;
  /*background: url('../images/tbodyback.gif') 0% 100%;*/
}
table.vakantiecursus td , table.vakantiecursus th{

border-bottom:1px dotted #00A1E1;

}
table.vakantiecursus tr:last-child td
{
 
    }
    
 table.vakantiecursus tfoot tr:last-child td,table.vakantiecursus tr td table tr:last-child td
{
    border:0px;
    }   
table.vakantiecursus tr:last-child td table td
{
    border-bottom:1px dotted #00A1E1;
    }
table.vakantiecursus .col1
{
  width: 70px;
  text-align: center;
}

table.vakantiecursus .col2
{
  width: 120px;
  text-align: left;
  text-indent: 10px;
  background-color:#eeeeee;
}

table.vakantiecursus .col3
{
  width: 120px;
  text-align: left;
  text-indent: 10px;
}

table.vakantiecursus .col4
{
  width: 150px;
  text-align: left;
  text-indent: 10px;
    background-color:#eeeeee;
}

table.vakantiecursus thead th
{
  height: 32px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
}

table.vakantiecursus tr
{
  cursor: default;
}

table.vakantiecursus td
{
  height: 40px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: normal;
}

table.vakantiecursus tfoot td
{
  height: 40px;
  vertical-align: middle;
  background: url('../images/tfootback.gif');
}

table.vakantiecursus tfoot td input
{
  width: 79px;
  height: 30px;
  background: url('../images/nuboekengrijs.gif');
  padding: 0px;
  margin: 0px;
  border: 0px;
  cursor: default;
}

table.vakantiecursus .hover
{
  /*background: url('../images/tablehover.gif');*/
  background-color: #d8ecfa;
  cursor: pointer;
}

table.vakantiecursus .active
{
  background: #00afb4;
   background-color: #d8ecfa;
}

table.vakantiecursus a.info
{
  text-decoration: none;
  font-weight: normal;
  color: #000;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  background: url('../images/info.gif') 100% 0% no-repeat;
  margin-right: 10px;
  cursor: pointer;
  width: 140px;
  vertical-align: middle;
  display: block;
}

table.vakantiecursus .cursus a.info
{
  text-decoration: none;
  font-weight: normal;
  color: #000;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  background: url('../images/info.gif') 100% 0% no-repeat;
  margin-right: 10px;
  cursor: pointer;
  width: 80px;
  vertical-align: middle;
  display: block;
}

table.vakantiecursus .cursus
{
  height: 40px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

table.vakantiecursus .cursus label
{
  cursor: pointer;
}

table.vakantiecursus .cursus thead th
{
  height: 40px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

table.vakantiecursus .cursus tbody td
{
  height: 40px;
  vertical-align: middle;
  font-size: 12px;
 /* background: url('../images/tableborderw.gif') 0% 0% repeat-x;*/
}

table.vakantiecursus .ccol
{
  background-color: #fff;
}

table.vakantiecursus .cursus .ccol1
{
  width: 180px;
  text-align: left;
  background-color: #cceff0;
  background-color: #D8ECFA;
  text-indent: 10px;
}

table.vakantiecursus .cursus .ccol2
{
  width: 120px;
  text-align: left;
  text-indent: 10px;
  background-color: #cceff0;
   background-color: #D8ECFA;
}

table.vakantiecursus .cursus .ccol3
{
  width: 90px;
  text-align: left;
  text-indent: 8px;
  background-color: #cceff0;
   background-color: #D8ECFA;
}

table.vakantiecursus .cursus input
{
  margin-right: 6px;
  vertical-align: middle;
}

table.vakantiecursus tr.hidden
{
  display: none;
}

#ctl00_programma .tabs
{
  display: none;
}

#ctl00_programma .panels h2
{
  display: none;
}

#ctl00_programma .panels
{
  padding: 5px;
  border-bottom: 1px solid #cccccc;  
  border-left: 1px solid #cccccc;  
  border-right: 1px solid #cccccc;
  width: 488px;
}
.tabs
{
    display:none;
    }
    
 #ctl00_inleiding
 {
  /*
  border-bottom: 1px solid #cccccc;  
  border-left: 1px solid #cccccc;  
  border-right: 1px solid #cccccc;
  */
  padding-top: 5px;
  font-weight: bold;
     }
     
a.naarboven
{
display:none;
}