BODY,TABLE,TR,TD,DIV,SPAN,A,U,I,B,FORM,INPUT,TEXTAREA,OPTION,SELECT,LI {

	FONT-FAMILY: Arial, Verdana, Tahoma;
	FONT-SIZE: 12px;
  COLOR: #444444;
}

BODY
{
	BACKGROUND-COLOR: #adadad;
  BORDER-BOTTOM: none;
	BORDER-LEFT: none;
	BORDER-RIGHT: none;
	BORDER-TOP: none;
	MARGIN: 0em;
	LINE-HEIGHT : 2.00;
}

A:link
{
  TEXT-DECORATION: underlined;
}
A:visited
{
  TEXT-DECORATION: underlined;
}
A:active
{
   TEXT-DECORATION: underlined;
}
A:hover
{
  TEXT-DECORATION: underlined;
}
TD
{
	LINE-HEIGHT : 2.00;
}

H1
{
  FONT-SIZE: 22px;
  FONT-STYLE: bold;
}
H2
{
  FONT-SIZE: 18px;
  FONT-STYLE: bold;
}
H3
{
	MARGIN-BOTTOM: 3;
  FONT-SIZE: 16px;
  FONT-STYLE: bold;
}

IMG
{
	BORDER-COLOR: #666666;
}

.PAGE_TITLE
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 22px;
}

.menu
{
	COLOR: #ffffff;
  FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
A.menu
{
	COLOR: #ffffff;
}
A.menu:active
{
	COLOR: #ffffff;
}
A.menu:visited
{
	COLOR: #ffffff;
}
A.menu:hover
{
	COLOR: #ffffff;
}



.sitemap_block_header
{
	COLOR: #ffffff;
  FONT-SIZE: 17px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
A.sitemap_block_header
{
	COLOR: #ffffff;
}
A.sitemap_block_header:active
{
	COLOR: #ffffff;
}
A.sitemap_block_header:visited
{
	COLOR: #ffffff;
}
A.sitemap_block_header:hover
{
	COLOR: #ffffff;
}

.sitemap_block
{
	COLOR: #ffffff;
  FONT-SIZE: 12px;
	TEXT-DECORATION: none;
}
A.sitemap_block
{
	COLOR: #ffffff;
}
A.sitemap_block:active
{
	COLOR: #ffffff;
}
A.sitemap_block:visited
{
	COLOR: #ffffff;
}
A.sitemap_block:hover
{
	COLOR: #ffffff;
}




.footer
{
	COLOR: #FFFFFF;
  FONT-SIZE: 12px;
  TEXT-DECORATION: underlined;
}
.footer:link
{
	COLOR: #FFFFFF;
}
.footer:active
{
	COLOR: #FFFFFF;
}
.footer:visited
{
	COLOR: #FFFFFF;
}
.footer:hover
{
	COLOR: #FFFFFF;
}

A.footer
{
	COLOR: #FFFFFF;
}
A.footer:link
{
	COLOR: #FFFFFF;
}
A.footer:active
{
	COLOR: #FFFFFF;
}
A.footer:visited
{
	COLOR: #FFFFFF;
}
A.footer:hover
{
	COLOR: #FFFFFF;
}



.footer-email
{
	COLOR: #FFFFFF;
  FONT-SIZE: 11px;
  TEXT-DECORATION: underlined;
}
.footer-email:link
{
	COLOR: #FFFFFF;
}
.footer-email:active
{
	COLOR: #FFFFFF;
}
.footer-email:visited
{
	COLOR: #FFFFFF;
}
.footer-email:hover
{
	COLOR: #FFFFFF;
}

A.footer-email
{
	COLOR: #FFFFFF;
}
A.footer-email:link
{
	COLOR: #FFFFFF;
}
A.footer-email:active
{
	COLOR: #FFFFFF;
}
A.footer-email:visited
{
	COLOR: #FFFFFF;
}
A.footer-email:hover
{
	COLOR: #FFFFFF;
}


.head_title {
	FONT-WEIGHT: bold;
	COLOR: #96ae2a;
	FONT-SIZE: 15px;	
	LINE-HEIGHT: 1.50;
}
.sub_title {
	FONT-WEIGHT: bold;
	COLOR: #96ae2a;
	FONT-SIZE: 13px;	
	LINE-HEIGHT: 1.50;
}

.normal
{
	LINE-HEIGHT: 1.90;
}

.reminder {
	COLOR: #AAAAAA;
}

.HEADER_MAIN
{
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	FONT-SIZE: 25px;	
}

.HEADER_MAIN_SUB
{
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;	
}

.header
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;	
	LINE-HEIGHT: 1.50;
}.header1
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;	
	LINE-HEIGHT: 1.50;
}
.header2
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;	
	LINE-HEIGHT: 1.50;
}
.header3
 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;	
	LINE-HEIGHT: 1.50;
}
.block_header {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
}

.alert {
	COLOR: #ff4b34;
	FONT-WEIGHT: bold;
}
.status {
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
}

.article_name
{
    FONT-SIZE: 18px;
    FONT-STYLE: bold;
}
.CONTENT_BLOCK {
	BORDER: #d6d6d6; 
	BORDER-STYLE: solid; 
	BORDER-TOP-WIDTH: 1px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	BORDER-RIGHT-WIDTH: 1px; 
	BORDER-LEFT-WIDTH: 1px;
}


.BOXLOOK_HEADER {
	BACKGROUND-COLOR: #3f88ae;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	BORDER: #3f88ae;
	BORDER-STYLE: solid;
	BORDER-TOP-WIDTH: 1px;
	BORDER-BOTTOM-WIDTH: 1px;
 	BORDER-RIGHT-WIDTH: 1px;
 	BORDER-LEFT-WIDTH: 1px;
	CURSOR: pointer;
	CURSOR: hand;
}


/* Orderlist styling */
td.orderlist_active
{
	margin: 0px;
	border-left: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	background: #ffffff;
	text-align: center;
}

td.orderlist_not_active
{
	margin: 0px;
	border-bottom: 1px solid #aaaaaa;
	background: #ebebeb;
	text-align: center;
}

td.orderlist_not_active_blank
{
	margin: 0px;
	border-bottom: 1px solid #aaaaaa;
	background: #ffffff;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0px;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

div.ui-widget-overlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.5;
	background-color: #000;
}

div.layoutDialog
{
	position: absolute;
	border: 1px solid #39799A;
	background-color: #fff;
	border-radius: 4px;
	padding: 4px;
}

	div.layoutDialog div.ui-dialog-titlebar
	{
		background-color: #39799A;
		border-radius: 4px;
		padding: 0px 10px;
		line-height: 28px;
	}
	
		div.layoutDialog div.ui-dialog-titlebar span
		{
			font-weight: bold;
			color: #fff;
		}
		
	div.layoutDialog div.ui-dialog-content
	{
		padding: 0px 5px 1px;
		height: 10px;
	}

	div.layoutDialog div.ui-dialog-buttonpane
	{
		text-align: center;
	}
	
		div.layoutDialog div.ui-dialog-buttonpane button.buttonOk
		{
			width: 90px;
		}
	
		div.layoutDialog div.ui-dialog-buttonpane button.buttonApply
		{
			float: left;
		}
		
		div.layoutDialog div.ui-dialog-buttonpane button.buttonCancel
		{
			float: right;
		}
		
	div.layoutDialog dl.form
	{
		margin: 10px 0px;
		padding: 0px;
	}
	
		div.layoutDialog dl.form dt,
		div.layoutDialog dl.form dd
		{
			line-height: 26px;
			height: 26px;
		}
	
		div.layoutDialog dl.form dt
		{
			float: left;
			clear: left;
			width: 100px;
		}
		
		div.layoutDialog dl.form dd
		{
			margin: 0px;
			padding-left: 20px;
			text-align: left;
		}
		
			div.layoutDialog dl.form dd input.text,
			div.layoutDialog dl.form dd select
			{
				border: 1px solid #ABADB3;
				padding: 0px 2px;
				height: 23px;
				line-height: 23px;
				width: 225px;
			}

			div.layoutDialog dl.form dd input.checkbox
			{
				margin-top: 6px;
				margin-left: -20px;
				position: absolute;
			}
			
			div.layoutDialog dl.form dd input.disabled,
			div.layoutDialog dl.form dd select.disabled
			{
				color: #6D6D6D;
				background-color: #F1F1F1;
			}

div.layoutSettings
{
	background-color: #39799A;
	width: 597px;
	padding: 3px 0px 3px 17px;
	margin-bottom: 20px;
	line-height: 28px;
	border-radius: 4px;
}

	div.layoutSettings div.field
	{
		float: left;
		margin-right: 15px;
	}

	div.layoutSettings div.field label
	{
		margin-right: 10px;
		color: #fff;
		font-weight: bold;
	}

div.layoutGrid
{
	width: 614px;
}

	div.layoutGridWireframe
	{
		background-color: #F8F8F8;
	}
	
	div.layoutGridModules
	{
		background-color: #F1F1F1;
	}
	
		div.layoutGridModules div.module a
		{
			display: none !important;
		}

	div.layoutGridCanvas
	{
		margin-bottom: 20px;
		border: 1px solid #39799A;
		padding: 2px;
		border-radius: 4px;
	}
	
		div.layoutGridCanvas div.module,
		div.layoutGridCanvas div.modulePlaceholder
		{
			float: left;
			line-height: 26px;
			margin-bottom: 2px;
		}
		
		div.layoutGridCanvas div.module
		{
			width: 130px;
			line-height: 26px;
			background-color: #39799A;
			color: #fff;
			font-weight: bold;
			overflow: hidden;
			white-space: nowrap;
			border-radius: 2px;
		}
		
			div.layoutGridCanvas div.module span
			{
				display: block;
				color: #fff;
				text-align: left;
				padding-left: 8px;
			}
		
			div.layoutGridCanvas div.module a
			{
				cursor: pointer;
				display: block;
				float: right;
				padding: 0px;
				margin: 3px 2px 0px 0px;
				background-color: #689ab4;
				border: 1px solid #689ab4;
				line-height: 18px;
				width: 18px;
				font-size: 11px;
				color: #fff;
				border-radius: 2px;
				background-repeat: no-repeat;
				background-position: center;
			}
				
				div.layoutGridCanvas div.module a:hover
				{
					border: 1px solid #C1D5E0;
				}
			
				div.layoutGridCanvas div.module a.edit
				{
					background-image: url(/beheer/images/icons/edit.png);
				}
				
				div.layoutGridCanvas div.module a.remove
				{
					background-image: url(/beheer/images/icons/remove.png);
				}

		div.layoutGridCanvas div.modulePlaceholder
		{
			height: 22px;
			line-height: 22px;
			width: 126px;
			border: 2px dotted #39799A;
		}
		
		div.layoutGridCanvas div.static
		{
			background-color: #F8F8F8;
			text-align: center;
			font-size: 28px;
			color: #E3E3E3;
		}
		
		div.layoutGridCanvas div.pane
		{
			background-color: #F1F1F1;
		}
			
		div.layoutGridCanvas div.paneAccept
		{
			background-color: #f0f7cf;
		}
			
		div.layoutGridCanvas div.pageHeader
		{
			height: 80px;
			line-height: 80px;
			border-bottom: 2px solid #fff;
		}
		
		div.layoutGridCanvas div.pageContent
		{
			height: 300px;
			line-height: 300px;
		}
		
		div.layoutGridCanvas div.paneStubUnused
		{
			padding: 2px 0px 0px 2px;
			min-height: 28px;
		}
		
			div.layoutGridCanvas div.paneStubUnused div.module,
			div.layoutGridCanvas div.paneStubUnused div.modulePlaceholder
			{
				margin-right: 2px;
			}
		
			div.layoutGridCanvas div.paneStubUnused div.module
			{
				width: 119px;
			}
			
				div.layoutGridCanvas div.paneStubUnused div.module span
				{
					padding: 0px;
					text-align: center; 
				}
		
			div.layoutGridCanvas div.paneStubUnused div.modulePlaceholder
			{
				width: 115px;
			}
		
		div.layoutGridCanvas div.paneBar
		{
			padding: 2px;
			border-bottom: 2px solid #fff;
		}

			div.layoutGridCanvas div.paneBar div.left,
			div.layoutGridCanvas div.paneBar div.right
			{
				min-width: 130px;
				height: 26px;
			}
		
			div.layoutGridCanvas div.paneBar div.left
			{
				float: left;
			}
			
				div.layoutGridCanvas div.paneBar div.left div.module,
				div.layoutGridCanvas div.paneBar div.left div.modulePlaceholder
				{
					margin-right: 2px;
				}
			
			div.layoutGridCanvas div.paneBar div.right
			{
				float: right;
			}
			
				div.layoutGridCanvas div.paneBar div.right div.module,
				div.layoutGridCanvas div.paneBar div.right div.modulePlaceholder
				{
					margin-left: 2px;
				}
		
		div.layoutGridCanvas div.paneColumn
		{
			width: 130px;
			height: 296px;
			padding: 2px;
		}
		
		div.layoutGridCanvas div.paneColumn div.module,
		div.layoutGridCanvas div.paneColumn div.modulePlaceholder
		{
			width: auto;
			float: none;
		}
		
		div.layoutGridCanvas div.paneColumnLeft
		{
			float: left;
			border-right: 2px solid #fff;
		}
		
		div.layoutGridCanvas div.paneColumnRight
		{
			float: right;
			border-left: 2px solid #fff;
		}

fieldset
{
	border: 0px;
	padding: 0px;
	display: block;
	padding-top: 24px;
}

	fieldset legend
	{
		float: left;
		position: absolute;
		font-weight: bold;
		color: #444;
		text-align: center;
		width: 130px;
		margin-left: 5px;
		margin-top: -24px;
		line-height: 24px;
		border-top: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-left: 1px solid #aaa;
		background-color: #fff;
	}
	
	fieldset div
	{
		border-top: 1px solid #aaa;
		padding: 15px 0px;
		width: 100%;
	}
		
		fieldset div div
		{
			border-top: 0px;
			padding: 0px;
			width: auto;
		}
		
		fieldset div table
		{
			margin-top: 0px;
		}

table.data
{
	width: 100%;	
}

	table.data th,
	table.data td
	{
		line-height: 25px;
		padding: 0px 3px;
	}

	table.data th
	{
		text-align: left;
		font-weight: bold;
	}

	table.data td
	{
		background-color: #ebebeb;
	}
	
div.imagesContainer
{
	clear: both;
}
	
	div.images div.image
	{
		width: 179px;
		height: 155px;
		float: left;
		margin: 5px;
		background-color: #ebebeb;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
	}

		div.images div.image div
		{
			width: 100px;
			height: 100px;
			margin: 0px auto;
		}
		
form dl dt
{ 
	float: left;
	text-align: left;
	padding-right: 10px;
}
