/* CSS Document */
* {
	box-sizing:border-box;
}
body {
	margin:0;
	padding:0;
	background:#f8f8f8;
/*	background: -moz-linear-gradient(center top , white 0px, #E3E0DB 1000px) repeat scroll 0 0 transparent;*/
	font-size:12px;
}
ul,div,td,th {
	overflow: hidden;
	font-family:Arial, Verdana, sans-serif;
}
div {
	line-height:24px;
}
li {
	font-size:1em;
}
a {
	text-decoration:none;
	color:#EC008C;
}
a:hover {
	text-decoration:underline;
	color:#333;
}
div.beleidswiki a[target="_blank"] {
	padding-left:16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABdklEQVR4AWMgAVRo1zY3rGk41rC+rqvCBCJWBpPM4WoomLHtdtuv/t9Lfk263TtrQ0t7Oj9cbzZDc/W6s/8T7khD+P+F/8bv29PZlswJVVBu0vPuVZyNYHFZbmAqE1SR0cbjXR6pjGBO58am962Ta3e3ftqy6B5LCcMasOj7gInrm9jBzI4vTX+bfjT/7/4/p/w/zFXybUmt71u4wJzGfxP/t/xvA+KaP2XnQSKVFpWPav/U/6+HKJjz++OVJUDp1n9N/+r+19QyMCz1mPC/8X/X/26Igrn3GiUeL5n/v+F/8//6/9NOMTC0hDUDefP/L4MoOL6ickVeSQ1QqAGooPdBJE/lnloge/fhixBHftFd9bLkR83/+n/1QAXVP8qX1Pyv/L/s/12f/4xQNz8s3Pa/6X/Vvzqgour/5f/r/q//f2fmLy54WP7lfJN74eMSoKIyoNFz/5/+9ar+Px9aZL3Xfjvz7aO3/96+eLvsnSVE7CPhOAYA9nvIX0UoNU8AAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: -2px -2px;
}
#top {
	height:100px;
	max-width:981px;
}
#fontys {
	float:left;
	margin-top:0px;
}
#teo {
	float:right;
	color:#7B766B;
	font-size:1.1em;
	margin:0px 20px;
	line-height:40px;
}
#teo:hover {
	text-decoration:underline;
}
#teo img {
	vertical-align:middle;
}
#top a span {
	display:none;
}
#menu {
	display:block;
	max-width:981px;
	height:70px;
	list-style:none;
	margin:0;
	padding:0;
	background-color:#663366;
	overflow:hidden;
}
#menu li {
	float:left;
	text-align:left;
	margin-top:10px;
	padding-left:20px;
	font-weight:700;
	font-size:1.1em;
	width:130px;
	line-height:20px;
}
#menu li a {
	color:#fff;
}
#menu li a:hover {
	text-decoration:underline;
}
#body {
	overflow:hidden;
	max-width:981px;
	margin:20px 0 200px 0;
	text-align:left;
	border:1px solid #CCCCCC;
	min-height: 100%;
	background-color:#FFFFFF;
	padding:20px;
}
h1 {
	color:#663366;
	margin:15px 0 0 0;
	font-size:1.5em;
}

#form_h1 {
	padding:0;
	margin:0;
}
#form_h1 select {
	color: #663366;
	font-weight:bold;
    font-size: 1.5em;
	border:none;
}
#form input[type=radio] {margin-right:5px;}

p,td.tweederde ul li {
	margin:10px 0;
}
.opleiding {
	float:left;
	display:block;
	margin:14px 15px 4px 0px;
	width:450px;
	height:100px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px 10px 10px 10px;
	border:1px solid #CCCCCC;
	background: -moz-linear-gradient(center top , white 60px, #E3E0DB 100px) repeat scroll 0 0 transparent;
	font-weight:bold;
	font-size:1.167em;
	overflow:hidden;
}
.opleiding:hover {
	background: -moz-linear-gradient(center top , #E3E0DB 40px, white 60px) repeat scroll 0 0 transparent;
}
.opleiding img {
	float:left;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
    border-radius: 10px 10px 10px 10px;
	margin:0 10px 0 0;
}
.opleiding a {
	display:block;
	color:#663366;
	margin:10px;
}
.opleiding a:hover {
	text-decoration:underline;
}
.homepage_left,.homepage_right {
	float:left;
	display:block;
	margin:15px;
	width:430px;
	height:auto;
}
.homepage_kader {
	float:left;
	display:block;
	margin:14px 15px 15px 0px;
	width:415px;
	padding:10px;
	border:1px solid #CCCCCC;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
    border-radius: 10px 10px 10px 10px;
	cursor:pointer;
}
.homepage_kader:hover{border-color:#663366;background-color:#fefefe;}
.homepage_button {
	float:left;
	display:block;
	margin:0 15px 15px 0;
	width:200px;
	height:75px;
	text-align:center;
	vertical-align:middle;
	padding:25px 10px;
	color:#fff;
	background:#663366;
	font-size:1.5em;
	font-weight:bold;
	border:1px solid #663366;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
    border-radius: 10px 10px 10px 10px;
}
.homepage_button:hover {color:#663366;background:#fff;text-decoration:none;}
.homepage_opleiding {
	float:left;
	display:block;
	margin:14px 15px 4px 0px;
	width:400px;
	height:auto;
	padding:10px 10px 10px 20px;
	border:1px solid #CCCCCC;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px 10px 10px 10px;
	color:#fff;
	font-weight:bold;
	font-size:1.167em;
	overflow:hidden;
}
.homepage_opleiding.bachelor {
	background:#663366;
	border-color:#663366;
}
.homepage_opleiding.master {
	background:#0076e0;
	border-color:#0076e0;
}
.homepage_opleiding.minor {
	background:#e5007d;
	border-color:#e5007d;
}
.homepage_opleiding:hover {
	background:#fff;
}
.homepage_opleiding:hover {
	text-decoration:none;
}
.homepage_opleiding.bachelor:hover {
	color:#663366;
}
.homepage_opleiding.minor:hover {
	color:#e5007d;
}
.homepage_opleiding.master:hover {
	color:#0076e0;
}
.overige_kader {
	float:left;
	display:block;
	margin:14px 15px 15px 0px;
	width:400px;
	padding:10px;
	border:0px solid #CCCCCC;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
    border-radius: 10px 10px 10px 10px;
}
.homepage_overig {color:#663366;font-weight:bold;}

h2,h3,h4 {color:#663366;margin:10px 0 0 0;}
h2 {font-size:1.2em;}
h3 {font-size:1em;}
h4 {font-size:1em;font-weight:normal;clear:left;}
table {
	margin:15px 0;
}
table.jaaragenda th,table.jaaragenda td {border:1px solid #000;}
table a {
	text-decoration:none;
	color:#1166cc;
}
table a:hover {
	text-decoration:underline;
}

tr {
	vertical-align:top;
}
th,td {
	padding:2px;
	text-align:left;
	font-size:1em;
	line-height:20px;
}
th.cursus {
	width:350px;
}
th.docent {
	width:200px;
}
th.getal {
	width:50px;
	white-space:nowrap;
}
.variant {
	font-weight:normal;
	font-style:italic;
}
.lokaal {
	float:right;
}
.dezeweek {
	background-color:#FFFF99;
}
.vakantie {background-color:#ddd;}
/* format */

#format * {font-size:1.02em;}
#format {
	clear:both;
	width:900px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	margin-bottom:30px;
}
#format ul {
	clear:left;
	margin:5px;
	list-style:square;
	padding-left:20px;
	
}
#format label {
	font-weight:bold;
	margin:0;
	font-size:1.04em;
	width:auto;
}
#format p {
	clear:left;
	margin:5px;
	font-size:1.08em;
}
#format p>label,#format a {
	cursor:pointer;
	color:#1166cc;
}
#format h2 {
	padding:0;
	margin:5px;
	font-weight:normal;
	text-decoration:underline;
}
#format tr {
	vertical-align:top;
}
#format td {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	font-size:1.08em;
	padding:5px;
}
#formOverzicht li {
	clear:left;
}

#formOverzicht label {
	display:block;
	width:150px;
	float:left;
}

.format {border-top:1px solid #000;border-left:1px solid #000;width:930px;margin-bottom:30px;}
.format p {clear:left;	margin:5px;font-size:1.08em;}
.format p>label,.format a {cursor:pointer;color:#1166cc;}
.format h2 {padding:0;	margin:5px;font-weight:normal;	text-decoration:underline;}
.format label {font-weight:bold;margin:0;font-size:1.04em;width:auto;}
.format ul {clear:left;	margin:5px;list-style:square;padding-left:20px;}
.format .rij {display:table-row;width:100%;}
.format .rij > div {display:table-cell;padding:5px;font-size:1.02em;}
div.heel {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:5px;
}
div.kwart {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:232.5px;
	max-width:232.5px;
}
div.half {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:465px;
	max-width:465px;
}
div.eenderde {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:310px;
	max-width:310px;
}
div.tweederde {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:620px;
	max-width:620px;
}
/* tabs */
.tabs {
	width:950px;
	border: none;
	border-collapse:separate;
}
.tabje {
	padding:5px;
	text-align:center;
	font-weight:bold;
	border:1px solid #CCCCCC;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	line-height:16px;
}
.tabaan {
	background:#CCCCCC;
}
.tabbox {
	padding: 0 15px 10px 15px;
	border-top:none;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.tabje a {
	display:block;
	color:#000;
}
.tabje a:hover {
	text-decoration:none;
}
.docent {
	display:block;
	float:left;
	margin-right:20px;
}
.docent img {
	clear:left;
}
.cursus7 {
	text-transform:uppercase;
	background-color:#CCCCCC;
}
.vorm {
	font-style:italic;
}
.beschikbaarheid {
	background-color:#CCCCCC;
}
#studiedag {
    border: 1px solid #e0dcd5;
    border-radius: 10px;
    overflow: hidden;
	margin:10px 10px 0 0px;
    padding: 10px 10px 10px 10px;
}
#studiedag h2 {
    color: #636;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 1.33em;
    font-weight: 900;
    line-height: 16px;
}
#studiedag a {
	font-size:1em;
}
table {border-collapse:collapse;}
/*table td,table th {border:1px solid black;}*/
table td ul {margin:0;padding:0;}

header {
	display:block;
	height:auto;
}
header h1,h4 {
	margin:0;
	padding:0;
	float:left;
}
header h4 {
	font-size:11px;
	font-weight:normal;
	line-height:22px;
}
header form select {
	float:left;
	margin:0 0 0 5px;
	padding:0;
}
header form input {
	height:18px;
	line-height:18px;
	border:none;
	background:none;
	color:#EC008C;
	padding:0;
	margin:0;
	font-size:11px;
	cursor:pointer;
}
ul#competenties {
	overflow:hidden;
	height:100px;
	padding:0;
}
li.domein {
	float:left;
	display:block;
	width:103px;
	height:100px;
	padding:0;
}
li.domein label {
	display:table-cell;
	float:none;
	color:#FFFFFF;
	vertical-align:middle;
	width:90px;
	height:90px;
	line-height:12px;
	cursor:pointer;
}
.menuitem {
	float:left;
	display:block;
	margin:0;
	border-radius:45px;
	width:90px;
	height:90px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	text-decoration:none;
	font-size:10px;
	overflow:hidden;
}
.menuitem:hover {
	text-decoration:none;
}
.home:hover {
	background:#66CCFF;
}
.home {
	background:#0099FF;
}
.topleft {
	border-radius:45px 0 0 0;
}
.topright {
	border-radius:0 45px 0 0;
}
.bottomleft {
	border-radius:0 0 0 45px;
}
.bottomright {
	border-radius:0 0 45px 0;
}
.topleft a {
	margin:17px 0 0 10px;
}
.topright a {
	margin:17px 0 0 5px;
}
.bottomleft a {
	margin:10px 0 0 10px;
}
.bottomright a {
	margin:10px 0 0 5px;
}
.k1,.k11 {
	background:#FF3399;
}
.k1:hover,.k11:hover {
	background:#FF99CC;
}
.k2,.k12 {
	background:#339966;
}
.k2:hover ,.k12:hover {
	background:#66CC99;
}
.k3 {
	background:#999900;
}
.k3:hover {
	background:#99CC66;
}
.k4 {
	background:#0066CC;
}
.k4:hover {
	background:#00CCFF;
}
.k5 {
	background:#FF6600;
}
.k5:hover {
	background:#FFCC33;
}
.k6 {
	background:#CC0099;
}
.k6:hover {
	background:#CC66FF;
}
.k7 {
	background:#660000;
}
.k7:hover {
	background:#996666;
}
.k8 {
	background:#CC0000;
}
.k8:hover {
	background:#CC6666;
}
.k9 {
	background:#000099;
}
.k9:hover {
	background:#0066FF;
}
.k10 {
	background:#CC6600;
}
.k10:hover {
	background:#CCCC66;
}
li.domein ol li a {
	display:block;
	color:#fff;
	text-decoration:none;
	width:100%;
	height:100%;
}
li.domein ol li:hover {
}
section {
	clear:both;
	position:relative;
	margin:0;
	overflow:hidden;
}
#domein {
	display:none;
}
div.studiefase {
	display:block;
	overflow:hidden;
	margin:20px 0 0 0;
	border:2px solid #999;
	border-radius:5px 5px 0 0;
}
div.studiefase h1 {
	font-size:18px;
	color:#FFFFFF;
	background:#999;
	display:block;
	line-height:25px;
	padding:0 5px;
	margin:0;
}
div.studiefase h2 {
	font-size:11px;
	color:#FFFFFF;
	background:#999;
	display:block;
	padding:0 5px 5px 5px;
	margin:0;
	line-height: 1.5em;
}
p.studiejaar {font-weight:bold;margin:0 10px;padding:0;clear: left}
ul.semester {
	display:block;
	float:left;
	margin:0 0px 10px 10px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
ul.periode1 {width:94%}
ul.periode1 a {max-width: 100%}
ul.periode2 {width:47%}
ul.periode2 a {max-width: 70%}
ul.periode3 {width:32%}
ul.periode3 a {max-width: 60%}
ul.periode4 {width:23%}
ul.periode4 a {max-width: 70%}
ul.semester > li {
	font-size:12px;
	line-height:20px;
	border-radius:5px;
	margin-bottom:2px;
	width:100%;
	overflow:hidden;
}
ul.semester a {
	float:left;
	display:block;
	color:#333;
	text-decoration:none;
	margin:0 5px 0 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
ul.semester a:hover {
	position:absolute;
	max-width: 100%;
	background-color: white;
	text-decoration:underline;
	padding-right: 5px;
}
ul.semester div {
	width:37px;
	float:right;
	text-align:right;
}
.totaal {
	font-weight:bold;
}
.periode {
	margin-top:10px;
	text-decoration:underline;
}
.specialisatie {
	margin-top:5px;
	font-style:italic;
}
.indicatoren {
	display:none;
	position:absolute;
	z-index:3;
	background-color:#fff;
	border-radius:5px;
	border:1px solid #333;
    box-shadow: 0 2px 5px #BBBBBB;
	overflow:hidden;
	list-style:none;
	padding:10px;
}
.indicatoren li {
	font-size:12px;
}

/*formulieren */

form > ol > li {height:auto;}
form > ol > li > ul {padding-left:15px;list-style:none;}
.opl {font-weight:bold;}
form > ol {list-style:none;padding:0;}
form label.label {font-weight:bold;width:250px;height:25px;line-height:25px;float:left;font-size:14px;}
input[type=password],input[type=text],input[type=file],select {margin:2.5 0;height:25px;width:300px;line-height:25px;padding:0 0px;font-size:14px;}
input[type=text].cijfer {width:30px;padding:0;}
input[type=button] {border:0;background:none;height:25px;line-height:25px;color:#0066CC;font-size:12px;}
input[type=submit],button{    background: #57a9eb; /* Old browsers */
    background: -moz-linear-gradient(top, #57a9eb 0%, #3a76c4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a9eb), color-stop(100%,#3a76c4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* IE10+ */
    background: linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a9eb', endColorstr='#3a76c4',GradientType=0 ); /* IE6-9 */
    border:1px solid #326fa9;
    border-top-color:#3e80b1;
    border-bottom-color:#1e549d;
    color:#fff;
    text-shadow:0 1px 0 #1e3c5e;
    font-size:1em;
    padding:auto;
    width:150px;
    height:25px;
    border-radius:10px;
    box-shadow:0 1px 0 #bbb, 0 1px 0 #9cccf3 inset;
}
input[type=submit]:active,button:active {
    background: #3a76c4; /* Old browsers */
    background: -moz-linear-gradient(top, #3a76c4 0%, #57a9eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a76c4), color-stop(100%,#57a9eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* IE10+ */
    background: linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a76c4', endColorstr='#57a9eb',GradientType=0 ); /* IE6-9 */
    box-shadow:none;
    text-shadow:0 -1px 0 #1e3c5e;
}
/* profiel */
#opslaan {
	display:none;
}
.profiel {
	margin:0;
	font-size:12px;
	font-family: 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
.foto {
	width:270px;
	height:270px;
	float:left;
}
.foto img {
	width:120px;
	height:120px;
	margin:50px 0 0 75px;
    border-radius: 60px 60px 60px 60px;
}
geparkeerd {
    -webkit-animation: mymove 3s 1; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
	animation: mymove 3s 1;
    animation-delay: 3s;
}
/* Standard syntax */
@keyframes mymove {
    30% {transform: rotate(-720deg) scale(1.5);}
}
h1.profiel {
	font-weight:bold;
	font-size:13px;
	margin:40px 0 0 0;
	padding:0;
}
#adresgegevens {
	width:650px;
	margin:10px;
}
.gegevens {
	width:500px;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#formgegevens,#formfoto {
	display:none;
}
ol label {
	font-weight:normal;
	font-size:12px;
}
.profiel label {
	display:block;
	color: rgb(0, 136, 204);
}
#form ol.gegevens label {	color: #EC008C;}
ol.profiel {
	list-style:none;
	margin:40px 0 0 0;
	padding:0;
}
ol.profiel li {
	clear:both;
	padding:0 0 10px 0;
	border-bottom:1px solid #ddd;
	height:auto;
	overflow:hidden;
}
#gegevens span {
	width:250px;
	margin:0;
	padding:2px 0;
	font-size:12px;
	font-family: 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
#formgegevens input {
	width:250px;
	margin:0;
	padding:0;
	font-size:12px;
	font-family: 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
#formgegevens textarea {
	width: 550px;
	height:120px;
	font-size:12px;
	font-family: 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
.knoppen {
	width:120px;
	margin:20px 0;
}
.knoppen a {
	color: rgb(0, 136, 204);
}
#gereed {
	display:none;
}
#addfoto {
	display: block;
	text-align:center;
	width:270px;
	height:30px;
	line-height:30px;
	white-space: nowrap;
	cursor: pointer;
	font-size: 12px;
	color: rgb(0, 136, 204);
}
textarea {
	clear:both;
	width:600px;
	height:300px;
}
textarea[name="leerdoel"] {height:50px;}
.fout {
	text-decoration: underline;
	-webkit-text-decoration-color: red;
	text-decoration-color: red;
	-webkit-text-decoration-style: wavy;
	text-decoration-style: wavy; 
}
.accordion {list-style:none;clear:both;padding:0;margin:0 100px;}
.accordion h1 {margin:50px 0 20px 0;}
.accordion > li > span {display:block;height:50px;line-height:50px;font-size:16px;text-transform:uppercase;border-top:1px solid #ddd;cursor:pointer;}
.accordion > li:last-child > span {border-bottom:0px solid #ddd;}
.uitklaptekst {display:none;clear:both;padding:10px 0;border-top:1px solid #ddd;text-align:justify;hyphens:auto;-webkit-hyphens:auto;}
.accordion > li > div {font-size:15px;padding-bottom:15px;hyphens:auto;-webkit-hyphens:auto;}
.accordion > li > div > ul {list-style:disc;margin:0 5px;padding:20px;}
.min,.plus {overflow:hidden;}
.min:after {content: "-";font-weight: bold;float:right;color: #ff4bb5;font-size: 16px;line-height: 50px;margin-right:5px;}
.plus:after {content: "+";font-weight: bold;float:right;color: #ff4bb5;font-size: 16px;line-height: 50px;margin-right:5px;}
.inhoudsopgave {list-style:none;padding:0;margin:0 100px;clear:both;}
.inhoudsopgave h1 {margin:50px 0 20px 0;}
ol.inhoudsopgave > li {font-size:14px;line-height:30px;}
ol.inhoudsopgave > li.kopje {display:block;height:50px;line-height:50px;font-size:16px;text-transform:uppercase;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
select.selectOpleiding {margin: 0px 0;height:48px;line-height: 50px;border: none; text-transform: uppercase;font-size: 16px;padding: 0;
box-shadow: none;outline: 0;-webkit-appearance: none;cursor:pointer;width:700px;}
select.selectOpleiding option {padding:10px 0;}
.back {float:right;}

div.repset {display:table;border-collapse:separate;border-spacing:10px 10px;margin:0 -10px;}
form.repset {display:table-cell;padding:0 10px 10px 10px;border:1px solid #ddd;	border-radius:5px;width:50%;}
div.rtf {border:1px solid #ddd; height:350px;width:100%;overflow:auto;}
.medewerker {
	float:left;
	border-radius: 10px;
	border: 1px solid #f6f6f6;
	background:#f6f6f6;
	width:300px;
	height:120px;
	line-height:1em;
	margin:10px 5px 10px 0;
	font-size:12px;
	padding-top:10px;
}
.medewerker img {
	float:left;
	border-radius: 5px;
	margin:0px 10px;
}
.rooster {display:block;border-collapse:collapse;border:0px solid #000;width:100%;}
.rooster .rij {display:table-row;border-collapse:collapse;border:1px solid #000;}
.rooster .cel {display:table-cell;border-collapse:collapse;border:1px solid #000;width:14%;padding:5px;}
.rooster .cel.kop, .rooster .koplinks {font-weight:bold;padding:5px;width:25px}
.rooster .cel a {color:#0076e0;}
.rooster p.slot,.rooster .dag_lang {display:none;}
.uitgevallen {color:grey;text-decoration:line-through;}
.rooster a.inhaalcollege {color:#EC008C;}
.programma .studiejaar {font-weight:bold;font-size:1.2em;}
.programma .semester {font-style:italic;}
.rij {display:table-row;}
.programma .rij.behaald {color:#999999;}
.programma .cel {display:table-cell;padding-right:10px;}
.programmagegevens {display:table;width:100%;margin:10px 0;padding:50px 0 30px 0;border:1px solid #663366;border-radius:10px;}
div.cel.cijfer {display:table-cell;width:33.33%;text-align:center;font-weight:bold;font-size:22pt;line-height:27px;}
div.cel.onderschrift {display:table-cell;width:33.33%;text-align:center;color:#0076e0;}
div.cel.onderschrift a {color:#0076e0;}
div.toelichting {margin-top:10px;border:1px solid #663366;border-radius:10px;padding:20px;}
.toelichting ul {padding:0 20px;}
@page {
	size:201mm 297mm;
	margin:2.5cm 2.5cm 2.5cm 2.5cm;
	background-image:url(../images/19-FHTL-logo-300.png);
}
/* studentenlijst */
#studentenlijst {border-collapse:collapse;border:1px solid #ddd;}
#studentenlijst td,#studentenlijst th {color:#333;background:#fff;vertical-align:top;border: 1px solid #ddd;text-align:left;padding:5px;}
#studentenlijst .tdfoto {width:60px;height:60px;}
#studentenlijst .tdfoto img {width:50px;height:50px;}
#studentenlijst .tdfoto img:hover {position:absolute;transform: translate(-50px, -50px);width:150px;height:150px;border:1px solid #666;}
/* evaluaties */
.evaluaties {width:100%;border:1px solid #000;border-collaps:collaps;}
.evaluaties th,.evaluaties td {border:1px solid #000;overflow:visible;}
.evaluaties .studieonderdeel {width:auto;}
.evaluaties .label {
	width:50px;
	height:120px;  
	white-space: nowrap;
}
.evaluaties .label > div {
	transform: 
		translate(0px, 65px)
		rotate(270deg);
	width:45px;
	height:25px;
	overflow:visible;
	text-align:left;
	font-weight:normal;
}
.evaluaties .resultaat {text-align:center;}
.evaluaties .onvoldoende {background-color:#FFCCCC;}
/* studentevaluaties */
.studentevaluaties {width:100%;border:none;}
.studentevaluaties .label {width:70px;	height:140px;white-space: nowrap;}
.studentevaluaties .label > div {transform: translate(5px, 95px) rotate(295deg);width:45px;height:25px;overflow:visible;text-align:left;font-weight:bold;}
.studentevaluaties .studieonderdeel {vertical-align: middle;font-size: 1.25em}
.studentevaluaties .resultaat {width:70px;height:150px;position: relative;border-bottom:1px solid #444;}
.studentevaluaties .staafdiagram {display: block;width: 30px;position: absolute;left:10px; bottom:0;background-color:#0076e0;text-align: center;vertical-align: bottom;color:white;font-size: 0.8em;box-shadow:4px 10px 5px 0px rgba(0,0,0,0.6);border-radius: 4px 4px 0 0;z-index: 1;}
.studentevaluaties .norm {display: block;width: 70px;height: 60%; position: absolute;left:0px; bottom:0;background-color:none;border-top:1px solid red;z-index:2}
.studentevaluaties .cijfer {vertical-align: middle;text-align: center;color:#663366;font-weight: 1000;font-size: 3em;border:none}
.studentevaluaties .n {padding-bottom: 20px;font-style: italic;}

.onvolledig {background-color:#FFCCCC;}
.scrolltop {position:fixed;bottom:50px;right:50px;width:40px;height:40px;background-image:url(../images/scrolltop.png);cursor:pointer;display:none;}

.stagejaar {text-transform:uppercase;font-size:16px;padding-top:20px;font-weight: bold;cursor: pointer}
tr.stage {border:1px solid #ddd; border-radius: 10px; height: 40px;vertical-align: middle;background-color: #fefefe;}
tr.stage > td:not(:first-child) {cursor: pointer;}
tr.stage > td:last-child {position: relative;border-right: 1px solid #ddd;}
tr.stage > td:last-child::after {content:'';position:absolute;top:50%;right:15px;width:5px;height:5px;margin-top:-2.5px;border-width:2px 2px 0 0;border-style: solid;border-color: grey;transform:rotate(45deg);}
tr.stage:hover {background-color: #eee}
tr.stage img {height: 40px;width: 40px;border-radius: 50%;vertical-align: middle;margin:5px 0;}
tr.stage .naam {font-size: 1.1em;font-weight: bold;}

tr.stage > td > table {height: 45px;margin: -2.5px 0;padding: 0;}
tr.stage > td > table > tr {height: 20px;margin: 0;padding: 0;}
tr.stage > td > table td {text-align: center;}

tr.student {border:1px solid #ddd; border-radius: 10px; height: 40px;vertical-align: middle;background-color: #fefefe;}
tr.student td:last-child {border-right: 1px solid #ddd;}
tr.student img {height: 40px;width: 40px;border-radius: 50%;vertical-align: middle;margin:5px 0;}
tr.student .naam {width: 80%;font-size: 1.1em;font-weight: bold;}

tbody.expand th {position:relative;padding-left:15px;padding-top:15px;font-weight: normal;cursor: pointer}
tbody.expand th::before {content:' ';position:absolute;top:21px;left:2px;width:5px;height:5px;border-width:2px 2px 0 0;border-style: solid;border-color: grey;transform:rotate(45deg);transition:all 100ms ease-out}
tbody.expand th.active::before {top:19px;left:3px;transform:rotate(135deg);}
tbody.expand > tr:not(:first-child) {display:none}
tbody.expand td {white-space: nowrap;overflow: hidden;max-width: 275px;text-overflow:ellipsis;}

/* beleidswiki */
.jebenthier {list-style: none;padding: 0;margin: 0;float: left;}
.jebenthier li {float:left;position: relative;margin-right: 5px;}
.jebenthier li.pijltje {margin-right: 15px;}
.jebenthier li.pijltje::after {content:'»';position:absolute;right:-10px;}
.zoekformulier {float:right;}
.zoekformulier input {margin-top:-10px;margin-bottom:5px;height: 30px;font-size: 20px;width: 300px}
.beleidswiki {float:left;width: 80%;min-height: 400px; border:1px solid #ddd;padding:0 10px;}
.beleidswiki.verborgen {background-color: #fafafa;}
.beleidswiki blockquote {border-left:5px solid #aaa;margin:0;padding:0 5px;}
.beleidswiki ul {margin-top:0;margin-bottom:0;}
.beleidswiki a.groen {color: green;}
.beleidswiki a.bestand {display:block;width: 25px;height: 25px;background-image:url("../images/file-1500.svg");background-size: cover;background-repeat: no-repeat;}
.beleidswiki table {width: 100%;}
.beleidswiki th,td {border: 1px solid #aaa;padding:5px 10px}
.beleidswiki th {background-color: #ededed;}
.tags {clear:both;text-align: left;float:left;width: 100%;margin-top:10px;padding:5px 20px;color:#000;font-style: normal;background: transparent url(data:image/gif;base64,R0lGODlhEAAMAKIGAGFhYejo6P///8PDw9ra2p6env///wAAACH5BAEAAAYALAAAAAAQAAwAAAM0aBbQECpKA4YQ400JBClEBm2UUBgFpm3VR1zixljeG09zba9STvwqkm9HWlRgPFnlVjQmEwA7) 0 5px no-repeat;border-top: 1px dashed #444;}
.laatst_gewijzigd {clear:both;text-align: right;float:left;width: 80%;color:#444;}
.beleidswiki .index {-ms-column-count:2;column-count: 2;column-fill: auto;list-style: none;margin:20px 10px;padding:0;}
.beleidswiki .index li {padding:0px 5px;break-inside: avoid;}
.beleidswiki .index li a {padding:0px 5px;}
.beleidswiki .kop {background-color: #ddd;text-transform: uppercase;color:white;padding-left:5px;}
.beleidswiki .resultaten {list-style: none;margin:20px 10px;padding:0;}
.beleidswiki .inhoud {float: right;width: 200px;margin:10px 0px 20px 20px;padding:10px 10px 20px;background-color: lightgray;}
.beleidswiki .inhoud ul {list-style: none;padding:0 10px;}
.beleidswiki .inhoud li > a {color:#663366;hyphens: auto;-webkit-hyphens:auto;}
.beleidswiki_menu {float: left;width:50px;}
a#wizard,a#media {cursor: pointer;}
.beleidswiki textarea {width: 100%;height:400px;font-size:12px;}
form.beleidswiki {position: relative;}
form.beleidswiki iframe {position: absolute;top:0px;left:10px;width: 250px;height:250px;background-color: white;display: none;box-shadow: 5px 5px 5px #999;}
form.beleidswiki_wizard h1 {float:left}
form.beleidswiki_wizard span.close {float:right;cursor: pointer;padding: 5px 10px;font-size: 14px;font-weight: bold;line-height: 20px;}
form.beleidswiki_wizard input#link {margin:5px 10px;width: 90%;}
ul.beleidswiki_wizard {list-style: none;padding:0;margin:0px;}
ul.beleidswiki_wizard li {display: none;width:100%;line-height: 20px;padding: 5px 10px;}
ul.beleidswiki_wizard li:hover {background-color: deepskyblue;color:white;}
ul.beleidswiki_wizard li a {display: block;}
form.beleidswiki_wizard #nieuwbestand {display: none;}
form.beleidswiki_wizard label {margin:20px 10px;padding:5px;border:2px dotted #444; background-color: white;}
form.beleidswiki_wizard label:hover {cursor: pointer;}
form.beleidswiki_wizard p {clear: both; margin:10px;padding:5px;}

@media print {
	@page {
		size: A4 portrait;
		margin:2cm;
	}
	body {margin:0;padding:0;background-image:url(../images/19-FHTL-logo-300.png)} 
	body > div {width:auto;margin:0;padding:0;}    
	#top,#menu,.menu,.back,.plus,.min {display:none;}
	.uitklaptekst {display:block;}
	#body {background-color:#fff; border:none;width:auto;max-width:auto;margin:0;padding:0;}
	.accordion {margin:0;padding:0;}
	h1 {margin:0 0 20px 0;padding:0;}
	#body * {color:#000000;}
	#body {font-size:12pt;}
	form {display:none;}
	#format {
		clear:both;
		width:17cm;
		border-top:1px solid #000;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		margin-bottom:0px;
	}
	div.heel {
		width:17cm;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		padding:5px;
	}
	div.kwart {
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		width:4.25cm;
		max-width:4.25cm;
	}
	div.half {
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		width:8.5cm;
		max-width:8.5cm;
	}
	div.eenderde {
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		width:5.66cm;
		max-width:5.66cm;
	}
	div.tweederde {
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		width:11.33cm;
		max-width:11.33cm;
	}
}

@media only screen and (max-width: 600px) {
/* menu */
.menu {display:block;background:#663366;height:30px;width:100%;}
.button-menu {position:absolute;top:97;right:0;display:block;width:27px;height:27px;margin:1px 10px;cursor:pointer;z-index:5;}
.button-menu.default {background:url(../images/icon-menu-wit.png) right 0 no-repeat;}
.button-menu.hover {background:url(../images/icon-menu-wit.png) right 0 no-repeat;display:none;}
#menu {display:none;position:absolute;top:100px;left:0;overflow:hidden;width:100%;height:auto;padding:0;background:#663366;z-index:4;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #663366;}
#menu > li {float:none;display:block;width:100%;text-align:center;line-height:30px;padding:0;}
#menu > li > a {display:block;}
#menu > li > a:hover {background:#fff;color:#663366;text-decoration:none;}
/* einde menu */
#top,#body,.homepage_left,.homepage_right {margin:0 auto;width:100%;padding:0;}
body h1 {margin:5px;}
.homepage_kader,.overige_kader,.homepage_button,.homepage_opleiding,.jaaragenda,.medewerker,.inhoudsopgave, .accordion,section {margin:5px;width:97%;}
.verbergen {display:none;}
#competenties,header h4,header select,section > p {display:none;}
header {height:100%;}
.studiefase {float:none;width:100%;}
ul.semester {float:none;width:95%;height:auto;}
ul.semester  a {display:block;width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.rooster .rij,.rooster .cel {display:block;float:none;}
.rooster .rij {border:none;}
.rooster .cel {margin:0 5px;width:97%;padding:2px;}
.rooster .kop, .rooster .leeg, .rooster .print {display:none;}
.rooster .koplinks {width:100%;}
.rooster p.slot {display:block;font-weight:bold;margin:0;}
.rooster .dag_lang {display:inline;}
.rooster .dag_kort {display:none;}
.format {margin:0px;width:100%;border-left:none;}
.format .rij {display:block;}
.format .rij > div {display:block;width:100%;max-width:100%;border-right:none;}
div.heel {border-right:none;}
.scrolltop {bottom:15px;right:15px;}
.studentevaluaties .label {width:20px;}
.studentevaluaties .label > div {transform: translate(0px, 95px) rotate(270deg);width:20px;}
.studentevaluaties .studieonderdeel {font-size: 1.0em}
.studentevaluaties .resultaat {width:20px;}
.studentevaluaties .staafdiagram {width: 15px;left:2px;font-size: 0.7em;}
.studentevaluaties .cijfer {font-size: 2em;}
}