@font-face {
	font-family: 'EurostileRegular';
	src: url('../fonts/Eurostile.eot');
	src: local('Eurostile Regular'), local('EurostileRegular'), url('../fonts/Eurostile.woff') format('woff'), url('../fonts/Eurostile.ttf') format('truetype'), url('../fonts/Eurostile.svg#EurostileRegular') format('svg');
}
@font-face {
	font-family: 'EurostileBold';
	src: url('../fonts/EurostileBold.eot');
	src: local('Eurostile Bold'), local('EurostileBold'), url('../fonts/EurostileBold.woff') format('woff'), url('../fonts/EurostileBold.ttf') format('truetype'), url('../fonts/EurostileBold.svg#EurostileBold') format('svg');
}

body
{
	height:100%;
	margin:0;
	font:67.5% Verdana, Arial, Helvetica, sans-serif;
	background:#FFF;
}

div#parent {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-height:100%;
	z-index:1;
}
div#meta, div#header, div#page, div#footer, div#logos
{
	position:relative;
	width:970px;
	margin:0 auto;
	padding:0;
}

/*
 * LOGOS
 */
div#logos-container
{
	position:absolute;
	left:0;
	top:145px;
	width:100%;
	z-index:889;
}
div#logo_company
{
	position:absolute;
	width:51px;
	height:50px;
	left:544px;
	top:0;
/*	background:url('../images/logo_theeplein.png');*/
	z-index:890;
}
div#logo_school
{
	position:absolute;
	width:50px;
	height:50px;
	left:610px;
	top:0;
/*	background:url('../images/logo_school.png');*/
	z-index:891;
}

/*
 * META
 */
div#meta-container
{
	background:url('../images/bg_blacktrans.png'); /*80%*/
	min-height:20px;
}

/* metanav */
div#meta-wrapper
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:989;
}
div#metanav
{
	float:left;
	font-size:0.9em;
}
div#metanav ul, div#metanav ul li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div#metanav ul li
{
	float:left;
	padding:3px 0 5px;
}
div#metanav ul li a
{
	color:#999;
	margin:0 16px 0 0;
	text-decoration:none;
/*	text-transform:lowercase;*/
}
div#metanav ul li a:hover
{
	color:#CCC;
}

/* errors and notices */
div#meta_error
{
	float:left;
	font-size:0.9em;
	background-color:#F00;
	color:#FFF;
}
div#meta_error p
{
	margin:0;
	padding:3px 8px 5px;
	text-decoration:blink;
	font-weight:700;
}

/* current user */
div#current_user
{
	float:right;
	margin-left:40px;
	font-size:0.9em;
	color:#999;
}
div#current_user p
{
	margin:0;
	padding:3px 0 5px;
}
div#current_user a
{
	text-decoration:none;
/*	text-transform:lowercase;*/
	color:#999;
}
div#current_user a:hover
{
	color:#CCC;
}

/*
 * HEADER
 */
div#header-container
{
	background:url('../images/shade_bottom.png') bottom repeat-x;
}
div#header
{
	height:128px;
}
div#bg_header
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:128px;
	background:url('../images/bg_theeplein.jpg') top center repeat-x;
	z-index:0;
}

/*
 * NAVIGATION
 */
div#nav
{
	position:absolute;
	left:0;
	bottom:0;
	font-size:1.3em;
}
div#secnav
{
	position:absolute;
	right:0;
	bottom:0;
	font-size:1.1em;
}
div#header div.tabs ul, div#header div.tabs ul li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div#header div.tabs ul li
{
	float:left;
	margin:0 1px;
}
div#header div.tabs ul li a
{
	display:block;
	margin:0;
	padding:3px 8px 5px;
	background:#DDD url('../images/shade_bottom.png') bottom repeat-x;
	text-transform:lowercase;
	text-decoration:none;
	color:#333;
}
div#header div.tabs ul li a:hover {background-color:#EEE; color:#000;}
div#header div.tabs ul li a.current-page {background-color:#FFF !important; background-image:none; color:#000 !important;}
div#header div.tabs ul li a.current-page:hover {background-color:#FFF;}

body.projects div#header div.tabs ul li a {background:#319A33; color:#FFF;}
body.projects div#header div.tabs ul li a:hover {background-color:#67CF69; color:#FFF;}
body.contacts div#header div.tabs ul li a {background:#319A33; color:#FFF;}
body.contacts div#header div.tabs ul li a:hover {background-color:#67CF69; color:#FFF;}
body.content-access div#header div.tabs ul li a {background:#FC0;}
body.content-access div#header div.tabs ul li a:hover {background-color:#FDE300; color:#000;}
body.calendar div#header div.tabs ul li a {background:#F00; color:#FFF;}
body.calendar div#header div.tabs ul li a:hover {background-color:#FF4B4B; color:#FFF;}
body.billing div#header div.tabs ul li a {background:#339; color:#E1E1E1;}
body.billing div#header div.tabs ul li a:hover {background-color:#7272C4; color:#E1E1E1;}

body.parents div#header div.tabs ul li a {background:#F00; color:#FFF;}
body.parents div#header div.tabs ul li a:hover {background-color:#FF4B4B; color:#FFF;}

/*
 * PAGE
 */
div#page-container
{
	padding-bottom:88px;
/*	background:#E1E1E1 url('../images/bg_gradient.png') repeat-x;*/
	background:#FFF;
}
div#page
{
	margin-top:0;
	margin-bottom:0;
	padding:18px 0 116px 0; /*88 + 28*/
	min-height:600px;
	z-index:888;
}

div#main
{
	float:left;
	width:660px;
	margin:0;
	padding:0 60px 116px 0; /*88 + 28*/
	min-height:300px;
}
div#main.wide
{
	width:100% !important;
	padding-right:0 !important;
}
div#main_col
{
	float:left;
	width:320px;
}
div#main_col.left {clear:both; margin-right:10px;}
div#main_col.right {padding-left:9px; border-left:1px #CCC solid;}
div#main.wide div#main_col {width:475px !important;}
div#main ul.space li, div#main ol li {padding:0 0 6px;}

div#sidebar
{
	float:right;
	width:220px;
	margin:0;
	padding:15px;
/*	background:#E1E1E1;*/
	background:#FFF url('../images/bg_gradient2.png') repeat-x;
	min-height:600px;
}

/*
 * FOOTER
 */
#footer-container
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:#000;
	z-index:988;
}
#footer
{
	height:80px;
	padding:8px 0 0;
	font-size:.8em;
}
#footer p
{
	color:#999;
}
#footer #copyright
{
}

/*
 * FORMS
 */
form div.item-label, form div.item-label-disabled
{
	clear:both;
	float:left;
	width:165px;
	margin:3px 0 0;
	padding:0;
	text-transform:lowercase;
}
form div.item-label-disabled {color:#999;}
form div.item
{
	margin:0 0 0 175px;
	padding:0;
}
.error, span.validation_error {color:#F00;}
form input, form textarea, form select {width:225px;}
form input.big, form textarea.big, form select.big {width:450px;}
form div.item textarea {height:100px;}
textarea.big {height:200px !important;}
textarea.code {font-family:'Courier new';}
form input.checkbox, form input.radio, form input.button, form select.auto {width:auto;}
div#login form {margin-top:0;}
div#login div.item-label {width:125px !important;}
div#login div.item {margin-left:135px !important;}
div#login div.item input {width:auto !important;}
div#sidebar div.item
{
	clear:left !important;
	display:inline;
	margin:0 !important;
}
fieldset
{
	margin-bottom:2em;
	padding-top:.7em;
	border:1px solid #DDD;
	background-color:#F8F8F8;
}

/*
 * TABLES
 */
table
{
	clear:both;
	border-collapse: collapse;
}
th {
	text-align:left;
	text-transform:lowercase;
	vertical-align:bottom;
}
td {vertical-align:top;}
th a {text-decoration:none;}
th, td {
	margin:0;
	padding:3px 4px;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
table.form td {padding:7px 4px 1px;}
table.form td input {margin-top:-3px;}
th {border-top:none;}
td a {text-transform:lowercase;}
table.no_borders th, table.no_borders td
{
	padding:0 4px !important;
	border:none !important;
}

div#table div#search
{
	margin:10px 0 30px;
}
div#table div#search input
{
	width:250px; 
	padding-left:22px;
	font-size:1.7em;
	background:url('../images/search.png') 4px 6px no-repeat;
	color:#333;
}

div#table div.modes, div#table div.pagination
{
	margin:0 0 8px;
	text-transform:lowercase;
}
div#table div.modes {float:left;}
div#table div.pagination {float:right;}
div#table div.modes a, div#table div.modes span#current {padding:2px 5px;}
div#table div.pagination a, div#table div.pagination span#current {padding:2px 3px;}
div#table div.modes span#current, div#table div.pagination span#current {background-color:#DDD;}

/*
 * HEADERS
 */
h1, h2, h3, h4
{
	font-family:'EurostileBold', Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-weight:400;
}
h1
{
	margin-top:0;
	font-size:2.2em;
	line-height:2.2em;
}
h2
{
	margin:1.9em 0 0;
	padding:0;
	font-size:1.9em;
	line-height:1.9em;
}
h3
{
	margin:1.6em 0 0;
	font-size:1.6em;
	line-height:1.6em;
}
h4
{
	margin:1.3em 0 0;
	font-size:1.3em;
	line-height:1.3em;
}

br.clearall {clear:both;}
span.nobr {display:inline-block;}
span.pre {font-family:monospace;}
hr {display:none;}
a {color:#000;}
a.internal_link
{
	text-decoration:none;
	text-transform:none !important;
	border-bottom:1px #999 dashed;
}
abbr {border-bottom:1px dotted #333;}
pre {margin:0;}

a.delete
{
	display:inline-block;
	vertical-align:bottom;
	width:10px;
	height:11px;
	background:url('../images/trash.gif') left top no-repeat;
}
a.delete span {display:none;}

/*
 * OVERLAY + DIALOG BOX
 */
#overlay {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	background:#000;
	z-index:997;
}
#dialog-container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:998;
}
#dialog {
	position:fixed;  
	_position:absolute; /*hack for internet explorer 6*/
	width:500px;
	height:auto;
	min-height:300px;
	padding:20px;
	background:#FFF;
	z-index:999;
}
#dialog.scrollbar
{
	height:400px;
	overflow:auto;
}
div#success
{
	width:100%;
	height:280px;
	background:url('../images/success.gif') center 44px no-repeat;
}
div#success span {display:none;}

/*
 * CALENDAR
 */
#calendar #calendar_header
{
	clear:both;
	float:left;
	width:659px;
	margin-bottom:20px;
	text-align:center;
}
#calendar .day
{
	position:relative;
	float:left;
	width:84px;
	padding:5px;
	font-weight:700;
	overflow:hidden;
}
#calendar .date
{
	position:relative;
	float:left;
	width:84px;
	height:70px;
	padding:5px;
	overflow:hidden;
}
#calendar .firstdayinweek, #calendar .firstdateinweek {clear:both;}
#calendar .odd {background-color:#EAEAEA;}
#calendar .today {
	padding:4px !important;
	border:1px solid #BBB;
}
#calendar .date_day
{
	position:absolute;
	font-size:1.3em;
	font-weight:700;
}
#calendar .plannings
{
	position:absolute;
	top:25px;
	font-size:.8em;
}
#calendar .plannings ul, #calendar .plannings ul li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
.staff_associated, .staff_associated a
{
	padding:0 1px;
	background-color:#FF4B4B;
	color:#FFF;
}
td.future
{
	color:#999;
}

/*
 * PAGETABS
 */
#pagetabs ul, #pagetabs ul li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#pagetabs_container
{
	margin:30px 0;
	border-top:1px #888 solid;
	overflow:hidden;
}
div.cms #pagetabs_container {margin-bottom:0 !important;}
#pagetabs {float:left; width:200%;}
#pagetabs_left, #pagetabs_center, #pagetabs_right {float:left; height:2.4em;}
#pagetabs_left, #pagetabs_right {background-color:#999;}
#pagetabs_left {width:12px;}
#pagetabs_right {width:648px;}
#pagetabs_right span
{
	display:inline-block;
	padding:.9em 0 0 1.2em;
	font-size:.9em;
	color:#333;
}
#pagetabs ul li
{
	float:left;
	height:2em;
	margin:0;
	padding:0;
	border-width:4px 1px 0;
	border-color:#999;
	border-style:solid;
	font-size:1.1em;
}
#pagetabs ul li a
{
	display:block;
	padding:.2em 8px 2em;
	background-color:#999;
	text-decoration:none;
	text-transform:lowercase;
	color:#000;
}
#pagetabs ul li a:hover {background-color:#AAA;}
#pagetabs ul li a.current-tab {background-color:#FFF;}
.pagetab_col {
	float:left;
	width:33%;
}

/*
 * CMS
 */
div.cms .col_left
{
	float:left;
	width:170px;
	margin:5px 20px 0 0;
}
div.cms .col_right
{
	float:left;
	width:449px;
	margin:5px 0 0;
	padding:5px 0 0 20px;
	border-left:1px #DDD solid;
}

div.cms p, div.cms li, div.cms table.no_borders td
{
	font-size:1.1em;
	line-height:1.3em;
}
div.cms li {padding-bottom:3px;}
div.cms li ul, div.cms li ol {margin-top:3px;}
div.cms li li {font-size:1em; line-height:1em;}
div.cms .introduction p
{
	font-size:1.3em;
	line-height:1.35em;
}
div.cms table.no_borders
{
	border-collapse:collapse;
}
div.cms table.no_borders td
{
	padding-left:0 !important;
	padding-right:8px !important;
}

ul#twitter
{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#twitter li
{
	clear:both;
	margin-bottom:8px;
}
ul#twitter li.first_tweet
{
/*	font-size:1.2em !important;*/
}
ul#twitter li small
{
	font-size:9px !important;
	color:#999;
}

div#update_log ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
div#update_log ul li
{
	clear:both;
	margin-bottom:8px;
}
div#update_log ul li small
{
	font-size:9px !important;
	color:#999;
}