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%; }
.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;
}
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; }
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
{
display: inline;
position: relative;
width: 70%;
left: 0%;
padding-top: 0px;
margin-top: -10px;
font-size: 0.9em;
font-family: Arial;
border: thin;
color: #615638;
font-weight: normal;
font-style: italic;
font-stretch: wider;
font-variant: small-caps;
word-wrap: normal;
margin:0px;
padding-left:1px;
padding-bottom: 3px;
border:0px solid;
background: white;
text-decoration:none;
margin-left: 0%;
margin:0px;
}
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;
}
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.login {
display:block;
width:110px;
left: 1%;
float: left;
margin:0;
padding-left:10px;
padding-right: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.loginbewijs {
line-height: 1.3em;
padding-top: 7px;
margin:0;
padding-left:11px;
padding-right:0px;
padding-bottom: 0px;
border:0px solid;
font-variant: normal;
font-weight: normal;
font-size: 85%;
letter-spacing: 0px;
color: blue;
background:white;
text-decoration:underlined;
}
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;
}
ol.newcss {
counter-reset: item
}
li.newcss {
display: block
content: counter(item) ". ";
counter-increment: item
}
#newcss li {
list-style-image: url();
}
hr.length {
width:40%;
margin-left: 2%;
border-color: #cbc0a6;
border-width: 3px;
opacity: 0.7
}
hr.length3 {
width:70%;
margin-left: 0;
border-color: #cbc0a6;
border-width: 3px;
opacity: 0.7
}
#center-goal {
border-color: black;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: black;
border-left-color: black;
border-right-color: black;
border-top-color: black;
height: 130%;
width: 100%;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
padding:0px;
border:0px solid;
font-variant: small-caps;
font-weight: bold;
font-size: 90%;
letter-spacing: 0px;
color:white;
background: transparent;
text-decoration:none
}
/* Dropdown Button */
.dropbtn-emotion {
background-color: #fbd1d1;
color: #FF0000;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: black;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #FF0000;
border-left-color: #FF0000;
border-right-color: #FF0000;
border-top-color: #FF0000;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-emotion:hover, .dropbtn-emotion:focus {
background-color: #d9d8d6;
}
.window-emotion-focused {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
border-image-width:2px;
background: #fbd1d1;
bgcolor: #fbd1d1;
border-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
border-right-color: #FFFFFF;
border-top-color: #FFFFFF;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-solution {
background-color: #ffe8bc;
color: #ac6f05;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #ac6f05;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #FF8800;
border-left-color: #FF8800;
border-right-color: #FF8800;
border-top-color: #FF8800;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-solution:hover, .dropbtn-solution:focus {
background-color: #d9d8d6;
}
.window-solution-focused {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #ffe8bc;
bgcolor: #ffe8bc;
border-image-width:2px;
border-color: #FF8800;
border-bottom-color: #FF8800;
border-left-color: #FF8800;
border-right-color: #FF8800;
border-top-color: #FF8800;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-authentic {
background-color: #fdfadd;
color: #c1ae12;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #ac6f05;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #e0d800;
border-left-color: #e0d800;
border-right-color: #e0d800;
border-top-color: #e0d800;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-authentic:hover, .dropbtn-authentic:focus {
background-color: #d9d8d6;
}
.window-authentic-approach {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #fdfadd;
bgcolor: #ffe8bc;
border-image-width:2px;
border-color: #FF8800;
border-bottom-color: #FF8800;
border-left-color: #FF8800;
border-right-color: #FF8800;
border-top-color: #FF8800;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-vygotsky {
background-color: #fdfadd;
color: #77d707;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #88FF00;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #88FF00;
border-left-color: #88FF00;
border-right-color: #88FF00
border-top-color: #88FF00;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-vygotsky:hover, .dropbtn-vygotsky:focus {
background-color: #d9d8d6;
}
.window-vygotsky {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #edffd8;
bgcolor: #edffd8;
border-image-width:2px;
border-color: #FF8800;
border-bottom-color: #FF8800;
border-left-color: #FF8800;
border-right-color: #FF8800;
border-top-color: #FF8800;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-discursive {
background-color: #b7efac;
color: #178202;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #88FF00;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #178202;
border-left-color: #178202;
border-right-color: #178202;
border-top-color: #178202;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-discursive:hover, .dropbtn-discursive:focus {
background-color: #d9d8d6;
}
.window-discursive {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #b7efac;
bgcolor: #b7efac;
border-image-width:2px;
border-color: #FF8800;
border-bottom-color: #FF8800;
border-left-color: #FF8800;
border-right-color: #FF8800;
border-top-color: #FF8800;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-dialogic {
background-color: #dafff6;
color: #03bd68;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #88FF00;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #039466;
border-left-color: #039466;
border-right-color: #039466;
border-top-color: #039466;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-dialogic:hover, .dropbtn-dialogic:focus {
background-color: #d9d8d6;
}
.window-dialogic {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #e7fffb;
bgcolor: #e7fffb;
border-image-width:2px;
border-color: #1cd298;
border-bottom-color: #1cd298;
border-left-color: #1cd298;
border-right-color: #1cd298;
border-top-color: #1cd298;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-elearning {
background-color: #e3fffd;
color: #08c3b8;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #88FF00;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #039466;
border-left-color: #039466;
border-right-color: #039466;
border-top-color: #039466;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-elearning:hover, .dropbtn-elearning:focus {
background-color: #d9d8d6;
}
.window-elearning {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #e3fffd;
bgcolor: #e7fffb;
border-image-width:2px;
border-color: #FF8800;
border-bottom-color: #FF8800;
border-left-color: #FF8800;
border-right-color: #FF8800;
border-top-color: #FF8800;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-researchmethods {
background-color: #e3fffd;
color: #1a7fa0;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #1a7fa0;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #1a7fa0;
border-left-color: #1a7fa0;
border-right-color: #1a7fa0;
border-top-color: #1a7fa0;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-researchmethods:hover, .dropbtn-researchmethods:focus {
background-color: #d9d8d6;
}
.window-researchmethods {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #e3fffd;
bgcolor: #1a7fa0;
border-image-width:2px;
border-color: #1a7fa0;
border-bottom-color: #1a7fa0;
border-left-color: #1a7fa0;
border-right-color: #1a7fa0;
border-top-color: #1a7fa0;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-educationalsciences {
background-color: #c8c7fb;
color: #0904e3;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #1a7fa0;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #0904e3;
border-left-color: #0904e3;
border-right-color: #0904e3;
border-top-color: #0904e3;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-educationalsciences:hover, .dropbtn-educationalsciences:focus {
background-color: #d9d8d6;
}
.window-educationalsciences {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #c8c7fb;
bgcolor: #c8c7fb;
border-image-width:2px;
border-color: #0904e3;
border-bottom-color: #0904e3;
border-left-color: #0904e3;
border-right-color: #0904e3;
border-top-color: #0904e3;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-systemdynamics {
background-color: #ceb0e0;
color: #7907ba;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #1a7fa0;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #7907ba;
border-left-color: #7907ba;
border-right-color: #7907ba;
border-top-color: #7907ba;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-systemdynamics:hover, .dropbtn-systemdynamics:focus {
background-color: #d9d8d6;
}
.window-systemdynamics {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #c8c7fb;
bgcolor: #c8c7fb;
border-image-width:2px;
border-color: #0904e3;
border-bottom-color: #0904e3;
border-left-color: #0904e3;
border-right-color: #0904e3;
border-top-color: #0904e3;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-neurosciences {
background-color: #ffd8ff;
color: #d503d3;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #d503d3;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #d503d3;
border-left-color: #d503d3;
border-right-color: #d503d3;
border-top-color: #d503d3;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-neuorsciences:hover, .dropbtn-neuorsciences:focus {
background-color: #d9d8d6;
}
.window-neurosciences {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #ffd8ff;
bgcolor: #ffd8ff;
border-image-width:2px;
border-color: #d503d3;
border-bottom-color: #d503d3;
border-left-color: #d503d3;
border-right-color: #d503d3;
border-top-color: #d503d3;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-cognitivebehavioral {
background-color: #edcdde;
color: #d2056f;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #d2056f;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #d2056f;
border-left-color: #d2056f;
border-right-color: #d2056f;
border-top-color: #d2056f;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-cognitivebehavioral:hover, .dropbtn-cognitivebehavioral:focus {
background-color: #d9d8d6;
}
.window-cognitivebehavioral {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #edcdde;
bgcolor: #edcdde;
border-image-width:2px;
border-color: #d2056f;
border-bottom-color: #d2056f;
border-left-color: #d2056f;
border-right-color: #d2056f;
border-top-color: #d2056f;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
.dropbtn-academic-coaching {
background-color: #ceb0e0;
color: #7907ba;
padding: 1px;
font-size: 13px;
cursor: pointer;
font-weight: bold;
text-align: center;
border-color: #1a7fa0;
border-left-width: 3px;
border-right-width: 3px;
border-top-width: 3px;
border-bottom-width: 3px;
border-bottom-color: #7907ba;
border-left-color: #7907ba;
border-right-color: #7907ba;
border-top-color: #7907ba;
height: 45px;
width: 90px;
align-self: center;
align-content: center;
align-content: center;
float:center;
margin:auto;
display:block;
}
/* Dropdown button on hover & focus */
.dropbtn-academic-coaching:hover, .dropbtn-academic-coaching:focus {
background-color: #d9d8d6;
}
.window-academic-coaching {
display: block;
width: 95%;
align: top;
scrolldirection: vertical;
background: #dde2f6;
bgcolor: #dde2f6;
border-image-width:2px;
border-color: #0904e3;
border-bottom-color: #0904e3;
border-left-color: #0904e3;
border-right-color: #0904e3;
border-top-color: #0904e3;
font-family: sans-serif;
font-size: 85%;;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 19px;
text-align: left;
padding: 5px 5px 5px 5px;
}
p.title-window {
font-family: sans-serif;
font-size: 120%;
font-style: normal;
font-variant:small-caps;
font-weight: bold;
line-height: normal;
text-align: left;
letter-spacing: 2px;
line-height: 12px;
}
p.heading-window {
font-family: sans-serif;
font-size: 100%;;
font-style: normal;
font-variant:small-caps;
font-weight: bold;
line-height: normal;
text-align: left;
letter-spacing: 2px;
}
span.dropt {border-bottom: solid; background: #ffeedd; color: #775004; }
span.dropt:hover {text-decoration: none; background: #d2ca6b; z-index: 6; }
span.dropt span {
position: absolute;
left: -9999px;
margin: 5px 5px 5px 5px;
padding: 3% 3% 3% 3 %;
border-style:solid;
border-color:black;
border-width: thin;
z-index: 6;}
span.dropt:hover span {left: 2%; background: #d2ca6b;}
span.dropt span {
position: absolute;
left: -9999px;
margin: 0 0 0 0;
padding: 3% 3% 3% 3%;
border-style:solid;
border-color:black;
border-width: thin;}
span.dropt:hover span {
margin: 10px 0 0 70px;
background: #3a3326;
color: white; z-index:6;
font-size: 110%; }
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: 0%;
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%; }
/* 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;
width: 70%;
}
.flex-item {
background-color: #956D51;
padding: 1px;
width: 180px;
height: 175px;
margin-top: 10px;
line-height: 25px;
color: white;
font-weight: bold;
font-size: 1.2em;
text-align: center;
font-family: sans-serif;
}
#background-general-libraries {
background-image: url("background-general-philosophical-libraries.png");
word-wrap: break-word;
}
#curriculum {
background-image: url("background-curriculum-2.png");
word-wrap: break-word;
}
#background-psychology-resources {
background-image: url("background-psyschology-resources.png");
}
/* The following image background-education-teaching.png is an edited variant of one pictrue - creative commons, free for commercial use, no attribution required - with the following url's:
(1) https://www.flickr.com/photos/fabola/29702783281 ---- Fabrice Florin, with license https://creativecommons.org/licenses/by-sa/2.0/
Editing consisted mostly of overlaping, cropping and blurring of faces.s
For detailed information about the licences, see the above URL's. */
#background-educational-resources {
background-image: url("background-teaching-eduction.png");
}
#background-linguistic-resources {
background-image: url("background-linguistics_bw.png");
}
#background-medical-resources {
background-image: url("background-medical-2.png");
}
/* The following image background-consultancy.png is an edited combination of three pictues - public domain or creative commons, free for commercial use - with the following url's:
(1) https://www.flickr.com/photos/gleonhard/36128724121 ---- by Gerard Leonhard with licence on https://creativecommons.org/licenses/by-sa/2.0/
(2) https://www.flickr.com/photos/wwworks/2222523486 ---- Woodley Wonderworks("Courtesy: NASA / Goddard Space Flight Center") with the same Creative Commons licens ase the above URL
Courtesy: NASA / Goddard Space Flight Center
(3) https://www.maxpixel.net/Community-Persons-Frame-Group-Humans-Crowd-People-1751058 ---- no name mentioned with Creative Commons License zero CCO with the following URL
https://creativecommons.org/publicdomain/zero/1.0/deed.en
(4) https://pixabay.com/en/euro-coin-currency-europe-money-145386/---- no name mentioned, no attribution required, free for commercial use with "CC0 Creative Commons License
(5) https://en.wikipedia.org/wiki/Dollar_coin_(United_States) specificly https://en.wikipedia.org/wiki/File:LineartPresRev.png ---- with License
"This image comes from the US Mint Pressroom.. The United States Mint 2007 Presidential $1 Coin Design Use Policy allows the image to be used for any purpose, as long as the text: '2007 Presidential $1 Coin image from the United States Mint/' ". US Public Domain applies. his image comes from the US Mint Pressroom.. The United States Mint 2007 Presidential $1 Coin Design Use Policy allows the image to be used for any purpose, as long as the text: '2007 Presidential $1 Coin image from the United States Mint ' ...is included on any credit pages where such image is used."
(6) https://www.flickr.com/photos/moneymetals/32750992762 ---- Coin: the gold Chinese panda. With License Creative Commmons attribution 2.0 at url:
https://creativecommons.org/licenses/by/2.0/
(7) https://www.publicdomainpictures.net/en/view-image.php?image=241031&picture=abstract-background-oil-paint ---- by Karen Arnold
(8) https://www.publicdomainpictures.net/en/view-image.php?image=241031&picture=abstract-background-oil-paint ---- by Karen Arnold
Editing consisted mostly of overlaping, cropping and transparancy.
For detailed information about the licences, see the above URL's. */
#background-consultancy-resources {
background-image: url("background-consultancy.png");
}
/* The following image background-information-technology.png is an edited combination of three pictues - creative commons, free for commercial use, no attribution required - with the following url's:
(1) https://www.pexels.com/photo/woman-wearing-white-robe-and-black-virtual-reality-headset-1059115/ ---- no name mentioned
(2) https://pxhere.com/en/photo/1079897 ---- no name mentioned
Editing consisted mostly of overlaping, cropping and transparancy.
For detailed information about the licences, see the above URL's. */
#background-information-technology-resources {
background-image: url("background-information-technology.png");
}
/* The following image background-various.png is an edited combination of three pictures - public domain or creative commons, free for commercial use - with the following url's:
(1) https://www.maxpixel.net/Fractal-Color-Paint-Math-Canvas-Cool-Stroke-1009232 ---- no name mentioned
(2) https://www.maxpixel.net/Abstract-Watercolor-Vintage-Background-Art-2478897 ---- no name mentioned
(3) https://www.publicdomainpictures.net/en/view-image.php?image=241031&picture=abstract-background-oil-paint ---- by Karen Arnold
Editing consisted mostly of overlaping, cropping and transparancy.
For detailed information about the licences, see the above URL's. */
#background-various-resources {
background-image: url("background-various.png");
}
#curriculum {
background-image: url("background-curriculum-2.png");
word-wrap: break-word;
}
#rubrics {
background-image: url("background-rubric-4b.svg");
}
#tests {
background-image: url("background-tests-1.png");
}
#assignments {
background-image: url("background-assignments-2.svg");
}
#officials {
background-image: url("background-officials-1.png");
}
#search {
background-image: url("background-searching-1.png");
}
#webdirectory {
background-image: url("background-searching-in-library-7.svg");
}
dl.wrapper {
display: flex;
flex-flow: row wrap;
}
/* We tell all items to be 100% width, via flex-basis */
dl.wrapper > * {
flex: 1 100%;
}
.header-philosophy {
display: inline-block;
position: relative;
vertical-align: top;
flex: 1 1 100%;
background: #5958BA;
font-size: 0.9em;
color: yellow;
margin-top: 40px;
width: 120px;
height: 121px;
margin-bottom: 7px;
}
#header.philosophy {
display: inline-block;
position: relative;
flex: 1 1 15%;
background:whitesmoke;
width: 180px;
height: 190px;
vertical-align: top;
}
.header-curriculum {
display: inline-block;
position: relative;
vertical-align: top;
flex: 1 1 100%;
background: brown;
font-size: 0.9em;
color: yellow;
margin-top: 40px;
width: 120px;
height: 100px;
margin-bottom: 7px;
}
.header-home {
display: inline-block;
position: relative;
vertical-align: top;
flex: 1 1 70%;
background: brown;
font-size: 0.9em;
color: yellow;
margin-top: 40px;
width: 120px;
height: 100px;
margin-bottom: 7px;
}
#header.curriculum {
display: inline-block;
position: relative;
flex: 1 1 15%;
background:whitesmoke;
width: 180px;
height: 220px;
vertical-align: top;
}
#header.home {
display: inline-block;
position: relative;
flex: 1 1 15%;
background:whitesmoke;
width: 180px;
height: 220px;
vertical-align: top;
}
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;
}
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%;
}
ul.flex-container-menu {
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%;
}
ul.flex-container-applylogin {
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;
width: 70%;
}
.flex-container-cc {
padding: 0;
margin: 0;
margin-left: 20px;
list-style: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
width: 100%;
}
dl.flex-item-curriculum {
vertical-align: top;
background-color: #FBF6F0;
padding-left: 5px;
padding-top: 0px;
width: 100%;
height: auto;
margin-top: 0;
line-height: 18px;
color: black;
font-weight: normal;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
}
div.flex-container-title-logo {
display: inline-block;
position: relative;
width: 70%;
height: 81px;
padding: 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;
}
dt.flex-container-home {
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-home {
vertical-align: top;
background-color: #F2F0D8;
padding-left: 15px;
padding-top: 0px;
width: 80%;
height: auto;
margin-top: 0;
line-height: 18px;
color: black;
font-weight: normal;
font-size: 1.0em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
}
dl.flex-item-title {
display: inline-block;
position:relative;
left: 0%;
vertical-align: top;
background-color: white;
padding-left: 5px;
padding-top: 0px;
width: 100%;
height: auto;
margin-top: 0;
line-height: 18px;
color: black;
font-weight: normal;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
}
dl.flex-item-logo {
display: inline;
position:relative;
right: 0%;
vertical-align: top;
background-color: white;
padding-left: 5px;
padding-top: 0px;
width: 100%;
height: auto;
margin-top: 0;
line-height: 18px;
color: black;
font-weight: normal;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
}
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;
}
li.flex-item-menu {
background-color: transparent;
padding: 7px;
width: auto;
height: auto;
margin-top: 10px #705738;
margin-top: 10px;
border-color: red;
border-right-color: #705738;
border-right-width: 1.2em;
line-height: 25px;
color: #B09763;
background-color: #E7DED2;
font-weight: bold;
font-size: 1.2em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
}
p.flex-item-menu {
background-color: #705738;
padding: 7px;
width: auto;
height: 10px;
margin-top: 10px;
margin-top: 10px;
border-color: red;
border-right-color: #705738;
border-right-width: 1.2em;
color: #B09763;
font-weight: bold;
font-size: 1.2em;
text-align: left;
font-family: sans-serif;
text-align: center;
word-wrap: break-word;
border-right-color: blue;
border-right-width: 1.2em;
background-color: #E7DED2;
}
li.flex-item-cc {
background-color: #94550C;
padding: 3px;
width: 150px;
height: 25px;
margin-top: 10px;
margin-left: 0;
line-height: 25px;
color: white;
font-weight: bold;
font-size: 0.9em;
text-align: left;
font-family: sans-serif;
}
li.flex-item-cc2 {
background-color: #94550C;
padding: 3px;
width: 150px;
height: 50px;
margin-top: 10px;
line-height: 15px;
color: white;
font-weight: normal;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
}
div.link-category-text-with-image-philosophy {
display: inline-block;
position:relative;
vertical-align: top;
background-color: #5958BA;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 2px;
}
div.link-category-text-with-image-curriculum {
display: inline-block;
position:relative;
vertical-align: top;
background-color: brown;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 2px;
}
#link-category-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: yellow;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 1px;
margin-bottom: 1px;
}
div.normal-letters-for-content-philosphy {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
margin-top: 0;
word-wrap: break-word;
width: 70%;
vertical-align: top;
}
#normal-letters-for-content-philosphy {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
vertical-align: top;
}
dt.flex-container-3 {
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;
vertical-align: top;
}
dt.flex-container-tests {
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;
vertical-align: top;
width: 70%;
}
.header-psychology {
display: inline-block;
position: relative;
flex: 1 1 100%;
background: #61391E;
font-size: 1em;
color: yellow;
margin-top: 10px;
width: 120px;
height: 120px;
vertical-align: top;
margin-bottom: 1px;
}
div.link-category-psychology-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: #61391E;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: top;
}
#link-category-psychology-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: yellow;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: -30px;
margin-bottom: 20px;
}
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;
}
div.normal-letters-for-content-psychology {
display: inline;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
vertical-align: top;
}
#normal-letters-for-content-psychology {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
}
dt.flex-container-4 {
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;
vertical-align: top;
}
.header-education {
display: inline-block;
position: relative;
flex: 1 1 100%;
background: #999512;
font-size: 1em;
color: darkblue;
margin-top: 10px;
width: 120px;
height: 122px;
vertical-align: top;
margin-bottom: 3px;
}
div.link-category-education-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: #999512;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: top;
}
#link-category-education-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: 100%;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: purple;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 10px;
margin-bottom: 20px;
}
dl.flex-item-4 {
display: inline-block;
position:relative;
background-color: #E1DF9C;
padding: 5px;
width: auto;
height: 100%;
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;
}
div.normal-letters-for-content-education {
display: inline-block;
position: relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 0;
margin-left: 1%;
word-wrap: break-word;
width: auto;
vertical-align: top;
}
#normal-letters-for-content-education {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
}
dt.flex-container-5 {
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;
vertical-align: top;
}
.header-linguistics {
display: inline-block;
position: relative;
flex: 1 1 100%;
background: #4E4B47;
font-size: 1em;
color: darkblue;
margin-top: 10px;
width: 120px;
height: 122px;
vertical-align: top;
margin-bottom: 3px;
}
div.link-category-linguistics-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: #4E4B47;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: top;
}
#link-category-linguistics-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: 100%;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: purple;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 10px;
margin-bottom: 20px;
}
dl.flex-item-5 {
display: inline-block;
position:relative;
background-color: #E5E5E5;
padding: 5px;
width: auto;
height: 100%;
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;
}
div.normal-letters-for-content-linguistics {
display: inline-block;
position: relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 0;
margin-left: 1%;
word-wrap: break-word;
width: auto;
vertical-align: top;
}
#normal-letters-for-content-linguistics {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
}
dt.flex-container-6 {
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;
vertical-align: top;
}
.header-health {
display: inline-block;
position: relative;
flex: 1 1 100%;
background: #990202;
font-size: 1em;
color: darkblue;
margin-top: 10px;
width: 120px;
height: 122px;
vertical-align: top;
margin-bottom: 3px;
}
div.link-category-medical-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: #990202;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: top;
}
#link-category-health-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: 100%;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: purple;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 10px;
margin-bottom: 20px;
}
dl.flex-item-6 {
display: inline-block;
position:relative;
background-color: #FCE7EA;
padding: 5px;
width: auto;
height: 100%;
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;
}
div.normal-letters-for-content-health {
display: inline-block;
position: relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 0;
margin-left: 1%;
word-wrap: break-word;
width: auto;
vertical-align: top;
}
#normal-letters-for-content-health {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
}
dt.flex-container-7 {
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;
vertical-align: top;
}
.header-consultancy {
display: inline-block;
position: relative;
flex: 1 1 100%;
background: #098809;
font-size: 1em;
color: darkblue;
margin-top: 10px;
width: 120px;
height: 122px;
vertical-align: top;
margin-bottom: 3px;
}
div.link-category-consultancy-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color:#098809;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: top;
}
#link-category-consultancy-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: 100%;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: purple;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 10px;
margin-bottom: 20px;
}
dl.flex-item-7 {
display: inline-block;
position:relative;
background-color: #C7FA8D;
padding: 5px;
width: auto;
height: 100%;
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;
}
div.normal-letters-for-content-consultancy {
display: inline-block;
position: relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 0;
margin-left: 1%;
word-wrap: break-word;
width: auto;
vertical-align: top;
}
#normal-letters-for-content-consultancy {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
}
dt.flex-container-8 {
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;
vertical-align: top;
}
.header-ict {
display: inline-block;
position: relative;
flex: 1 1 100%;
background: #BF7E06;
font-size: 1em;
color: darkblue;
margin-top: 10px;
width: 120px;
height: 122px;
vertical-align: top;
margin-bottom: 3px;
}
div.link-category-ict-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color:#BF7E06;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 0.8em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: top;
}
#link-category-ict-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: 100%;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: purple;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 10px;
margin-bottom: 20px;
}
dl.flex-item-8 {
display: inline-block;
position:relative;
background-color: #FCF4CD;
padding: 5px;
width: auto;
height: 100%;
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;
}
div.normal-letters-for-content-ict {
display: inline-block;
position: relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 0;
margin-left: 1%;
word-wrap: break-word;
width: auto;
vertical-align: top;
}
#normal-letters-for-content-ict {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
}
dt.flex-container-9 {
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;
vertical-align: top;
}
.header-criminology {
display: inline-block;
position: relative;
background-image: url("background-various-red-long.png");
background-repeat: repeat;
flex: 1 1 100%;
font-size: 1.2em;
color: white;
margin-top: 10px;
width: 120px;
height: 122px;
vertical-align: top;
margin-bottom: 3px;
padding: 3px;
vertical-align: top;
background-color:;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
font-weight: bold;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
}
div.link-category-criminology-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-image: url("background-various-red.png");
background-repeat: repeat;
background-color:;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 1em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: top;
}
#link-category-criminology-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: 100%;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: purple;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 10px;
margin-bottom: 20px;
}
dl.flex-item-9 {
display: inline-block;
position:relative;
background-color: #383131;
padding: 5px;
width: 100%;
height: 100%;
margin-top: 5px;
line-height: 18px;
color: white;
font-weight: normal;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
vertical-align: top;
}
div.normal-letters-for-content-criminology {
display: inline-block;
position: relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 5%;
margin-left: 5%;
word-wrap: break-word;
width: auto;
vertical-align: top;
}
#normal-letters-for-content-criminology {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
}
dt.flex-container-10 {
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;
vertical-align: top;
}
.header-religion {
display: inline-block;
position: relative;
background-image: url("background-various-brown-long.png");
background-repeat: repeat;
flex: 1 1 100%;
font-size: 1.2em;
color: white;
margin-top: 10px;
width: 120px;
height: 122px;
vertical-align: top;
margin-bottom: 3px;
padding: 3px;
vertical-align: top;
background-color:;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
font-weight: bold;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
}
div.link-category-religion-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-image: url("background-various-yellow-long.png");
background-repeat: repeat;
background-color:;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 1em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: top;
}
#link-category-religion-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: 100%;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: purple;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 10px;
margin-bottom: 20px;
}
dl.flex-item-10 {
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;
}
div.normal-letters-for-content-religion {
display: inline-block;
position: relative;
font-weight: normal;
font-size: 0.8em;
font-family: sans-serif;
text-align: left;
padding-left: 5px;
margin-left: 5px;
word-wrap: break-word;
width: auto;
vertical-align: top;
}
#normal-letters-for-content-religion {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
}
dt.flex-container-11 {
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;
vertical-align: top;
}
.header-journalism {
display: inline-block;
position: relative;
background-image: url("background-various-yellow-long.png");
background-repeat: repeat;
flex: 1 1 100%;
font-size: 1.2em;
color: white;
margin-top: 10px;
width: 120px;
height: 122px;
vertical-align: top;
margin-bottom: 3px;
padding: 3px;
vertical-align: top;
background-color:;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
font-weight: bold;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
}
div.link-category-journalism-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-image: url("background-various-yellow-long.png");
background-repeat: repeat;
background-color:;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 1em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: top;
}
#link-category-journalism-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: 100%;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: purple;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 10px;
margin-bottom: 20px;
}
dl.flex-item-11 {
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;
}
div.normal-letters-for-content-journalism {
display: inline-block;
position: relative;
font-weight: normal;
font-size: 0.8em;
font-family: sans-serif;
text-align: left;
padding-left: 5px;
margin-left: 5px;
word-wrap: break-word;
width: auto;
vertical-align: top;
}
#normal-letters-for-content-journalism {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
}
dt.flex-container-12 {
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;
vertical-align: top;
}
.header-politics {
display: inline-block;
position: relative;
background-image: url("background-various-green-long.png");
background-repeat: repeat;
flex: 1 1 100%;
font-size: 1.2em;
color: white;
margin-top: 10px;
width: 120px;
height: 122px;
vertical-align: top;
margin-bottom: 3px;
padding: 3px;
vertical-align: top;
background-color:;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
font-weight: bold;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
}
div.link-category-politics-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-image: url("background-various-green-long.png");
background-repeat: repeat;
background-color:;
padding-top: 0;
padding-bottom: 0;
width: auto;
list-style-position: inherit;
margin-top: 0;
line-height: inherit;
color: white;
font-weight: bold;
font-size: 1em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: top;
}
#link-category-politics-text-with-image {
display: inline-block;
position:relative;
vertical-align: top;
background-color: black;
padding-top: 0;
padding-bottom: 0;
width: 100%;
list-style-position: inside;
margin-top: 0;
line-height: inherit;
color: purple;
font-weight: bold;
font-size: 0.6em;
text-align: left;
font-family: sans-serif;
word-wrap: break-word;
margin-top: 10px;
margin-bottom: 20px;
}
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;
}
div.normal-letters-for-content-politics {
display: inline-block;
position: relative;
font-weight: normal;
font-size: 0.8em;
font-family: sans-serif;
text-align: left;
padding-left: 5px;
margin-left: 5px;
word-wrap: break-word;
width: auto;
vertical-align: top;
}
#normal-letters-for-content-politics {
display: inline-block;
position:relative;
font-weight: normal;
font-size: 0.6em;
font-family: sans-serif;
text-align: left;
padding-left: 13%;
margin-left: 14%;
word-wrap: break-word;
width: 70%;
}
/* INTEGRATING STUDENTPORTAL CSS IN FLEXBOX CSS FROM ACADEMIC-SEARCH */
img.logo-eti
{
display: inline-block;
position: absolute;
margin-top: -6em;
margin-left: 60%;
height: 80px;
width: 100px;
background: none;
}
img.logo-eti-cc
{
display: inline-block;
position: absolute;
margin-top: -4em;
margin-left: 68%;
height: 140px;
width: 80px;
background: none;
}
#logo-eti
{
position: inherit;
display: inline;
align:right;
margin-left: 70%;
height: 80px;
width: 100px;
background: none;
margin-top: 1em;
}
h1.title {
display: block;
position: relative;
width: 70%;
left: 15%;
font-size: 1.3em;
font-family: Arial;
border: thin;
color: #615638;
font-weight: bold;
font-stretch: wider;
font-variant: small-caps;
word-wrap: normal;
}
h2.title-text {
display: block;
position: relative;
width: 70%;
left: 0%;
font-size: 1.1em;
font-family: Arial;
border: thin;
color: #615638;
font-weight: bold;
font-style: italic;
font-stretch: wider;
font-variant: small-caps;
word-wrap: normal;
}
h3.title-text {
display: block;
position: relative;
width: 70%;
left: 0%;
font-size: 1.1em;
font-family: Arial;
border: thin;
color: #615638;
font-weight: normal;
font-style: italic;
font-stretch: wider;
font-variant: small-caps;
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;
}
img.apply-login {
width: 70%;
height: 70%;
}
.button3 {
background-color: #94550C;
box-shadow: 0 6px 8px 0 rgba(123,65,8,0.9), 0 7px 10px 0 rgba(16,16,8,9.19);
border-radius: 10%;
padding-top: 2px;
padding-bottom: 7px;
width: 150px;
height: 65px;
color: white;
font-weight: bold;
font-size: 100%;
text-align: center;
font-family: sans-serif;
text-decoration: none;
word-wrap: break-word;
text-shadow: 0.3px 0.3px 0.5px #000;
}
.button3:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 10px 20px 0 rgba(0,0,0,19.19);
}
0
p.button-correction {
text-align: center;
padding-top: 2px;
padding-bottom: 7px;
transform: skew(-4deg,1deg);
opacity: 0.8;
}
a.transparant {
color: white;
}
div.contact-form {
background-color: beige;
width: 90%;
padding-left: 5px;
margin-left: 100px;
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;
vertical-align: top;
}
form.contact-form {
background-color: #F1EEEA;
width: 42%;
padding-left: 5px;
margin-left: 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;
vertical-align: top;
}
ul.contact-form {
background-color: #F1EEEA;
width: 42%;
list-style: none;
vertical-align: top;
}
p.contact-form {
background-color: #F1EEEA;
width: 42%;
list-style: none;
vertical-align: top;
}
div.contact-form-content {
background-color: #F1EEEA;
width: 42%;
padding-left: 5px;
margin-left: 40%;
vertical-align: top;
}
div.w3-responsive {
table-layout: inherit;
}
table.w3-table-all, td.w3-table-all, th.w3-table-all {
table-layout: fixed;
border-spacing: 2px;
border: 1px solid black;
padding: 3px;
}
#problem-stress {
word-wrap: break-word;
}