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

/** =COLORS **
*/

.error_msg	{
	margin-bottom: 1em;
	}

/** BASIC STYLES **/
p	{
	display: block;
	}

/** CLASSES **/

.coll {
	width: 221px;
	float: left;
	margin: 0px 5px;
	}
#home-blocks .coll,
#sidebar .coll {
	height: 221px;
	}
#sidebar .coll {
	height: auto;
	margin: 0px 0px 10px 0px;
	}
.coll-fixed {
	height: 189px;
	}
.coll-double {
	width: 452px;
	}
.coll-ins-left,
.coll-ins-right {
	margin: 0;
	}
.coll-ins-right {
	float: right;
	}

.coll div.content {
	padding: 10px;
	}

.collhalf	{
	width: 211px;
	float: left;
	display: inline;
	margin-left: 10px;
	}

.collhalf.firstcoll	{
	margin-left: 0;
	}

.imgtxt {
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left top;
	}

.special {
	padding: 9px;
	margin-top: 10px;
	margin-left: -10px;
	margin-right: -10px;
	border: 1px solid #7fcee8;
	float: left;
	width: 100%;
	}

#hp .special	{
	width: 432px;
	}

.special-colls {
	overflow: auto;
	margin-bottom: 15px;
	background: url('/image_new_logo/bg-special.gif') repeat-y 138px 0px;
	}
.special-colls.double	{
	background: url('/image_new_logo/bg-special-double.gif') repeat-y 211px 0px;
	margin-bottom: 0;
	}
.special-coll {
	float: left;
	width: 129px;
	padding-left: 9px;
	padding-right: 9px;
	}
.special-colls.double .special-coll	{
	width: 202px;
	}
.special-first {
	margin-left: -9px;
	border-left: 0;
	}
.filterBox	{
	float: left;
	clear: left;
	margin-left: 0;
	border: 0;
	}
.filterLabel	{
	float: left;
	clear: right;
	}

.em {
	font-size: 125%;
	font-weight: bold;
	line-height: 1.2;
	}
.em-s {
	}
.special .em {
	color: #0079c0;
	margin-top: 10px;
	}

.img-left {
	float: left;
	margin-top: 4px;
	margin-right: 7px;
	}
.img-right {
	float: right;
	margin-top: 4px;
	margin-left: 7px;
	}

.readmore {
	text-align: right;
	}
.readmore a {
	padding-left: 8px;
	font-weight: bold;
	background: url('/image_new_logo/arrow-white.png') no-repeat 0px 6px;
	}
#sidebar .readmore {
	text-align: left;
	}

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

.loggedinMenu {
	padding-bottom:5px;
	border-bottom:1px solid #FFF;
	margin-bottom:5px;
}
.loggedinMenu span.loggedin {
	padding-left:7px;
}
	
/** =LAYOUT **/

#container {
	width: 962px;
	width: 934px;
	min-height: 640px;
	padding: 0px 15px;
	margin: 102px auto 0px auto;
	background: url('/image_new_logo/shadow.png') no-repeat center top;
	}

#hp #container	{
	margin: 172px auto 0px auto;
	}

#site {
	padding: 10px 5px;
	background: #ffffff;
	}

#wrapper {
	background: url('/image_new_logo/faux-nav.gif') repeat-y 5px 0px;
	}
#hp #wrapper {
	background-image: none;
	}

#home-blocks {
	height: 221px;
	margin-bottom: 10px;
	}
#home-blocks .imgtxt	{
	margin-bottom: 10px;
	}
#sidebar .imgtxt {
	margin-bottom: 5px;
	}
#home-blocks .em,
#sidebar .em {
	font-weight: normal;
	}


/** =HEADER **/

#header {
	height: 59px;
	margin-bottom: 10px;
	padding: 0px 5px;
	background: url('/image_new_logo/header.png') no-repeat 5px 0px;
	}

#logo {
	float: right;
	}

#navigation {
	background: #f1c338;
	padding-bottom: 71px;
	}
#hp #navigation {
	position: relative;
	padding-bottom: 0px;
	background: #f1c338; url('/image_new_logo/bg-nav.gif') no-repeat left bottom;
	}
#hp #navigation .content {
	z-index: 100;
	}
#navigation h1 {
	color: #ffffff;
	}

#spotlight .em,
#signup .em {
	height: 2.9em;
	margin-bottom: 25px;
	}

#spotlight.kto	{
	background-image: url('/image_new_logo/kto.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	}

#spotlight.kto .em	{
	margin-bottom: 0.1em;
	}

#spotlight.kto .em-l	{
	height: auto;
	}

#spotlight.kto .em-l a	{
	
	}

#types {
	background: #0079c0;
	}
#types .imgtxt {
	background-image: url('/image_new_logo/text/home-opvangvormen.gif');
	}
#types ul,
.kto ul {
	margin: 0;
	list-style: none;
	}
#types ul li,
.kto ul li {
	margin-bottom: 5px;
	}
#types ul a,
.kto ul a {
	padding-left: 7px;
	text-decoration: none;
	background: url('/image_new_logo/arrow-white.png') no-repeat 0px 7px;
	}

#spotlight {
	background: #c50073;
	}
#spotlight .imgtxt {
	background-image: url('/image_new_logo/text/home-aan-het-woord.gif');
	}
#spotlight.kto .imgtxt {
	background-image: url('/image_new_logo/text/home-geef-uw-mening.gif');
	}

#signup {
	background: #114a9c url('/image_new_logo/bg-block-signup.jpg') no-repeat right top;
	}
#signup .imgtxt {
	background-image: url('/image_new_logo/text/home-inschrijven.gif');
	}
#signup .em {
	width: 100px;
	}

#types *,
#spotlight *,
#signup * {
	color: #ffffff;
	}


/** =CONTENT - HOMEPAGE **/

#home-intro,
#parents,
#work-at {
	padding-top: 20px;
	}
#image {
	overflow-x: hidden;
	width: 221px;
	}

#hp #image {
	margin-bottom: 11px;
	}
#sidebar #image {
	margin-bottom: 10px;
	/*background-image: url('/image_new_logo/image-content.jpg');*/
	}

#home-intro .imgtxt,
#parents .imgtxt,
#work-at .imgtxt,
#news .imgtxt,
#contactinfo .imgtxt {
	height: 17px;
	margin-bottom: 7px;
	}

#home-intro .imgtxt {
	background-image: url('/image_new_logo/text/home-uw-kind-voorop.gif');
	}
#home-intro h3 {
	color: #f1c338;
	}

#home-intro .generator_content_td1_table	{
	padding: 0;
	}

#parents a,
#work-at a,
#news a {
	text-decoration: none;
	}

#parents p,
#work-at p {
	margin-bottom: 5px;
	}
#parents .em,
#work-at .em {
	color: #009856;
	}

#parents .imgtxt {
	background-image: url('/image_new_logo/text/home-ouders.gif');
	}

#work-at .imgtxt {
	background-image: url('/image_new_logo/text/home-werken-bij-kow.gif');
	}

#news .imgtxt,
#contactinfo .imgtxtx {
	margin-bottom: 6px;
	}

#news {
	margin: 0;
	padding: 9px;
	clear: both;
	min-height: 110px;
	}
#news .imgtxt {
	background-image: url('/image_new_logo/text/home-nieuws.gif');
	}
#news .item {
	width: 211px;
	float: left;
	}
#news .first {
	margin-right: 10px;
	}

#news .em .date {
	font-size: 80%;
	color: #ffffff;
	padding: 0px 2px;
	background: #0079c0;
	}

#contactinfo {
	padding-top: 9px;
	}
#contactinfo .imgtxt {
	background-image: url('/image_new_logo/text/home-contactgegevens.gif');
	}


/** CONTENT - DEFAULT **/

#content {
	position: relative;
	}

#title-holder {
	height: 67px;
	margin-bottom: 10px;
	padding: 0px 10px;
	background: #d4e6bc;
	}

#title-holder h2 {
	padding-top: 5px;
	color: #333333;
	}

#nedmin-content {
	padding: 30px 10px 0px 10px;
	overflow: hidden;
	}
.txt-locaties {
	background-image: url('/image_new_logo/text/content-locaties.gif');
	}

.txt-mijnkowhoofdmenu {
	background-image: url('/image_new_logo/text/content-mijn-kow.gif');
	}

#sidebar {
	padding-top: 81px;
	background: url('/image_new_logo/bg-sidebar.gif') no-repeat left top;
	}

#sidebar #signup {
	padding-bottom: 5px;
	background-position: 140px 0px;
	}
#sidebar #signup h2 {
	line-height: 1.8;
	}
	#signup div.content  {
		position: relative;
	}
	
	#slideout {
		display: none;
		margin: 10px 0 0 0;
		text-align: left;
	}
		#slideout.homepage {
			background: #336faa;
			width: 191px;
			padding: 5px;
			position: absolute;
			bottom: 0px;
			left: 10px;
		}
		#slideout b.textwrap {
			float: right;
			width: 70px;
			height: 20px;
		}

#sidebar #spotlight {
	background-color: #009856;
	}
#sidebar #spotlight .imgtxt {
	background-image: url('/image_new_logo/text/content-aan-het-woord.gif');
	}


/** =FOOTER **/

#nav-icon {
	width: 221px;
	height: 71px;
	left: 0;
	margin-top: -71px;
	margin-top: -140px;
	position: absolute;
	background: url('/image_new_logo/bg-nav.gif') no-repeat left bottom;
	}

#hp #nav-icon	{
	bottom: 0;
	}

#footer {
	position: relative;
	clear: both;
	border-top: 1px solid silver;
	margin: 50px 5px 0px 5px;
	padding-top: 18px;
	}

#footer p {
	width: 600px;
	float: left;
	line-height: 42px;
	}
#footer p.icons {
	text-align: right;
	width: 314px;
	}
#footer #foot-name {
	width: 149px;
	font-size: 120%;
	text-indent: -999em;
	display: inline-block;
	background: url('/image_new_logo/text/foot-name.gif') no-repeat center center;
	}
#footer a {
	text-decoration: none;
	}






/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een andere class toegewezen worden.
<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; }

/******************************** NEWS ********************************/
.newsItem img	{
	float: left;
	margin-right: 10px;
	}
/**************************** END NEWS ********************************/

/******************************** NEWS ********************************/
#map	{
	margin-top: 10px;
	margin-left: -10px;
	width: 452px;
	height: 400px;
	float: left;
	}
/**************************** END NEWS ********************************/

/******************************** PHOTO ALBUM ********************************/
.special.album	{
	padding: 0;
	width: 450px;
	overflow: hidden;
	margin-bottom: 0px;
	}

.album .preview	{
	margin: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	}

.image-wrapper	{
	float: left;
	width: 462px;
	margin-bottom: -10px;
	}

.preview	{
	background-color: #E5E5E5;
	float:left;
	text-align: center;
	width: 144px;
	height: 108px;
	margin-left:-9px;
	margin-bottom:-9px;
	margin-right:10px;
	margin-top:-9px;
	overflow: hidden;
	}
/**************************** END PHOTO ALBUM ********************************/

.newsItem	{
	margin-bottom: 20px;
	overflow: auto;
	}

.subsitelink	{
	background: transparent url('/image_new_logo/arrow-magenta-big.png') no-repeat 0px 8px;
	margin: 20px 0 10px;
	}

.subsitelink a	{
	padding-left: 8px;
	color: #C50073;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.4em;
	}

#vacancy-go h2,
#vacancy-go h3	{
	color: #009856;
	}

.banner-vacancy	{
	display: block;
	margin-bottom: 10px;
	line-height: 0;
	}
#banner_dvd {
	display: block;
	margin: 0 0 20px 0;
}
	#banner_dvd img {
		display: block;
	}
#mapExpl h2	{
	color: #000;
	}
#mapExpl	{
	font-style: italic;
	}
	
/** FAQ **/

#faq .question,
#faq .answer {
	padding-left: 8px;
	}
#faq .question {
	cursor: pointer;
	background: url('/image_new_logo/arrow-blue.gif') no-repeat left 6px;
	}
#faq .open {
	color: #0f85c8;
	background-image: url('/image_new_logo/arrow-blue.gif');
	font-size:150%;
	}
#faq .answer {
	padding-bottom: 20px;
	}

/******************************** COLOR SCHEMA ********************************/
/*
.color-schema-1 #title-holder {
	background: #D5EFF7;
	}

.color-schema-1 #title-holder h1 {
	color: #0079c0;
	}

.color-schema-1 #sidebar {
	background-image: url('/image_new_logo/bg-sidebar-1.gif')
	}
	


.color-schema-2 #title-holder {
	background: #FDEFC3;
	}

.color-schema-2 #title-holder h1 {
	color: #EB690A;
	}

.color-schema-2 #sidebar {
	background-image: url('/image_new_logo/bg-sidebar-2.gif')
	}
	


.color-schema-3 #title-holder {
	background: #D9EBC7;
	}

.color-schema-3 #title-holder h1 {
	color: #6AB023;
	}

.color-schema-3 #sidebar {
	background-image: url('/image_new_logo/bg-sidebar-3.gif')
	}

	

.color-schema-4 #title-holder {
	background: #F7E0ED;
	}

.color-schema-4 #title-holder h1 {
	color: #C50073;
	}

.color-schema-4 #sidebar {
	background-image: url('/image_new_logo/bg-sidebar-4.gif')
	}


	
.color-schema-5 #title-holder {
	background: #DFE9F1;
	}

.color-schema-5 #title-holder h1 {
	color: #114a9c;
	}

.color-schema-5 #sidebar {
	background-image: url('/image_new_logo/bg-sidebar-5.gif')
	}

	

.color-schema-6 #title-holder {
	background: #D9EBC7;
	}

.color-schema-6 #title-holder h1 {
	color: #6AB023;
	}

.color-schema-6 #sidebar {
	background-image: url('/image_new_logo/bg-sidebar-6.gif')
	}

	

.color-schema-7 #title-holder {
	background: #E5DEEB;
	}

.color-schema-7 #title-holder h1 {
	color: #890F75;
	}

.color-schema-7 #sidebar {
	background-image: url('/image_new_logo/bg-sidebar-7.gif')
	}

	

.color-schema-8 #title-holder {
	background: #D9EBC7;
	}

.color-schema-8 #title-holder h1 {
	color: #009856;
	}

.color-schema-8 #sidebar {
	background-image: url('/image_new_logo/bg-sidebar-8.gif')
	}
	*/
/**************************** END COLOR SCHEMA ********************************/



/*
NEW ITEMS
*/
/*

00909a	aqua
71ac22	light green
*/

#logo {
	display: none;
}

#newlogo {
	position: relative;
}
	#newlogo div {
		background: url(/image_new_logo/newlogo.gif) no-repeat top left;
		width: 241px;
		height: 221px;
		position: absolute;
		left: -22px;
	}
	#types {
		background: #be1667;
	}
	#home-intro h3 {
		color:#00909a;
	}
	#parents .em  {
		color: #71ac22;
	}
	#work-at .em  {
		color: #BE1667;
	}
	.special .em {
		color: #00909a;
	}
	#news .em .date {
		background-color: #00909a;
	}
	.special  {
		border:1px solid #00909a;
	}
	#sidebar #spotlight {
		background: #71ac22;
	}