/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a {text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

input, button { overflow: visible; }
button,
input.button { cursor: pointer; }

input[type="checkbox"], input[type="radio"], input.checkbox, input.radio { position: static; }





/* BASICS */
body {
	color: #323232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a { color: #ff1b55; }
a:hover { text-decoration: none; }

ul, ol { margin: 0 0 0 2.5em; padding: 0; }
hr { border: 0; border-top: 1px solid #ff7800; height: 2px; margin: 1.5em 0; background: transparent none; }

fieldset { margin: 0 0 3em; padding: 1.5em 1.5em 0; border: 0; border-top: 1px solid #FF0369; }
fieldset legend { padding: 0 .5em; margin-left: -.5em; color: #FFF; background: #FF0369; text-transform: uppercase; }
label { float: left; width: 140px; padding: 5px 0 0; margin: .5em 0 0; padding-right: 10px; margin-right: 1em; }
label em { color: #FF0369; }
label.inline,
label.checkbox { display: inline; float: none; }
.buttonrow { text-align: right; margin: .5em 0 1.5em; }
.buttonrow input { background: #FF0369; color: #FFF; font-weight: bold; border: 0; padding: 3px 5px; text-transform: uppercase; font-family: "Helvetica Neue", Helvetica, Arial narrow, Arial; font-size: 1.5em; }
span.input { display: block; float: left; width: 300px; padding: 5px; margin: .5em 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1, h2, h3, h4 { text-transform: uppercase; font-weight: bold; line-height: 1.1em; color: #ff7800; font-family: "Helvetica Neue", Helvetica, Arial narrow, Arial; }
h3 { color: #ff1b55; margin-bottom: .5em; }

table { border: 1px solid #e6e6e6; border-width: 0 1px 1px 0; }
table td, table th { border: 1px solid #e6e6e6; border-width: 1px 0 0 1px; }
thead th { background: #FF1B55; color: #FFF; text-transform: uppercase; font-size: 1.25em }

.skip { display: none; }




/* PAGE */
#page {
	width: 950px;
	margin: 0 auto;
}
.c25l { float: left; width: 230px; }
.c25r { float: right; width: 230px; }
.c50l { float: left; width: 470px; }
.c75r { float: right; width: 700px; }
.c75r textarea { width: 485px; }





/* HEADER */
#header {
	padding-top: 20px;
}
#header .header_date {
	text-transform: uppercase;
	font-weight: bold;
	color: #ff7800;
	font-size: 3.4em;
	line-height: 1em;
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial narrow, Arial;
}
#header .header_date span.date {
	color: #ff0055;
}




/* LOGO */
#header h1 {
	margin: 0 0 1em 4px;
	font-size: 1em;
}
#header h1 a {
	display: block;
}
#header h1 a img {
	display: block;
}




/* MENU */
#nav {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.65em;
	font-family: "Helvetica Neue", Helvetica, Arial narrow, Arial;
	float: right;
	clear: right;
	text-align: right;
	white-space: nowrap;
}
#nav ul {
	margin: 0;
}
#nav ul li {
	display: inline;
	list-style-type: none;
	padding: 0;
}
#nav ul li a {
	text-decoration: none;
	color: #ff6c00;
	padding: 3px 5px;
	display: inline;
}
#nav ul li a:hover {
	color: #ff0055;
}
#nav ul li a.active,
#nav ul li a.active:hover {
	color: #FFF;
	background: #ff0055;
}
/* submenu */
#nav ul ul {
	display: none;
}




/* TOP NAVIGATION */
#topnav {
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	margin: 21px 0 12px;
}
#topnav ul {
	margin: 0;
}
#topnav ul li {
	list-style-type: none;
	float: left;
	margin-left: .75em;
}
#topnav ul li a {
	color: #ff0055;
	text-decoration: none;
}
#topnav ul li a:hover {
	color: #ff7800;
}




/* SUNMENU */
#submenu {}
#submenu .title {
	padding-left: 20px;
}
#submenu .title .gt {
	margin-left: -20px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.23em;
	line-height: 1.1em;
	color: #FF7800;
}
#submenu h3 {
	margin: 0 0 .5em;
	color: #FF7800;
}
#submenu ul {
	margin: 0;
}
#submenu ul li {
	list-style-type: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.23em;
	line-height: 1em;
	color: #ff0369;
	font-family: "Helvetica Neue", Helvetica, Arial narrow, Arial;
	margin-top: .75em;
	padding-left: 20px;
}
#submenu ul li a {
	color: #ff0369;
}
#submenu ul li .gt {
	float: left;
	margin-left: -20px;
}




/* PROFILE NAVIGATION */
ul.nav_profile {
	margin: 0;
	float: right;
}
ul.nav_profile li {
	display: inline;
	list-style-type: none;
	padding: 0 0 0 10px;
}




/* BREADCRUMB */
#breadcrumb ul {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
}
#breadcrumb ul li {
	list-style-type: none;
	float: left;
	padding-left: .4em;
	color: #FF7800;
}
#breadcrumb ul li .separator {
	position: relative;
	top: -2px;
}
#breadcrumb ul li.first {
	padding: 0;
}
#breadcrumb ul li a {
	text-decoration: none;
}
#breadcrumb a.bullet_print {
	float: right;
	line-height: 27px;
	font-size: .85em;
	background: url(img/2010/icon_print.gif) no-repeat left;
	padding-left: 20px;
}




/* FLASH HEADER */
#flash_header {
	font-weight: bold;
	font-size: 3em;
	font-family: "Helvetica Neue", Helvetica, Arial narrow, Arial;
	line-height: 1em;
}
#flash_header p {
	margin-bottom: 0;
}
#flash_header .no_flash {
	padding: 0 40px;
}




/* TEASERS HOME */
#teasers_home {}
#teasers_home .teaser {
	float: left;
	width: 206px;
	margin-left: 10px;
	padding: 0 12px;
	color: #FF7800;
}
#teasers_home .teaser a {
	color: #FF7800;
}
#teasers_home .first {
	margin-left: 0;
}
#teasers_home .teaser_block {
	background: #ff009c;
	color: #FFF;
}
#teasers_home .teaser_block h2,
#teasers_home .teaser_block a {
	color: #FFF;
}




/* uitgelicht */
#uitgelicht {}
#uitgelicht .nav {
	margin-bottom: 1.5em;
	font-size: 1.25em;
	color: #FF7800;
	border-width: 0 0 1px 0;
}
#uitgelicht .nav a.prev { float: left; }
#uitgelicht .nav a.next { float: right; }
#uitgelicht .nav a.arrow {
	text-decoration: none;
	font-weight: bold;
	color: #FF7800;
	padding: 0 5px;
}
#uitgelicht .nav a.bullet {
	color: #CCC;
	text-decoration: none;
	padding: 0 2px;
}
#uitgelicht .nav a.active {
	color: #FF7800;
}
#uitgelicht .bedrijven {
	position: relative;
	overflow: hidden;
}
#uitgelicht .bedrijven .bedrijf {
	position: absolute;
	top:0;
	display: none;
}
#uitgelicht .bedrijven .first {
	display: block;
}




/* TEASRS ZIJBALK */
.teasers_zijbalk {}
.teasers_zijbalk .teaser {
	padding: 0 12px;
	margin-top: 3em;
}
.teasers_zijbalk .teaser_block {
	background: #ff009c;
	color: #FFF;
}
.teasers_zijbalk .teaser_block h2,
.teasers_zijbalk .teaser_block a {
	color: #FFF;
}




/* Company list */
.company_list {}
.company_list ul {
	margin: 0;
}
.company_list ul li {
	list-style-type: none;
	padding: 1.5em 200px 1.5em 1.5em;
	border-top: 1px solid #ff7800;
}
.company_list ul li .company_image {
	margin-right: -180px;
	float: right;
	width: 140px;
	text-align: center;
}




/* Login */
.login_students,
.login_companies {
	width: 455px;
}
.login_students {
	float: left;
}
.login_companies {
	float: right;
}
.login_students input.text,
.login_companies input.text {
	width: 235px;
}





/* rooster student */
.rooster_student table.students td,
.rooster_student table.students th { padding: 10px; }




/* ROOSTER  */
table.table_overzicht_rooster {
	font-size: 11px;
}
table.table_overzicht_rooster th {
	text-align: center;
}
table.table_overzicht_rooster td {
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
}
table.table_overzicht_rooster tbody th {
	text-align: right;
	font-size: .85em;
	font-weight: normal;
	padding: 4px;
}
table.table_overzicht_rooster td {
	background-color:#FF7800;
	color:#FFF;
	cursor:pointer;
	font-weight: bold;
}
table.table_overzicht_rooster td:hover {
	background: #FF1B55;
}
table.table_overzicht_rooster td.empty,
table.table_overzicht_rooster td.empty:hover {
	background: transparent;
	cursor: default;
	color: #323232;
}
table.table_overzicht_rooster td.disabled,
table.table_overzicht_rooster td.disabled:hover {
	background-color:#444444;
	color: #FFF;
	cursor: default;
}




/* COMPANY INFORMATION */
.company_info .rightcontent {
	float: right;
	width: 320px;
	margin: 0 0 1.5em 1.5em;
}
.company_info .rightcontent .profile,
.company_info .rightcontent .back_to_overview {
	display: none;
}
.block_message {
	color: #FF0369;
	font-style: italic;
	margin-bottom: 1.5em;
}
.company_info .rightcontent .block {
	border: 1px solid #FF0369;
	padding: 10px;
	margin-top: 1.5em;
}
.company_info .block h3 {
	background: #FF0369;
	margin: -10px -10px .5em;
	color: #FFF;
	padding: 10px;
}
.company_info .activities ul {
	margin: 0 0 20px;
}
.company_info .activities ul li {
	list-style-type: none;
	border-bottom: 1px solid #FF0369;
	padding: 3px 0;
}
.company_info .activities ul li.first {
	border-top: 0;
}
.company_info .activities a.submit {
	background: #FF0369;
	color: #FFF;
	font-weight: bold;
	padding: 3px 5px;
	text-transform: uppercase;
	font-size: 1.5em;
	display: block;
	margin: 1.5em 1.5em 0;
	text-align: center;
	text-decoration: none;
}
.company_info .activities .check_disabled {
	float: left;
	overflow: hidden;
	width: 14px;
	height: 14px;
	background: url("img/delete.gif") 0 0;
	margin: 3px 3px 3px 0;
	position: relative;
}
.company_info .facts {
	border: 1px solid #FF0369;
	padding: 10px;
}
.company_info .facts h3 {
	background: #FF0369;
	margin: -10px -10px .5em;
	color: #FFF;
	padding: 10px;
}




/* GOOGLE MAPS */
#gmap {
	width: 100%;
	height: 450px;
}





/* FOOTER */
#footer {
	font-weight: bold;
	text-transform: uppercase;
	font-size: .92em;
	padding: 0 0 3em 0;
}
#footer,
#footer a {
	color: #ff0369;
	text-decoration: none;
}
#footer p.logos {
	float: left;
	margin: 0;
}
#footer p.logos img {
	float: left;
	margin: 0 .75em 0 1em;
}
#footer p.copyright {
	float: right;
	margin: 1em 0 0;
}/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* print.css */
body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
.container {background:none;}
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
code {font:.9em "Courier New", Monaco, Courier, monospace;}
a img {border:none;}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}




#topnav,
#nav,
#breadcrumb,
#footer,
.ui-tabs-nav,
.c25l {
	display: none;
}

#page { width: auto; }
.c75r { width: auto; float: none; }




/* HEADER */
#header { border-bottom:1px solid #FF7800; margin:0 0 1.5em; padding:0 0 1em; }
#header h1 { float: left; margin-right: 2em; }
#header .header_date { margin-top: 41px; font-size: 2em }
#header .header_date br { display: none; }




/* ROOSTER  */
table.table_overzicht_rooster td,
table.table_overzicht_rooster th {
	padding: 2px;
}
table.table_overzicht_rooster td {
	text-transform: none;
}
table.table_overzicht_rooster td.time {
	text-align: right;
	font-size: .85em;
}
table.table_overzicht_rooster tr.marked td.scheduled,
table.table_overzicht_rooster td.scheduled {
	font-weight: normal;
}
thead th {
	font-size:1em;
	text-transform: none;
	font-weight: bold;
}