<style type="text/css">


div.title-and-logo{
position: relative;
display:  inline;
right: 2%;
width: 75%;
height: 81px;
}

h1.title {
position: inherit;
display: inline;
right: 25%;

font-size: 200%; 
font-family: Arial; 
border: thin; 
color: #615638; 
font-weight: bold; 
font-stretch: wider;
font-variant: small-caps;	
height: 81px;
word-wrap: normal;}


p.title {
position: relative;
display: inline;
right: 25%;

font-size: 200%; 
font-family: Arial; 
border: thin; 
color: #615638; 
font-weight: bold; 
font-stretch: wider;
font-variant: small-caps;	
height: 81px;
word-wrap: normal;
	}


p.empty-space-1 {
display: inline-block;
position: inherit;
font-size: 16px;
height: 18px;
}

div.empty-space-1 {
display: block;
position: relative;
font-size: 36px;
background-color: white;
height: 4em;
}




body.bodies {
	 font-size:120%;
 	 letter-spacing: 1px; 
	 margin:2%;
	 padding:0;
	 width:100%;
    leftmargin:5%;
	 rightmargin:2%;
	 marginwidth:1%;
    background:white;
	 text:#5c4101;
	 color: #5c4101;
	 link:#632cf3;
	 vlink:#806cb3;
	 alink:#9a35ff;
    font-family: Sawasdee, Sans Sherif, Lucida Sans, Latha, Mangal,  Mangal, Kartika; 
	 font-stretch: wider;
	 } 

    cursor: {
   uri: crosshair;
	 }





  
  /* Flexbox example from https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */

@import "compass/css3";

  .flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}


ul.flex-container-2 {
  padding: 0;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 0%;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  width: 80%;
}




.flex-item {
	  display:block;  
  position: relative; 
  background-color: white;
  padding: 1px;
 width: 600px;
  height: 500px;
  color: white;
  font-weight: bold;
  font-size: 1em;
  text-align: left;
  font-family: sans-serif;
}
 
 li.flex-item {
  display:block;  
  position: relative; 
  margin-left: 5%;	
  background-color: white;
  padding: 5px;
 width: 490px;
  height: 440px;
  color: white;
  font-weight: bold;
  font-size: 1em;
  text-align: right;
  font-family: sans-serif;
}
 
 
 
#landingpage-piano-centre {
background-image: url("landingpage-piano-centre.png");
word-wrap: break-word;
width: 490px;
  height: 360px;
}  



#landingpage-trainingsbureau {
background-image: url("landingpage-trainingsbureau.png");
width: 450px;
 height: 440px;
}  
  

 
#curriculum {
background-image: url("background-curriculum-2.png");
word-wrap: break-word;
}  
 
  
  
  

dt.flex-container-2 {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  width: 70%;
}


dt.flex-container-curriculum {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  width: 70%;
}


dl.flex-item-2 {
  vertical-align: top; 
  background-color: #EDEDFB;
  padding-left: 5px;
  padding-top: 0px;
  width: auto;
  height: auto;
  margin-top: 0;
  line-height: 18px;
  color: black;
  font-weight: normal;
  font-size: 0.6em;
  text-align: left;
  font-family: sans-serif;
  word-wrap: break-word;
}

 

dl.flex-item-3 {
display: inline;	
position:relative; 


  background-color: #D2BBA7;
  padding: 5px;
  width: 100%;
  height: auto;
  margin-top: 5px;
  line-height: 18px;
  
  color: black;
  font-weight: normal;
  font-size: 1em;
  text-align: left;
  font-family: sans-serif;
  word-wrap: break-word;
  vertical-align: top;
  
}




dl.flex-item-12 {
display: inline-block;	
position:relative; 
   

  background-color: #383131;
  padding: 5px;
  width: auto;
  height: 100%;
  margin-top: 5px;
  line-height: 18px;
  
  color: white;
  font-weight: normal;
  font-size: 0.8em;
  text-align: left;
  font-family: sans-serif;
  word-wrap: break-word;
  vertical-align: top;
  
}








img.opsomming {
	 height:23px;
	 width:23px;
	 position: relative;
	 margin-top: 10%;
	 align: top;
}



p.title {
margin:0; 
position:relative; 
padding-left:0px; 
padding-bottom: 0px; 
padding-top: 0px; 
border:0px; 

font-family: Sawasdee;;
font-size: 100%; 
font-weight: bold; 
color: #50463D; 
background: white; 
text-decoration:none;
	
font-variant: small-caps; 
letter-spacing: 0.4em;	
text-indent: 0px; 
word-spacing: 0.1em; 
line-height: 12px;
	  
font-stretch: wider; 
font-weight: bold;
width:280px;	
list-style:none;	

text-align: left;
 }	

p.headings
 {
 margin:0; 
 padding-left:2px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee;;
 font-variant: normal; 
 font-size: 12x; 
 font-weight: bold; 
 letter-spacing: 0px; 
 color: c30000; 
 background: white; 
 text-decoration:none;
 }	
 

p.landingpage-title
 {
 margin:0px; 
 padding-left:1px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee;;
 font-variant: normal; 
 font-size: 17px; 
 font-weight: bold; 
 letter-spacing: 0px; 
 color: #993300; 
 background: white; 
 text-decoration:none;
 margin-left: 0%;	
 margin:0px; 
 position:relative; 
 text-align: centre;
 }	
  
  p.sub-title
 {
 margin:0px; 
 padding-left:1px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee;;
 font-variant: normal; 
 font-size: 1em; 
 font-weight: bold; 
 letter-spacing: 0px; 
 color: #993300; 
 background: white; 
 text-decoration:none;
 margin-left: 0%;	
 margin:0px; 
 position:relative; 
 text-align: centre;
 }	
  
  p.sub-title-withinflexcontainer
 {
 margin:0px; 
 padding-left:1px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee;;
 font-variant: normal; 
 font-size: 2em; 
 font-weight: bold; 
 letter-spacing: 0px; 
 color: #993300; 
 background: #FBF1E5; 
 text-decoration:none;
 margin-left: 0%;	
 margin:0px; 
 position:relative; 
 text-align: centre;
 }	  
  
  p.instruction-content
 {
vertical-align: top;  	
 	
 margin:0px; 
 padding-left:1px; 
 padding-bottom: 3px; 
 padding-top: 0; 
 border:0px solid; 
 font-family: Sawasdee;;
 font-variant: normal; 
 font-size: 0.8em; 
 font-weight: normal; 
 letter-spacing: 0px; 
 color: #993300; 
 background: white; 
 text-decoration:none;
 margin-left: 0%;	
 margin:0px; 
 position:relative; 
 text-align: left;
 }	
  
 
  p.instruction-content-withinflexcontainer  {
 margin:0px; 
 padding-left:1px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee;;
 font-variant: normal; 
 font-size: 1em; 
 font-weight: normal; 
 letter-spacing: 0px; 
 color: #993300; 
 background: #FBF6F0; 
 text-decoration:none;
 margin-left: 0%;	
 margin:0px; 
 text-align: left;
 }	 
  
  
p.landingpage-title-midle
 {
 text-indent:10%; 
 margin:0px; 
 padding-left:1px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee, Latha, Mangal, Mangal, Kartika; 
 font-variant: normal; 
 font-size: 17px; 
 font-weight: bold; 
 letter-spacing: 0px; 
 color: #993300; 
 background: white; 
 text-decoration:none;
 margin-left: 0%;	
 margin:0px; 
 position:relative; 
 text-align: left;
 }	



p.bullet {
align: top;
background: white;
color: #993300; 
font-size: 70%;; 
font-style: normal; 
font-variant: normal; 
font-weight: bold;  
line-height: 80%; 
text-align: left; 
width: 25px; 
margin-top: 5%;
}



a.home {
 margin:0; 
 padding-left:2px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee;
 font-variant: small-caps; 
 font-size: 85%; 
 font-weight: bold; 
 letter-spacing: 0px; 
 color: #ac8e35; 
 background: white; 
 text-decoration:none;
 }


 
a.texts {
 margin:0; 
 padding-left:2px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: arial;
 font-variant: normal; 
 
font-size: 100%; 
 font-weight: bold; 
 letter-spacing: 3px; 
 color: #615638; 
 background: white; 
 text-decoration:none;
 }	






a.block-tekst
{
 display:block;	
 width:210px;
 height:75px; 
 padding-bottom:1px;
 padding-top:1px;
 padding-left:1px;
 padding-right:1px;
 margin:0; 
 border:1px solid; 
 outline-color:#f7f4f2;
 color: black;
 background:white;
 outline-style: solid;
 outline-width: medium;
 font-size:85%;
 font-family:
 Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: normal;
 letter-spacing: 3px;
 text-align: left;
 text-decoration:none;
}



a.whitelink {
color: #FAE6D1
}



a.menu-services 

{
 display:block;	
 width:140px; 
 padding-bottom:1px;
 padding-top:1px;
 padding-left:1px;
 padding-right:1px;
 margin:0; 
 border:1px solid; 
 outline-color:#f7f4f2;
 color: #70655c;
 background:#efebe7;
 outline-style: solid;
 outline-width: medium;
 font-size:85%;
 font-family:
 Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}

ul.menu {
display: block;
list-style-type: circle;
margin-left: -15px;
white-space: nowrap;
outline-width: thin;
position: relative;
overflow: visible;
left: inherit;
z-index: auto;
vertical-align: middle;
margin-right: 5px;
max-width: 90%;
min-width: 50%;
border-spacing: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-spacing: 1px;
border-collapse: separate;
}





hr.length {
 width:90%;
 margin-left: 0%; 
 border-color: #cbc0a6;
 border-width: 3px;
 opacity: 0.7
	}
 

  
  
  
  

span.select-services {color: #773a04; }


img.title-com
{
display: block;
position: relative;
white-space: left;
left:70%;
background: transparant;
}

span.warning-services {
font-family: sans-serif; 
font-size: 70%;; 
font-style: normal; 
font-variant:normal;  
font-weight: bold;  
line-height: normal; 
text-align: left; 
letter-spacing: 0px;	
color: black;
}


li.content-traning-menu
{
display: list-item;
left: 25%;
text-align: inherit;
width: 95%; 
list-style-type: circle;
list-style-position: outside;
text-indent: 1.0em;
border-color: #1a7fa0; 
line-height: 120%;
}


span.dropt {border-bottom: solid; border-bottom-style: solid; background: #ffffff; color:#993300; font-weight: bold; letter-spacing: 3; font-family:Arial;}
span.dropt:hover {text-decoration: none; background: #E3CBB4; z-index: 0; }
span.dropt span {position: absolute; left: 900px;
  margin: 3px 3px 3px 3px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border:3px; z-index: 0;}
span.dropt:hover span {left: 15%; background: #d2ca6b;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 4px 4px 4px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:#aea188; border-width:3px;}
span.dropt:hover span {margin: 20px 0 0 170px; background:#513417; color: white; z-index:6; font-size: 80%;  } 

span.select-services {color: #773a04; }



span.additional-services
{
position: relative; 
 font-family: times;
 font-size: 75%; 
 font-weight: normal; 
 color: #9d9369; 
 background: white; 
 text-decoration:none;	
 font-variant:; 
 letter-spacing: 0.1em;	
 text-indent: 0em; 
 word-spacing: 0.1em; 
 line-height: 1.0em;	
}

span.werkwijze
{
display: block;
position: relative;
width: 95%;
 font-family: arial;
 font-size: 65%; 
 font-weight: bold; 
 color: white; 
 background: #ab8901; 
 text-decoration:none;	
 font-variant: small-caps; 
 letter-spacing: 0.1em;	
 text-indent: 0em; 
 word-spacing:110%; 
 letter-spacing: 50%;
 line-height: 0.8em;	
padding: 7px;
}

span.werkwijze-aanvullend
{
display: block;
position: relative; 
width: 95%;
 font-style: italic; 
 font-family: arial;
 font-size: 55%; 
 font-weight: normal; 
 color:  #503300; 
 background: #e1c865; 
 text-decoration:none;	
 font-variant: normal; 
 letter-spacing: 0.1em;	
 text-indent: 0em; 
 word-spacing:110%; 
 letter-spacing: 50%;
 line-height: 0.8em;	
padding: 7px;
}

input.button-submit {
 position: relative;
 display: inline-block;
 left: 10%;
 font-variant: small-caps; 	
 font-style: normal; 
 font-family: arial;
 font-size: 90%; 
 font-weight: bold; 
 color:  #503300;
  color:  #503300; 
 background: #e1c865;  
 }

span.regular-text {
	font-size: 110%; 
	font-family: Arial; 
	color: #615638; 
	font-stretch: wider;
}


span.content-traning-link {
list-style-type: circle;
list-style-position: outside;
text-indent:1.0em;
line-height: 150%;
}


a.content-traning-link {
font-weight: bold;
text-indent:1.0em;
line-height: 150%;
font-size: inherit;
font-family:Arial; 
color:darkblue; 
letter-spacing: 3; 
}

table.socialworkform {
	border: "1%";
   font-size: 80%;   
   padding: 1%; 
   background-color: "#FAF6E";   
   border-color: "red";
   width: "90%";z
  }
  
  header, section, footer, aside, nav, main, article, figure {
    display: block;
}
  

/* grid system academic search */
  
  
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
	
}
.span_2_of_5 {
	width: 18.72%;
}
.span_1_of_5 {
	width: 18.72%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}
    
  
  
  
  
  
  
  /* grid by BLOCKS system academic search */
  
  /* First row */
.b1, .b2 { width: 50%; }

/* Second row */
.b3 { width: 50%; }
.b4, .b5 { width: 25%; }

/* Third row */
.b6, .b7, .b8, .b9, .b10 { width: 20%; }
  
  
  

/* INTEGRATING STUDENTPORTAL CSS IN FLEXBOX CSS FROM ACADEMIC-SEARCH */

img.logo-eti
 {
  position: inherit;
  display: inline;
  align:right;  
  margin-left: 80%;
  height: 80px;
  width: 100px;
  background: none; 
  margin-top: -2em;
    }

img.logo-cc-piano
 {
  position: inherit;
  display: inline;
  align:right;  
  margin-left: 80%;
  height: 80px;
  width: 50px;
  background: none; 
  margin-top: -2em;
    }



#logo-eti
 {
  position: inherit;
  display: inline;
  align:right;  
  margin-left: 70%;
  height: 80px;
  width: 100px;
  background: none; 
  margin-top: 1em;
    }

h1.title {
position: inherit;
display: inline;
left: 0%;
margin-left: 0;
font-size: 1.3em; 
font-family: Arial; 
border: thin; 
color: #615638; 
font-weight: normal; 
font-stretch: wider;
font-variant: small-caps;	
height: 81px;
word-wrap: normal;
margin-top: 3em;
}


p.title {
position: relative;
display: inline;
right: 25%;

font-size: 200%; 
font-family: Arial; 
border: thin; 
color: #615638; 
font-weight: bold; 
font-stretch: wider;
font-variant: small-caps;	
height: 81px;
word-wrap: normal;
	}




/* HERE STARTS THE CSS FOR THE RUBRICS PORTAL WEBPAGE */ 


	 
	 
div.head-page-rubric {
display: inline;
position: relative;

}


p.titlepage-rubric
 {
  position:relative; 
 margin:0px; 
 padding-left:1px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee;;
 font-variant: normal; 
 font-size: 17px; 
 font-weight: bold; 
 letter-spacing: 0px; 
 color: #993300; 
 background: white; 
 text-decoration:none;
 margin-left: 0%;	
 margin-top:1%;  
 text-align: centre;
 opacity: 0.5;
 }	
  



#calc-contain{
 display: inline;
 position: relative;  
  left: 	0%;
  width: 0%;
  border: 0px solid black;
  border-radius: 1px;
  margin: 1px;
  padding: 1px 1px 1px 1px;
  overflow: hidden;
 
}

input[type=button] {
  background: black;
  width: 10%;
  font-size: 20px;
  color: white;
  font-weight: 900;
  border-radius: 2px;
  margin-left: 5px;
  margin-top: 5px;
    overflow: hidden;
}
input[type=button]:active {
  background-color: white;
  box-shadow: 0 px black;
  transform: translateY(4px);
}
input[type=button]:hover {
  background-color: white;
  color: black;
}

input[type = text] {
  position: relative;
  display: inline-block;
  width: 75%;
  margin: 5px auto;
  font-size: 20px;
  padding: 10px;
  box-shadow: 4px 0px 12px black inset;
}




div.rubric-category {
position: relative;
display: inline-block;
border-width: 1em;
border-color: blue;
font-size: 80%; 
font-family: Arial; 
color: white;
background-color: #615638; 
font-weight: normal; 
font-stretch: wider;
font-variant: normal;	
text-align: left;
left: 0%;
text-indent: 0;

  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 1%;
  padding-right: 5%;
 
 
 	margin-left: 1%; 
	margin-right: 2%; 
   margin-top: 1%;
   margin-bottom: 1%;
   
width: 15%;
height: 550%;
line-height: 110%; 
}



div.buttons-aligning-with-categories {
display: inline-block;
position: relative;
width: 55%;
height: 550%;
line-height: 110%;
top: 0%;

 padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 0%;
  padding-right: 5%;
 
 	margin-left: 0; 
	margin-right: 2%; 
   margin-top: 1%;
   margin-bottom: 1%;
opacity: 0.2;
}

div.calculator-functions-1 {
position: relative;
display: inline-block;
border-width: 1em;
border-color: blue;
font-size: 80%; 
font-family: Arial; 
color: white;
background-color: #86774E; 
font-weight: bold; 
font-stretch: wider;
font-variant: small-caps;	
text-align: left;
left: 0%;
text-indent: 1%;

  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 1%;
  padding-right: 5%;
 
 
 	margin-left: 1%; 
	margin-right: 2%; 
   margin-top: 1%;
   margin-bottom: 1%;
   
width: 15%;
height: 550%;
line-height: 120%; 
}

	/* Position the rubric category vertically */

div.calculator-functions-2 {
display: inline-block;
position: relative;
width: 55%;
height: 550%;
line-height: 150%;
top: 0%;

 padding-top: 2%;
  padding-bottom: 0%;
  padding-left: 1%;
  padding-right: 5%;
 
 
 	margin-left: 1%; 
	margin-right: 2%; 
   margin-top: 1%;
   margin-bottom: 1%;
opacity: 0.3;
}



/* Characterstics of both category button as well as hovering-box (e.g line-height, font-seize) */


span.dropt {
position: relative;
display: inline-block;
width: 40%;
height: 550%;

border-color: blue;
font-size: 90%; 
font-family: Arial; 
border: thin; 
color: white;
background-color: #615638; 
font-weight: normal; 
font-stretch: wider;
font-variant: normal;	
text-align: left;
  overflow: visible;
  
  line-height: 110%;
  
  padding-top: 2%;
  padding-bottom: 0%;
  padding-left: 1%;
  padding-right: 5%;
  
  
 	margin-left: 1%; 
	margin-right: 20%; 
   margin-top: 1%;
   margin-bottom: 1%;
 }

	/* Blue Hover Box */

span.dropt:hover {
	text-decoration: none; 
	background: blue; 
	z-index: 1px; 
	width: 99%; 
	
	margin-left: 1%; 
	margin-right: 55%; 
   margin-top: 1%;
   margin-bottom: 1%;	
	
	padding-left: 22%; 
	padding-right: 30%;
	padding-bottom: 1%;
   padding-top: 5%;	
	 
	text-align: center; 

	opacity: 0.9;	 
	 transition: .3s ease;
  backface-visibility: hidden;
  overflow: visible;
  display: inline-block;
  position: inherit;
  
  left: 0%;
  right: 50%;
 
 height: 550%;
   }

/* This code from rubrics css is double so it has to be remained if its necessary for the rubricsportal.html webpage. If so uncomment

span.dropt span {
	position: relative; 
	display: inline-block; 
	left: -9999px; 
	
	padding-left: 12%; 
	padding-right: 30%;
	padding-bottom: 1%;
   padding-top: 5%;
	
	margin-left: 1%; 
	margin-right: 55%; 
   margin-top: 1%;
   margin-bottom: 1%;	
	
	border-style:solid; 
	border-color:black; 
	border-width:1px; 
	z-index: 10px;  
	opacity: 0.9;	 
	 transition: .2s ease;
  overflow: visible;
  
  height: 550%;
 }


span.dropt:hover span {
	left: 30%; 
	right: 30%;   } 

/* Stanardization hover opening hovering Box */

/* This code from rubrics css is double so it has to be remained if its necessary for the rubricsportal.html webpage. If so uncomment

 span.dropt span {
 position: absolute; 
 left: -9999px;  
 border-style:solid; 
 border-color:black; 
 border-width:1px; 
 text-indent: 0;  
 opacity: 0.9; 
 
   padding-left: 1%; 
	padding-right: 30%;
	padding-bottom: 1%;
   padding-top: 5%; 
 
   margin-left: 1%; 
	margin-right: 55%; 
   margin-top: 1%;
   margin-bottom: 1%;	

	height: 550px;   
    }

span.dropt:hover span {

background: black; 
color: white; 
z-index:0; 
font-size: 120%; 
text-align: left; 
text-indent: 0; 
opacity: 0.9;	 

  padding-left: 2%; 
	padding-right: 30%;
	padding-bottom: 1%;
   padding-top: 5%; 

  margin-left: 0; 
	margin-right: 55%; 
   margin-top: 1%;
   margin-bottom: 10%;
   
	height: 550%;    
    } 

*/

p.hover-specific-block {
position: relative;
display: inline-block;
width: 65%; 
text-align: left;
}

	/* Characteristics of the opening hover box */






div.hover-specific-block {
display: inline-block;
position: relative;
backface-visibility: visible;
left: 70%;
right: 0%;

margin-left: 20%;
margin-right: 80%;
margin-top: 10%;
margin-bottom: 10%;


padding-left: 70%;
padding-right: 20%;

text-indent: 1px;

height: 100%;

font-size: 90%; 
	 }


div.legend-text {
display: inline-block;
position: relative;
margin-left: 2%;
padding-left: 0%;
text-indent: 0;
font-size: 0.8em; 
padding-right: 2%;
	 }




span.hover-specific-block {
display: inline-block;
position: relative;
text-align: left;
backface-visibility: hidden;
padding-left: 10%;
text-indent: 0;

height: 100%; 
}


div.legend-text {
display: inline-block;
position: relative;
text-align: left;
padding-left: 10%;
text-indent: 0;
font-family: inherit;
font-size: 0.8em;
color: inherit;
height: 100%; 
}


u.hover-specific-block {
display: block;
position: relative;
text-align: left;
backface-visibility: visible;

padding-left: 80%;
margin-left: 80%;
margin-left: 50%;

text-indent: 0;
text-align: left;

height: 100%; 
	 }



span.select-services {color: #773a04; }

/* This code from rubrics css is double so it has to be remained if its necessary for the rubricsportal.html webpage. If so uncomment */ 


div.explanation {
 position:relative; 
 display: inline-block;	
	
 text-indent: 0; 
 margin:0px; 
 padding-left:1px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee, Latha, Mangal, Mangal, Kartika; 
 font-variant: normal; 
 font-size: 90%; 
 font-weight: normal; 
 letter-spacing: 0px; 
 color: #37220D; 
 background: white; 
 text-decoration:none;
 margin-left: 0%;	
 margin:0px; 
 text-align: left;
 
 width: 50%;
 overflow: visible;
 	opacity: 0.4;	 
	 transition: .3s ease;
  backface-visibility: hidden;
}





















.menu {
z-index:100;
font-size:90%;
float:left;

}



div.menustructure {
	
 margin-left: 1%;
 padding-bottom:1px;
 padding-top:3px;
 padding-left:1%;
 padding-right:3px;
 margin:0; 
 text-align: left;
  }

table.structurewebsite {
width: 75%;
text-align: left;
text-indent:0;
top: 0%;
margin:1%; 
left:1%;

border-width: 0;
 padding:0%;
}

tr.structurewebsite {
text-align: left;
text-indent: 0;
top: 0%;
margin:0%; 
margin-top: 0;
left:0%; 

border-width: 0px;
 padding-left: 1%;

 }

td.structurefirstcolumn {
width: 7%;
vertical-align: top;

text-align: left;
text-indent: 0;
top: 0%;
left:0%; 

margin:0%; 
 border-width: 0px;
 padding: 0%;
}

td.structuresecondcolumn-homepagina {
width: 65%;
height:100%; 
vertical-align: top;

text-align: left;
text-indent: 0;
top: 0%;
margin:2%; 
left:2%; 

border-width: 0%;
 padding:15px;
 
background:#54690B;
color: white;

 font-size:100%;
 font-weight: bold;
 word-spacing:3px;
 letter-spacing: 0;
 line-height: 150%;
}



td.structuresecondcolumn-aanmelden {
width: 65%;
height:100%; 
vertical-align: top;

text-align: left;
text-indent: 0;
top: 0%;
margin:2%; 
left:2%; 

border-bottom-width: 1%;
border-width: 1%;
border-bottom-color: #DECFB5;
 padding:15px;
 
background:#2e2813;
color: white;

 font-size:95%;
 font-weight: bold;
 word-spacing:3px;
 letter-spacing: 0;
 line-height: 120%;
}



td.structuresecondcolumn-appliedprograms {
width: 65%;
height:100%; 
vertical-align: top;

text-align: left;
text-indent: 0;
top: 0%;
margin:2%; 
left:2%; 

border-width: 0%;
 padding:15px;
 
background:#3B408B;
color: white;

 font-size:100%;
 font-weight: bold;
 word-spacing:3px;
 letter-spacing: 0;
 line-height: 150%;
}


td.structuresecondcolumn-beleidskwaliteit {
width: 65%;
height:100%; 
vertical-align: top;

text-align: left;
text-indent: 0;
top: 0%;
margin:2%; 
left:2%; 

border-width: 0%;
 padding:15px;
 
background:#AE801A;
color: white;

 font-size:100%;
 font-weight: bold;
 word-spacing:3px;
 letter-spacing: 0;
 line-height: 150%;
}


div.indexpagesecondcolumn {
position: relative;
display: inline-block;
background-color: white;
width: 70%;
left: 15%;
text-indent: 5%;
}

div.indexpagesecondcolumn-homepagina {
position: relative;
display: inline-block;
background-color: #54690B;
width: 70%;
left: 15%;
text-indent: 5%;
}



td.structurethirdcolumn {
width: 3%;
vertical-align: top;

text-align: left;
text-indent: 1%;
top: 0%;
margin:0%; 
margin-top: 0;
left:1%; 

border-width: 0;
 padding:1%;


}


table.circular-design {
width: 85%;
border-style: solid;
border-width: thick;
border-color: black;
top: 1%;
margin:1%; 
left:1%;
font-weight:  bold;
}


tr.circular-design {
border-style: solid;	
border-width: thick;
border-color: black;
top: 1%;
margin:1%; 
left:1%;
}

td.circular-design {
border-style: solid;
border-width: thick;
border-color: black;
top: 1%;
margin:1%; 
left:1%;
}





.menustructure div {

 margin-left: 1%;
 padding-bottom:1px;
 padding-top:0px;
 padding-left:1%;
 padding-right:1%;
 margin:0; 
 margin-top: 0;
 text-align: left;

}




/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:5px;
margin:0px;
list-style-type:none;
width:190px;
c
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; margin-left:10;}
/* position relative so that you can position the sub levels */
.menu li {
position: relative;
background:#54690B;
color: white;
height:50px;


}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:20; left:20; z-index:10; font-size:1em;

}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:50px;
line-height:50px;
width:190px;
color:white;
text-indent:5px;
border:3px solid #fff;
border-width:3 3px 3px 3;

 margin-left: 1%;
 padding-bottom:1px;
 padding-top:0px;
 padding-left:1%;
 padding-right:1%;
 margin:0; 
 margin-top: 0;
 text-align: left;


}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#d4d8bd; width:250px; width:250px;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#949e7c;}

.menu :hover > a{
color:#fff; 
background:#949e7c;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-5px;
right:-200px; 

 margin-left: 1%;
 padding-bottom:1px;
 padding-top:0px;
 padding-left:1%;
 padding-right:1%;
 margin:0; 
 margin-top: 0;
 text-align: left;

}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

a.deeplink {
font-size:80%;	}

a.service-link {
text-decoration:none;

color:white;
background:#949e7c;
text-indent:5px;
border:3px solid #fff;
border-width:3 3px 3px 3;
font-size:90%; 
font-family:Arial; 
letter-spacing:3; 
font-weight:bold;
	}


div.dialogic-process
{
display: inline;
position: relative;
white-space: left;
left: 0%;
width:250px;
height:200px;
opacity: 0.8; 
background: dialogic-proces_slag-123_intern-grouped-reduced.png;
alt:Dialogic intertextual process image;
title: Dialogic intertextual process image;
}


div.contact {
position: relative;
display: inline-block;
margin-right: 2%;
left: 2%;
}

div.contacts {
position: relative;
display: inline-block;
margin-right: 2%;
left: 2%;
font-size: 200%;
}


div.menu-ciruclar {
position: relative;
display: block;
top: 25%;
margin-left: 10%;
left: 10%;
font-size:16px;
z-index: -1000px;
}

div.bottom-menu-circle-1 {
	display: inherit;    
    position: relative;
    top: 0%;   
    left: 2%;
    color: brown;
    font-size: 200%;
}

div.bottom-menu-circle-2 {
 display: inherit;
    position: relative;
    top: 0%;
    left: 2%;
    transform: translate(-50%, -50%);
}

div.bottom-menu-circle-a {
 display: inherit;
    position: relative;
    top: 0%;
    left: 4%;
    transform: translate(-50%, -50%);
}

div.bottom-menu-circle-b {
 display: inherit;
    position: relative;
    top: 0%;
    left: 4%;
    transform: translate(-50%, -50%);
}

div.bottom-menu-circle-c {
 display: inherit;
    position: relative;
    top: 0%;
    left: 4%;
    transform: translate(-50%, -50%);
}


div.define-width {
 display: block;
 position: relative;
 width: 55%;
 left: 2%;
 font-size: 250%;
}



 /* Container holding the image and the text */
.container {
    position: relative;
    text-align: center;
    color: brown;
    font-size: 200%;
}


/* Top left text */
.top-left {
	display: inherit;    
    position: relative;
    top: 50%;
    left: 0%;
    color: brown;
    font-size: 200%;
}


/* Centered text */
.centered {
    display: inherit;
    position: relative;
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
}    
    

/* Bottom left text */
.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
    color: brown;
    font-size: 200%;
}


/* Top right text */
.top-right {
  	display: inline;    
    position: relative;
    top: 10%;
    left: 5%;
    color: brown;
    font-size: 200%;
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
    color: brown;
    font-size: 200%;
}


/* Mid-left text */
.mid-left {
    position: relative;
    top: 20%;
    left: 0%;
    transform: translate(-50%, 0%);    
    
} 



img.dialogic-process
{
display: block;
position: relative;
white-space: left;
left: 0%;
width:250px;
height:200px;
opacity: 0.4; 
background: transparant;
alt:Dialogic intertextual process image;
title: Dialogic intertextual process image;
}





p.titles {
font-size: 200%; 
font-family: Arial; 
border: thin; 
color: #615638; 
font-weight: bold; 
font-stretch: wider;
font-variant: small-caps;	
height: 0;
word-wrap: normal;
	}


p.subtitles {
font-size: 120%; 
font-family: Arial; 
border: thin; 
color: #615638; 
font-weight: bold; 
font-stretch: wider;
font-variant: small-caps;	
height: 0;
	}

p.subtitle-login {
font-size: 120%; 
font-family: Arial; 
border: thin; 
color: #615638; 
font-weight: bold; 
font-stretch: wider;
font-variant: small-caps;	
height: 0;
	}

p.subtitle-index {
font-size: 90%; 
font-family: Arial; 
border: thin; 
color: white; 
font-weight: normal; 
font-stretch: wider;
font-variant: normal;	
height: 0;
	}



.menu-com {
z-index:100;
font-size:90%;
float:left;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu-com ul {
padding:5px;
margin:0px;
list-style-type:none;
width:190px;
}
/* hack for IE5.5 */
* html .menu-com ul {margin-left:-16px; margin-left:10;}
/* position relative so that you can position the sub levels */
.menu-com li {
position:relative;
background:#3B408B;
height:50px;
}

/* get rid of the table */
.menu-com table {position:absolute; border-collapse:collapse; top:20; left:20; z-index:10; font-size:1em;}

/* style the links */
.menu-com a, .menu-com a:visited {
display:block; 
text-decoration:none;
height:50px;
line-height:50px;
width:190px;
color:white;
text-indent:5px;
border:3px solid #fff;
border-width:3 3px 3px 3;
}
/* hack for IE5.5 */
* html .menu-com a, * html .menu-com a:visited {background:#d4d8bd; width:250px; width:250px;}
/* style the link hover */
* html .menu-com a:hover {color:#fff; background:#949e7c;}

.menu-com :hover > a{
color:#fff; 
background:#949e7c;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu-com ul ul {
visibility:hidden;
position:absolute;
top:-5px;
right:-200px; 
}
/* make the second level visible when hover on first level list OR link */
.menu-com ul :hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu-com ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu-com ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu-com ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu-com ul :hover ul :hover ul :hover ul { 
visibility:visible;
}





<!--[if IE 7]>
<style type="text/css">
.menu li.sub {margin-bottom:-2px;}
</style>
<![endif]-->			

			
		<!--[if IE 7]>
<style type="text/css">
.menu-com li.sub {margin-bottom:-2px;}
</style>
<![endif]-->	


span.dropt {border-bottom: thin dotted; background: #ffeedd; color: #775004; }
span.dropt:hover {text-decoration: none; background: #d2ca6b; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #d2ca6b;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #3a3326; color: white; z-index:6; font-size: 80%;  } 


span.select-services {color: #773a04; }




span.droptlogin {border-bottom: thin dotted; background: #E4D7CA; color: red; font-style: normal ; font-family: serif;
 padding: 10px 10px 10px 10px; 
}
span.droptlogin:hover {text-decoration: none; background:  #3a3326;  color:whitesmoke; z-index: 6; }
span.droptlogin span {position: relative; left: -9999px;
  padding: 10px 10px 10px 10px;  
  margin: 2px 2px 2px 2px; 
  border-style:solid; border-color:black; border-width:5px; z-index: 6;}

span.droptlogin:hover span {left: 2%; background: #d2ca6b; color: blue; } 
span.droptlogin span {position: absolute; left: -9999px;
  margin: 4px 4px 4px 4px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:3px;}
span.droptlogin:hover span {margin: 10px 0 0 110px; background: #3a3326; color: white; z-index:6; font-size: 80%;  } 





span.legend-aspect {border-bottom: thin dotted; background: #ffeedd; color: #775004; }
span.legend-aspect:hover {text-decoration: none; background: #775004; z-index: 6;
color: white; }

span.legend-aspect span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;
  color: white;}
  
span.legend-aspect:hover span {left: 2%; background: yellow;
color: white;
} 

span.legend-aspect span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color: yellow; border-width:1px;}

span.legend-aspect:hover span {margin: 20px 0 0 170px; background: yellow; color: white; z-index:6; font-size: 80%;  } 




span.dropt-legend {border-bottom: thin dotted; background: #ffeedd; color: inherit; 
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px;
  font-size: 80%;  } 





.menu-3 {
z-index:100;
font-size:90%;
float:left;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu-3 ul {
padding:5px;
margin:0px;
list-style-type:none;
width:190px;
}
/* hack for IE5.5 */
* html .menu-3 ul {margin-left:-16px; margin-left:10;}
/* position relative so that you can position the sub levels */
.menu-3 li {
position:relative;
background:#AE801A;
height:50px;
}

/* get rid of the table */
.menu-3 table {position:absolute; border-collapse:collapse; top:20; left:20; z-index:10; font-size:1em;}

/* style the links */
.menu-3 a, .menu-3 a:visited {
display:block; 
text-decoration:none;
height:50px;
line-height:50px;
width:190px;
color:white;
text-indent:5px;
border:3px solid #fff;
border-width:3 3px 3px 3;
}
/* hack for IE5.5 */
* html .menu-3 a, * html .menu-3 a:visited {background:#d4d8bd; width:250px; w\idth:250px;}
/* style the link hover */
* html .menu-3 a:hover {color:#fff; background:#949e7c;}

.menu-3 :hover > a{
color:#fff; 
background:#949e7c;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu-3 ul ul {
visibility:hidden;
position:absolute;
top:-5px;
right:-200px; 
}
/* make the second level visible when hover on first level list OR link */
.menu-3 ul :hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu-3 ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu-3 ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu-3 ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu-3 ul :hover ul :hover ul :hover ul { 
visibility:visible;
}





<!--[if IE 7]>
<style type="text/css">
.menu-3 li.sub {margin-bottom:-2px;}
</style>
<![endif]-->			

			
		<!--[if IE 7]>
<style type="text/css">
.menu-3 li.sub {margin-bottom:-2px;}
</style>
<![endif]-->	


span.dropt {border-bottom: thin dotted; background: #ffeedd; color: #775004; }
span.dropt:hover {text-decoration: none; background: #d2ca6b; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #d2ca6b;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #3a3326; color: white; z-index:6; font-size: 80%;  } 


span.select-services {color: #773a04; }































li.menu {
list-style-type: none;
margin-left: -20px;
	}




a.menuservices-socialwork {
 width:140px;
 height:18px;  
 left: 5px;
 float: none;
 position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 4px;
 padding-right:4px;
 
margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

 outline-color:#a79e8a;
 color: #70655c;
 background:#efebe7;
 outline-style: solid;
 border-style: thin; 
 outline-width: thin; 
 font-size:85%;
 
font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menuservices-schoolmaatschappelijkwerk {
 width:140px;
 height:18px;  
 left: 5px;
 float: none;
 position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 4px;
 padding-right:4px;
 
margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

 outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 border-style: thin; 
 outline-width: thin; 
 font-size:85%;
 
font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}

a.menu-services-onderwijs {
 width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 22px;
 padding-right: 22px;
 
margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

 outline-color:#a79e8a;
 color: #70655c;
 background: #e7e2d2;
 outline-style: solid;
 border-style: thin; 
 outline-width: thin; 
 font-size:85%;
 
font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-communitysocialwork {
 width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 22px;
 padding-right: 22px;
 
margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

 outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 border-style: thin; 
 outline-width: thin; 
 font-size:85%;
 
font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}



a.menu-services-curriculum {
 width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 47px;
 padding-right: 47px;
 
margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

 outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 border-style: thin; 
 outline-width: thin; 
 font-size:85%;
 
font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menuservices-cursussentrainingen {
 width:140px;
 height:18px;  
 left: 5px;
 float: none;
 position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 4px;
 padding-right:4px;
 
margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

 outline-color:#a79e8a;
 color: #70655c;
background: #fdfdfd;
 outline-style: solid;
 border-style: thin; 
 outline-width: thin; 
 font-size:85%;
 
font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-occupation {
width:100%;
 height:18px;  
 left: 5px;
 float: none;
 position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 55px;
 padding-right:55px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

 outline-color::#a79e8a;
 color: #70655c;
 background: #e5e7d2;
 outline-style: solid;
 border-style: thin; 
 outline-width: thin; 
 font-size:85%;

font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-ggztrainingen {
width:100%;
 height:18px;  
 left: 5px;
 float: none;
 position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 55px;
 padding-right:55px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

 outline-color::#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 border-style: thin; 
 outline-width: thin; 
 font-size:85%;

font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}




a.menu-services-consultancy {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 22px;
 padding-right: 22px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #e1e2e3;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 
 font-size:85%;

 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-method 
{
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 22px;
 padding-right: 22px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #e5e7d2;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-executivecoaching {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 15px;
 padding-right: 15px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-organisationaldiagnosis {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 2px;
 padding-right: 2px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-organisationalchange {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 12px;
 padding-right: 12px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}

a.menu-services-policydevelopment {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 14px;
 padding-right: 14px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-assessments {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 40px;
 padding-right: 40px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-organisational-diagnosis {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 1px;
 padding-right: 1px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}

a.menu-services-individual-assessment {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 19px;
 padding-right: 19px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}



a.menu-services-analysis {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 60px;
 padding-right: 60px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-Businessanalysis {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 7px;
 padding-right: 7px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-Processofchange {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 9px;
 padding-right: 9px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}




a.menu-services-Qualityprocedures {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 4px;
 padding-right: 4px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}


a.menu-services-Evaluation-research {
width:100%; 
 height:18px;
 left: 5px;
 float: none;
  position:relative;	
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 1px;
 padding-right: 1px;

margin-top: 1px; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
 border-width: thin;
border-left-width: thin; 
border-right-width: thin;
border-bottom-width:  thin;
border-spacing: 1px;

outline-color:#a79e8a;
 color: #70655c;
 background: #fdfdfd;
 outline-style: solid;
 outline-width: thin;
  border-style: thin; 

 font-size:85%;
 font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 3px;
 text-align: center;
 text-decoration:none;
}



a.menu-services-backlink {
 position:relative;	
 width:150px;
 left: 1%;
 padding-bottom:0px;
 padding-top: 0px;
 padding-left: 15px;
 padding-right: 15px;
 
margin:0; 
 border:1px solid; 
 outline-color:#f7f4f2;
 color: #70655c;
 background: #e7e2d2;
 outline-style: solid;
 outline-width: medium;
 font-size:85%;
 
font-family: Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: small-caps;
 letter-spacing: 0px;
 text-align: center;
 text-decoration:none;
}



a.folder 
{
 display:block;	
 width:130px; 
 padding-bottom:1px;
padding-top:1px;
padding-left:1px;
padding-right:1px;
 margin:0; 
 
border:1px solid; 
outline-color:white;
color: white;
background:white;
outline-style: solid;
outline-width: medium;
font-size:85%;

font-family: kartika;
font-stretch: wider;
font-weight: normal;
font-variant: small-caps;
letter-spacing: 3px;
text-align: center;
text-decoration:none;
}




a.topmenu {
 width:150px; 
 margin:0; 
 padding-left:3px; 
 padding-right:3px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 
font-variant: small-caps; 
 font-size: 70%; 
 font-weight: bold; 
 letter-spacing: 3px; 
 color: #a09d70; 
 background:white;
 
 text-decoration:none;
 opacity : 0.95;
 }

a.submenu {
 display:block;	
width:115px; 
margin:0; 
padding-left:10px; 

padding-bottom: 1px; 
padding-top: 1px; 
border:1px solid; 
font-variant: normal; 
font-weight: normal; 
font-size: 85%; 

letter-spacing: 3px; 
color: #a09d70; 
background:white; 
text-decoration:none;
}

a.serviceagreement	{
	padding-left:17px; 
	border:0px solid; 
	font-variant: small-caps; 
	
font-weight: normal; 
	font-size: 75%; 
	letter-spacing: 1px; 
	color: #a09d70; 
	background:white; 
	text-decoration:none;
	}	
	












/* This code from rubrics css is double so it has to be remained if its necessary for the rubricsportal.html webpage. If so uncomment


table.website-structure
{ 
border-width: 0px;
border-color: white;
align: top;
width: 100%;
height: 550%;
padding-right: 5px;
}

td.first-column 
{width: 5%;
padding-right: 5px;
}

td.last-column
{width: 10%;
} 	

td.column-menu
{
align: left;
valign: top;
width: 20%;
position: relative;
} 


td.column-middle-pr
{
align: left;
valign: top;
padding-left: 1%;
padding-right: 2%;
width: 45%; 
position: relative;
background:white;
text:#5c4101;
color: #5c4101;
font-family: Sawasdee;
font-stretch: wider;

} 

 
td.thirdcontentcolumn {
align: left;
valign: top;
width: 15%;
position: relative;
}

	


table.table-vision	
{ 
}

tr.table-vision	
{ 
 margin:0; 
 padding-left:0px; 
 position: relative;
 border:0px solid; 
 font-family: arial;
 font-size: 85%; 
 font-weight: normal; 
 color: black; 
 background: white; 
 text-decoration:none;	
 font-variant:; 
 letter-spacing: 0.1em;	
 text-indent: 0em; 
 word-spacing: 0.1em; 
 line-height: 1.0em;	  
 list-style:none;	
 padding-bottom:0px; 
 text-align: left;
}


img.title_cc 
{
display: block;
position: fixed;
left: 12%;
width:50%;
height:17%;
background: white;
alt:CRITICAL CENTRE - ETHICAL TECHNIQUES, title of this website and name of our company;
}


img.logo_shadow  {
display: block;
position: relative;
align: left;
left: 28%;
height:100px;
width:50px;
background:;
}	 



img.logo_reaching  
{
	 display: block;
	 position: absolute;
	 align: right;
	 right: 5%;
	 height:100px;
	 width:70px;
background:;
 }	 




img.opsomming {
	 height:23px;
	 width:23px;
	 position: relative;
	 margin-top: 10%;
	 align: top;
}

	
img.pr-image {
	 height:28%;
	 width:73%;
	 position: relative;
	 margin-top: 0%;
	 margin-left: 0%;
	 align: top;	 	
	}

img.pr-image-2 {
	 height:31%;
	 width:81%;
	 position: relative;
	 margin-top: 0%;
	 margin-left: 0%;
	 align: top;	 	
	}

img.eclectic-cyle {
display: block;
position: relative;
align: left;
left: 2%;
height:70%;
width:70%;
background:;
}


p.services {
 margin:0; 
 padding-left:2px; 
 position: relative;
 border:0px solid; 
 font-family: Sawasdee;
 font-size: 90%; 
font-weight: bold; 
 color: #50463D; 
 background: white; 
 text-decoration:none;	
 font-variant: small-caps; 
 letter-spacing: 0.4em;	
 text-indent: 0em; 
 word-spacing: 0.1em; 
 line-height: 1.5em;	  
 font-stretch: wider; 
 font-weight: bold;
 width:180px;	
 list-style:none;	
 position:relative; 
 padding-bottom:0px; 
 text-align: left;
   	 }

p.academic-search-headings {
    margin-left: 0%; 
	 font-variant: normal; 
	 font-size:10px; 
	 letter-spacing: 0.4em;	
	 text-indent: 0em; 
	 word-spacing: 0.1em; 
	 line-height: 1.5em;	  
	 color: #993200;	  
	 font-stretch: wider; 
	 font-weight: bold;
	 width:290px;	
	 list-style:none;	
	 position:relative; 
	 padding-bottom:0px; 
	 padding-left:3px; 
	 text-align: left;
    opacity : 1.00;
	 }


	

p.title {
margin:0; 
position:relative; 
padding-left:0px; 
padding-bottom: 0px; 
padding-top: 0px; 
border:0px; 

font-family: Sawasdee;;
font-size: 100%; 
font-weight: bold; 
color: #50463D; 
background: white; 
text-decoration:none;
	
font-variant: small-caps; 
letter-spacing: 0.4em;	
text-indent: 0px; 
word-spacing: 0.1em; 
line-height: 12px;
	  
font-stretch: wider; 
font-weight: bold;
width:280px;	
list-style:none;	

text-align: left;
 }	

p.headings
 {
 margin:0; 
 padding-left:2px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee;;
 font-variant: normal; 
 font-size: 12x; 
 font-weight: bold; 
 letter-spacing: 0px; 
 color: c30000; 
 background: white; 
 text-decoration:none;
 }	
 


p.cc_promotes {
width: 72%; 
align: top;
scrolldirection: vertical;
background: #FFFFFF;
bgcolor: white;
border: thin #FFFFFF; 
border-color: #FFFFFF; 
border-bottom-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-top-color: #FFFFFF; 
display: list-item; 
font: normal normal lighter x-small/normal sans-serif; 
font-family: sans-serif; 
font-size: 70%;; 
font-style: normal; 
font-variant: normal; 
font-weight: lighter;  
line-height: normal; 
text-align: left; 
text-justify: distribute; 
} 

p.bullet {
align: top;
background: white;
color: #993300; 
font-size: 70%;; 
font-style: normal; 
font-variant: normal; 
font-weight: bold;  
line-height: 80%; 
text-align: left; 
width: 25px; 
margin-top: 5%;
}


p.visie-samenvatting {
align: top;
background: white;
color: #993300; 
font-size: 90%;; 
font-style: normal; 
font-variant: normal; 
font-weight: bold;  
line-height: 100%; 
text-align: left; 
width: 90%; 
margin-top: 5%;
}


p.visiesamenvatting-uitleg {
align: top;
background: white;
color: #993300; 
font-size: 80%;; 
font-style: normal; 
font-variant: normal; 
font-weight: bold;  
line-height: 100%; 
text-align: left; 
width: 90%; 
margin-top: 5%;
}




a.home {
 margin:0; 
 padding-left:2px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: Sawasdee;
 font-variant: small-caps; 
 font-size: 85%; 
 font-weight: bold; 
 letter-spacing: 0px; 
 color: #ac8e35; 
 background: white; 
 text-decoration:none;
 }


 
a.texts {
 margin:0; 
 padding-left:2px; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 border:0px solid; 
 font-family: arial;
 font-variant: normal; 
 
font-size: 100%; 
 font-weight: bold; 
 letter-spacing: 3px; 
 color: #615638; 
 background: white; 
 text-decoration:none;
 }	

p.taal {
	display: inline;	
   link:7d88b1;
	margin-right: 0%;
   outline-color:white;
	color: grey;
	outline-style: solid;
	outline-width: thin;
	background:white;
	
font-size:10px;
	font-family: kartika;
	font-stretch: wider;
	font-weight: normal;
	font-variant: normal;
	padding-bottom:0px;
padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	letter-spacing: 0px;
	width: 0%;
	text-align: left;
  text-decoration:none;
}


a.taal {
	display: inline;	
	margin-right: 0%;
   outline-color:white;
	color: 7d88b1;
   font: 7d88b1;	
	font-color: 7d88b1;	
	outline-style: solid;
	outline-width: thin;
	background:white;
	font-size:10px;
	font-family: kartika;
	font-stretch: wider;
	font-weight: normal;
	font-variant: normal;
	padding-bottom:0px;
	
padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	letter-spacing: 0px;
	width: 0%;
	text-align: center;
  text-decoration:none;
}


a.database {
        outline-color:#c9cdef;
	color: #c9cdef;
	outline-style: solid;
	color: #c9cdef;
	outline-width: thin;
	background:white;
	
font-size:14px;
	font-family: kartika;
	font-stretch: wider;
	font-weight: normal;
	font-variant: normal;
	padding-bottom:0px;
	padding-top:0px;
	
padding-left:2px;
	padding-right:2px;
	letter-spacing: 0px;
	width: 3%;
	text-align: center;
  text-decoration:none;

}



a.block-tekst
{
 display:block;	
 width:210px;
 height:575px; 
 padding-bottom:1px;
 padding-top:1px;
 padding-left:1px;
 padding-right:1px;
 margin:0; 
 border:1px solid; 
 outline-color:#f7f4f2;
 color: black;
 background:white;
 outline-style: solid;
 outline-width: medium;
 font-size:85%;
 font-family:
 Sawasdee;
 font-stretch: wider;
 font-weight: normal;
 font-variant: normal;
 letter-spacing: 3px;
 text-align: left;
 text-decoration:none;
}

/* This code from rubrics css is double so it has to be remained if its necessary for the rubricsportal.html webpage. If so uncomment */ 



/* HERE ENDS THE CSS FOR THE RUBRICS PORTAL WEBPAGE */ 









</style>
