/* --------------------------------	*/
/* frontpage					 	*/
/* --------------------------------	*/
#frontpage	{
	position			: relative;
	background			: #fff;
	padding				: 25px 15px 0 15px;
}

#frontpage .schema h1	{
	text-transform		: uppercase;
	font-weight			: bold;
	font-size			: 25px;
	color				: #045f74;
}

/* informatie */
#frontpage .informatie	{
	clear				: both;
	background			: #045f74;
	position			: relative;
	padding				: 15px 15px 15px 300px;
	margin				: 60px 0 60px 0;
	color				: #fff;
	min-height			: 240px;
}

#frontpage .informatie .foto	{
	margin				: -30px 0 0 -330px;
	float				: left;
}

#frontpage .informatie .pijl	{
	position			: absolute;
	top					: -41px;
	left				: 20%;
	height				: 41px;
	width				: 81px;
	background			: url(../img/informatie_pijl.gif) no-repeat 0 0;
}

#frontpage .informatie .intro	{
	font-size			: 1.2em;
	line-height			: 1.5em;
	margin-bottom		: 15px;
	text-align			: justify;
}

#frontpage .informatie .intro strong	{
	color				: #FEC900;
}

#frontpage .informatie ul.punten	{
	position			: relative;
}

#frontpage .informatie .punten li	{
	background			: url(../img/punten.png) no-repeat left top;
	padding				: 4px 10px 4px 35px;
	margin-bottom		: 10px;
	font-size			: 1.2em;
	width				: 25%;
	display				: -moz-inline-stack;
	display				: inline-block;
	*display			: inline;
	*zoom				: 1;
	vertical-align		: top;
}

#frontpage .informatie .interesse	{
	height				: 80px;
	width				: 300px;
	position			: absolute;
	top					: -65px;
	right				: 0;
}

#frontpage .informatie .interesse .icon	{
	width				: 80px;
	height				: 80px;
	position			: absolute;
	top					: 0;
	left				: -40px;
	background			: url(../img/interesse.png) no-repeat 0 0;
}

#frontpage .informatie .interesse a	{
	display				: block;
	height				: 55px;
	margin				: 10px 0;
	width				: 250px;
	padding				: 5px 0 0 50px;
	background			: #00aced;
	text-decoration		: none;
	color				: #fff;
	font-size			: 1.3em;
	line-height			: normal;
}

#frontpage .informatie .interesse a:hover	{
	background			: #fff;
	color				: #00aced;
	border				: solid 1px #00aced;
	height				: 53px;
	width				: 248px;
}

#frontpage .informatie .interesse a strong	{
	display				: block;
	font-weight			: bold;
	font-size			: 1.65em;
	text-transform		: uppercase;
}

/* schema */
#frontpage .schema	{
	float				: left;
	width				: 35%;
}

#frontpage .schema ol	{
	background			: url(../img/schema.gif) no-repeat 0 0;
	width				: 323px;
	height				: 260px;
	position			: relative;
	margin				: 0 auto;
}

#frontpage .schema ol li	{
	position			: absolute;
	width				: 90px;
	height				: 46px;
	cursor				: help;
}

#frontpage .schema ol li.zieke_docent		{ left: 233px; 	top: 0;		}
#frontpage .schema ol li.school_personeel	{ left: 233px; 	top: 77px;	}
#frontpage .schema ol li.aanvraag			{ left: 233px; 	top: 145px;	}
#frontpage .schema ol li.hoofdbeheerder		{ left: 233px; 	top: 210px;	}
#frontpage .schema ol li.planning			{ left: 115px; 	top: 235px;	}
#frontpage .schema ol li.inval				{ left: 0; 		top: 210px;	}
#frontpage .schema ol li.bevestiging		{ left: -5px; 	top: 145px;	}
#frontpage .schema ol li.school				{ left: 0;		top: 77px;	}

#frontpage .schema ol li > h3	{
	display				: none;
}

#frontpage .schema ol li > div	{
	display				: none;
	position			: absolute;
	left				: 30px;
	bottom				: 30px;
	padding				: 10px;
	background			: #DDEFFF;
	width				: 300px;
	border				: solid 2px #48ADBF;
}

/* login */
#frontpage .login	{
	margin-top			: 5px;
	float				: right;
	width				: 60%;
	border				: solid 1px #045f73;
}

#frontpage .login input.button {
	margin				: 10px 0 0 150px;
	padding				: 5px 15px;
	font-size			: 1.2em;
	text-transform		: uppercase;
}

#frontpage .login h1	{
	color				: #045F74;
	font-weight			: bold;
}

/* adres */
#frontpage .adres	{
	clear				: both;
	background			: #48adbf;
	color				: #fff;
	height				: 60px;
	margin				: 0 -15px;
	line-height			: 60px;
	text-align			: center;
	font-size			: 1.1em;
}

#frontpage .adres a	{
	color				: #fff;
}


/* --------------------------------	*/
/* contactformulier				 	*/
/* --------------------------------	*/
#contactformulier {
    padding             : 35px 10px 10px 10px;
    color               : #FFF;
	background			: #00ACED;
}

#contactformulier .optie {
    padding             : 14px;
    border              : 1px solid #acdff3;
    background          : #40bfef;
}

#contactformulier .of {
    padding             : 5px;
    font-size           : 1.3em;
    font-weight         : bold;
    font-variant        : small-caps;
}

#contactformulier a.button {
    text-decoration     : none;
}

#contactformulier .sluit {
	display				: block;
	position			: absolute;
	right				: 15px;
	top					: 10px;
	width				: 16px;
	height				: 16px;	
	text-indent			: -900em;
	background			: url(../img/shadowbox/close.png) no-repeat left top;
}

.contactformulier	{
	width				: 360px;
	font-size			: 1.1em;
	line-height			: 1.6em;
}

.contactformulier h4 {
    display             : none;
}

.contactformulier form	{
	width				: 302px;
	background			: transparent;
	color				: #fff;
	padding				: 10px;
}

/* formulier elementen */
.contactformulier input, 
.contactformulier select, 
.contactformulier textarea,
.contactformulier button,
.contactformulier .button {
	border				: 1px solid #045F74;
	font				: 1em Arial;
}

.contactformulier input.fout,
.contactformulier select.fout,
.contactformulier textarea.fout {
	border				: 1px solid #F00;
}

.contactformulier input:focus, 
.contactformulier textarea:focus,
.contactformulier select:focus {
	border				: 1px solid #090909;
}

.contactformulier select option {
	background			: #FFF url(../img/gradient.png) repeat-x left top;
}

.contactformulier input.defaultvalue, 
.contactformulier textarea.defaultvalue {
	color				: #999;
}

.contactformulier input[type=radio], 
.contactformulier input[type=checkbox] 	{
	border				: none;
}

.contactformulier input[type=button],
.contactformulier input[type=submit],
.contactformulier button,
.contactformulier .open_pdf,
.contactformulier .button {
	padding				: 3px 10px 3px 10px;
	margin-right		: 10px;
	width				: auto;
    overflow			: visible;
	font-weight			: bold;
	border				: none;
	color				: #000;
	background			: #FFD303 url(../img/gradient.png) repeat-x left top;
	cursor				: pointer;
}

.contactformulier .buttonoverzicht {
	float				: left;
	width				: 16px;
	height				: 16px;
	padding				: 3px 3px 3px 2px;
	margin-right		: 2px;
	border				: 1px solid #CCC;
	background			: #EEE url(../img/gradient.png) repeat-x left top;
}

.contactformulier .buttonoverzicht:hover {
	background			: #FFD303 url(../img/gradient.png) repeat-x left top;
}

.contactformulier button img	{
	vertical-align		: middle;
	margin				: 0 3px 0 -3px;
}

.contactformulier select.combobox	{
	width				: 98%;
}

.contactformulier li.buttons {
	padding				: 5px 0;
}

.contactformulier li.verplicht	{
	font-size			: 10px;
	text-align			: right;
}

.contactformulier li.melding	{
    padding             : 5px;
    border              : 1px solid #F00;
	color               : #F00;
    background          : #FFF;
}

/* --------------------------------	*/
/* shadowbox					 	*/
/* --------------------------------	*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:32px;height:32px;top:50%;margin-top:-16px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../img/shadowbox/loading.gif) no-repeat center;display:block;height:32px;text-indent:-900em;}
#sb-body,#sb-loading{background-color:#fff;}
#sb-title,#sb-info{display:none;position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../img/shadowbox/close.png);}
#sb-nav-next{background-image:url(../img/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../img/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../img/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../img/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}