/* ----------------------------------------------------------------------- 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:focus, a:hover {color:#000;}
a {color:#009;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.datetime, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus,input.datetime:hover, 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,input.datetime{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;}
.message, .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.message, .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;}
/* grid.css */ .container {width:996px;margin:0 auto;}
.column, .span-1 {float:left;margin-right:0px;}
.border {padding-right:-1px;margin-right:0px;border-right:1px solid #eee;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
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;}
/* fancy-type */ p + p {text-indent:2em;margin-top:-1.5em;}
form p + p {text-indent:0;}
.alt {color:#666;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;font-style:italic;font-weight:normal;}
.dquo {margin-left:-.5em;}
p.incr, .incr p {font-size:10px;line-height:1.44em;margin-bottom:1.5em;}
.caps {font-variant:small-caps;letter-spacing:1px;text-transform:lowercase;font-size:1.2em;line-height:1%;font-weight:bold;padding:0 2px;}
/* buttons */ a.button, button {display:block;float:left;margin:0.7em 0.5em 0.7em 0;padding:5px 10px 5px 7px;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;}
button {width:auto;overflow:visible;padding:4px 10px 3px 7px;}
button[type] {padding:4px 10px 4px 7px;line-height:17px;}
*:first-child+html button[type] {padding:4px 10px 3px 7px;}
button img, a.button img {margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}
button:hover, a.button:hover {background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
a.button:active {background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
body .positive {color:#529214;}
a.positive:hover, button.positive:hover {background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
a.positive:active {background-color:#529214;border:1px solid #529214;color:#fff;}
body .negative {color:#d12f19;}
a.negative:hover, button.negative:hover {background-color:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
a.negative:active {background-color:#d12f19;border:1px solid #d12f19;color:#fff;}
/*STYLE.CSS*/ /* utilities */ .button { border: none; margin-top: 10px; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.border { border: 1px solid #898989; }
.noborder { border: none; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.top { vertical-align: top; }
.fleft { float: left;}
.fright { float: right;}
.normal-weight { font-weight: normal; }
.bold { font-weight: bold; }
.hidden { display: none; }
.block { display: block; }
.clear { clear:both !important; height:1px !important; overflow:hidden !important;float:none !important; }
.blue { color:#2aa4d6 }
select { padding:5px; width:310px; }
input.text, .submit input, input.submit{ border: 1px solid #80939b; margin:5px 0; }
.clear { clear:both; }
p{ clear:both; }
.submit input, input.submit { margin:0.5em 0; padding:4px 8px; line-height:16px; background-color:#fff; }
.submit input, .advanced-search a{ margin-bottom:5px; margin-top:8px; }
.darkbox { border: 1px solid #9a9a9a; background-color: #363636; color:#fff; }
a { color:#000; }
.transparent-85 { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.transparent-50 { filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.transparent-65 { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; }
.transparent-100 { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }
#header { height: 98px; width:100%; background: url(img/header-bg.png) repeat-x; }
#content-container { background: url(img/content-bg.jpg) no-repeat; padding-left:35px; }
#heightspacer { width:1px; height:717px; float:left; padding:0;margin:0; }
#leftcol { padding-top:18px; width:175px; float:left; }
#leftcol h3{ font-size:14px; text-align:left; padding-left:18px; margin-bottom:5px; }
#leftcol .loginbox { background-color: #7fcded; padding:12px 18px; }
#leftcol .loginbox a{ text-decoration:none; }
#leftcol .loginbox a:hover{ text-decoration:underline; }
#leftcol .loginbox input.text { width:127px; margin-bottom:7px; margin-top:2px; }
label { font-weight:normal; }
#leftcol .banner { margin-bottom:10px; }
#rightcol { width:785px; float:left; }
#footer { width: 996px; background-color: #363636; padding-top:10px; padding-bottom: 8px; text-align:center; color:#2aa4d6; }
#footer a{ color:#fff; padding:0 16px; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }
#footer .copyright{ margin-top:6px; }
#menu { width:765px; margin-top:2px; margin-bottom:5px; height:28px; padding-left:24px; }
#menu a { color:#fff; display:block; float:left; line-height:26px; text-align:center; width:105px; margin-left:1px; margin-right:1px; text-decoration:none; }
#menu a:hover { background-color: #e6e6e6; color:#363636 ; }
#content { width:745px; padding-top:10px; padding-left:40px; }
#content h1{ font-size: 20px; margin-bottom: 20px; }
#content a, #content a:hover, #content a:visited{ color:#2aa4d6; text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content h3, #content h1{ font-size: 15px; margin-bottom: 8px; margin-top:15px; font-weight:bold; }
#content h4{ font-size: 14px; margin-bottom: 8px; margin-top:15px; font-weight:normal; }
h1, .arrow { line-height:20px; background: url(img/h3-arrow-bg.png) no-repeat; padding-left:20px; }
.arrowsmall { line-height:15px; background: url(img/arrow-small-bg.png) center left no-repeat; padding-left:15px; }
.arrowsmall-black { line-height:12px; background: url(img/arrow-small-black-bg.png) center left no-repeat; padding-left:15px; }
#content .left { width:390px; float:left; padding-right:20px; padding-bottom:10px; }
#content .right { width:335px; float:left; padding-bottom:10px; }
#content .right .search { padding: 8px 22px; width: 271px; }
#content .right .search input.text{ width: 106px; }
#content .right input{ margin-right:12px; float:left; }
#content .right .advanced-search{ float:left; padding:0;margin:0; }
#content .right .advanced-search input{ margin-right:0; }
.rounded-bluebox, .rounded-graybox, { width: 308px; }
.rounded-bluebox .header{ height:8px; width:308px; background: url(img/rounded-bluebox-hf-bg.png) top left no-repeat; }
.rounded-bluebox .content{ width:308px; background: url(img/rounded-bluebox-bg.png); }
.rounded-bluebox .footer{ height:8px; width:308px; background: url(img/rounded-bluebox-hf-bg.png) bottom left no-repeat; }
.rounded-graybox .header{ height:13px; width:308px; background: url(img/rounded-graybox-hf-bg.png) top left no-repeat; }
.rounded-graybox .content{ width:308px; background: url(img/rounded-graybox-bg.png); }
.rounded-graybox .footer{ height:13px; width:308px; background: url(img/rounded-graybox-hf-bg.png) bottom left no-repeat; }
.rounded-bluebox ul, .rounded-graybox ul{ margin:0; padding-left: 22px; list-style-type:none; }
.latestnews { width: 276px !important; padding: 0 10px 0 22px !important; }
.latestnews .news_head { font-weight:bold; padding:0; margin:0; margin-bottom:5px; }
.latestnews .news_date { font-style:italic; padding:0; margin:0; font-size:11px; text-align:left; clear:both; }
.latestnews .news_body{ clear:both; padding-top:10px; }
.latestnews .readmore { width:100%; display:block; font-size:11px; font-style:italic; color:#000 !important; text-decoration:none; text-align:right; }
.defaultform{ padding-bottom:20px; }
.defaultform .textcol { width:450px; }
.defaultform .submit{ margin-top:10px; }
.defaultform label, .searchform label { width:140px; line-height:26px; margin:0.5em 0; display:block; float:left; }
.summary { padding-left:140px }
form .pleft{ padding-left:140px; }
.submit .blue{ background-color: #54bce7; color:#fff; }
.defaultform #flashContainer, .defaultform #authMessage, .advanced-searchform #flashContainer{ width:450px; margin-top:10px; }
.defaultform #authMessage { width:430px; }
thead th { background-color: #54bce7; color:#fff; }
thead th a{ color:#fff !important; font-size:11px; }
input.datetime{ width:85px; }
.form-error { border: 1px solid #c11717 !important; }
.error-message-wrapper { margin-top: 0px; color: #c11717; font-weight: bold; clear:both; height:15px; font-size:10px; margin-left:140px; margin-top:-10px; }
.with-error label, .with-error input{ margin-bottom:0px !important; }
.checkboxleft label{ width:300px !important; float:left; padding:0;margin:0; padding-left:10px; }
.register { margin-bottom:20px; }
.register ul , .profile ul { list-style-type:none; width:100%; padding:0;margin:0; }
.profile{ padding-left:5px; }
.register ul li{ display:block; float:left; margin-right:25px; font-size:15px; }
.profile ul li{ display:block; float:left; margin-right:20px; font-size:13px; }
.profile ul li a{ padding-left:14px !important; }
.defaultform .thumb { margin-left:140px; }
.beroepen-checkbox-list .checkbox input{ border-style: none !important; width:auto !important; background-color:transparent !important; float:left; }
.beroepen-checkbox-list { width:40%; float:left; }
.beroepen-checkbox-list .checkbox{ width:230px; float:left; padding: 0!important; }
.beroepen-checkbox-list .checkbox input{ margin: 0; padding:0; margin-top:3px; margin-right:8px; }
.beroepen-checkbox-list label{ width:200px !important; margin:0;padding:0; float:left; display:block; padding-left: 2px !important; clear:top !important; }
div.month { float:left; padding:0px 5px 0px 5px; height:150px; margin:10px 10px; font-size:10px !important; line-height:14px !important; }
div.legenda{ font-size:10px !important; line-height:14px !important; width:150px; }
table.cal {border: 0;font-size:11px !important;}
table.cal caption{font-size:12px;background-color: #54bce7;color:#fff;}
table.cal td, table.cal th {text-align: center; border: 0;}
table.cal th {height: 10px;text-transform:lowercase;}
table.cal td { height: 8px;padding: 0 1px 0 1px;}
table.cal .cal-month {font-weight: bold; margin-top: 3px;text-align: center}
table.cal .cal-month a{text-decoration: none}
table.cal .cal-prev, table.cal .cal-next {font-weight: normal;}
table.cal th {color: #2aa4d6; text-align: center;}
table.cal td.linked-day {}
div.legenda td {text-align:left;}
td.weeknr{ font-weight:bold; }
td.occupied{ background-color:#b0281e; text-align:center !important; padding:0 3px !important; }
td.free{ background-color:#fff; text-align:center !important; padding:0 3px !important; }
td.reserved{ background-color:#fdb602; text-align:center !important; padding:0 3px !important; }
ul.images{ clear:both; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt; }
ul.images li{ float:left; text-align:center; width:165px; margin:10px; display:block; }
ul.images li img { border:0px; }
ul.images li div.controls { position:absolute; top:-32px; right:0; background:#ccc; text-align:right; padding:3px; }
ul.images li img.photo{ width:165px; height:165px; }
ul.images li form { padding-top:0px; }
ul.images li div.edit-form{ background-color:#ccc; padding:4px; }
div.edit-form .hidden{ height:0px; padding:0;margin:0; }
ul.images li div.edit-form input{ width:152px; }
ul.images li div.edit-submit input{ float:left; width:70px; color:#c11717; font-weight:bold; padding:1px !important; height:20px !important; font-size:10px !important; }
.edit-form input{ font-size:10px !important; height:14px !important; }
.edit-form { height:45px; position:absolute; top:-50px; right:0; }
tr.even td { background:#e6f6fc none repeat scroll 0 0; }
#thickbox-container { width: 750px; background: url(img/thickbox-header-bg.png) top left repeat-y;}
#tb-header { padding:8px 0px; width:100%; }
#tb-header table { padding:0;margin:0; }
#tb-header table td.logo{ }
#tb-header table td.name { padding-left:20px; vertical-align:bottom; font-size:16px; }
#tb-header table td.name img {margin-right:15px;padding:5px;background-color:#d3d3d3;}
#tb-profile { padding:0px 0px 35px 20px; }
#tb-profile td { padding:22px 12px; background-color:#808080; color:#fff; vertical-align:top; }
#tb-profile .lft{ width:250px; border-right:2px solid #fff; }
#tb-profile table { margin-bottom:1px; }
#tb-profile table.data { padding:0;margin:0; }
#tb-profile table.data td{ padding:0 ; }
#tb-profile a, #tb-profile a:hover, #tb-profile a:visited{ color:#2aa4d6; text-decoration:none; }
#tb-profile a:hover{ text-decoration:underline; }
#tb-profile div.month { padding:0; margin:7px; background-color:#fff; }
#tb-profile .cal th, #tb-profile .cal td{ background-color:#fff; color:#000; font-size:10px !important; }
#tb-profile .cal caption{ font-size:11px !important; margin-top:0; }
#tb-profile .cal td{ padding:0 3px !important; }
#tb-profile .cal td.occupied{ background-color:#b0281e; }
#tb-profile .cal td.free{ background-color:#fff; }
#tb-profile .cal td.reserved{ background-color:#fdb602; }
ul.list a{ color:#000 !important; display:block; width:175px; float:left; }

span.button {
	display:block;
    float: left;
    margin-right: 12px;
    background-color: #FFFFFF;
    line-height: 16px;
    margin: 0.5em 0;
    padding: 4px 8px;
    border: 1px solid #80939B;
    margin: 6px 0;
	color:#000000;
}

	/*
	 * Required 
	*/
	#loopedSlider .slide-container { width:388px;height:290px; overflow:hidden; position:relative; cursor:pointer; }
	#loopedSlider div.slides { position:absolute; top:0; left:0; }
	#loopedSlider ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
	#loopedSlider div.slides > div,ul.slides li { position:absolute; top:0; width:388px; display:none; padding:0; margin:0; }
	
	/*
	 * Optional
	*/
	#loopedSlider{ margin:0 auto; width:388px; position:relative; clear:both; }
	#loopedSlider ul.pagination { list-style:none; padding:0; margin:0; }
	#loopedSlider ul.pagination li  { float:left; }
	#loopedSlider ul.pagination li a { padding:2px 4px; }
	#loopedSlider ul.pagination li.active a { background:blue; color:white; }
	#loopedSlider .slides a{text-decoration: none!important;}
	#loopedSlider .slides .text {color:#fff; background: url(img/trans-bg.png);height:40px;position:absolute;width:388px;bottom:0; padding:5px 10px;}