/**********************************************
STANDAARD ELEMENTEN
**********************************************/
td{font-size: 11px; }
html				{}
body				{color: #3c3c36; font-size: 11px; line-height:18px; font-family: Tahoma;}
body.site			{color: #3c3c36; font-size: 11px; line-height:18px; font-family: Tahoma;} 
img					{border:0px;}
p					{margin:10px 0px 0px 0px;}
ul					{margin: 10px 10px 10px 20px;}
ol					{font-size: 11px;}

a.shops				{font-size: 12px; padding-bottom: 3px; margin-bottom: 0px; font-weight: bold; display: block; width: 155px;}
img					{border:0px; padding:0px;}
.clearfix			{clear:both; height:0px; line-height:0px; font-size:0px; width: 400px;}
span 				{line-height:normal}
input.search		{margin-left: 10px;height: 14px; padding: 3px; background: #ffffff; color: #4f4f4f; border: none; float: left; width: 160px;}	
textarea			{background: #000000; border: 1px solid #333333;}
input[type="submit"]{border: 1px solid #ffffff; background: #639e55; color: #ffffff; font-weight: bold; height: 29px;}
input.login			{border: 1px solid #72c688; background: #ffffff; color: #27813f;}

.newsfoto			{float: left; margin: 10px 15px 5px 0px;}
.newsfoto2			{float: left; margin: 0px 5px 5px 0px;}
.newsfoto3			{float: right; margin: 0px 0px 5px 5px;}

h5					{margin: 10px 0px;}

/**********************************************
LINKS
**********************************************/
a:visited, a:active, a:link							{ outline: none; color:#639e55;text-decoration:none;font-weight:bold; }
a:hover												{text-decoration:underline;}
.wit a:hover, .wit a:visited, .wit a:active, .wit a:link		{ color:#FFF; text-decoration:underline; }

a.news				{color: #3c3c36; text-decoration: none; font-weight:normal; display: block; width: 206px; padding: 5px 5px 10px 20px; background: url(../images/arrow2.gif) no-repeat left 7px; border-top: 1px dotted #747575;} 
a.news:first-child 	{border-top: 0px;}
	a.news	h4		{color: #529442; font-weight: bold; font-size: 11px; margin: 0px 0px 3px 0px; padding: 0px;}


a.subnav			{display: block; height: 31px; background: url(../images/subnav.gif) repeat-x left top; padding: 10px 10px; float: left;}
a.subnav img		{ -moz-opacity:.6; filter:alpha(opacity=60); opacity:.6; }
a.subnav img:hover { -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }
a.subnav  img.Active { -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }

a.hoofdnav			{width: 115px; display: block; padding: 13px 15px 0px 30px;}
	a.hoofdnav:hover, .Active {background: url(../images/arrow.gif) no-repeat 11px 17px;}
	
	.loginMenu		{margin-top: 30px; }
	.loginimg		{background: url(../images/login.png) no-repeat 60px 0px;}
	

/**********************************************
MAIN DIVS
**********************************************/
img.background 				{position: absolute; z-index: -1; left: 0px; top: 0px; width: 100%; height: 100%;}

#main						{width: 981px; height: auto; position:absolute; left: 50%; z-index: 0; margin-left: -490px; top: 12px;}
.normaal					{background: url(../images/back.png) repeat-y left top;}
.leden						{background: url(../images/back2.png) repeat-y left top;}
	#menu					{width: 161px; float: left; display: inline;}
	#content				{width: 805px; height: auto; display: inline; float: left; margin-left: 15px;}
		#header				{width: 805px; height: 160px; position: relative; background: #CCC;}
			#subnav			{height: 31px; position: absolute; right: 256px; bottom: 0px;}
			#subsearch		{width: 256px; height: 160px; position: absolute; right: 0px; top: 0px; background: #FFF;}
			#search			{width: 256px; height: 21px; padding: 7px 0px;position: absolute; right: 0px; top: 0px; background: #b72532;}
		#elements			{width: 805px; height: auto; padding-bottom: 20px;}
			#tekst			{width: 517px; height: inherit; padding: 0px 16px; float: left; display: inline;}
				#title		{border-bottom: 1px dotted #747575;}
				#accordion	{width: 517px; padding: 5px 0px;}
					.lidlink{width: 159px; height: 152px; padding: 10px 0px; margin: 3px 8px; border-bottom: 1px solid #d4d4d4;}
					.lidinfo{width: 145px; height: 37px; background: #ebf2ed; padding: 7px; font-size: 10px;}
						.lidinfo h6{color: #3d3f3d;}
						.lidinfo a {color: #3d3f3d;}
					.fotolid{width: 159px; height: 101px; cursor: pointer; color: #3d3f3d;}
					
			#sidebar		{width: 256px; height: inherit; padding: 0px; display: inline; float: left;}
				#ledenselect{height:48px; width: 226px; padding: 5px; margin: 42px 10px 10px 10px; text-indent: 2px; background: #528653; color: #FFF;}
				#ledenselect select{width: 224px; margin: 10px 0px 0px 0px; height: 18px; padding: 0px;}
				#selecttxt	{width: 226px; padding: 10px 15px; overflow: hidden;}
				#lidtxt		{color: #3c3c36; width: 226px; padding: 0px 15px 10px 15px; overflow: hidden;}
				#lidmain	{padding: 10px;}
				.details h4	{font-weight: normal;}
				.details	{padding: 10px 0px; border-bottom: 1px dotted #d4d4d4;}
				#ledenslider{width: 226px; padding: 10px 10px; position: relative;}
					#slider1{width: 159px; margin: 10px 33px; height: 101px;}
					#slider2{width: 159px; margin: 10px 33px; height: 101px;}
					#slider3{width: 159px; margin: 10px 33px; height: 101px;}
						#n1	{position: absolute; cursor: pointer; right: 10px; top: 55px; background:url(../images/arrow2.gif) no-repeat left top; width: 11px; height: 11px; z-index: 200;}
						#n2	{position: absolute; cursor: pointer; right: 10px; top: 175px; background:url(../images/arrow2.gif) no-repeat left top; width: 11px; height: 11px; z-index: 200;}
						#n3	{position: absolute; cursor: pointer; right: 10px; top: 300px; background:url(../images/arrow2.gif) no-repeat left top; width: 11px; height: 11px; z-index: 200;}
						.line{border-bottom: 1px dotted #d4d4d4; height:1px; width: 226px;}
				 
				#news		{padding: 0px 10px;}
				#login	td	{vertical-align: middle; text-align: left;}
				
				
		#slider1 {-moz-opacity:.30; filter:alpha(opacity=30); opacity:.30; cursor: pointer;}
			#slider1:hover {-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
		#slider2 {-moz-opacity:.30; filter:alpha(opacity=30); opacity:.30; cursor: pointer;}
			#slider2:hover {-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
		#slider3 {-moz-opacity:.30; filter:alpha(opacity=30); opacity:.30; cursor: pointer;}
			#slider3:hover {-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

/**********************************************
COLLUMS
**********************************************/
	
.collums	{width: 184px; height: 350px; overflow: hidden; background: #666; position: relative;}

/**********************************************
DOCUMENTEN
********************************************/
a.document{display: block; padding: 10px 20px;}
   .doc 	{background: url(../images/doc.png) no-repeat left center;}
   .xls		{background: url(../images/xls.png) no-repeat left center;}
   .pdf		{background: url(../images/pdf.png) no-repeat left center;}

	a.doclink{padding-top: 0px; display: block; text-decoration: none;border-bottom: 1px dotted #d4d4d4; height: 30px; margin-top:0px; margin-left: 0px;cursor: pointer; width: 497px; padding-left: 20px; background: url('../images/arrow2.gif') no-repeat left center; color: #639e55;}
		a.doclink:hover{text-decoration: underline;}
		span.doclink{float:left; font-weight: bold; display: block; margin-top: 8px; width: 399px; padding-bottom: 10px;}
			span.docdate{float: left; display: block; margin-top: 8px; width: 60px; padding-right: 30px;padding-bottom: 10px;}

/**********************************************
FORM ELEMENTS
**********************************************/
input, textarea, select{ font-size: 11px; line-height:13px; font-family:Tahoma; }
input, textarea, select{ padding:4px; }
textarea{ line-height:18px; }

/**********************************************
TBMODULE
**********************************************/
.tbmodule{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; }

/**********************************************
IMAGES VANUIT TOOLBOX
**********************************************/
.img_left_border{ float:left; margin-right:15px; margin-bottom:5px; width: auto;}
.img_left_noborder{ float:left; margin-right:15px; margin-bottom:5px;  width: auto;}
.img_right_border{ float:right; margin-left:15px; margin-right:4px;	margin-bottom:5px;  width: auto;}
.img_right_noborder{ float:right; margin-right:4px;	margin-left:15px; margin-bottom:5px;  width: auto;}
.img_noalign_noborder{ margin:0px; }
.img_noalign_border{ margin:0px; }
.cssbutton{ cursor:pointer; border:1px solid #FFF; background-color:#00457c; width: auto; color:#FFF; background-image:url('../images/arrow_rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px;	padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px;	font-size: 12px; float:left;}
.cssfield{ padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;}
.boekField{ border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;}