@import url(/include/css/editor.php);

/** =COLORS **

#e20043		Pink
#82cad1		Light blue
#aacb24		Green

#225c9c		Blue
#00368b		Dark blue
#f4ad00		Orange

#e6f4f6		Light blue
*/


body {
	background: url('/image/bg.gif') no-repeat center top;
	}


/** =CLASSES **/

.vandeperre { color: #e20043; }
.vandeperre-bg { background-color: #e20043; }
.bestevaer { color: #82cad1; }
.bestevaer-bg { background-color: #82cad1; }
.toorop { color: #aacb24; }
.toorop-bg { background-color: #aacb24; }

.coll {
	width: 230px;
	float: left;
	}
	#memoriam {
		width:448px;
		margin-right:10px;
		border:1px solid #CCC;
		height:310px;
		background:url(/image/bg_memoriam.gif) repeat-x;
		}
		#memoriam .content {
			width:418px;
			height:290px;
			margin:20px;
			/* margin-top:24px; */
			}
			#memoriam span {
				display:block;
				font-family:Georgia,Arial,Geneva,Helvetica,Verdana,sans-serif;
				text-align:center;
				}
				#memoriam .content span.mtitle {
					font-size:18px;
					font-style:italic;
					margin-bottom:10px;
				}
				#memoriam .content span.name {
					margin-top:20px;
					font-size:24px;
				}
				#memoriam .content span.subname {
					margin-top:5px;
					margin-bottom:20px;
				}
				#memoriam .content span.bottom {
					text-align:left;
				}

.switch {
	}
.switch .item,
.switch .figure,
.switch .text,
.switch .text a {
	height: 67px;
	}
.switch .item,
.album .titel,
.switch ul,
.switch p.link {
	margin-right: 10px;
	}

.switch a {
	text-decoration: none
	}
.switch .text .titel,
.switch p.link {
	font-size: 130%;
	}
.switch .figure {
	width: 83px;
	float: left;
	overflow: hidden;
	position: relative;
	}
.switch .text {
	float: left;
	width: 137px;
	line-height:1.2;
	}
.switch .text a {
	display: block;
	padding: 8px 0px 0px 8px;
	}
.switch .text a:hover {
	color: #333333;
	}
.switch .text .titel,
.switch .text .titel a {
	color: #ffffff;
	}

.switch .text span {
	zoom: 1;
	display: block;
	cursor: pointer;
	}
.switch span.meta {
	color: #999999;
	}

.switch .mask {
	display: block;
	width: 4px;
	height: 67px;
	top: 0;
	left: 0;
	position: absolute;
	background: url('/image/corner-neutral.png') no-repeat left top;
	}
	/*
.switch .bestevaer-bg .mask { background: url('/image/corner-bestevaer.png') no-repeat; }
.switch .toorop-bg .mask { background: url('/image/corner-toorop.png') no-repeat; }
.switch .vandeperre-bg .mask { background: url('/image/corner-vandeperre.png') no-repeat; }
*/
.switch .content {
	/* margin-bottom: 30px; */
	height: 230px;
	}

.switch ul {
	list-style: none;
	margin-left: 0;
	}
.switch li {
	border-bottom: 1px solid #cccccc;
	}
.switch li a {
	display: block;
	padding: 8px 0px;
	padding-right: 15px;
	background: url('/image/arrow-blue.gif') no-repeat 204px center;
	}

.switch p.link,
.switch p.link a {
	height: 40px;
	}
.switch p.link a {
	display: block;
	color: #ffffff;
	line-height: 40px;
	text-align: right;
	padding-right: 25px;
	background: url('/image/arrow-white.gif') no-repeat 204px 20px;
	}

.event	{
	border-bottom: 1px solid #CCCCCC;
	float: left;
	width: 660px;
	padding: 10px 0;
	}

#agenda-title	{
	}

#agenda-switch	{
	position: absolute;
	right: 27px;
	margin-top: -35px;
	}

#agenda-switch label	{
	width: auto;
	}

#agenda-switch input,
#agenda-switch select	{
	float: left;
	}

#agenda-switch select	{
	font-size: 1em;
	margin: 0 1em;
	}

#agenda .item .period,
.event .period	{
	float: left;
	margin-right:8px;
	}

.event h3	{
	float: left;
	font-size:1em;
	}

.event a.more	{
	background:transparent url(/image/arrow-blue.gif) no-repeat scroll left 6px;
	padding-left:12px;
	margin-left: 0.5em;
	}

#agenda .item .date div,
.event .date div	{
	color:#E20043;
	display:block;
	font-size:80%;
	line-height:1;
	margin-top:4px;
	text-transform:uppercase;
	}

#agenda .item .date div span,
.event .date div span	{
	font-size:180%;
	font-weight:bold;
	}

.date, .dateconnect	{
	float:left;
	height:2.8em;
	width:24px;
	text-align: center;
}

.dateconnect	{
	margin: 0 5px;
	width:15px;
	}

.date a {
	display: block;
	margin-top: 4px;
	color: #e20043;
	font-size: 80%;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	}
.date a span {
	font-weight: bold;
	font-size: 180%;
	}

.corner {
	background-image: url('/image/corner-white.png');
	background-repeat: no-repeat;
	background-position: right top;
	}
.corner-btm {
	background-repeat: no-repeat;
	background-position: right bottom;
	}

.figure a img {
	display: block;
	}

.img-title {
	/* text-indent: -999em; */
	}

.readmore a,
.list li a {
	display: block;
	padding-right: 12px;
	text-decoration: none;
	background: url('/image/arrow-blue.gif') no-repeat right 6px;
	}

.readmore {
	display: block;
	clear: both;
	}
.readmore a {
	text-align: right;
	}

.list {
	margin: 20px 0px 10px 0px;
	list-style: none;
	border-top: 1px solid #cccccc;
	}
.list li {
	padding: 2px 0px;
	border-bottom: 1px solid #cccccc;
	}

.clear {
	height: 0px;
	clear: both;
	display: block;
	overflow: hidden;
	}


/** =LAYOUT **/

#container {
	width: 980px;
	margin: 0 auto;
	padding: 0 10px;
	background: transparent url(/image/containerbg.gif) no-repeat center 171px;
	}

#wrapper {
	min-height: 720px;
	margin-top: 50px;
	}


.homepage #wrapper {
	margin-top: 0;
	padding-bottom: 65px;
	background-position: right bottom;
	}
#vert-line {
	zoom: 1;
	background: url('/image/vert-line.gif') repeat-y 710px 0px;
	}

#content, #sidebar {
	margin-bottom: 115px;
	}

#content {
	position: relative;
	width: 700px;
	float: left;
	padding-left: 10px;
	}

.homepage #content {
	width: 100%;
	padding: 0;
	margin-bottom: 0;
	}

/** =HEADER **/

#header {
	height: 70px;
	clear: both;
	}

#logo {
	position: absolute;
	z-index: 3;
	bottom: 5px;
	left: 25px;
	}

	.homepage #logo { bottom: 25px; }

#logo a {
	display: block;
	height: 118px;
	width: 218px;
	text-indent: -999em;
	background: url(/image/csw/logo-1.png) no-repeat top left;
	}

	.school21 #logo a, .TB_bestevaer #logo a {background-image: url(/image/csw/logo-3.png);}
	.school22 #logo a, .TB_toorop #logo a {background-image: url(/image/csw/logo-2.png);}
	.school23 #logo a, .TB_vandeperre #logo a {background-image: url(/image/csw/logo-4.png);}

#topnav {
	position: relative;
	z-index: 90;
	height: 40px;
	clear: both;
	}
#topnav ul {
	float: right;
	padding-top: 7px;
	margin-right: 12px;
	}
#topnav li {
	float: left;
	}
#topnav a {
	color: #999999;
	text-decoration: none;
	padding-left: 10px;
	margin-right: 6px;
	background: url('/image/topnav-divider.gif') no-repeat left center;
	}
#topnav li.last a {
	padding-right: 0;
	margin-right: 0;
	background-image: none;
	}
	
#topnav .nav li:first-child a {
	background-image: none;	
}	
	
#topnav ul li ul {
	position: absolute;
	left: -999em;
	z-index: 16;
	
	width: 110px;
	
	float: none;
	
	margin-left: -4px;
	margin-right: 0;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	background-color: #fff;
}

#topnav ul li:hover ul, #topnav ul li.sfhover ul{
	left: auto;
}



#topnav ul li ul li {
	display: block;
	float: none;
	
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 4px;
	padding-bottom: 4px;
	
}

#topnav ul li ul li a {
	background: none;
	
	color: #07358a;
	
}

#topnav ul li ul li a:hover {
	text-decoration: underline;	
}

#navigation {
	height: 30px;
	}


#visual {
	margin-top: 0;
	margin-right: 10px;
	height: 217px;
	/*background: tranparent url('/image/csw/visual-content.jpg')  no-repeat left top;*/
	background: red;
	position: relative;
	overflow: hidden;
	}

	.homepage #visual {
		margin: 30px 0 0 0;
		height: 396px;
		background: #06358a url('/image/csw/visual.jpg') no-repeat left top;
		overflow: hidden;
	}


	#visual .mask {
		position: absolute;
		top: 0px; left: 0px;
		z-index: 2;
		width: 100%;
		height: 100%;
		background: url(/image/csw/visual-contentheader-mask.png) no-repeat top left;
	}
	#visual .border {
		position: absolute;
		z-index: 1;
		bottom: 0;
		width: 100%;
		height: 20px;
		background: #003b8c;
	}
	#kidteaser {
		position: absolute;
		z-index: 2;
		bottom: 40px;
		left: 220px;
	}


/** =CONTENT - HOMEPAGE **/



	#visual .block {
		position: absolute;
		top: 50px; left: 420px;
		width: 230px;
		text-align: right;
		color: white;
		font-size: 1.125em;
		line-height: 1.9;
		text-shadow: 4px 4px 8px #31436c;
	}

#home-intro,
#search {
	padding: 15px 0px 20px 0px;
	margin-bottom: 30px;
	height: 111px;
	height: 71px;
	height: 76px;
	}
#home-intro {
	padding-right: 70px;
	padding-left: 20px;
	background: url('/image/csw/intro.jpg') no-repeat;
	}
#content .intro-vandeperre,
#content .intro-toorop,
#content .intro-bestevaer {
	color: #ffffff;
	}

#extra {
	position: relative;
	padding: 0 10px;
	margin-top: 30px;
	}

	#extra h3 {
		line-height: 1.2;
	}

#spotlight .item {
	clear: both;
	height: 67px;
	margin-bottom: 10px;
	}
#spotlight .first {
	margin-top: 10px;
	}
#spotlight a {
	display: block;
	}
#spotlight .text-item {
	padding-top: 6px;
	padding-right: 12px;
	}
#spotlight .text-item a {
	text-decoration: none;
	}
#spotlight .text-item span {
	padding: 0px 7px;
	background: url('/image/arrow-blue.gif') no-repeat right 5px;
	}

#spotlight .item .figure {
	float: left;
	background: pink;
	}
#spotlight .item .figure a {
	display: block;
	width: 83px;
	height: 67px;
	background: #CCCCCC;
}
#spotlight .item .figure a span {
	display: block;
	width: 4px;
	height: 67px;
	float: left;
	background: url('/image/corner-neutral.png') no-repeat;
	}

#sidebar #spotlight .text {
	width: 179px;
	}
#spotlight .text {
	width: 136px;
	height: 67px;
	float: left;
	font-size: 130%;
	background-color: #f4ad00;
	}

#sidebar #spotlight {
	margin-left: 4px;
}

#spotlight .bestevaer .text { background-color: #82cad1; }
#spotlight .toorop .text,
#spotlight .solo-bestevaer .text { background-color: #aacb24; }
#spotlight .vandeperre .text { background-color: #e20043; }
#spotlight .solo-toorop .text { background-color: #8D1E7C; }
#spotlight .algemeen .text,
#spotlight .csw .text { background-color: #00368b; }

#sidebar #spotlight .text a {
	background-position: 162px 43px;
	}
#spotlight .text a {
	color: #ffffff;
	height: 3.6em;
	line-height: 1.2;
	overflow: hidden;
	margin-top: 7px;
	padding: 0px 5px;
	text-decoration: none;
	background: url('/image/arrow-pink.gif') no-repeat 120px 43px;
	}
#spotlight .bestevaer .text a { background-image: url('/image/arrow-blue.gif'); }
#spotlight .toorop .text a,
#spotlight .solo-bestevaer .text a,
#spotlight .solo-toorop .text a,
#spotlight .algemeen .text a,
#spotlight .csw .text a,
#spotlight .vandeperre .text a { background-image: url('/image/arrow-white.gif'); }

#agenda .img-title {
	margin-left: 10px;
	}
#agenda .item {
	margin-left: 10px;
	border-bottom: 1px solid #cccccc;
	padding: 6px 0px;
	}
#agenda .item .text {
	}
#agenda .item .text a {
	display: block;
	padding-right: 30px;
	text-decoration: none;
	height: 2.8em;
	overflow: hidden;
	background: url('/image/arrow-blue.gif') no-repeat right 5px;
	}

#agenda .item.bestevaer .text a	{
	background-image: url('/image/arrow-bestevaer.gif');
	}

#agenda .item.toorop .text a	{
	background-image: url('/image/arrow-toorop.gif');
	}

#agenda .item.vandeperre .text a	{
	background-image: url('/image/arrow-vandeperre.gif');
	}

#eyecatcher {
	top: -50px;
	right: 0;
	height: 358px;
	height: 320px;
	overflow-y: hidden;
	position: absolute;
	}
#eyecatcher a {
	display: block;
	text-align: right;
	}

.news-figure {
	float:right;
	margin: 0px 10px;
}

.item-space {
	padding-left: 10px;
	padding-top: 10px;
}

/** CONTENT - DEFAULT **/

#meta {
	height: 34px;
	border-bottom: 1px solid #cccccc;
	margin-left: 10px;
	}
#meta * {
	color: #999999;
	}

	#breadcrumbs {
		width: 655px;
		line-height: 34px;
		float: left;
		}
	#breadcrumbs a {
		text-decoration: none;
		}
	#print-button {
		width: 34px;
		line-height: 34px;
		float: right;
		}
	#print-button a {
		display: block;
		width: 35px;
		line-height: 34px;
		text-indent: -999em;
		background: url('/image/print.gif') no-repeat center center;
		}

#text {
	margin-top: 20px;
	margin-right: 50px;
	margin-left: 10px;
	}


/** CONTENT - ROOSTERWIJZIGINGEN **/

.switch .text span.school {
	height: 22px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
.switch .vandeperre-bg .text span.school { background-image: url('/image/switch-title-vdp.gif'); }
.switch .toorop-bg .text span.school { background-image: url('/image/switch-title-tr.gif'); }
.switch .bestevaer-bg .text span.school { background-image: url('/image/switch-title-bv.gif'); }


.rooster-school .item,
.album-school .item {
	float: left;
	margin-bottom: 10px;
	}


/** CONTENT - FOTOALBUM **/

.album .titel {
	height: 35px;
	line-height: 35px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: 0px center;
	}
.album .titel-bestevaer { background-image: url('/image/album-titel-bv.gif'); }
.album .titel-toorop { background-image: url('/image/album-titel-tr.gif'); }
.album .titel-vandeperre { background-image: url('/image/album-titel-vdp.gif'); }

.album .content {
	height: 280px;
	}
.album li {
	border-top: 1px solid #cccccc;
	border-bottom: 0;
	}
.album li span {
	display: block;
	}

#album-meta {
	float: right;
	width: 120px;
	margin-top: -37px;
	padding-right: 10px;
	}
#album-meta p {
	text-align: right;
	}

.album-single {
	clear: both;
	padding-top: 10px;
	}

.album-nav .txt {
	padding-right: 10px;
	}

.album-nav {
	clear:both;
	}
.album-nav a,
.album-nav span.active {
	padding: 3px;
	font-size: 120%;
	text-decoration: none;
	}
.album-nav span.active {
	color: #ffffff;
	}
.album-nav img {
	vertical-align: middle;
	}
.album li.noPhotos {
	padding:8px 15px 8px 0;
	}

.photo {
	float: left;
	width: 122px;
	height: 81px;
	margin: 0px 15px 15px 0px;
	border: 1px solid #cccccc;
	background: #dedede;
	}
.photo-last {
	margin-right: 0;
	}

.photo a {
	display: block;
	width: 122px;
	height: 81px;
	overflow: hidden;
	text-align: center;
	}
.photo img {
	margin: 0 auto;
	}

.back-link-album {
	margin-top: 1.6em;
	padding-left: 12px;
	background: url('/image/arrow-pink-back.gif') no-repeat left 5px;
	}
.back-link-album a {
	text-decoration: none;
	}



/** =SIDEBAR **/

.homepage #quicklinks {
	height: 260px;
	height: 220px;
	}
#quicklinks,
#subnav {
	/* margin-top: 48px; */
	padding-bottom: 40px;
	}

#sidebar {
	width: 269px;
	float: right;
	}
#sidebar .side-box {
	padding-left: 20px;
	}

#sidebar #subnav {
	/*
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	*/
	padding-left: 0px;
	margin-left: 20px;
	}

#quicklinks {
	}

#search {
	background: transparent url(/image/sidebar-bg.jpg) no-repeat center top;
	}
#search .field {
	padding: 0;
	}
#search .text-button {
	float: right;
	margin-right: 20px;
	text-align: right;
	}

#news {
	}

	#extra #news, #extra #quicklinks {
		float: left;
		width: 220px;
		}

		#extra #news {
			margin-right: 20px;
		}

		#extra #news .item-open { padding-top: 0; }
		#extra #news .item-open .text { margin-bottom: -1.5em; }

		#extra #news .item-open .readmore { float: right; }
		#extra #news .item-open .readmore a { display: block; width: 10px; height: 16px; }

		#extra #news .item-open .readmore span {
			display: none;
		}

		#extra #quicklinks {
			margin-left: 20px;
			padding-left: 19px;
			border-left: 1px solid #ccc;
			}

#news .item-open {
	padding-top: 6px;
	}
#news .item-open h3 a {
	color: #E20043;
	display: block;
	font-weight: normal;
	}

#news .date {
	clear: both;
	float: none;
	width: auto;
	height: auto;
	color: #999999;
	margin-bottom: 5px;
	text-align: left;
	}

#news li a {
	color: #000000;
	}

#news .item .date a	{
	color: #00368B;
	}

.item-agenda {
	clear:both;
	overflow: auto;
}

.item-agenda span{
	font-size:180%;
}

.item-agenda div {
	float:right;
	width:650px;
	text-align:left;
	padding-top:5px;
}

/** =FOOTER **/

#footer {
	clear: both;
	border-top: 1px solid #cccccc;
	}
#footer ul {
	padding: 30px 10px;
	width: 650px;
	float: left;
	}
#footer li {
	float: left;
	}
#footer ul a,
#footer span.txt {
	text-decoration: none;
	padding-right: 10px;
	margin-right: 6px;
	background: url('/image/footnav-divider.gif') no-repeat right center;
	}
#footer li.last a {
	padding-right: 0;
	margin-right: 0;
	background-image: none;
	}

#fb {
	height: 21px;
    margin-bottom: 10px;
    float: right;
    padding-top: 28px;
    padding-left: 30px;
}
#fb a {
	color: #3B5998;
    display: block;
    font-size: 11px;
    height: 21px;
    line-height: 21px;
    margin-right: 0.5em;
    text-decoration: none;
}
#fb a, #fb iframe {
    float: left;
}

/** TABLE **/

table.csw {
	width: 680px;
	clear: both;
	margin-bottom: 50px;
	border-collapse: collapse;
	border-bottom: 1px solid #cccccc;
	}
table.csw caption,
table.csw thead th,
table.csw tbody {
	padding: 10px 0px;
	}
table.csw caption,
table.csw tr th.firstcell,
table.csw tr td.firstcell {
	padding-left: 10px;
	}
table.csw caption {
	color: #ffffff;
	font-size: 130%;
	}
table.csw thead th {
	color: #E20043;
	}
table.csw tbody tr.first td {
	border-top: 1px solid #cccccc;
	}
table.csw tbody.even {
	}
table.csw tbody tr.first td {
	padding-top: 10px;
	}
table.csw tbody tr.last td {
	padding-bottom: 10px;
	}

table.bestevaer-bglite tbody.odd {
	background: #e6f4f6; /* bestevaer */
	}
table.vandeperre-bglite tbody.odd {
	background: #fce5ec; /* van de perre */
	}
table.toorop-bglite tbody.odd {
	background: #e9f2c6; /* toorop */
	}


/*************************************** SITEMAP ***********************************/

#sitemap {
	}

#sitemap td {
	/* padding-right:10px; */
	padding-left: 10px;
	border-left: 1px solid silver;
}

#sitemap .csw {
	border-left: 0;
	padding-left: 0;
	}

a.sitemap_level1:link, a.sitemap_level1:visited, a.sitemap_level1:active	{
	/*Blauw*/
	color: #001E57;
	text-decoration: none;
	font-weight : bold;
	padding-left:0px;
}

a.sitemap_level2:link, a.sitemap_level2:visited, a.sitemap_level2:active	{
	/*Rood*/
	color: #001E57;
	text-decoration: none;
	font-weight : normal;
	margin: 0 0 0 7px;
	padding-left:0px;
}

a.sitemap_level3:link, a.sitemap_level3:visited, a.sitemap_level3:active	{
	/*Zwart*/
	color: #000000;
	text-decoration: none;
	/* font-weight : bold; */
	margin: 0 0 0 14px;
	padding-left:0px;
}

a.sitemap_level1:hover, a.sitemap_level2:hover, a.sitemap_level3:hover {text-decoration: underline;}


#contactinfo {
	padding-top: 2em;
}
#googleMap {
	padding-right: 10px;
	float: right;
}
	#googleMap #map_canvas {
		width: 350px;
		height: 500px;
	}


/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.

Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/
.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }

#movie {
	position: absolute;
	right: 29px;
	top: 21px;
	width: 247px;
	height: 244px;

}
	#movie .content {
		width: 247px;
		height: 244px;
		overflow: hidden;
		position: absolute;
		right: 0px;
		background: url(/image/csw/visual-video-image.png) no-repeat top left;
	}

	#movie .content img {
		position: absolute;
		top: 0;
		left: 0;
	}

		#playbtn {
			display: block;
			position: absolute;
			top: 90px;
			left: 50%;
			margin-left: -28px;
			width: 56px;
			height: 56px;
			background: url(/image/csw/play-btn.png) no-repeat top left;
			text-indent: -999em;
		}
	#movie .mask {
		position: absolute;
		width: 20px;
		height: 100%;
		top: 0px;
		background: url(/image/csw/visual-videomask.png) no-repeat top left;
	}
		#movie .maskRight { left: auto; right: 0px; background-position: top right; }
		#movie .maskLeft { left: 0px; right: auto;}

		#movie.school20 { width: 655px;}
		#movie.school20 .maskLeft {background-image: url(/image/csw/visual-mask-mid.png);}
		#movie.school20 .content {cursor:pointer;}



#visual .twtr-widget {
	width: 450px;
	padding-left: 95px;
	background: transparent url(/image/bird.png) no-repeat left center;
	height: 50px;
	position: relative;
	top: 285px;
	left: 420px;

}
.twtr-widget .twtr-hd, .twtr-widget .twtr-ft {
	display: none;
}

.homepage #search {
	float: right;
	background: none;
	width: 280px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
	right: 30px;
}

.homepage #search h3 {
	float: left;
	width: 50px;
	height: 20px;
	background: transparent url(/image/h-zoeken.gif) no-repeat left center;
	margin-right: 10px;
	text-indent: -999em;
}

#search form {
	width: 220px;
	float: right;
}

.homepage #search .submit {
	margin-bottom: 0;
}

#search .submit label {
	display: none;
}

#search input {
	width: 199px;
	border: 1px solid #bebebe;
	border-right: none;
	height: 18px;
	line-height: 18px;
	padding: 0;
}

#search .field {
	display: inline;
}

#search .submit button {
	cursor: pointer;
	text-indent: -999em;
	padding: 0;
	margin: 0;
	border: none;
	background: #ff0;
	width: 20px;
	height: 20px;
	background: #fff url(/image/zoeken-btn.gif) no-repeat center center;
}

#sidebar #banner-twitter {
	padding: 0;
	padding-bottom: 40px;
}

#sidebar #banner-twitter h3 {
	height: 90px;
	background: transparent url(/image/twitter-banner.jpg) no-repeat center center;
	text-indent: -999em;
}

#sidebar #search form {
	float: left;
	width: 230px;
}

#sidebar #search input {
	width: 209px;
}

/*
.school21	.homepage #visual { background-color: #81CBD0; }
.school22 .homepage #visual { background-color: #ACCA57; }
.school23 .homepage #visual { background-color: #E30044; }
*/

#twtbtn {
	position: absolute;
	text-indent: -999em;
	display: block;
	width: 90px;
	height: 52px;
	left: 420px;
	bottom: 60px;
	z-index: 999;
}