@import url("/i/css/ISB_blauw.css");

body {
	/*background-image: url(/i/gradientAchtergrond.jpg);
	background-repeat: repeat-y;*/
	background-color: white;
	background-image: none;
  font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333366;
	text-decoration: none;
}

.logout_img {
   height: 32px;
   width: 32px;
	 background-repeat: no-repeat;
	 background-image: url(/i/ischool_door.png);
	 cursor: pointer;
}

.pwd_img {
   height: 32px;
   width: 32px;
	 background-repeat: no-repeat;
	 background-image: url(/i/ischool_key.png);
	 cursor: pointer;
}

.switch_img {
   height: 32px;
   width: 32px;
	 background-repeat: no-repeat;
	 background-image: url(/i/ischool_cycle.png);
	 cursor: pointer;
}

.banner{
	/*background-image: url(/i/ischool_banner.png);*/
	/*background-attachment:fixed;*/
  background-position: 50% 0%; 
  background-repeat: no-repeat;
	vertical-align: bottom;
}

.menu{
	border-top:2px solid white;
	line-height:30px;
	height: 30px;
  background: #2F71BE;
}

.titel {
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
	font-size: 16px;
  text-align:center;
}

.regionTitle{
	font-size: 15px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF; /*000066;*/
	text-decoration: none;
	padding-left: 0px;
	margin-top: 0px;
  text-align:left;
	background-color: #2F71BE; /*C1D6FF;*/
}

input, select, textarea{
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
}

a:link, a:visited, a:active, a:hover{
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.a_div a:link, 
.a_div a:visited,
.a_div a:active,
.a_div a:hover{
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333333;
}


.label {
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
}

label {
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
}

.labelWSL {
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
}


.popupRegion {
	position:absolute;
	visibility:hidden;
	background-color:#FFFFFF;
	border:1px solid #333366;
}

/*  **************************************************    
               Algemene settings voor het menu
    **************************************************    */
.ddsmoothmenu{
  font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #2F99CB; /*background of menu bar (default state)*/
}

.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	background: #2F99CB; /*background of menu items (default state)*/
	color: white;
	padding: 6px 10px 5px 10px;
	border-right: 1px solid white;
	color: #2d2b2b;
	text-decoration: none;
}

.ddsmoothmenu ul li a:link, a:visited, a:active, a:hover{
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
}
	
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: white;
}

.ddsmoothmenu ul li a:hover{
	background: #A88CBD; /*background of menu items during onmouseover (hover state)*/
	color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a, .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a:visited{
	margin:0;
	/*padding:8px 10px;*/
	padding:8px 20px 8px 10px;
	white-space:nowrap;
	width:100%;
	border-top:1px solid white;
	border-bottom:1px solid gray;
	border-left:1px solid white;
	border-right:1px solid gray;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 10px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 10Px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
}
/*  **************************************************    
               Kleursettings voor het menu
    **************************************************    */
    
.ddsmoothmenu{
   background: #2F71BE; /*background of menu bar (default state)*/
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	background: #2F71BE;
	color: white;
}

.ddsmoothmenu ul li a:hover{
  background-color: #C9C1FF; /*#A2D12C; /*background of menu items during onmouseover (hover state) A88CBD*/
  color: #2E0066;
} 

/*  **************************************************    
                 Einde menusettings
    **************************************************    */
    
.popupLink a:link{
	font-weight: bold;
	font-variant: normal;
	color: #333366;
	padding-left: 10px;
	margin-top: 20px;
	background-repeat: norepeat;
  text-decoration: none;
}

.popupLink a:visited{
	font-weight: bold;
	font-variant: normal;
	color: #333366;
	padding-left: 10px;
	margin-top: 20px;
	background-repeat: norepeat;
  text-decoration: none;
}

.popupLink a:active{
	font-weight: bold;
	font-variant: normal;
	color: #333366;
	padding-left: 10px;
	margin-top: 20px;
	background-repeat: norepeat;
  text-decoration: none;
}

.popupLink a:hover{
	font-weight: bold;
	font-variant: normal;
	color: #333366;
	padding-left: 10px;
	margin-top: 20px;
	background-repeat: norepeat;
  text-decoration: underline;
}

.csv_export a:link{
	font-weight: bold;
	font-variant: normal;
	color: #333366;
	padding-left: 10px;
	margin-top: 20px;
	background-repeat: norepeat;
  text-decoration: none;
}

.csv_export a:visited{
	font-weight: bold;
	font-variant: normal;
	color: #333366;
	padding-left: 10px;
	margin-top: 20px;
	background-repeat: norepeat;
  text-decoration: none;
}

.csv_export a:active{
	font-weight: bold;
	font-variant: normal;
	color: #333366;
	padding-left: 10px;
	margin-top: 20px;
	background-repeat: norepeat;
  text-decoration: none;
}

.csv_export a:hover{
	font-weight: bold;
	font-variant: normal;
	color: #333366;
	padding-left: 10px;
	margin-top: 20px;
	background-repeat: norepeat;
  text-decoration: underline;
}

.startLink a:link,
.startLink a:visited,
.startLink a:active,
.startLink a:hover{
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
  font-size: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #333366;
  text-decoration: none;
  padding: 0px;
}

.footer a:link{
	color: #555555;
}

.footer a:active{
	color: #555555;
}

.footer a:hover{
	color: #555555;
}

.footer a:visited{
	color: #555555;
}

/*************************************************************
										AFGERONDE HOEKEN
**************************************************************/								
.zrand {
	width:100%; 
	margin:0 0 100px 5px;
}
.xrand h1, .zrand h1 {
	margin:0; 
	font-size:1.2em; 
	padding:0 10px 5px 10px; 
	border-bottom:1px solid #333366;
}
.xrand p, .zrand p {
	margin:0; 
	padding:5px 5px 5px 10px; 
	font-size:12px;
}
.xrand {
	background: transparent; 
	/*width:100%; */
	clear:both;
/*	float:left; */
	margin:0px 0px; 
	display:inline;
}

.xtop, .xbottom {
	display:block; 
	background:transparent; 
	font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
	display:block; 
	overflow:hidden;
}
.xb1, .xb2, .xb3 {
	height:1px;
}
.xb2, .xb3, .xb4 {
	background:transparent; 
	border-left:1px solid #333366; 
	border-right:1px solid #333366;
}
.xb1 {
	margin:0 5px; 
	background:#333366;
}
.xb2 {
	margin:0 3px; 
	border-width:0 2px;
}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px; 
	margin:0 1px;
}

.xboxcontent {
	display:block; 
	border:0 solid #333366; 
	border-width:0 1px; 
	height:auto;
}

.xbody1, .xbody2, .xbody3, .xbody4 {
  background-color: #C1D6FF;
	display:block; 
	overflow:hidden;
}
.xbody1, .xbody2, .xbody3 {
	height:1px;
}
.xbody2, .xbody3, .xbody4 {
	border-left:1px solid #C1D6FF; 
	border-right:1px solid #C1D6FF;
}
.xbody1 {
	margin:0 5px; 
	background:#C1D6FF;
}
.xbody2 {
	margin:0 3px; 
	border-width:0 2px;
}
.xbody3 {
	margin:0 2px;
}
.xbody4 {
	height:2px; 
	margin:0 1px;
}

.xbodycontent {
	display:block; 
	border:0 solid #C1D6FF; 
	border-width:0 1px; 
	height:auto;
}

* html .xboxcontent {
	height:1px;
}

.backgroundTitle{
	background-color: #2F71BE; /*C1D6FF;*/
}

/*  **************************************************    
                 Einde hoeken
    **************************************************    */
.tableGrid {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-style: solid;
	border-top-color: #336699;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #336699;
	padding-left: 5px;
}    
    
.tdGrid {
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #330000;
	background-color: #FFFFFF;
	padding: 0px 5px;
	border: 1px solid #999999;
}

.tdTweeGrid {
  font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	background-color: #DAD9F8;
	padding: 0px 5px;
	border: 1px solid #999999;
}
    
.tdGridHover {
  font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	background-color: #FFFFCC;
	padding: 0px 5px;
	border: 1px solid #999999;
}

/* td(Twee)Grid heeft padding opdat de data duidelijk gescheiden zou blijven
   td(Twee)ColorGrid heeft geen padding, deze cellen bevatten divs met eigen padding en kleur
   Ook geen alternerende rijkleuren vereist */
.tdColorGrid {
	font-size: 12px;
	font-weight: normal;
	color: #330000;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-style: solid;
	border-color: #EEEEEE;
}

.tdTweeColorGrid {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF; /*#C2F14C;	/*DAD9F8*/
	padding-left: 0px;
	padding-right: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
    border-left-width: 0px;
	border-top-width: 0px;
	border-style: solid;
	border-color: #EEEEEE;
}

.div_flat{
	font-size: 0px;
}

.actieve{
  color: black;
}

.nt_actieve{
  color: #339966;
}

.voorschot{
  color: GREEN;
}

.opgepast{
  color: RED;
}

.lov_span{
  padding-left: 5px;
  padding-right: 5px;
}

.read_only {
	/*color: #333333;*/
	background-color: #EEEEEE;
	border: 1px solid #7F9DB9;
	padding: 1px;
}

.groen{
	color: green;
}

.calendardataTitle {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #333366;
    background-color: #FFFFAA;
	padding-left: 5px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding-right: 5px;
}

.calendardataWETitle {
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	color: #333366;
    background-color: #CCFFAA;
	padding-left: 5px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding-right: 5px;
}

.calendardataToday{
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #333366;
    background-color: #FFFFCC;
	padding-left: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #444411;
	padding-right: 5px;
}

.calendardata {
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #333366;
    background-color: #FFFFCC;
	padding-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding-right: 5px;
}

.calendardataWE {
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #333366;
    background-color: #CCFFCC;
	padding-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding-right: 5px;
}

.iquest_table {
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #336699;
	font-family: Comic Sans, Comic Sans MS, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #330000;	
	width: 150px;
}

.iquest_table td{
	width: 50px;
	height: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #336699;
	text-align: center;
}