/*
 * Reset
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

blockquote:before,
blockquote:after,
q:before, q:after 		{ content: ""; }
blockquote, q 			{ quotes: "" ""; }
a img					{ border: none; }


/*
 * Basic
 */
body				{ background-color: #f8f1d1; cursor:default; line-height: 1.5; }

h1,h2,h3,h4,h5,h6	{ font-weight: normal; color: #000; font-family: "Arial Narrow", "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 					{ font-size: 1.9em; line-height: 1; margin-bottom: 0.5em; }
h2 					{ font-size: 1.5em; margin-bottom: 0.5em; }
h3 					{ font-size: 1.25em; line-height: 1; margin-bottom: 0.5em; }
h4 					{ font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 					{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 					{ font-size: 1em; font-weight: bold; }
h1 img, h2 img,
h3 img,  h4 img,
h5 img, h6 img 		{ margin: 0; }

p           		{ margin: 0 0 1.5em; }
p img       		{ float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right 		{ float: right; margin: 1.5em 0 1.5em 1.5em; }
br					{ clear: both; }
.clear				{ clear: both; }

a:focus, 
a:hover     		{ color: #666; }
a           		{ color: #000; text-decoration: underline; }

blockquote  		{ margin: 1.5em; color: #666; font-style: italic; }
strong      		{ font-weight: bold; }
em,dfn      		{ font-style: italic; }
dfn         		{ font-weight: bold; }
sup, sub    		{ line-height: 0; }

abbr, 
acronym     		{ border-bottom: 1px dotted #666; }
address     		{ margin: 0 0 1.5em; font-style: italic; }
del         		{ color:#666; }

pre,code    		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt 		{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

strike, del 		{ color:#888; }

li ul, 
li ol       		{ margin:0 1.5em; }
ul, ol      		{ margin: 0 1.5em 1.5em 1.5em; }
ul          		{ list-style-type: disc; }
ol          		{ list-style-type: decimal; }
dl          		{ margin: 0 0 1.5em 0; }
dl dt       		{ font-weight: bold; }
dd          		{ margin-left: 1.5em;}

/*
 * Forms
 */
form fieldset {
    border:none;
    border-top:1px solid #333;
    padding:10px;
}
form fieldset.radio {
    border:none;
    width:200px;
    padding:0;
}
form fieldset legend {
    font-family:"Arial Narrow", tahoma,arial,verdana,sans-serif;
    font-size:150%;
    font-weight:normal;
    margin:10px 0;
    padding:0 3px 0 9px;
    color:#666;
}
form fieldset.radio legend {
    display:block;
    float:left;
    width:129px;
    margin:0 0 3px 0;
    padding:3px 0;
    font-size:100%;
    font:11px/1.6em "Arial Narrow", verdana, sans-serif;
    text-align:right;
}
form fieldset.radio > legend {
    width:130px;
    margin:0 0 3px 0;
    padding:3px 5px;
}
form fieldset.radio legend.required {
    font-weight:bold;    
}
form fieldset label {
    display:block;
    float:left;
    width:130px;
    padding:3px 5px;
    margin:0 0 3px 0;
    text-align:right;
}
form fieldset label.required {
    font-weight:bold;    
}
form fieldset label.checkbox {
    float:none;
    display:block;
    width:200px;
    padding:0;
    margin:0 0 3px 142px;
    text-align:left;
    width:200px;
}
form fieldset.radio label {
    position:relative;
    top:-1.9em;
    float:none;
    display:block;
    width:200px;
    padding:0;
    margin:0 0 3px 142px;
    text-align:left;
    width:200px;
}
form fieldset.radio > label {
    top:0.3em;
}
input, select, textarea {
    padding:1px 3px;
    margin:2px 0;
    font-family:"Arial Narrow", tahoma,arial,verdana,sans-serif;
    font-size:100%;
    background:#f0f0f0;
    border:1px solid #333;
    color:#000;
}
optgroup option {
    font-family:"Arial Narrow", tahoma,arial,verdana,sans-serif;
    font-size:80%;
}
textarea {
    overflow:auto;    
}
form fieldset input, form fieldset select, form fieldset textarea {
    width:200px;
}
input.button {
    border:1px outset #333;
    width:auto;
    padding:2px 8px;
    font-size:100%;
    background:#BAC7BD;
    color:#222;
}
input.checkbox {
    border:none;
    width:auto;    
}
form fieldset input.button {
    margin:0 0 0 142px;
}
form fieldset label.checkbox input, form fieldset.radio label input {
    display:inline;
    height:14px;
    width:14px;
    margin:0 5px 0 0;
    border:none;
    background:transparent;
}
form fieldset.radio label > input {
    position:relative;
    top:0.4em;
}
form fieldset small {
    display:block;
    margin:0 0 0 142px;
    padding:1px 3px;
    font-size:88%;
    width:200px;
    line-height:1.3em;
}
form fieldset dl {
    margin:0;
    padding:0;    
}
form fieldset dl dt {
    width:130px;
    float:left;
    text-align:right;
    margin:0;
    padding:3px;
    clear:both;    
}
form fieldset dl dd {
    padding:3px;
}

/*
 * Tables
 */
table.fullLined, table.horizontalLined, table.verticalLined {
    clear:both;
    border-collapse:collapse;
	width: 100%;
}
table.fullLined th, table.horizontalLined th, table.verticalLined th {
    font:bold 11px "Arial Narrow", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;
    padding:3px;
    text-align:left;
    background:#000 url(../system/img/th.php?start=CDD8D2&end=BAC7BD) repeat-x;
    white-space:nowrap;   
}
table.fullLined tr td, table.horizontalLined tr td, table.verticalLined tr td {
    padding:3px;
    background:#EAE3D9;
    vertical-align:top;   
}
table tr.alt td {
    background:#D6D4C5;
}
table td.alignLeft {
    text-align:left;   
}
table td.alignCenter {
    text-align:center;
}
table td.alignRight {
    text-align:right;
}
table td.valignTop {
    vertical-align:top;
}
table td.valignMiddle {
    vertical-align:middle;
}
table td.valignBottom {
    vertical-align:bottom;
}
table td.nowrap {
    white-space:nowrap;
}
table.fullLined {
    border-top:1px solid #333;
    border-left:1px solid #333;
}
table.fullLined td, table.fullLined th {
    border-right:1px solid #333;
    border-bottom:1px solid #333;
}
table.horizontalLined {
    border-top:1px solid #333;
    border-right:1px solid #333;
    border-left:1px solid #333;
}
table.horizontalLined td, table.horizontalLined th {
    border-bottom:1px solid #333;
}
table.verticalLined {
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    border-left:1px solid #333;
}
table.verticalLined td, table.verticalLined th {
    border-right:1px solid #333;
}

/*
 * CMS
 */
/*img {
    behavior: url('/styles/system/js/pngbehavior.htc');   
}*/
.left {
    float:left;
}
.right {
    float:right;
}
h5#editText {
    font-size: 17px;
    font-weight: normal;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
}
#editImg {
    float: right;
    margin: 5px;
}
div#pluginMenu {
    height:21px;
    background:#F0F0EE;
    border:1px solid #ccc;
    font: 11px "Arial Narrow", 'Arial Unicode MS Regular', Arial, Tahoma, sans-serif;
    margin: 10px 0;
}
div#pluginMenu ul {
    list-style:none;
    margin:0;
    padding:0;
}
div#pluginMenu ul li {
    float:left;
}
div#pluginMenu ul li a {
    display:block;
    padding:2px 6px 3px 6px;
    border:1px solid #F0F0EE;
    color:#3c3c3c;
}
div#pluginMenu ul li.active a {
    border:1px solid #CE1126;
}
div#pluginMenu ul li a:hover {
    text-decoration:none;
    background:#F3BCBE;
    border:1px solid #CE1126;
}

/*
 * Layout
 */
body {
	font-family: "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div#container {
	left: 50%;
	margin: -200px 0 0 -404px;
	position: absolute;
	top: 37%;
	min-width: 850px;
}
	div#menu {
		float: left;
		height: 15px;
		min-width: 830px;
		padding-bottom: 6px;
		margin-bottom: 4px;
		border-bottom: solid 2px #D8D3BF;
	}
		ul#mainmenu { 
			list-style: none;
			margin: 0;
			text-align: center;
		}
		ul#mainmenu li {
			display: inline;

		}
			ul#mainmenu li a {
				background: #D8D3BF;
				color: #000;
				font: 17px/20px "Arial Narrow", lucida sans unicode, tahoma, verdana, arial, sans-serif;
				margin: 0 5px;
				padding: 0 40px;
				text-decoration: none;
				text-transform: lowercase;  
			}
			ul#mainmenu li a:hover, a:active a:visited {
				background:#BBD2D8;
			}
	div#content {
		background-image: url('img/content_Background.jpg');
		float: left;
		font-size: 95%;
		height: 370px;
		overflow: auto;
		padding: 15px;
		width: 820px;
	}
		ul#submenu {
			list-style: none;
			margin: 0;
			text-align: center;
		} 
			ul#submenu li {
				display: inline;
			}
				ul#submenu li a {
					margin: 0 5px;
				}
	div#footer {
		background:transparent url('img/handtekening.jpg') no-repeat center;
		background-position:right;
		border-top: solid 2px #D8D3BF;
		float:left;
		padding-top:104px;
		margin-top: 5px;
		height: 15px;
		width:830px;
	}
		div#footer p {
			color: #D0C592;
			font: 11px tahoma, arial, sans-serif;
			margin: 0;
			padding: 0;
			text-align: center
		}
			div#footer p a {
				color: #D0C592;
				text-decoration: underline;
			}