/*
This stylesheet is created by Rikkert Koppes. He is like a semantics evangelist!
His advices were very valuable to the project as a whole. Thanks dude!
Check out his crib! http://www.rikkertkoppes.com
*/



@page {
	margin: 0;
	padding: 0;
}
html,body {
	margin: 0;
	padding: 0;
}
p {
	margin-top: 0;
	margin-bottom: 1em;
	text-align: justify;
}
a {
	color: black;
}
ul#sitenav, div#pagenav, div#current, div#headerimage, .hide, h1, h2 {
	display: none;
}

/* LOGO */
div#tue-logo {
	height: 14mm;
}
div#tue-logo img {
	position: relative;
	left: 0mm;
	top: 3mm;
	height: 12mm;
	width: auto;
}

#tue-logo-screen {
	display: none;
}

/* PATH */
div#sitepath{
	padding-left: 28mm;
	border-top: 1pt solid #336666;
	position: absolute;
	width: 100%;
	top: 13mm;
}
div#sitepath a {
	text-decoration: none;
}

/* GENERAL */
* {
	font-family: "TUE scala", "Times New Roman", Times, serif;
	font-size: 9.5pt;
	line-height: 4.5mm;
}
h3 span.hide {
	display: block;
	font-family: "TUE meta", Arial, Helvetica, sans-serif;
	font-size: 24pt;
	line-height: 12mm;
	margin-top: 11mm;
}

/*
h3 {
	font-family: "TUE meta", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 5mm;
	margin-bottom: 0em;
	font-weight: normal;
}
*/

h4 {
	font-family: "TUE meta", Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	line-height: 4.5mm;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
dt {
	font-family: "TUE meta", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
dd {
	margin-left: 0mm;
}

div#content {
	padding-left: 28mm;
	width: 136mm;
}

/* NEWS */
div.news-frame-latest {
	border: 0.5pt solid black;
}	
div.news-frame-latest img {
	float: left;
}
div.news-frame-latest h3 {
	margin: 0;
}
div.news-item {
	padding: 2mm;
}


/* PORTAL COLUMNS */
div.col3-1,div.col3-2,div.col3-3 {
	float: left;
	width: 42mm;
	margin-right: 4mm;
}
div.col3-3 {
	margin-right: 0mm;
}
div.tx-tueportals br.clear {
	clear: both;
}
div.tx-tueportals dd {
	margin-left: 5mm;
	list-style-type: disc;
	display: list-item;
}



/* TABLES */
.contenttable {
	margin-bottom: 1em;
	margin-top: 1em;
	border-collapse: collapse;
	width: 164mm;
	margin-left: -28mm;
	display: block;
}

.contenttable caption {
	padding: 2mm;
	background-color: #003366;
}

.contenttable p {
	text-align: left;
}

.contenttable td {
	empty-cells: show;
	vertical-align: top;
	padding: 0mm 2mm 0mm 2mm;
}

/* genuine html tables */

.contenttable-html {
	empty-cells: show;
	border-bottom: 1pt solid #336666;
	margin-bottom: 1em;
	margin-top: 1em;
	border-collapse: collapse;
	width: 164mm;
	margin-left: -28mm;
	display: block;
border-right: 1pt solid white;
}

.contenttable-html caption {
	text-align: left;
	font-family: "TUE meta", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 5mm;
	margin-bottom: 0em;
	padding-left: 28mm;
	display: block;
}

.contenttable-html td, .contenttable-html th {
	vertical-align: top;
	padding: 0mm 2mm 0mm 2mm;
}

.contenttable-html thead th {
	border-bottom: 1pt solid black;
	text-align: left;
}

.contenttable-html tfoot td, .contenttable-html tfoot th {
	border-top: 1pt solid black;
	font-style: italic;
}

.contenttable-html tfoot th {
	text-align: right;
	border-right: 0.5pt solid black;
}

.contenttable-html tbody th {
	text-align: right;
	font-weight: normal;
	border-right: 0.5pt solid black;
	width: 52mm;
}

.contenttable-html tbody th[scope=rowgroup] {
	font-weight: bold;
}

.contenttable-html tbody td[colspan] {
	text-align: center;
}

/* layout 0 [default] */

.contenttable-0, .contenttable-0 td {
}



/* layout 1: koppen boven */
.contenttable-1 {
	empty-cells: show;
}

.contenttable-1 p {
	margin: 0;
}

.contenttable-1 .tr-even {
}

.contenttable-1 tr.tr-0 td{
	border-bottom: 1pt solid black;
}
.contenttable-1 tr.tr-0 p {
	font-weight: bold;
	font-family: "TUE meta", Arial, Helvetica, sans-serif;
}

.contenttable-1 .tr-last td {
	border-bottom: 1pt solid #336666;
}

.contenttable-1 .td-0 {
	width: 52mm;
}

.contenttable-1 .td-1 {
	min-width: 28mm;
}

.contenttable-1 .td-2 {
	min-width: 28mm;
}

.contenttable-1 .td-last {
	min-width: 28mm;
}

/* layout 2: koppen links */

.contenttable-2 {
	empty-cells: show;
}

.contenttable-2 p {
	margin: 0;
}

.contenttable-2 .tr-last td {
	border-bottom: 1pt solid #336666;
}

.contenttable-2 .tr-0 td {
	border-top: 1pt solid #336666;
}

.contenttable-2 .td-0 {
	width: 52mm;
	border-right: 0.5pt solid black;
}

.contenttable-2 .td-0 p {
	text-align: right;
}

/* layout 3: koppen boven en links */

.contenttable-3, .contenttable-1 td {
	empty-cells: show;
}

.contenttable-3 p {
	margin: 0;
}

.contenttable-3 tr.tr-0 td{
	border-bottom: 1pt solid black;
}
.contenttable-3 tr.tr-0 p {
	font-weight: bold;
	font-family: "TUE meta", Arial, Helvetica, sans-serif;
}

.contenttable-3 .tr-last td {
	border-bottom: 1pt solid #336666;
}

.contenttable-3 .td-0 {
	width: 52mm;
	border-right: 0.5pt solid black;
}

.contenttable-3 .td-0 p {
	text-align: right;
}
.contenttable-3 .td-1 {
	min-width: 28mm;
}

.contenttable-3 .td-2 {
	min-width: 28mm;
}

.contenttable-3 .td-last {
	min-width: 28mm;
}

/* layout 4: geen koppen */

.contenttable-4 {
	empty-cells: show;
	border-top: 1pt solid #336666;
	border-bottom: 1pt solid #336666;
}

/* FORMS & ELEMENTS */

.csc-mailform {
	border: 0.5pt solid black;
	page-break-inside: avoid;
}

.csc-mailform label, .csc-mailform input, .csc-mailform textarea, .csc-mailform select {
	float: left;
	width: 80mm;
	margin-bottom: 2px;
}

.csc-mailform input {
	border: none;
	border-bottom: 0.5pt solid black;
}

.csc-mailform input.tue-submit, csc-mailform button {
	display: none;
}

.csc-mailform input.tue-check, .csc-mailform input.tue-radio {
	width: auto;
	border: none;
}

.csc-mailform select {
}

.csc-mailform textarea, .csc-mailform select {
	border: 0.5pt solid black;
	overflow: hidden;
}

.csc-mailform label {
	text-align: right;
	font-weight: bold;
	padding-right: 4px;
	width: 40mm;
}

.csc-mailform br {
	clear: both;
}

/* ORGANISATION CHARTS */

div.organogram * {
	font-size: 6pt;
	color: black;
	font-family: "TUE meta", Arial, Helvetica, sans-serif;
}

div.organogram dl {
	width: 18mm;
}

div.organogram dd.down-left {
	padding-left: 9mm;
}
div.organogram dd.down-right {
	padding-right: 9mm;
}
div.organogram dd.down-left-down {
	padding-left: 9mm;
	padding-right: 9mm;
}
div.organogram dd.down-right-down {
	padding-left: 9mm;
	padding-right: 9mm;
}

div.organogram .col1 {left: 0mm}
div.organogram .col2 {left: 20mm}
div.organogram .col3 {left: 40mm}
div.organogram .col4 {left: 60mm}
div.organogram .col5 {left: 80mm}
div.organogram .col6 {left: 100mm}

div.organogram .width1 {width: 2mm}
div.organogram .width2 {width: 22mm}
div.organogram .width3 {width: 42mm}