/* ------------------------------------------------------------------------ */
/* Copyright 2008 The Office Experience, http://www.theofficeexperience.com */
/* -------------------------------------------------------------------------*/

@import url("reset.css");
@import url("form.css");
@import url("colors.css");
@import url("menu.css");
body {
	background: #FFF url(../images/_shared/body_bg.jpg) repeat-x left top;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}

/* -- Links -- */
a {
	font-weight: bold;
}
a:link, a:visited {
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration: none;
}
a.word {
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url('../images/_icons/word.jpg');
	padding: 5px 0;
	text-decoration:none;
	padding-left:25px;
}
a.pdf {
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url('../images/_icons/pdf.jpg');
	padding: 5px 0;
	padding-left:25px;
	text-decoration:none;
}
a.xls {
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url('../images/_icons/excel.jpg');
	padding: 5px 0;
	padding-left:25px;
	text-decoration:none;
}

p {
	margin: 5px auto;
}
/*** Headers ***/
h1 {
	font-size:1.8em;
	font-weight:bold;
	margin: 10px 0;
}
h2 {
	font-size:1.6em;
	font-weight:bold;
}
h3 {
	font-size:1.3em;
	font-weight:bold;
}
h4 {
	font-size:1.2em;
	font-weight:bold;
}
/* -- Styles -- */
p {
	margin:0 0 22px 0;
	padding: 0 0 0 1px;
}
em {
	font-style:italic;
}
strong, b {
	font-weight:bold;
}
.hr {
	display:block;
	height:1px;
	width:100%;
}
hr {
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}
#content ul {
	margin:0 0 22px 0;
}
#content ul li {
	padding-top:3px;
	padding-left:25px;
	height: 22px;
	
	
	background-color:transparent;
	background-repeat:no-repeat;
	background-position: left center;
	background-image:url(../images/_icons/bullet.gif);
	
}
#content ul li.odd {
	background-color:#F0F6FA;
}
/* -- Structuur -- */
div#container {
	background-image:url(../images/_shared/container_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px 10px 0pt;
	position:relative;
	width:960px;
}
div#header_shadow {
	background-image:url(../images/_shared/header_shadow_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:9px;
	position:relative;
}
div#header {
	position:relative;
	height: 160px;
	padding: 8px 0 0 0;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position: left top;
	background-image:url(../images/_headers/header.jpg);
	z-index:5;
}
div#header a.home {
	position:absolute;
	height:150px;
	left:5px;
	width:160px;
}
div#header a.obase {
	position:absolute;
	height:80px;
	left:690px;
	top:88px;
	width:60px;
}
div#header a.obase span {display: none;}
div#header a.home span {display: none;}
div#language {
	position:absolute;
	right:20px;
	display:none;
}
div#inner {
	position:relative;
	width: 960px;
	min-height:380px;
	height:auto !important;
	height:380px;
	background-color:transparent;
	background-position: top left;
	background-repeat:repeat-y;
	background-image:url(../images/_shared/inner_bg.jpg);
}
div#left {
	float:left;
	width: 215px;
	margin-left:8px;
	padding-bottom: 9px;
	text-align:center;
	z-index:2;
}
div#content {
/*
	position:relative;
	margin: 0 11px 0 237px;
*/
	float:left;
	margin-left:13px;
	width:697px;
	padding: 0 8px;
	background:transparent;
	line-height: 2.0em;
}
div#breadcrump {
	display:block;
	padding: 14px 0 0 ;
}
div#right {
	background-color:transparent;
	background-image:none;
	background-position:20px 16px;
	background-repeat:no-repeat;
	color:#1B2254;
	line-height:1.8em;
	position:absolute;
	right:9px;
	top:0px;
	width:218px;
}
div#footer {
	width: 960px;
	height: 18px;
	background-color:#FFF;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../images/_shared/footer_bg.png);
	text-align:right;
	color:#666;
	font-size:0.9em;
}
div#footer ul {
	padding-top: 20px;
}
div#footer ul li {
	display:inline;
	margin-right: 10px;
}

/*** - AGENDA MAAND - ***/
table.agenda th{ 
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}
table.agenda tr{ 
	
}
table.agenda td{ 
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	height: 40px;
}
table.agenda td p{ 
	display: block;
	font-weight:normal;
}
/*** - Leerkrachten - ***/
div.leerkracht{
	display:block;
	position:relative;
	margin: 10px 15px;
	border:dashed #CCC 1px;
	margin-right: 150px;
	height: 180px;
}
div.leerkracht div.pasfoto{
	position: absolute;
	left: 0;
	padding: 15px;
	
}
div.leerkracht div.omschrijving{
	margin-left: 130px;
	padding: 15px;
}
div.leerkracht div.titel{
	display:block;
	font-weight:bold;
	font-size:1.2em;
	padding-left: 15px;
	padding-top: 15px;
	margin-left: 130px;
}