/*------------------------------------------------------------------------------------
 * Bink Bouw Website Screen Presentation Layer
 * Author:	REYEZ!
 * Created:	10-7-2009
 * Notes:	{notities, bugs, etc.}
-------------------------------------------------------------------------------------*/

/* ################################################################################# */
/*                                                                                   */
/*                                		BODY	                                     */
/*                                                                                   */
/* ################################################################################# */


/*------------------------------------------------------------------------------------
 * 
 * Alleen gebruiken wanneer de footer van de website altijd 
 * tegen de onderkant van de browser aan moet staan of onderaan de content

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;
}

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

html, body {
	height: 			100%;
	margin:				0;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;
}

body {
	background:			#3E3E3E url(../images/bg_groot.jpg) center -140px no-repeat;
	color: 				#888;
	font-family:		Arial;
	font-size: 			62.5%; /* standaard font grootte is nu 10px, dus 1.2em = 12px */
	line-height: 		140%;
}

/* ################################################################################# */
/*                                                                                   */
/*                                VLAKVERDELING                                      */
/*                                                                                   */
/* ################################################################################# */

#wrapper {
	clear:				both;
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto -70px auto; /* the bottom margin is the negative value of the footer's height */
	width:				900px;
}

#header {
	height:				130px;
}

#footer {
	margin:				0 auto;
	text-align:			left;
	width:				900px;
}

#footerclearer, #footer {
	clear:				both;
	height:				70px;
	margin:				0 auto;
	width:				900px;
}

/*------------------------------------------------------------------------------------
 * 
 * Alleen gebruiken wanneer de footer van de website altijd 
 * tegen de onderkant van de browser aan moet staan of onderaan de content

#wrapper {
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto -30px auto; /* the bottom margin is the negative value of the footer's height *//*
	width:				960px;
}

#footer, #footerclearer {
	background:			#00FF00;
	height: 			30px; /* .footerclearer must be the same height as .footer *//*
	margin:				0 auto;
	width:				960px;
}

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

/* ################################################################################# */
/*                                                                                   */
/*                                   DEFAULT                                         */
/*                                                                                   */
/* ################################################################################# */

/*------------------------------------------------------------------------------------
 * 
 * Gebruik font-size alleen bij html tags en niet bij classes en id's,
 * dit mag slechts bij uitzondering.
 *
 * Deze eigenschap zal altijd blijven ondanks verdere classes
 * 		!important
 * IE 6 and below
 *     	* html {}
 * IE 7 and below
 *     	*:first-child+html {} * html {}
 * IE 7 only
 *     	*:first-child+html {}
 * IE 7 and modern browsers only
 *     	html>body {}
 * Modern browsers only (not IE 7)
 *     	html>/**body {}
 /*
 * Recent Opera versions 9 and below
 *     html:first-child {}
 *
-------------------------------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {
	font-family: 		Arial,"Trebuchet MS", Verdana, Helvetica, sans-serif !important;
	margin: 			0;
	padding: 			0;
	letter-spacing: 	0;
	border-bottom: 		0 !important;
}

button, input, option, select, textarea {
	font-family: 		Arial,"Trebuchet MS", Verdana, Helvetica, sans-serif !important;
	letter-spacing: 	0;
	margin: 			0;
	padding: 			0;
}

a {
	color:				#00BBFF;
	text-decoration:	none;
}

a:active {
	color:				#00BBFF;
	text-decoration:	none;
}

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

a:visited {
	color:				#00BBFF;
	text-decoration:	underline;
}



/* Custom tags */

p, table, ul, button, input, select, textarea {
	font-size:			1.2em;
}

h1 {
	color:				#00BBFF;
	font-size:			1.6em;
	font-weight:		normal;
	margin:				1.5em 0 1em 10px;
}

h1.infoh1 {
	color:				#00BBFF;
	font-size:			2em;
	font-weight:		bold;
	text-transform:		uppercase;
	margin:				0.2em 0 0.5em 0;
	line-height:		1.2em;
	max-width:			380px;
}

h1.regular {
	color:				#00BBFF;
	font-size:			2.9em;
	font-weight:		bold;
	text-transform:		uppercase;
	margin:				0 0 1em 0;
	padding:			0.8em 0 0 20px;
}

.slider h1.infoh1 {
	color:				#00BBFF;
	font-size:			1.6em;
	font-weight:		bold;
	text-transform:		uppercase;
	margin:				0.6em 0 1em 17px;
}

h2 {
	color:				#FFF;
	font-size:			1.2em;
	font-weight:		bold;
	margin:				0 0 0.5em 0;
}

h2.schoolblok {
	color:				#FFF;
	font-size:			1.2em;
	font-weight:		bold;
	text-transform:		uppercase;
	margin:				10px 0 0.6em 20px;
}

h3 {
	color:				#00BBFF;
	font-size:			1.1em;
	font-weight:		bold;
	margin:				0 0 0.5em 0;
}

p {
	line-height:		1.6em;
	margin:				0 0 1.5em 0;
}

table {
	border:				0;
	margin:				0 0 1.5em 0;
}

td {
	padding-top:		3px;
	vertical-align:		top;
}
	
button, input, textarea {
	border:				1px solid #999999;
	color:				#666;
	font-size:			1em;
	padding:			1px;
	width:				250px;
}

select {
	background-color:	#222;
	border:				1px solid #000;
	color:				#FFF;
	font-size:			1em;
	padding:			3px 0 0 0;
	width:				250px;
	border:				none;
}

select option {
	padding:			4px 4px 2px 4px;
}

.button {
	border:				0;
	height:				25px;
	padding:			0;
	width:				150px;
}

ul li {
	list-style:			none;
	list-style-image:	none;
}


/* ################################################################################# */
/*                                                                                   */
/*                                 HEADER				                             */
/*                                                                                   */
/* ################################################################################# */

.logo, #navigatie {
	float:				left;
}

.logo {
	height:				96px;
	padding:			17px;
	width:				180px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 NAVIGATIE			                             */
/*                                                                                   */
/* ################################################################################# */


.logo, .navigatie {
	float:				left;
}

.logo {
	height:				96px;
	padding:			17px;
	width:				180px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 NAVIGATIE			                             */
/*                                                                                   */
/* ################################################################################# */

.navigatie {
	text-align:			right;
	width:				685px;
}

.navigatie ul li {
	display:			inline;
	padding-left:		5px;
}

.navigatie ul {
	margin-top:			55px;
}




/*
#navigatie {
	text-align:			right;
	width:				685px;
}

#navigatie ul {
	float:				right;
	margin-top:			55px;
}

#navigatie ul li {
	float:				left;
	display:			block;
	padding:			20px 0px 10px 5px;
	margin:				0 5px;
}
*/

span.navitem {
	background:			url(../images/but_links.png) left top no-repeat;
	display:			block;
	margin:				-20px 0 0 0;
}

span.navitem:hover {
	background:			url(../images/but_links_over.png) left top no-repeat;
}

span.navitem a {
	background:			url(../images/but_rechts.png) right top no-repeat;
	display:			block;
	padding:			17px 2px 10px 15px;
	height:				25px;
}

span.navitem a:hover {
	background:			url(../images/bot_over_rechts.png) right top no-repeat;
}

/*
.navigatie ul li span {
	background:			url(../images/left.png) left top no-repeat;
	display:			inline-block;
	height:				50px;
}

.navigatie ul li span:hover {
	background:			url(../images/left_over.png) no-repeat;
}

.navigatie ul li a {
	background:			url(../images/right.png) right top no-repeat;
	display:			block;
	height:				14px;
	margin-left:		11px;
	padding:			18px 0;
}

.navigatie ul li a:hover {
	background:			url(../images/right_over.png) right top no-repeat;
}
*/
/* ################################################################################# */
/*                                                                                   */
/*                                 LOGIN				                             */
/*                                                                                   */
/* ################################################################################# */


/* ################################################################################# */
/*                                                                                   */
/*                                 CONTENT				                             */
/*                                                                                   */
/* ################################################################################# */

#content {
}

.content-top {
	background:			url(../images/top_content.jpg) top left no-repeat;
	height:				21px;
}

.content-box {
	background:			url(../images/bg_content.jpg) repeat-y;
	*position:			relative;
	padding:			0 0 0 20px;
}

.content-box-lesrooster {
	background:			url(../images/bg_content.png) repeat-y;
	*position:			relative;
	height:				1350px;
	padding:			0 0 0 20px;
	*height:			1380px;
}

.home-intro, .mededelingen, .sportfoto, .box-meerweten {
	float:				left;
}

.home-intro {
	width:				545px;
	padding:			0 15px 0 0;
}

.sportfoto {
	width:				858px;
	padding:			0 0 0 0;
}

.box-meerweten {
	background:			url(../images/bg_meerweten.png) top left no-repeat;
	height:				142px;
	margin:				8px 0 0 15px;
	width:				200px;
}

.mededelingen {
	background:			url(../images/bg_mededelingen.png) top left no-repeat;
	height:				133px;
	margin:				8px 0 0 15px;
	width:				200px;
}

.mededelingen ul {
	margin:				20px 0 0 15px;
}

.mededelingen ul li {
	color:				#FFF;
	font-size:			0.9em;
	line-height:		1.6em;
}

span.date {
	display:			inline-block;
	color:				#888;
	width:				40px;
}

.content-bot {
	background:			url(../images/bot_content.jpg) bottom left no-repeat;
	*margin-top:		-0px;
}

.incentives, .header, .scholen {
	clear:				both;
	width:				860px;
	*height:			150px;
	*position:			relative;
	*z-index:			-10;
}

.lidworden, .dagkaart, .lesrooster {
	float:				left;
	height:				40px;
	text-align:			right;
	padding-top:		111px;
	padding-right:		10px;
	width:				263px;
}

.lidworden, .dagkaart {
	margin-right:		17px;
}

.lidworden {
	background:			url(../images/bg_lidworden.png) top left no-repeat;
}

.dagkaart {
	background:			url(../images/bg_dagkaart.png) top left no-repeat;
}

.lesrooster {
	background:			url(../images/bg_lesrooster.png) top left no-repeat;
}

.school {
	background:			url(../images/blok_school.png) left top no-repeat;
	float:				left;
	height:				151px;
	width:				273px;
}

.school_actie {
	float:				left;
	height:				151px;
	width:				273px;
}

.school p {
color:				#FFF;
font-size:			1.3em;
line-height:		1.3em;
height:				58px;
padding:			20px 40px 0 47px;
width:				189px;
}

.middelste {
	margin:				0 17px;
}

img.meerzwart {
	float:				right;
	margin:				-25px 15px 0 0;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 SIDEBAR				                             */
/*                                                                                   */
/* ################################################################################# */

.duobox {
	margin-top:			20px;
	*position:			relative;
	*height:			1%;
}

.sidebar {
	float:				left;
	margin-top:			20px;

	width:				273px;
}

.sidebar2 {
	float:				left;
	margin-top:			20px;
	width:				220px;
}

.nieuwsblok {
	position:			relative;
	float:				left;
	margin-top:			20px;
	margin-left:		17px;
	width:				567px;
	*float:				right;
	*margin-right:		20px;
}

.sidebar-top {
	background:			url(../images/sidebar-top.png) top left no-repeat;
	height:				14px;
}

.sidebar-top2 {
	background:			url(../images/sidebar-top2.png) top left no-repeat;
	height:				14px;
}

.sidebar-mid {
	background:			url(../images/sidebar-mid.png) repeat-y;
	margin:				0;
	padding:			0 14px 0 0;
	*margin:			-5px 0 0 0;
	*position:			relative;
}

.sidebar-mid2 {
	background:			url(../images/sidebar-mid2.png) repeat-y;
	margin:				0;
	padding:			0 14px 0 0;
	*margin:			-5px 0 0 0;
	*position:			relative;
	*height:			1%;
}

.sidebar-mid h3.slide, .sidebar-mid2 h3.slide {
	color:				#00BBFF;
	font-size:			1.8em;
	font-weight:		normal;
	margin:				0 0 0 10px;
	
	display:			block;
	cursor:				pointer;
	padding:			0.5em 0 0.25em 0;
	*padding:			0.5em 10px 0.25em 10px;
}
	

.sidebar-mid .slider, .sidebar-mid2 .slider {
	background:			none;
	display:			none;
	margin-top: 		-15px;
	padding:			0 0 0 10px;
	*position:			relative;
	*height:			1%;
}

.sidebar-mid p, .sidebar-mid2 p {
	padding:			0 12px 2px 12px;
}

.sidebar-bot {
	background:			url(../images/sidebar-bot.png) top left no-repeat;
	height:				14px;
}

.sidebar-bot2 {
	background:			url(../images/sidebar-bot2.png) top left no-repeat;
	height:				17px;
}

.sidebar-mid ul, .sidebar-mid2 ul {
	*position:			relative;
	*height:			1%;
}

.sidebar-mid ul li, .sidebar-mid2 ul li {
	*background:			url(../images/sidebar-mid2.png) repeat-y;
	color:				#414141;
	font-size:			1.3em;
	line-height:		1.6em;
	padding:			0 10px 0 25px;
	*position:			relative;
	*height:			1%;
}

.sidebar-mid ul li.active, .sidebar-mid2 ul li.active {
	/*background:			url(../images/background_activesport.png) 7px 2px no-repeat;*/
	color:				#00BBFF;
	text-decoration:	none;
}

.sidebar-mid ul li.active a, .sidebar-mid2 ul li.active a {
	color:				#00BBFF;
	text-decoration:	none;
}

.sidebar-mid ul li a, .sidebar-mid2 ul li a {
	color:				#424141;
	text-decoration:	none;
}

.sidebar-mid ul li a:hover, .sidebar-mid2 ul li a:hover {
	color:				#00BBFF;
	text-decoration:	none;
}

.nieuwsbloktop {
	background:			url(../images/nieuwstop.png) left top no-repeat;
	height:				21px;
}

.nieuwsblokmid {
	background:			url(../images/nieuwsmid.png) left top repeat-y;
	padding:			10px 20px;
	font-size:			1.2em;
	line-height:		1.5em;
	*position:			relative;
	*height:			1%;
}

.nieuwsblokbot {
	background:			url(../images/nieuwsbot.png) left top no-repeat;
	height:				20px;
}

.itemheader {
	background:			url(../images/bg_nieuws.png) left top no-repeat;
	height:				61px;
	width:				547px;
}

.nieuwsblokmid p {
	font-size:			1.0em;
}

.nieuwsblokmid img {
	max-width:			525px;
}

.nieuwsblokmid table {
	margin:				0 10px 15px 10px;
	font-size:			1.1em;
	*margin:			0 0 15px -10px;
	*font-size:			1.1em;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 BLOG					                             */
/*                                                                                   */
/* ################################################################################# */


.item {
	margin:				0 0 13px 0;
}

.itembody {
	display:			block;
	margin-top:			10px;
	margin-bottom:		10px;
}

.bodytop {
	background:			url(../images/bg_nieuwstop.png) left top no-repeat;
	height:				14px;
}

.bodymid {
	background:			url(../images/bg_nieuwsmid.png) left top repeat-y;
	padding:			5px 15px;
}

.bodybot {
	background:			url(../images/bg_nieuwsbot.png) left top no-repeat;
	height:				13px;
}

.blog-header {
	background:			url(../images/bg_bloghead.png) top left no-repeat;
	padding:			13px;
	margin:				0 0 13px 0;
	height:				56px;
}

.datum, .titel  {
	float:				left;
}

.datum {
	color:				#FFF;
	font-size:			2.2em;
	font-weight:		bold;
	text-align:			center;
	padding:			17px 0 0 2px;
	width:				58px;
}

.titel {
	padding:			5px 0 0 12px;
}

.titel h3 {
	background-color:	#C63;
	display:			block;
	position:			relative;
	z-index:			100;
	width:				400px;
}

.blog-header li {
	display:			block;
	list-style:			none;
	list-style-image:	none;
}

.blog-header li a,.blog-header li a:hover, .blog-header li a:visited {
	text-decoration:	none;
}

span.month {
	color:				#000;
	display:			inline-block;
	font-size:			0.52em;
	margin-top:			0px;
	text-transform:		uppercase;
}

span.titel_nieuws {
	color:				#FFF;
	font-size:			1.4em;
	display:			block;
	margin:				18px 0 0 0;
	width:				465px;
	*margin:			25px 0 0 0;
}

span.titel_nieuws a, span.titel_nieuws a:hover {
	color:				#FFF;
	text-decoration:	none;
}


span.subtitel {
	color:				#FFF;
	display:			inline-block;
	font-size:			1.5em;
	font-weight:		bold;
	margin:				10px 0 0 0;
	text-transform:		uppercase;
}

span.blue {
	color:				#009EE0;
	width:				30px;
}

.text-header {
	background:			url(../images/bg_blogtext.png) top left no-repeat;
	height:				13px;
	width:				618px;
}

.text-field {
	background:			url(../images/bg_blogtext.png) bottom left no-repeat;
	padding:			0 26px 13px 80px;
	width:				512px;
}

.text-field p {
	line-height:		1.6em;
}

.text-field img {
	margin:				0 15px 15px 0;
}

span.leesmeer a {
	background:			url(../images/but_leesmeer.png) top left no-repeat;
	display:			inline-block;
	cursor:				pointer;
	height:				31px;
	width:				111px;
}

span.leesmeer a:hover {
	background:			url(../images/but_leesmeer.png) bottom left no-repeat;
	display:			inline-block;
	cursor:				pointer;
	height:				31px;
	width:				111px;
}

.overlay {
	position:			absolute;
	height:				80px;
	margin:				-93px 0 0 0;
	width:				615px;
}

.blog-text {
	display:			none;
}

.nieuwsitem-overlay {
	margin:				-62px 0 0 0;
}

h3.slide {
	color:				#FFF;
	display:			block;
	cursor:				pointer;
	font-size:			1.2em;
	font-weight:		normal;
	height:				30px;
	padding:			15px 0 0 0;
	margin:				-50px 0 12px 70px;
	width:				460px;
	*height:			30px;
	*padding:			15px 10px 3px 10px;
}

.slider {
	background:			url(../images/bg_nieuwstop.png) left top no-repeat;
	display:			none;
	padding:			20px 0 0 0;
	width:				550px;
	*position:			relative;
	*height:			1%;
}

.slider p {
	padding:			0 15px 0 15px;
}

.slider img {
	max-width:			500px;
}

.sliderbot {
	background:			url(../images/bg_nieuwsbot.png) left top no-repeat;
	height:				26px;
}

.infobox {
	float:				left;
	margin-top:			20px;
}

.infobox .info img {
	max-width:			380px;
}

.info {
	background:			url(../images/sporttop.png) left top no-repeat;
	float:				left;
	padding:			20px 20px 0 20px;
	width:				420px;
}

.info p {
	width:				380px;
}

.infobot {
	background:			url(../images/sportbot.png) left bottom no-repeat;
	height:				15px;
	margin:				-20px 0 0 -20px;
	padding:			15px 0 0 0;
	width:				420px;
}

.meerweten {
	background:			url(../images/meerwetentop.png) left top no-repeat;
	float:				left;
	margin:				0 0 0 -22px;
	padding:			20px 20px 0 10px;
	width:				170px;
}

.meerweten p {
	margin-bottom:		12px;
}

span.witbold {
	color:				#FFF;
	font-weight:		bold;
}

.meerweten table {
	margin-top:			-15px;
}

img.aanvraag {
	margin:				0 0 0 0;
}

.meerwetenbot {
	background:			url(../images/meerwetenbot.png) left bottom no-repeat;
	height:				20px;
	margin:				0 0 0 -10px;
	width:				200px;
}

.fotogroot1 {
	height:				193px;
	width:				420px;
}

.titeloverlay {
	width:				420px;
	margin-top:			-70px;
	height:				70px;
}

.sportgratis {
	float:				right;
	background:			url(../images/sportgratis.png) left top no-repeat;
	height:				41px;
	padding:			150px 10px 0 0;
	margin:				-191px 220px 0 0 ;
	width:				190px;
	text-align:			right;
	*margin:			-191px 0 0 0;
}

.gezond {
	float:				right;
	background:			url(../images/gezond.png) left top no-repeat;
	height:				41px;
	padding:			150px 10px 0 0;
	margin:				-191px 0 0 20px;
	width:				190px;
	text-align:			right;
}

.locatie {
	position:			absolute;
	margin:				-65px 0 0 650px;
	*margin:			-65px 0 0 0px;
}

.locatiekeuzes {
	display:			none;
	position:			absolute;
	background:			url(../images/bg_locaties.png) left top no-repeat;
	height:				114px;
	margin:				-42px 0 0 596px;
	padding:			18px 0 0 0;
	width:				264px;
	z-index:			1000;
	*margin:			-42px 0 0 -54px;
}

.locatiekeuzes img {
	margin:				0 0 5px 34px;
	*margin:			0 0 0 34px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 CONTACT				                             */
/*                                                                                   */
/* ################################################################################# */

.contactformulier, .contactinformatie {
	float:				left;
	width:				420px;
}

.contactinformatie {
	margin:				0 20px 20px 0;
}

.contactheader {
	background:			url(../images/bg_contactheader.png) top left no-repeat;
	height:				61px;
	margin-bottom:		20px;
	width:				420px;
}

.contactbody {
	background:			url(../images/bg_contactform.png) top left no-repeat;
	min-height:			210px;
	padding:			14px;
	width:				392px;
}

.contactbody-join {
	background:			url(../images/bg_contactbody.png) top left no-repeat;
	padding:			14px;
	height:				468px;
	width:				392px;
}

.contactbody a, .contactbody a:hover,
.contactbody-join a, .contactbody-join a:hover {
	color:				#FFF;
	text-decoration:	underline;
}

.contactbody input, .contactbody-join input {
	background:			url(../images/bg_input.png) top left no-repeat;
	border:				0;
	color:				#FFF;
	height:				19px;
	padding:			6px 8px 3px 8px;
	width:				274px;
}

.contactbody input.error, .contactbody-join input.error {
	background:			url(../images/bg_input_error.png) top left no-repeat;
	border:				0;
	color:				#FFF;
	height:				19px;
	padding:			6px 8px 3px 8px;
	width:				274px;
}

.error_kort {
	background:			url(../images/bg_input_error_kort.png) top left no-repeat;
}


.contactbody td, .contactbody-join td {
	*height:				20px;
}

.contactbody textarea.opmerking, .contactbody-join textarea.opmerking {
	background:			url(../images/bg_opmerking.png) top left no-repeat;
	border:				0;
	color:				#FFF;
	height:				61px;
	padding:			6px 8px 3px 8px;
	width:				294px;
}

input.send {
	background:			none;
	height:				27px;
	width:				98px;
}

input.kort {
	background:			url(../images/bg_input_kort.png) top left no-repeat;
	width:				150px;
}

input.errorkort {
	background:			url(../images/bg_input_kort_error.png) top left no-repeat;
	width:				150px;
}

input.radio {
	background:			none;
	width:				20px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 FOOTER				                             */
/*                                                                                   */
/* ################################################################################# */

#footer {
	font-size:			1.2em;
	text-align:			right;
	text-transform:		uppercase;
	padding:			35px 10px 15px 0;
}

#footer a {
	text-decoration:	none;
}

#footer a:hover {
	color:				#0088FF;
	text-decoration:	none;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 OVERIGE				                             */
/*                                                                                   */
/* ################################################################################# */

span.blauwheader {
	color:				#00BBFF;
	display:			inline-block;
	font-weight:		bold;
	font-size:			1.3em;
	height:				20px;
}

span.blauw {
	color:				#00BBFF;
	display:			inline-block;
	width:				60px;
}

span.bla {
	color:				#00BBFF;
}

a.hide, a.hide:hover, a.hide:visited {
	display:			none;
	color:				#393939;
}

.sticker {
	margin:				-130px 0 0 500px;
	position:			absolute;
	z-index:			20;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 LESROOSTER			                             */
/*                                                                                   */
/* ################################################################################# */


.rooster {
	margin-top:			80px;
}

.lestitel, 
.roostermenu,
.roosterbloktop,
.roosterblokbot {
	width:				860px;
}

.lestitel {
	background:			url(../images/bg_lesrooster_header.png) left top no-repeat;
	height:				61px;
	margin:				0 0 20px 0;
}

.roostermenu {
	height:				52px;
}

.roosterbloktop {
	background:			url(../images/top_lesrooster.png) left top no-repeat;
	height:				31px;
}

.roosterblokmid {
	background:			url(../images/bg_rooster.jpg) left top repeat-y;
	position:			absolute;
	padding:			10px 20px;
	height:				1100px; 
	width:				820px;
}

.roosterblokbot {
	background:			url(../images/bg_lesrooster_bottom.png) left bottom no-repeat;
	position:			absolute;
	margin:				-70px 0 0 -20px; 
	*margin:			-75px 0 0 -20px; 
	height:				60px;
}

.locatieblok {
	float:				left;
	width:				164px;
	/**background:		url(../images/bg_topkwart_lang.png) left 55px repeat-x;*/
	*background:		url(../images/bg_topkwart_lang2.png) left 53px repeat-x;
}

.locatieblok table {
	color:				#FFF;
	margin-top:			-10px;
	width:				164px;
}

.locatieblok table thead {
	height:				50px;
	*display:			block;
}

.locatieblok table tbody {
	background:			url(../images/bg_topkwart.png) left top;
}

.locatieblok table.tabletijd tbody {
	background:			url(../images/bg_tijd.png) left top;
}

.locatieblok table tr {
	height:				17px;
}

.locatieblok table tr td {
	*height:				13px;
}

.locatieblok table thead tr {
	color:				#FFF;
	font-size:			1.2em;
	font-weight:		bold;
	*height:			50px;
}

.locatieblok td.even {
	background:			url(../images/bg_even.png) left top repeat-y;
}

.locatieblok td.odd {
	background:			url(../images/bg_odd.png) left top repeat-y;
}

.locatieblok td.odd p, .locatieblok td.even p {
	color:				#FFF;
	font-weight:		bold;
	font-size:			1.1em;
	margin:				-5px 0 -1px 0;
	padding:			0 0 0 5px;
}

.tabs ul.tabNavigation {
	margin:				-93px 0 0 -20px;
	position:			absolute;
	height:				52px;
	width:				860px;
}

.tabs ul.tabNavigation li {
	display:			inline;
}

.tabs ul.tabNavigation li a {
	display:			block;
	float:				left;
	height:				52px;
	width:				122px;
}

.tabs ul.tabNavigation li a.selected {
	background:			url(../images/bg_selected.png) left top no-repeat;
}

ul.submenu li.bot {
	background:			url(../images/bg_dropmenu_bot.png) left bottom no-repeat;
	height:				13px;
}

ul.submenu li.top {
	background:			url(../images/bg_dropmenu.png) left bottom no-repeat;
	height:				13px;
}

.slider p table {
	margin:				0 0 0 15px;
}

.nieuwsitem, .slider {
	margin-left:		-10px;
}

.slider ul li a,
.slider ul li, 
.slider ul, 
.slider {
	*background: none;
}

.print {
	background:				url(../images/print_icon.png) 3px 2px no-repeat;
	font-size:				1.1em;
	margin:					-12px 0 -18px 650px;
	padding:				0 30px 0 0;
	text-align:				right;
	width:					200px;
	cursor:					pointer;
}

.print:hover {
}

.print a {
	color:					#FFF;
	text-decoration:		none;
}

.print a:hover, .print a:visited {
	color:				#00BBFF;
	text-decoration:	none;
}

.sidebar-mid .slider ul li {
	width:				220px;
}

.sidebar-mid2 .slider ul li {
	width:				150px;
}

.gall {
	float:				left;
	min-height:			140px;				
	width:				160px;
}

.gall p {
	 color:#FFFFFF; 
	 font-weight:bold;
}

.social {
position:absolute;
margin-left:790px;
margin-top:15px;
}

.social a {
margin-left:10px;
}

.allimg img {
	margin:				4px;
}

.schoolfoto {
float:left;
width:563px;
margin-left:19px;
}