/* *************************************************************************************
				BODY & WRAPPER STRUCTURE
************************************************************************************* */

* 								{ margin: 0; padding: 0; border: 0; }
html, body 						{ height: 100%; }
body							{ background: #fafafa url('../img/body_back.gif') top left repeat-x; }

#wrapper
{
	min-height: 				100%;
	width:						969px;
	height: 					auto !important;
	height: 					100%;
	margin: 					0 auto -65px; /* the bottom margin is the negative value of the footer's height */
	background:					#ffffff url('../img/wrapper_back.gif') top right repeat-y;
}

/* *************************************************************************************
				CONTENT SPECIFIC STYLES
************************************************************************************* */

* {
	font-family: 				Tahoma, Arial, Verdana, Helvetica, "Sans Serif";
	color:						#00557e;
	font-size: 					11px;
	line-height: 				15px;
}

a:link, a:visited, a:active 	{ color: #000000; text-decoration: none; }
a:hover 						{ color: #b10034; text-decoration: none; }

h1 								{ font-size: 18px; color: #b10034; }
h2 								{ font-size: 14px; color: #000000; margin-bottom: 15px; }
h3 								{ font-size: 13px; color: #b10034; margin-bottom: 15px; }

p 			 					{ line-height: 17px; margin-bottom: 15px; }

hr 								{ border: 0; color: #ededed; background-color: #ededed; height: 1px; width: 100%; margin: 15px 0 15px 0; }
th								{ text-align: left; }

input, select, textarea			{ border: 1px solid #cfcfcf; background: #ffffff; padding: 2px; }

.clear							{ clear: both; }

/* *************************************************************************************
				TOP
************************************************************************************* */

#top							{ width: 969px; height: 40px; background: #ebebeb url('../img/top_back.gif') top left no-repeat; }

#top ul#topLinks				{ position: absolute; margin-top: 10px; margin-left: 485px; list-style-type: none; }
#top ul#topLinks li				{ float: left; margin-right: 20px; }
#top ul#topLinks li .sizeSmall	{ font-size: 10px; }
#top ul#topLinks li .sizeNormal	{ font-size: 11px; }
#top ul#topLinks li .sizeBig	{ font-size: 12px; }

#top #topSearch					{ position: absolute; margin-top: 10px; margin-left: 727px; }
#top #topSearch	input			{ border: 1px solid #9f9f9f; margin-right: 10px; width: 140px; padding: 2px; }
#top #topSearch input.button	{ background: #00334c; border: 0; color: #ffffff; cursor: pointer; width: auto; }

/* *************************************************************************************
				HEADER
************************************************************************************* */

#header							{ width: 969px; height: 183px; background: #ffffff url('../img/header_back.gif') top left repeat-x; }

#header #logo					{ width: 445px; height: 101px; float: left; }
#header #foto					{ width: 484px; height: 183px; float: right; z-index: -100; }

#header #navigation				{ position: absolute; top: 141px; width: 969px; height: 82px; z-index: 100; background: transparent; border-top: 1px solid #ffffff; }

#navigation ul					{ margin: 0; list-style-type: none; }
#navigation ul li				{ width: 100px; height: 40px; float: left; line-height: 40px; text-align: center; border-left: 1px solid #ffffff; padding: 0 10px 0 10px; }
#navigation ul li.multiline		{ line-height: 17px; }
#navigation ul li.lastButton	{ border-right: 1px solid #ffffff; }
#navigation ul li a				{ text-decoration: none; } 

#mainButtons li					{ background: #b10034; }
#mainButtons li a				{ color: #ffffff; }
#mainButtons li.active			{ background: #00334c; }
#mainButtons li.active a		{ color: #ffffff; }

#subButtons						{ border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
#subButtons li					{ background: #cccccc; }
#subButtons li a	 			{ color: #00334c; }
#subButtons li.active			{ background: #00334c; }
#subButtons li.active a			{ color: #ffffff; }

#navigation li.menuButton:hover		{ background: #00334c; color: #ffffff; cursor: pointer; } /* IE7+ compatible */
#navigation li.menuButton:hover a	{ color: #ffffff; } /* IE7+ compatible */

/* *************************************************************************************
				MAIN
************************************************************************************* */

#main							{ width: 969px; min-height: 200px; background: url('../img/main_back.gif') top left no-repeat; }

/* *************************************************************************************
				COLUMNLEFT
************************************************************************************* */

#columnLeft						{ width: 725px; padding: 25px 0 10px 0; background: transparent; float: left; margin: 0 1px 0 1px; }

#mainContent					{ width: 453px; float: left; }
#mainContent.content,
#mainContent .content			{ padding: 0 15px 0 15px; }
#mainContent h1					{ background: #b10034; color: #ffffff; font-weight: normal; line-height: 20px; padding: 3px 15px 3px 15px; margin-left: -15px; margin-bottom: 20px; }
#mainContent ul,
#mainContent ol					{ margin-left: 15px; margin-bottom: 15px; }
#mainContent input[type="button"],
#mainContent input[type="submit"],
#mainContent input.button		{ background: #00334c; color: #ffffff; font-weight: bold; padding: 3px; cursor: pointer; width: auto; }

#tabWrapper						{ float: left; }

#tabButtons						{ width: 473px; height: 35px; background: #ffffff url('../img/tabbuttons_back.gif') bottom left no-repeat; }
#tabButtons ul					{ list-style-type: none; }
#tabButtons ul li				{ background: url('../img/tab_back.gif') top left repeat-x; height: 30px; line-height: 30px; float: left; }
#tabButtons ul li img			{ vertical-align: top; }
#tabButtons ul li a				{ font-size: 15px; padding: 0 10px 0 10px; text-decoration: none; }
#tabButtons ul li.active		{ background: url('../img/tab_active_back.gif') top left repeat-x; }
#tabButtons ul li.active a		{ color: #b10034; }
#tabButtons ul li.divide		{ border-right: 1px solid #cfcfcf; }

#tabContent						{ width: 453px; min-height: 220px; padding: 10px 5px 15px 15px; background: #ffffff url('../img/tabcontent_back.gif') top left no-repeat; }

#tabContent ul,
ul.programmalijst,
ul.themalijst							{ list-style-type: none; }
#tabContent ul li,
ul.programmalijst li,
ul.themalijst li						{ border-bottom: 1px dotted #cfcfcf; margin-bottom: 10px; }
#tabContent ul li p,
ul.programmalijst li p,
ul.themalijst li p						{ font-size: 11px; line-height: 15px; padding-right: 5px; }
#tabContent ul li p.leesVerder,
ul.programmalijst li p.leesVerder,
ul.themalijst li p.leesVerder			{ text-align: right; }
#tabContent ul li p.leesVerder a
ul.programmalijst li p.leesVerder a,
ul.themalijst li p.leesVerder a			{ font-size: 11px; }
#tabContent ul li p.leesVerder img,
ul.programmalijst li p.leesVerder img,
ul.themalijst li p.leesVerder img		{ vertical-align: middle; padding-right: 5px; }
#tabContent ul li img,
ul.programmalijst li li img,
ul.themalijst li img					{ margin-left: 10px; }

#tabContent h3 a,
ul.programmalijst h3 a,
ul.themalijst h3 a						{ text-decoration: underline; }

#extra							{ float: right; width: 241px; }
#extra .content					{ padding: 0 10px 0 10px; }

#extra #quote					{ margin-bottom: 20px; }
#extra #quote .quote			{ font-family: Georgia; font-size: 70px; color: #a6a6a6; }
#extra #quote .quote.start		{ float: left; margin-top: 15px; padding-right: 10px; }
#extra #quote .quote.end		{ float: right; margin-top: -5px; }
#extra #quote p					{ color: #666666; line-height: 15px; margin-bottom: 5px; }
#extra #quote p b				{ color: #666666; }

#extra ul						{ border: 1px solid #cfcfcf; border-bottom: 0; list-style-type: none; margin-bottom: 15px; }
#extra ul li					{ border-bottom: 1px solid #cfcfcf; padding: 5px; line-height: 12px; }
#extra ul li .rechts			{ float: right; }
#extra ul li p					{ margin: 0; }

/* *************************************************************************************
				COLUMNRIGHT
************************************************************************************* */

#columnRight					{ width: 205px; padding: 5px; background: transparent; float: left; }

#columnRight ul					{ border: 1px solid #cfcfcf; border-bottom: 0; list-style-type: none; margin-bottom: 20px; }
#columnRight ul li				{ border-bottom: 1px solid #cfcfcf; padding: 5px; line-height: 12px; }
#columnRight ul li.heading		{ background: #ffffff; color: #b10034; font-weight: bold; }
#columnRight ul li img			{ vertical-align: middle; padding-right: 5px; }
#columnRight ul li input.text	{ border: 1px solid #9f9f9f; margin-right: 5px; width: 140px; padding: 2px; }

/* *************************************************************************************
				FOOTER
************************************************************************************* */

#footer, #push 					{ height: 65px; /* .push must be the same height as .footer */ }

#footer							{ width: 969px; margin: auto; z-index: 999; background: url('../img/rightborder_bottom.gif') bottom right no-repeat; }

#footer ul						{ padding-top: 25px; list-style-type: none; }
#footer ul li					{ float: left; width: 120px; height: 40px; margin-right: 1px; text-align: center; background: url('../img/bottombutton_back.gif') top left repeat-x; }
#footer ul li a					{ line-height: 40px; }
#footer ul li.active			{ background: url('../img/bottombutton_active_back.gif') top center no-repeat; }

/* *************************************************************************************
				EXTRA
************************************************************************************* */

/* kalender */

#kalender								{ }
#kalender ul, #kalender li				{ margin: 0; padding: 0; border: 0; }

#kalender .dag							{ float: left; width: 25px; height: 20px; line-height: 18px; text-align: center; background: #dfe1e3; border-top: 1px solid #ededed; border-left: 1px solid #ededed; border-right: 1px solid #bdc2c5; border-bottom: 1px solid #bdc2c5; /*margin: 0 1px 1px 0;*/ }
#kalender .dag a						{ line-height: 18px; color: #000000; }
#kalender .dag.actief					{ background: #c3c7ca; }
#kalender .dag.actief:hover				{ background: #b10034; color: #ffffff; cursor: pointer; } /* IE7+ compatible */
#kalender .dag.actief:hover a			{ color: #ffffff; } /* IE7+ compatible */

#kalender .dag.vandaag 					{ background: #4c92d8; color: #ffffff; border-top: 1px solid #3173c7; border-left: 1px solid #3173c7; }
#kalender .dag.vandaag a				{ color: #ffffff; }
#kalender .dag.weekdag					{ background: #ededed; font-weight: bold; }

#kalender .menu ul,
#kalender .menu li						{ margin: 0; padding: 0; border: 0; }
#kalender .menu ul						{ list-style-type: none; }
#kalender .menu ul li					{ float: left; background: #ededed; width: 25px; height: 20px; line-height: 18px; text-align: center; border-top: 1px solid #ededed; border-left: 1px solid #ededed; border-right: 1px solid #bdc2c5; border-bottom: 1px solid #bdc2c5; }
#kalender .menu ul li.maand				{ width: 133px; }
#kalender .menu ul li a					{ line-height: 18px; }

/* programma */

.button.red,
.button.blue							{ color: #ffffff; font-weight: bold; cursor: pointer; border: 0; padding: 5px; }
.button.red								{ background: #b10034; }
.button.blue							{ background: #00557e; }


/* album */

.album ul								{ list-style-type: none; }
.album ul li							{ float: left; margin-right: 10px; margin-bottom: 10px; }

.grijs *, .grijs a						{ color: #666; }