/*[fmt]9A90-1A1B-3*/
/*==============================================================================

This website/webapplication is developed by:
Occhio Group
http://www.occhio.nl/
info@occhio.nl
+31 (0)20 320 78 70

Stylesheet for CSS 2 styles
==============================================================================
=============================================================================
STYLES FOR LAYOUT
=============================================================================
generic styles for inputfields*/
a.skipmenu	{
	display: none;
 }

.clear	{
	clear: both;
 }
 
div.hidden {
	display: none;
}

/*COMMON USED STYLES BY OCCHIO DON"T REMOVE
styles for errormessage and message*/
div.message, div.error	{
	color: #000;
	font-weight: bold;
	border: 1px solid #FF0000;
	padding: 10px 10px 20px 50px;
	margin: 10px 0;
	background: #FFDDDD url(http://static.occhio.nl/images/attention.gif) no-repeat 10px 10px;
 }

div.message	{
	border: 1px solid #3B89EF;
	background: #D2DFF1 url(http://static.occhio.nl/images/attention-info.gif) no-repeat 10px 5px;
 }

div.message ul, div.error ul	{
	margin-left: 10px;
	margin-left: 15px;
/*ie*/
 }

/*

Not working in IE:
PNG -> use javascript that Replaces PNG by GIF

Not working in Mac IE:
Some Flash with transparent background -> save as older flash version


=========================================================
Styles for all other pages
(for homepage see home.css)
=========================================================*/
body	{
	width: 758px;
	margin: 0 0 0 225px;
	background-color: white;
 }

body.zoeken	{
	height: auto;
 }

/*remove dotted lines in firefox*/
a	{
	outline: none;
 }

h1	{
	width: 100%;
	margin: 0 0 0.5em 20px;
	height: 40px;
	text-indent: -5000px;
 }
h2	{
	font-weight: bold;
	margin: 0;
	padding-top: 1em;
 }
 
 
.float	{
	float: left;
}

.clear	{
	clear: both;
}


#content2 ul	{
	margin-left: 0px;
 }

#content	{
	color: #AAA;
	line-height: 1.8em;
	font-size: 1.2em;
 }

#content2	{
	color: #AAA;
	line-height: 1.8em;
}

#header	{
	position: relative;
	width: 100%;
	height: 40px;
	background: #FFF url(/images/layout/bg-header.gif) no-repeat top left;
 }

a#logo	{
	display: block;
	width: 255px;
	height: 156px;
	background: url(/images/layout/logo.gif) no-repeat 0 0;
	position: absolute;
	top: 40px;
	left: -245px;
 }

a#logo:hover	{
	background: url(/images/layout/logo-hover.gif) no-repeat 0 0;
 }

body.zoeken #logomiddle	{
	top: 25%;
	position: absolute;
 }

body#ose-p39 a#logo:hover	{
	background: url(/images/layout/logo.gif) no-repeat 0 0;
 }

a#logo span	{
	display: none;
 }

#container	{
	float: left;
	border-left: 8px solid #9E8BD6;
	margin: 0 0 0 2px;
	width: 100%;
	min-height: 181px;
	height:auto !important;
	height:152px;
 }

#content	{
	width: 472px;
	float: left;
	margin-left: 20px;
 }

#content p	{
	margin: 0 0 1em;
	padding-top: 1em;
 }

body.vinden #content p	{
	/*[empty]color:;*/
 }

#content p a	{
	font-weight: normal;
	color: #B4ACDD;
	text-decoration: none;
	border-bottom: 1px solid;
 }

#content p a:hover	{
	color: #B55059;
 }

/*different line colors for each page*/
body#detussentijd-over-ons #content .topline	{
	border-top: 2px solid #B3ACDC;
 }

body#detussentijd-visie #content .topline	{
	border-top: 2px solid #D49652;
 }

body#detussentijd-wat-voor-wie #content .topline	{
	border-top: 2px solid #A3C380;
 }

body#detussentijd-welke-wijze #content .topline	{
	border-top: 2px solid #6999D1;
 }

body#detussentijd-waar #content .topline	{
	border-top: 2px solid #B55059;
 }

body#detussentijd-wie #content .topline	{
	border-top: 2px solid #D7E88A;
 }

body#detussentijd-weblog #content .topline	{
	border-top: 2px solid #D1B3A6;
 }

#sidebar	{
	width: 246px;
	float: left;
	margin: 0 0 0 20px;
 }

#sidebar p	{
	margin: 0 0 2em;
	font-size: 0.85em;
	font-style: italic;
 }

/*different paragraph colors for each page*/
body#detussentijd-over-ons h2, body#detussentijd-over-ons #sidebar p.colored, body#detussentijd-over-ons blockquote {
	color: #B3ACDC;
 }

body#detussentijd-visie h2, body#detussentijd-visie #sidebar p.colored, body#detussentijd-visie blockquote	{
	color: #D49652;
 }

body#detussentijd-wat-voor-wie h2, body#detussentijd-wat-voor-wie #sidebar p.colored	{
	color: #A3C380;
 }

body#detussentijd-welke-wijze h2, body#detussentijd-welke-wijze #sidebar p.colored	{
	color: #6999D1;
 }

body#detussentijd-waar h2, body#detussentijd-waar #sidebar p.colored	{
	color: #B55059;
 }

body#detussentijd-wie h2, body#detussentijd-wie #sidebar p.colored	{
	color: #D7E88A;
 }

body#detussentijd-weblog h2, body#detussentijd-weblog #sidebar p.colored	{
	color: #D1B3A6;
 }

#footer	{
	clear: both;
	width: 100%;
	height: 40px;
	margin: 0;
	background: #FFF url(/images/layout/bg-footer.gif) no-repeat top left;
 }

/*vinden-aanbod-programma #content2*/
body#ose-p59 div#content2 h2	{
	color: #95C47D;
	font-size: 1em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 2em;
 }

body#ose-p59 div#content2 p	{
	/*[disabled]color:#95C47D;*/
	font-size: 1em;
	font-weight: normal;
	padding: 0;
	margin: 0;
 }

body.s3-aanbod h2 {
	color: #A3C380;
}

body.s3-aanbod p {
	padding-bottom: 1em;
	margin: 1em 0 0 0;
/*	border-bottom: 2px solid #A3C380;/*090206045803RR*/
		
}

body.s3-aanbod ul p {
	border: none;
	padding: 0;
	margin: 0;
}

body.s3-aanbod #content2 ul {
/*	border-bottom: 2px solid #A3C380;/*090206050309RR*/
	padding: 1em 0;
}

body.s3-aanbod table {
	padding: 1em 0;
	border-bottom: 2px solid #A3C380;
}

body.s3-aanbod td {
	margin: 1em 0;
	min-width: 130px;
	text-align: justify;
}

ul.programsList a,
ul.programsList a:link,
ul.programsList a:visited {
	color:#aaaaaa;
	text-decoration: none;
}

ul.programsList a:hover {
	text-decoration: underline;
}


/*vinden-aanbod-programma #content2 .section-people*/


body.s3-aanbod .section-people div.photo {
	width: 100px;
	height: 130px;
	margin-bottom: 3px;
}

body.s3-aanbod #content2 .section-people li {
	float: left;
	background: none;
	width: 100px;
	margin-right: 23px;
	padding: 0;
	margin-bottom: 10px;
	line-height: 1.5em;
}

body.s3-aanbod #content2 .section-people li.fourth {
	margin-right: 0px;
}

body.s3-aanbod #content2 .personDetails {
	clear: both;
	margin-top: 1em;
	display: none;
}

body.s3-aanbod #content2 .personDetails img {
	float: left;
	margin-right: 18px;
}

body.s3-aanbod #content2 .section-people div.visible {
	display: block;
}

body.s3-aanbod #content2 .personDetails p {
	border: none;
}

body.s3-aanbod #content2 .section-people li.clear {
	float: none;
	clear: both;
	margin: 0;
	height: 0;
}


/* blockquote -> quotes */
blockquote {
	margin-left: 0em;
	font-size: 1.5em;
}


/* vinden agenda */

/* AGENDA maandoverzicht */
#monthOverview td a {
	background: url(/images/menuitems/png/agenda-sprite.png) no-repeat;
	display: block;
	height: 25px;
}

#monthOverview td.unactive a.m01 {
	background-position: 0 0;
	width: 49px;
}

#monthOverview td.unactive a.m02 {
	background-position: -60px 0;
	width: 44px;
}

#monthOverview td.unactive a.m03 {
	background-position: -120px 0;
	width: 52px;
}

#monthOverview td.unactive a.m04 {
	background-position: -180px 0;
	width: 54px;
}


#monthOverview td.unactive a.m05 {
	background-position: -240px 0;
	width: 54px;
}

#monthOverview td.unactive a.m06 {
	background-position: -300px 0;
	width: 46px;
}

#monthOverview td.unactive a.m07 {
	background-position: -360px 0;
	width: 43px;
}

#monthOverview td.unactive a.m08 {
	background-position: -420px 0;
	width: 54px;
}

#monthOverview td.unactive a.m09 {
	background-position: -480px 0;
	width: 46px;
}

#monthOverview td.unactive a.m10 {
	background-position: -540px 0;
	width: 51px;
}

#monthOverview td.unactive a.m11 {
	background-position: -600px 0;
	width: 53px;
}

#monthOverview td.unactive a.m12 {
	background-position: -660px 0;
	width: 49px;
}

#monthOverview td.active a.m01 {
	background-position: 0 -40px;
	width: 49px;
}

#monthOverview td.active a.m02 {
	background-position: -60px -40px;
	width: 44px;
}

#monthOverview td.active a.m03 {
	background-position: -120px -40px;
	width: 52px;
}

#monthOverview td.active a.m04 {
	background-position: -180px -40px;
	width: 54px;
}


#monthOverview td.active a.m05 {
	background-position: -240px -40px;
	width: 54px;
}

#monthOverview td.active a.m06 {
	background-position: -300px -40px;
	width: 46px;
}

#monthOverview td.active a.m07 {
	background-position: -360px -40px;
	width: 43px;
}

#monthOverview td.active a.m08 {
	background-position: -420px -40px;
	width: 54px;
}

#monthOverview td.active a.m09 {
	background-position: -480px -40px;
	width: 46px;
}

#monthOverview td.active a.m10 {
	background-position: -540px -40px;
	width: 51px;
}

#monthOverview td.active a.m11 {
	background-position: -600px -40px;
	width: 53px;
}

#monthOverview td.active a.m12 {
	background-position: -660px -40px;
	width: 49px;
}

#monthOverview td a span {
	display: none;
}

/* AGENDA items */

#fullOverview .month {
	background: url(/images/menuitems/png/agenda-sprite.png) no-repeat;
	display: block;
	float: left;
	height: 25px;
}

#fullOverview .m01 .month {
	background-position: 0px -80px;
	width: 52px;
}

#fullOverview .m02 .month {
	background-position: -60px -80px;
	width: 47px;
}

#fullOverview .m03 .month {
	background-position: -120px -80px;
	width: 55px;
}

#fullOverview .m04 .month {
	background-position: -180px -80px;
	width: 57px;
}


#fullOverview .m05 .month {
	background-position: -240px -80px;
	width: 57px;
}

#fullOverview .m06 .month {
	background-position: -300px -80px;
	width: 49px;
}

#fullOverview .m07 .month {
	background-position: -360px -80px;
	width: 46px;
}

#fullOverview .m08 .month {
	background-position: -420px -80px;
	width: 57px;
}

#fullOverview .m09 .month {
	background-position: -480px -80px;
	width: 49px;
}

#fullOverview .m10 .month {
	background-position: -540px -80px;
	width: 54px;
}

#fullOverview .m11 .month {
	background-position: -600px -80px;
	width: 56px;
}

#fullOverview .m12 .month {
	background-position: -660px -80px;
	width: 52px;
}
	
#fullOverview .month span {
	display: none;
}

#fullOverview a.programLink {
	background: url(/images/layout/arrow-pink.gif) no-repeat 100% 0px;
	position: relative;
	padding-right: 20px;
}

#fullOverview a.programLink,
#fullOverview a.programLink:link,
#fullOverview a.programLink:visited {
	text-decoration: none;
	color: #aaaaaa;	
}

#fullOverview a.programLink:hover,
#fullOverview a.programLink:active {
	text-decoration: none;
	color: #ddb5a7;
}

#fullOverview .year {
	float: left;
	height: 25px;
	overflow: hidden;
}

#fullOverview th {
	padding-top: 5px;
}

#fullOverview td.date,
#fullOverview td.weekday {
	padding-right: 5px;
}

#basic p	{
	padding-top: 0px;
}

.s3-aanmelden #recaptcha-right-column #recaptcha_image a.recaptcha_audio_cant_hear_link	{
	color:#E8974C;
}

.s3-contact #recaptcha-right-column #recaptcha_image a.recaptcha_audio_cant_hear_link	{
	color:#9E8BD6;
}

#recaptcha-right-column #recaptcha_options	{
	/*[disabled]outline: 1px solid pink;*/
	width: 290px;
	/*[disabled]height: 143px;*/
	padding: 5px;
}

.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_get_new a,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_get_new a:link,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_get_new a:visited,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_get_new a:hover {
	background:transparent url(/images/reCaptcha/aanmelden/recaptcha-new.gif) no-repeat scroll 0 0;
	padding-left:15px;
	color:#E8974C;
	font-weight: bold;
}

.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_image a,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_image a:link,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_image a:visited,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_image a:hover {
	background:transparent url(/images/reCaptcha/aanmelden/recaptcha-audio.gif) no-repeat scroll 0 0;
	padding-left:15px;
	color:#E8974C;
	font-weight: bold;
}

.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_audio a,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_audio a:link,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_audio a:visited,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_audio a:hover {
	background:transparent url(/images/reCaptcha/aanmelden/recaptcha-audio.gif) no-repeat scroll 0 0;
	padding-left:15px;
	color:#E8974C;
	font-weight: bold;
}

.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_help a,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_help a:link,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_help a:visited,
.s3-aanmelden #recaptcha-right-column #recaptcha_options div.recaptcha_help a:hover {
	background:transparent url(/images/reCaptcha/aanmelden/recaptcha-help.gif) no-repeat scroll 0 0;
	padding-left:15px;
	color:#E8974C;
	font-weight: bold;
}

.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_get_new a,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_get_new a:link,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_get_new a:visited,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_get_new a:hover {
	background:transparent url(/images/reCaptcha/contact/recaptcha-new.gif) no-repeat scroll 0 0;
	padding-left:15px;
	color:#9E8BD6;
	font-weight: bold;
}

.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_image a,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_image a:link,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_image a:visited,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_image a:hover {
	background:transparent url(/images/reCaptcha/contact/recaptcha-audio.gif) no-repeat scroll 0 0;
	padding-left:15px;
	color:#9E8BD6;
	font-weight: bold;
}

.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_audio a,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_audio a:link,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_audio a:visited,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_only_if_audio a:hover {
	background:transparent url(/images/reCaptcha/contact/recaptcha-audio.gif) no-repeat scroll 0 0;
	padding-left:15px;
	color:#9E8BD6;
	font-weight: bold;
}

.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_help a,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_help a:link,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_help a:visited,
.s3-contact #recaptcha-right-column #recaptcha_options div.recaptcha_help a:hover {
	background:transparent url(/images/reCaptcha/contact/recaptcha-help.gif) no-repeat scroll 0 0;
	padding-left:15px;
	color:#9E8BD6;
	font-weight: bold;
}


/* --- nieuws --- */

/* nieuws hoofdpagina */

body.s3-nieuws hr {
border-bottom:1px solid #004635;
border-left:1px solid #004635;
border-top:2px solid #004635;
}

body.s3-nieuws #col1 h1 {
	display: none;
}

.s3-nieuws h2 {
	font-size: 1em;
	font-weight: normal;
	color:#004635;
	text-decoration: none;
}

.onm_newsSummaries h2.onm_Title a,
.onm_newsSummaries h2.onm_Title a:link,
.onm_newsSummaries h2.onm_Title a:visited,
.onm_newsSummaries h2.onm_Title a:hover,
.s3-nieuws h3.date {
	line-height: 2em;
	font-size: 1em;
	font-weight: normal;
	color:#004635;
	text-decoration: none;
}

.s3-nieuws h2.onm_Title a:hover {
	text-decoration: underline;
}

.onm_newsFullItems h2.onm_Title,
.onm_newsFullItems h3.date {
	font-size: 1.5em;
	font-weight: normal;
	color:#004635;
	line-height: 1.5em;
}
.onm_newsFullItems h2.onm_Title a {
	color:#004635;
	text-decoration: none;
}

.onm_newsSummaries h2.onm_Title {
	display: block;
	float: left;
	padding-top: 0;
	padding-right: 5px;
}

.s3-nieuws p {
	line-height: 2em;
}

#content2 ul.onm_imageviewer li {
	background: none;
	padding-left: 0;
}

ul.onm_imageviewer img {
	margin-top: 25px;
	margin-bottom: 5px;
}

div.onm_newsSummaries div.onm_newsItem {
	border-top: 3px solid #004635;
	margin-top: 10px;
	padding-top: 10px;
}


a.onm_archiveLink {
	display:block;
	margin-top:30px;
}


/* detail page */

.s3-nieuws hr {
	border-bottom: #004635;
	border-top: #004635
}

#content2 ul.pageNavigation li {
	background: none;
	padding-left: 0;
	display: block;
	float: left;
	padding-right: 2px;
}

div.onm_Body {
	margin-bottom: 30px;
}

/* archive */

table.onm_newsOverview {
	border-spacing: 0;
	width: 472px;
}


table.onm_newsOverview td {
	border-bottom: 3px solid #004635;
	padding: 10px 0;
}

td.onm_newsTitle {
padding-right: 5px;	
}

td.onm_newsTitle a {
	color:#AAAAAA;
	text-decoration: none;
}

td.onm_newsTitle a:hover {
	color:#9E8BD6;
	text-decoration: underline;
}