body { background: #ffffff url(../stdimg/bg_all.jpg) repeat-y fixed; border: 0px; margin: 0px; padding: 0px; font: normal 0.75em Arial, Helvetica, sans-serif; color:#292929;}

.both { clear: both;}


.flright { float: right;}
.flleft { float: left;}

.brtotal {clear: left; font-size: 0.1em; line-height: 0.1em;}
.brtotal2 {clear: both; font-size: 0.1em; line-height: 0.1em;}

.nosp	{font-size: 0.1em; line-height: 0.1em;}
.vertm	{vertical-align: middle;}

.hidden	{display: none;}


/* stijl voor de uls ------------------------------------------------------------------------------*/

ul 	{margin: 0px; padding: 0px; margin-left: 8px; padding-left: 8px; }
li	{margin: 0px; padding: 0px; line-height: 1em;}

#topdiv ul				{margin: 0px; padding: 0px; line-height: 1em; display: inline;}
#topdiv li				{list-style-type: none; display: inline; margin: 0px; padding: 0px;}

#navdiv ul				{margin: 0px; padding: 0px; line-height: 1em; padding-top:12px; margin-left: 62px;}
#navdiv li				{list-style-type: none; display: inline; margin: 0px; padding: 0px; margin-right:10px;}

#subdiv ul				{margin: 0px; padding: 0px; line-height: 0.9em;}
#subdiv li				{list-style-type: none; display: inline; margin: 0px; padding: 0px;}


.kolB ul				{margin: 0px; padding: 0px; }
.kolB li				{list-style-type: none; margin: 0px; padding: 0px; margin-bottom:1.2em; line-height: 1.35em;}

.paraul ul				{margin: 0px; padding: 0px; margin-left: 8px; padding-left: 8px;}
.paraul li				{ margin: 0px; padding: 0px; line-height: 1.35em;}

.paralinks ul			{margin: 0px; padding: 0px; }
.paralinks li			{list-style-type: none; margin: 0px; padding: 0px; line-height: 1.35em;}

.zieooklinks ul			{margin: 0px; padding: 0px; }
.zieooklinks li			{list-style-type: none; margin: 0px; padding: 0px; padding-bottom: 2px; line-height: 1.35em;}

ul.zoekul				{margin: 0px; padding: 0px; margin-bottom:1.3em; }
ul.zoekul li			{list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 0; line-height: 1.35em;}

ul.namenul				{margin: 0px; padding: 0px;}
ul.namenul li			{list-style-type: none; padding: 3px 0px 2px 32px; background: url(../stdimg/bel.gif) no-repeat 0px .0em;  margin: 0px;  margin-bottom:0.3em; line-height: 1.35em;}

ul.disul				{margin: 0px; padding: 0px; }
ul.disul li				{list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 0.3em; line-height: 1.35em;}




/* stijl voor de images ------------------------------------------------------------------------------*/

img 			{  border: 0px solid #afafaf; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.logo			{margin-top:25px;}
.agendathumb	{float: left; margin-right:5px;}
.paraimg img	{border: 0px solid #e5e6df;}
.sfeer img		{clear: left; margin-bottom:3px;}






/* stijl voor de divs --------------------------------------------------------------------------------*/

div { padding: 0px; margin: 0;}


#all 						{}

		#topdiv 				{width: 900px; clear: left; background: url(../stdimg/bg_topdiv.gif) repeat-y;}
			.topdivcontent		{padding: 11px 42px 9px 62px; text-align: right; vertical-align: middle;}

		#navdiv 				{width: 100%; clear: left; background: #e5e6df url(../stdimg/bg_navdiv.gif); background-repeat: repeat-y;}
			.navdivinner		{width: 900px; vertical-align: middle; font-weight: bold;}


		#subdiv 				{width: 900px; clear: left;}
			.subdivcontent		{padding: 10px 42px 0px 62px; font-size:90%; }

		#contentdiv 			{width: 816px; clear: left; padding: 42px 32px 42px 52px; line-height: 1.35em; }

			.sitetitle			{float: left; font-weight: bold; color:#000; }

			.hoofdbreed			{width: 796px; margin: 0px 10px 0px 10px; height: 28pt; }
			.hoofdmed			{width: 383px; margin: 0px 0px 0px 0px; height: 28pt; }


			.kolA				{float:left; width:388px; margin: 0px 10px 0px 10px;}
				.animatie		{width:352px; background: red; }
				
			.kolB				{float:left; width:184px; padding: 0px 10px 0px 10px; }		

				.intro				{font-weight: bold; color:#161616; width: 175px; line-height: 1.5em; margin-bottom: 1.6em;}
				.intro2				{font-size: 120%; line-height: 1.5em; margin-bottom: 20px;}
				.intro3				{width: 175px; font-size: 90%; margin-bottom: 1.6em;}
				.pagibot			{color:#9c9c9c; font-size: 90%; vertical-align: middle;}

				.adres				{font-size: 90%;}

				.info				{font-weight: bold; margin-bottom: 2px;}
				.info2				{margin-bottom: 20px;}
				.info3				{font-size: 90%; color:#9c9c9c;}
					.sticky .info3	{color:#becaae;}

				.paragraaf			{margin-bottom:1.35em;}
					.paraimgblok	{float: right; wxidth: 145px; margin: 0px 0px 15px 15px;}
						.paraimg 	{}
						.paraimgtxt {font-size: 90%; color:#a4a4a4; padding: 4px 0px 9px 0px;}
					.paraimgblok2	{float: left; wxidth: 145px; margin: 0px 15px 15px 0px;}
					.paraul			{margin-bottom: 1.35em;}
					.paratable		{margin-bottom: 1.35em; } 
						.tablebij	{color:#a4a4a4; text-align: right; font-size: 90%;}	
					.paralinks		{}

				.summitem			{margin-bottom: 2em;}

				.sticky				{margin-bottom:1.35em; background-color:#758b56; color:#fff; padding:3px 6px 3px 6px;}


				.sfeer				{font-size: 0.1em; line-height: 0.1em;}
				.error				{color:#a74f00; font-size: 90%;}
				.formerror			{color:#a74f00; }

				.pollinfo			{padding-bottom: 0.8em;}
				.pollset			{line-height: 1.6em; padding-bottom: 0.5em;}
				.summitem .pollset	{background: #eff0ec; padding: 8px 10px;}
				.spacer				{margin-bottom: 0.5em;}
				.spacer2			{margin-bottom: 5px; font-size:0.1em; line-height: 0.1em;}
				
				.beeldelem			{width: 388px; margin-top: 10px;}

				.alfa				{color:#d6d6d6; margin-bottom:10px;}

				.map				{margin-top:8pt;}



/* voor de scrollbar in de disciplines lijst -------------------------------------------------------*/
			
			.holder 		{float: left; margin: 0px;}
			.scroll-pane 	{width: 363px; overflow: auto; float: left; height: 400px; padding-left:25px;}

			.left .jScrollPaneTrack 	{left: 0; right: auto;}
			.left a.jScrollArrowUp 		{left: 0; right: auto;}
			.left a.jScrollArrowDown 	{left: 0; right: auto;}




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../stdimg/scrollpanetrack.gif) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #161616;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #161616;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #161616;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}








/* stijl voor de koppen en teksten -------------------------------------------------------*/

p 						{ margin-top: 0px; padding-top: 0px;}
.paragraaf p			{line-height: 1.4em; margin-bottom: 1.35em;}

/*replacekop*/
h2
						{	height: 28pt; overflow:hidden;
							text-transform: uppercase;
							font-family: Arial, sans-serif ;
						    color: #000; 
							font-weight: bold;  
						    margin: 0px ;
							margin-bottom: 0px;
							padding: 0px;
							font-size: 1em; font-size: 190%; 
							line-height: 1em; 
						}
	.h2smal				{width: 184px; }
	.inline				{display: inline; padding-right: 10px;}






/*hoofdkop*/
h3						{font-size: 1em; font-size: 120%; padding:0px; margin:0px; margin-bottom:1.0em; color:#000000; text-transform: uppercase; }
h3.grey					{color:#939393;}
h3.binnen				{display: inline; margin-bottom: 0px; vxxertical-align: text-bottom; lxxine-height: 2.1em;}
h3.brown				{color:#a74f00;}


/*paragraafkop*/
h4						{font-size: 1em; font-size: 100%; padding:0px; margin:0px; margin-bottom: 4px;}
/*stellingkop*/
h4.poll					{margin-bottom: 8px;}
/*namenkop*/
.namen h4				{margin-bottom: 8px;}
/*disciplinekop*/
h4.dis					{text-transform: uppercase; font-size: 90%; margin-bottom: 0.3em;}
/*etagekop*/
h4.etage				{text-transform: uppercase; font-size: 90%; margin-top: 2.3em; margin-bottom: 0.3em;}

/*alineakop*/
h5						{font-size: 1em; font-size: 100%; padding:0px; margin:0px; margin-bottom: 2px; font-weight: normal; font-style: italic; color:#292929;}




.bb						{color:#000; font-weight: bold;}
	.sticky .bb			{color:#fff;}
.bg						{color:#658837; font-weight: bold;}








/* stijl voor de links -------------------------------------------------------------------*/

A { text-decoration: none; color: #658837;}
A:link    {  }  
A:visited {  }  
A:hover   { color:#292929 } 
A:active  {  }
A:focus   {  }

#topdiv a				{color:#292929; margin-left:8px;}
#topdiv a:hover			{color:#669933;}
#topdiv a.select		{color:#000000; font-weight: bold;}

#navdiv a				{color:#658837;}
#navdiv a:hover			{color:#000000;}
#navdiv a.select		{color:#000000;}

#subdiv a				{color:#658837; text-transform: uppercase; font-weight: bold; margin-right:8px;}
#subdiv a:hover			{color:#000000;}
#subdiv a.select		{color:#000000;}

h3 a.intra				{color:#000000;}
h3 a.intra:hover		{color:#000000;}

h3.binnen a.select		{color:#000000;}

h4.dis a				{color:#000000; background: url(../stdimg/dis.gif) no-repeat 0px .1em; padding-left: 12px;}
h4.dis a.disopen		{background: url(../stdimg/disopen.gif) no-repeat 0px .1em; padding-left: 13px;}

.sticky a				{color:#fff;}
.sticky a:hover			{color:#fff;}


.mess a.verwijder		{font-size: 90%; color:#d20000; background: url(../stdimg/verwijder.gif) no-repeat 0px .4em; padding-left: 12px; margin-right: 10px;}
.mess a.yessticky		{font-size: 90%; color:#000000; background: url(../stdimg/yessticky.gif) no-repeat 0px .1em; padding-left: 17px; padding-top:1px ;}
.mess a.nosticky		{font-size: 90%; color:#000000; background: url(../stdimg/nosticky.gif) no-repeat 0px .1em; padding-left: 17px;padding-top:1px ;}

.ulagenda a				{color:#292929;}
.ulagenda a	.bg			{color:#658837; fxxont-weight: bold;}
.ulagenda a .bg:hover	{color:#000000;}

.aimg					{color:#CA4802; background: url(../stdimg/arrowright.gif) no-repeat 0px .3em; padding-left: 13px;}
.aimgdown				{color:#CA4802; background: url(../stdimg/arrowdown.gif) no-repeat 0px .3em; padding-left: 13px;}











/* stijl voor de forms ---------------------------------------------------------------------*/

form { margin-top: 0px; margin-bottom: 0px;}

input 		{margin:0px; color: #333333; font-family: arial, sans-serif;}
select 		{margin:0px; color: #333333;  font-family: arial, sans-serif; }
option 		{color: #333333; font-size: 100%;  font-family: arial, sans-serif;}
textarea 	{margin:0px;color: #333333; padding: 2px; background-color:#fff; border-top: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; font-family: Arial, Helvetica, sans-serif; font-size: 100%;}


.marge		{margin-top:3px; margin-bottom:6px;}

.text2		{width: 160px;}
.text3		{width: 295px;}

.knop1 {
  background-color:#9faf8a; 
  color: #fff; 
  border: 1px solid #b6b8ab;
  padding: 1px 2px 1px 2px;
  margin: 0px 0px 1.0em 0px;
  font-size: 90%;
 }

.knop1:hover {
  background-color:#000; 
 }

.knop2 {
  background-color:#9faf8a; 
  color: #fff; 
  border: 1px solid #b6b8ab;
  padding: 1px 2px 1px 2px;
  margin: 0px 0px 0px 0px;
  font-size: 90%;
 }

.knop2:hover {
  background-color:#000; 
 }












/* MISC ----------------------------------------------------------------------------------------*/

table 						{font-size: 1em; font-size: 100%;}
td							{vertical-align: top;}
.perc						{padding-left: 10px;}
