@charset "utf-8";

/* No hacks here, just using plain straightforward standards. You'll need a standards-compatible browser though. Things which typically go wrong in the most common browsers are somewhat avoided. */

/* General Stuff */
body {
	margin: 1em auto;
	padding: 0em;
	background-color: #fff;
}
body {
	font-family: sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #000;
}
th, td {
	/*font-size: 1em;*/
}
h1, h2, h3, h4, h5, h6, h7, p, ul {
	margin: 1em 0em 0.5em 0em;
	padding: 0em 0em;
}
h1, h2, h3, h4, h5, h6, h7 {
	color: #c00;
	line-height: 1em;
}
h1 {
	font-size: 18pt;
}
h2 {
	font-size: 14pt;
}
h3 {
	font-size: 12pt;
}
h4 {
	font-size: 10pt;
}
h5, h6, h7 {
	font-size: 8pt;
}
h6 {}
h7 {}
p {
	text-align: justify;
	margin: 0.75em 0em;
}
hr {
	height: 0em;
	margin: 0em;
	padding: 0em;
	display: none;
}
ul, ol {
	margin: 1em 0em;
	padding: 0em;
	list-style-position: outside;
}
ol {
	list-style-type: decimal;
}
ul ul, ul ol, ol ul, ol ol {
	margin: 0em;
}
li {
	text-align: justify;
	margin: 0em 0em 0em 2.5em;
	padding: 0em;
}
ul ul li, ul ol li, ol ul li, ol ol li {
	margin: 0em 0em 0em 1.5em;
}
img {
	border: none;
	text-decoration: none;
}
img[align="right"] {
	margin-left: 2em;
	margin-bottom: 1em;
}
img[align="left"] {
	margin-right: 2em;
	margin-bottom: 1em;
}
a {
	color: #00f;
	text-decoration: underline;
}
a:hover {
	/*color: #e90;*/
	color: #c00;
}
a:visited {
	color: #009;
}
a:visited:hover {
	color: #c00;
}
em, strong {
	color: #c00;
}

form {
	position: relative;
}
form fieldset {
	border-color: #c00;
	border-width: 0.2em;
	border-style: solid;
	padding: 10px;
	margin: 0em;
}

form label {
	display: block;
	clear: left;
	float: left;
	width: 13em;
	text-align: right;
	padding-right: 1em;
}

form .error {
	color: #c00;
	font-style: italic;
}

form .help {
	color: #666;
	font-size: 0.9em;
}

form input[type="submit"], form input[type="reset"] {
	float: right;
}
form div.option {
	display: inline;
	position: absolute;
	margin: 0em;
	padding: 0em;
	left: 16em;
}
form label.radio, form label.checkbox {
	float: none;
	display: inline;
}
form br {
	clear: left;
}

/* Advice is to not use the following layout classes */
.center {
	text-align: center;
}
.clear {
	clear: both;
}
.bigtext {
	font-size: 16px;
}
ul {
	list-style: disc;
}
.right {
	float: right;
}
.left {
	float: left;
}

/* Generic additions */

.imglist {
	display: block;
	text-align: center;
	margin: 0em auto;
	padding: 0em;
}
.imglist .next {
	clear: both;
}
.imgbox {
	display: block;
	border: 0.1em solid #c00;
}
a.imgbox:hover {
	background-color: #ff9;
}
.imgbox img {
	border: none;
	margin: 0.3em;
	padding: 0em;
}
.imgbox .subtext {
	text-align: center;
	margin: 0em 0.3em;
	padding: 0em;
}
.imgbox .left {
	float: left;
	margin-right: 1em;
}
.imgbox .right {
	float: right;
	margin-left: 1em;
}

/* form {
  margin: 0em auto;
  padding: 0em;
  min-width: 26em;
  max-width: 40em;
  width: 30em;
}
form fieldset {
  border-color: #c00;
  border-width: 0.2em;
  border-style: solid;
  padding: 10px;
  margin: 0em;
}
form label {
	display: block;
	float: left;
	width: 10em;
	padding: 0em;
	margin: 0.5em 1em 0em 0em;
	text-align: right;
}
form br {
	clear: left;
}
form input, form textarea {
	width: 16em;
}
form input[type="radio"], form input[type="checkbox"] {
	width: 1em;
}
form input[type="submit"], form input[type="reset"] {
	width: 8em;
} */

/* Menus and Navigation */

/* Global navigation */
#globalnavigation {
	text-align: center;
}
#globalnavigation p{
	display: inline;
	margin: 0em;
	padding: 0em;
}
#globalnavigation ul {
	display: inline;
	margin: 0em;
	padding: 0em;
}
#globalnavigation li {
	display: inline;
	margin: 0em;
	margin-right: 1em;
	padding: 0em;
}
#globalnavigation li a {
	font-weight: bold;
	text-decoration: none;
	color: #ff0;
}
#globalnavigation li a:hover {
	color: #fff;
}
#globalnavigation li a.current {
	color: #fff;
}

#authnavigation {
	float: right;
	padding-right: 1em;
}
#authnavigation a {
	text-decoration: none;
}

/* Depth navigation */
#depthnavigation {
	display: inline;
	margin: 0em;
	padding: 0em;
	font-size: 1em;
	line-height: 1em;
}
#depthnavigation ol {
	display: inline;
	margin: 0em;
	padding: 0em;
	font-size: 1em;
	line-height: 1.5em;
}
#depthnavigation li {
	display: inline;
	margin: 0em;
	padding: 0em;
}
#depthnavigation li a {
	text-decoration: none;
}
#depthnavigation .current {
	
}

/* Local navigation */
#localnavigation {
	display: block;
	float: right;
	border: 0.2em solid #c00;
	margin: 0em 0em 1em 1em;
	padding: 0.5em 1em;
}
#localnavigation p {
	display: inline;
	margin: 0em;
	padding: 0em;
	font-size: 0.8em;
	line-height: 1em;
}
#localnavigation ul {
	display: block;
	margin: 0em;
	padding: 0em;
	line-height: 1em;
	list-style-type: none;
}
#localnavigation li {
	margin: 0em;
	padding: 0.25em 0em;
}
#localnavigation .current {
	font-weight: bold;
}

#linearnavigation a {
	text-decoration: none;
}
#linearnavigation .prev {
	float: left;
}
#linearnavigation .next {
	float: right;
}

/* Non-interfacing media */
@media print, projection {
	#globalnavigation, #localnavigation {
		display: none;
	}
}

/* Content Areas */

/* Preamble */
#prepreamble {
	background-color: #c00;
}
#preamble {
	max-width: 60em;
	margin: 0em auto;
}
/* Heading */
#heading {
	margin: 0em auto;
	padding: 1em 0em;
	color: #fff;
	line-height: 2em;
	text-align: left;
	max-width: 60em;
}
#heading-below {
	font-variant: small-caps;
	font-size: 2em;
	font-weight: normal;
}
#heading hr {
	border: 0.05em solid #fff;
	display: block;
}
#heading-above {
	font-weight: bold;
	font-size: 2.4em;
}
/* Debug */
#debug {
	background-color: #fec;
	border: 0.1em solid #fc0;
	margin: 1em 0em;
	padding: 0.3em;
	color: #c60;
}
/* Main */
#main {
	max-width: 60em;
	margin: 0em auto;
}
/* Content */
#content {
	background-color: #fff;
	/*border: 1em solid #fc9;*/
	margin: 0em;
	padding: 1em;
	position: relative;
	z-index: 1;
	clear: both;
}
/* Footer */
#footer {
	font-size: 0.8em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	clear: both;
}
#footer .inside {
	background-color: #c00;
}
#footer a {
	color: #ff0;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
}

/* Vacature specifics */
.vacbox {
	border: 0.2em solid #c00;
	width: 100%;
}
.vacbox th {
	color: #c00;
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	border-bottom: 0.1em solid #cccccc;
	padding-bottom: 0.1em;
}
.vacbox td {
	vertical-align: top;
}
.vacbox .field {
	font-style: italic;
}
.vacbox .value {
}

/* Specific media beautifiers */
@media print, projection, handheld, tv {
	#content {
		border: none;
	}
}