/*----- ONKRUID style sheet @ www.wolvesteeg.nl-----*/

body				{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; color: #000000;
					background-color: #BBBBBB; 
					margin: 0px; padding: 0px; text-align: center;
					}

/*----- Global -----*/
img							{border:0px; margin: 2px;}
a							{text-decoration: none; color: #5785A4;}
a:link, a:visited 			{color: #5785A4;}
a:hover						{text-decoration: underline; color: #6896b5;}
input,textarea				{margin: 0px; margin: 0px; /*border: solid #000000 1px;*/
							font-family: Verdana Arial, Helvetica, sans-serif; font-size: 12px;
							}
/*
tr, td, h1, h2, h3, h4
					{font-family: Verdana Arial, Helvetica, sans-serif; font-size: 0.75em; color: #000000;}
*/


/*----- Layout -----*/
#container					{width: 800px; margin: 0px auto; padding: 0px;
							background-color: #ffffff; border: solid 0px #000000;
							text-align:left; 
							}
		
#header						{margin: 40px 0px -40px 0px; padding: 0px;}

#navigation					{position: relative; top: -200px; margin: 0px; padding: 0px; height: 40px; width: 800px;}

#navtrail					{margin: 0px; padding: 0px;}

#main						{width:640px; float:left; margin:0px; padding:0px;}		

#quickmenu					{float:right; width:160px; margin:0px; padding:0px;}

#footer						{clear:both; width:760px; margin:0px; padding:0px;}


/*----- Presentation -----*/
#header_content				{margin:0px; padding:0px; height:200px;
							background:#000000 url(gfx/images/onkruid_header.jpg) no-repeat left top;
							border-top:solid 1px #000000; border-bottom:solid 1px #000000;
							}

#navigation_content			{height:36px; background-color:#990000; padding:4px 0px 0px 0px;
							color:#FFFF66; text-align:center; font-size:24px; font-weight:bold;
							}
#navigation_content ul		{list-style:none; margin:0px; padding:0px;}
#navigation_content li		{margin:8px; padding:0px; display:inline;}
#navigation a				{text-decoration: none;color: #FFFF66;}
#navigation a:hover			{color: #FFFFFF;}

#navtrail_content			{margin: 0px 0px 5px 10px; padding: 2px 0px 2px 0px;}
#navtrail a 				{text-decoration: none;	color: #888888;}
#navtrail a:hover 			{color: #000000;}

#main_content				{margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}


#quickmenu_content			{margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px;
							color: #888888;
							}
#quickmenu_content h1		{font-weight: bold; color: #888800; letter-spacing: 0.25em; font-size: 1em; 
							margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px;
							border-bottom: solid 4px #888888;
							}
#quickmenu_content h1 a		{color:#888800; display: block;}
#quickmenu_content h2		{color:#990000; font-size:1.0em;}
#qm_myprofile, #qm_News, #qm_Prikbord, #qm_Gastenboek, #qm_Style, #qm_Info, #qm_Agenda, #qm_Poll
							{margin:0px 0px 2px 0px; font-size:0.8em;}
#qm_myprofile ul, #qm_News ul, #qm_Prikbord ul, #qm_Gastenboek ul, #qm_Style ul, #qm_Info ul, #qm_Agenda ul, #qm_Poll ul
							{margin:0px 0px 0px 2px; padding:0px; list-style-type:none;}
#qm_myprofile li, #qm_News li, #qm_Prikbord li, #qm_Gastenboek li , #qm_Style li, #qm_Info li, #qm_Agenda li, #qm_Poll li
							{line-height:1.2em; margin:0px 0px 2px 0px; display:block;}
#qm_myprofile a, #qm_News a, #qm_Prikbord a, #qm_Gastenboek a, #qm_Style a, #qm_Info a, #qm_Agenda a, #qm_Poll a
							{text-decoration:none;}
#qm_myprofile a:hover, #qm_News a:hover, #qm_Prikbord a:hover, #qm_Gastenboek a:hover, #qm_Style a:hover, #qm_Info a:hover, #qm_Agenda a:hover, #qm_Poll a:hover
							{color:#990000;}
#qm_Poll_title				{font-weight:bold;}
#qm_Poll_description 		{padding:0px 0px 8px 0px;}


#calendar					{}
#calendar table				{border:0px; margin:0px; padding:0px;}
.calendar_prevmonth			{text-align:left;}
.calendar_curmonth			{text-align:center;}
.calendar_nextmonth			{text-align:right;}
.calendar_wdays				{text-align:right;}
.calendar_mday				{text-align:center; border:dotted 1px #FFFFFF; margin:0px; padding:1px;}
.calendar_today				{text-align:center; border:dotted 1px #888888; margin:0px; padding:1px;}
.calendar_mday_event		{text-decoration:underline;}

#footer_content				{color:#CCCCCC; text-align:center; margin:0px 0px 0px 20px; padding:0px 0px 2px 0px;}

#photo img					{background-color:#FFFFFF; padding:2px;}


/* presets */
#info_header, #nieuws_header, #plaza_header, #bands_header, #agenda_header, #members_header, #artikel_header, #resources_header, #afbeeldingen_header, #poll_header
							{padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;
							text-align: left; color: #660000; font-weight: bold; font-size: 1.5em; letter-spacing: 0.2em;
							border-bottom: dotted 2px #000000; clear: both;
							}
#info_header a, #nieuws_header a, #plaza_header a, #bands_header a, #agenda_header a, #members_header a, #artikel_header a, #resources_header a, #afbeeldingen_header a, #poll_header a
							{}	
#info_footer, #nieuws_footer, #plaza_footer, #bands_footer, #agenda_footer, #members_footer, #artikel_footer, #resources_footer, #afbeeldingen_footer,  #poll_footer
							{clear:both; margin:10px 0px 0px 0px; padding:0px; 
							text-align:left; color: #660000; font-weight: bold; letter-spacing: 0.2em;
							border-top:dotted 2px #000000; 
							}
#info_footer a, #nieuws_footer a, #plaza_footer a, #bands_footer a, #agenda_footer a, #members_footer a, #artikel_footer a, #resources_footer a, #afbeeldingen_footer a,  #poll_footer a
							{text-decoration: none; color:#660000; 
							}	

#bands .input, #artikel .input, #nieuws .input, #agenda .input, #prikbord .input, #members .input, #gastenboek .input, #afbeeldingen .input, #poll .input
							{}
#bands .input FIELDSET, artikel .input FIELDSET, #nieuws .input FIELDSET, #agenda .input FIELDSET, #prikbord .input FIELDSET, #members .input FIELDSET, #gastenboek .input FIELDSET, #afbeeldingen .input FIELDSET, #poll .input FIELDSET
							{margin: 5px 2px 5px 2px; padding: 5px;}
#bands .input input, #artikel .input input, #nieuws .input input, #agenda .input input, #prikbord .input input, #members .input input, #gastenboek .input input, #afbeeldingen .input input, #poll .input input
							{width: 95%; margin: 2px 0px 5px 0px; padding:0px;}
#bands .input textarea, #artikel .input textarea, #nieuws .input textarea, #agenda .input textarea, #prikbord .input textarea, #members .input textarea, #gastenboek .input textarea, #afbeeldingen .input textarea, #poll .input textarea
							{width: 95%; margin:2px 0px 5px 0px; padding:0px;}
#bands .input 				{border:0px;}


/* Emoticons Bar */
#emoticons					{}
#emoticons	fieldset		{margin:0px 2px 0px 2px; padding:0px;}
#emoticons li, #emoticons ul{margin:0px 4px 0px 0px; padding:0px; list-style-type:none; display:inline;}
#emoticons img				{border:0px;}

/* UBBcodes Bar */
#ubb						{}
#ubb ul, #ubb li			{margin:0px; padding:0px; list-style-type:none; display:inline;}
#ubb .tip					{width: 95%; display: block; margin: 2px 0px 0px 0px; border: 0px; color: #888888; background: #FFFFFF;}
#ubb input					{width:auto; margin:0px; border:solid 1px #888888; background:#CCCCCC;}

/*----- Details per group and category -----*/

/* Poll */
#poll_header				{}


/* Info */
#info_header				{}


/* Bands */
#bands_header				{}
#bands						{}
#bands_error				{color:#FF0000; background-color:#FFFF00;
							border: solid 1px #000000; margin: 5px 2px 5px 2px; font-weight:bold;
							}
#bands_error ul, #bands_error li 
							{margin: 0px 0px 0px 10px; padding-top: 0px; 
							list-style-type: disc; line-height: 1.2em;display: block; 
							}
#bands .input				{}
							

/* Artikel (editor) */
#artikel_header				{}
#artikel					{}
#artikel_error				{color:#FF0000; background-color:#FFFF00;
							border: solid 1px #000000; margin: 5px 2px 5px 2px; font-weight:bold;
							}
#artikel_error ul, #artikel_error li 
							{margin: 0px 0px 0px 10px; padding-top: 0px; 
							list-style-type: disc; line-height: 1.2em;display: block; 
							}
#artikel .input				{}


/* resources */
#resources_header			{}
#resources_header a			{}		
#resources					{}
#resources_error			{color:#FF0000; background-color:#FFFF00;
							border: solid 1px #000000; margin: 5px 2px 5px 2px; font-weight:bold;
							}
#resources_error ul, #resources_error li 
							{margin: 0px 0px 0px 10px; padding-top: 0px; 
							list-style-type: disc; line-height: 1.2em;display: block; 
							}
#resources .input			{}
#resources .input FIELDSET	{margin: 5px 2px 5px 2px; padding: 5px;}
#resources .input input, #resources .input textarea
							{width: 95%; margin: 2px 0px 5px 0px;}
							

/* Nieuws */
#nieuws_header				{}
#nieuws						{}
#nieuws_error				{color:#FF0000; background-color:#FFFF00;
							border: solid 1px #000000; margin: 5px 2px 5px 2px; font-weight:bold;
							}
#nieuws_error ul, #nieuws_error li 
							{margin: 0px 0px 0px 10px; padding-top: 0px; 
							list-style-type: disc; line-height: 1.2em;display: block; 
							}
#nieuws .input				{}


/* Agenda */
#agenda_header				{}
#agenda						{}
#agenda_error				{color:#FF0000; background-color:#FFFF00;
							border: solid 1px #000000; margin: 5px 2px 5px 2px; font-weight:bold;
							}
#agenda_error ul, #agenda_error li 
							{margin: 0px 0px 0px 10px; padding-top: 0px; 
							list-style-type: disc; line-height: 1.2em;display: block; 
							}
#agenda .input				{}


/* Plaza (algemeen) */
#plaza_header				{}
#plaza						{}


/* Prikbord */
#prikbord_header			{}
#prikbord					{}
#prikbord_error				{color:#FF0000; background-color:#FFFF00;
							border: solid 1px #000000; margin: 5px 2px 5px 2px; font-weight:bold;
							}
#prikbord_error ul, #prikbord_error li 
							{margin: 0px 0px 0px 10px; padding-top: 0px; 
							list-style-type: disc; line-height: 1.2em;display: block; 
							}
#prikbord .input			{}


/* Members */
#members					{min-height:400px;}
#members_header				{}
#members_error				{color:#FF0000; background-color:#FFFF00;
							border: solid 1px #000000; margin: 5px 2px 5px 2px; font-weight:bold;
							}
#members_error ul, #members_error li 
							{margin: 0px 0px 0px 10px; padding-top: 0px; 
							list-style-type: disc; line-height: 1.2em;display: block; 
							}
#members .input				{}


/* Gastenboek */
#gastenboek_header			{}
#gastenboek_header a		{}		

#gastenboek					{}
#gastenboek .input			{}


							
/* Afbeeldingen, fotoalbum */
#afbeeldingen_header			{}
#afbeeldingen_header a			{}		
#afbeeldingen					{}
#afbeeldingen .input			{}

#gallery_container				{width:630px; height:540px; margin:0px; padding:0px; border:0px solid #660000;}
#gallery_viewport_container		{float:left;  width:480px; height:540px; margin:0px; padding:0px; border:0px solid #000000;}
#gallery_previewport_container	{float:right; width:148px; height:540px; margin:0px; padding:0px; border:0px solid #000000;}

#gallery_viewport				{height:540px; border:0px solid #000000;text-align:center;}
#gallery_viewport_name			{height:16px; background-color:#EEEEEE;}
#gallery_viewport_image			{height:400px; padding: 8px 0px 8px 0px; border:0px solid #000000; background: url(gfx/images/steel_sheetmetal.jpg) no-repeat;}
#gallery_viewport_image img 	{max-height:396px; max-width:464px;
								height: expression(this.height >= this.width && this.height > 396 ? '396px' : true);
								width: expression(this.height < this.width && this.width > 464 ? '464px' : true);}
#gallery_viewport_navigator		{height:16px; background-color:#FFFFFF; text-align:center;}
#gallery_viewport_navigator_previmage span {}
#gallery_viewport_navigator_previmage {display:inline; }
#gallery_viewport_navigator_nextimage span {}
#gallery_viewport_navigator_nextimage {display:inline; }
#gallery_viewport_navigator_slideshow span {}
#gallery_viewport_navigator_slideshow {display:inline; }
#gallery_viewport_description	{overflow:auto; height:92px; background-color:#EEEEEE; text-align:justify;}

#gallery_previewport_listview		{overflow:auto; background-color:#FFFFFF; width:100%; height:540px; float:right; border:0px solid #000000;}
#gallery_previewport_listview ul	{margin:0px; padding:0px; border:0px solid #000000; list-style-type:none; display:block; text-align:center;}
#gallery_previewport_listview li 	{height:80px; border:0px solid #000000; text-align:center; vertical-align:middle;}
#gallery_previewport_listview img 	{max-height:64px; max-width:64px;
									height: expression(this.height >= this.width && this.height > 64 ? '64px' : true);
									width: expression(this.height < this.width && this.width > 64 ? '64px' : true);
									}
#gallery_edit_addimage				{text-align:center;}
#gallery_edit_selectall				{clear:both; text-align:right;}
#gallery_edit_imagesthumb			{border:1px dotted #FFFFFF; background-color:#eeeeee; margin:0px 0px 8px 0px; padding:0px;}
#gallery_edit_imagesthumb img		{float:left; border:0px solid #000; border:0px solid #888888;
									max-height:64px; max-width:64px;
									height: expression(this.height >= this.width && this.height > 64 ? '64px' : true);
									width: expression(this.height < this.width && this.width > 64 ? '64px' : true);}


/* Article presentation */
.article_index						{font-size: 0.75em; text-align: right;}
.article_0, .article_1, .article_2	{clear: both; width:100%;}
.article							{margin: 0px 0px 20px 0px ; padding: 0px; background: #F8F8F8;}
.article_preview,  .article_full	{}
.article_title						{margin: 0px 0px 5px 0px; padding-bottom: 1px; background:#EEEEEE;
									letter-spacing: 1px; font-weight: bold; font-variant:small-caps;
									}
.article_properties					{margin: -5px 0px 10px 0px;	font-size: 0.75em; color:#999999;}
.article_properties UL				{list-style: none; margin: 0px; padding:0px;}
.article_properties LI				{display: inline; margin: 0px 1em 0px 0px;}
.article_opening					{margin:0px 0px 5px 0px; text-align:justify;}
.article_opening img				{max-height:128px; max-width:128px;
									height: expression(this.height >= this.width && this.height > 128 ? '128px' : true);
									width: expression(this.height < this.width && this.width > 128 ? '128px' : true);
									float:left;
									}
.article_preview .article_opening	{font-weight:normal;}
.article_full .article_opening		{font-weight:bold;}
.article_main						{clear:both; margin:0px 0px 5px 0px; text-align:justify;}
.article_main img					{max-height:624px; max-width:624px;
									height: expression(this.height >= this.width && this.height > 624 ? '624px' : true);
									width: expression(this.height < this.width && this.width > 524 ? '624px' : true);
									}
.article_footer						{margin:20px 0px 5px 0px; text-align:justify; clear:both; font-style:italic;}
.article_footer img					{max-height:128px; max-width:128px;
									height: expression(this.height >= this.width && this.height > 128 ? '128px' : true);
									width: expression(this.height < this.width && this.width > 128 ? '128px' : true);
									}
.article_LeesVerder 				{clear: both; display: block; text-align: right; margin: 0px 0px 0px 0px;}
.article_list						{margin: 20px 0px 5px 0px; padding: 5px 0px 5px 0px; text-align: left;
									border-top: dashed 1px #888888;
									clear: both;
									}
.article_list_line					{display: block;}
.article_archive_list				{margin: 5px 0px 5px 2px; padding: 5px 0px 5px 0px; text-align: left; background: #F8F8F8;}
.article_archive_list_line			{display: block;}


/* Comment presentation */
#comments_container				{border-top:1px dotted #000000; border-bottom:1px dotted #000000; margin: 8px 0px 8px 0px;}
#comments_header				{margin:0px 0px 10px 0px; pading:0px;}
#comment_index					{font-size: 0.75em; text-align: right;}
.comment						{clear:both; margin:0px 0px 20px 0px; padding:0px; background:#F8F8F8;}
.comment img					{margin: 1px;
								max-height:128px; max-width:128px;
								height: expression(this.height >= this.width && this.height > 128 ? '128px' : true);
								width: expression(this.height < this.width && this.width > 128 ? '128px' : true);
								}
.comment_properties				{margin: 0px 0px 0px 0px; font-size: 0.75em; color:#999999; background-color:#EEEEEE;}
.comment_properties UL			{list-style: none; margin: 0px; padding:0px;}
.comment_properties LI			{display: inline; margin: 0px 1em 0px 0px;}
.comment_main					{margin: 0px 0px 5px 0px; overflow: auto; text-align:justify;}
.comment_footer					{clear:both;margin: 0px 0px 0px 0px;}