﻿/* Styling in the XHTML 1.1 Document Type  - http://www.w3.org/TR/xhtml11/doctype.html#s_doctype*/
/* structure (body, head, html, title) */
html {}
	body {
		color				: #000000;
		font-family : "Trebuchet MS", arial, verdana, helvetica, sans-serif;
		font-size : 75%;
		background-color : #FFFFFF;
		margin : 0em 0em 0em 0em;
		padding : 2em 2em 2em 2em;
		/*
		scrollbar-arrow-color : #FFFFFF;
		scrollbar-face-color : #3399FF;
		scrollbar-track-color: #FFFFFF;
		scrollbar-base-color : #99CCFF;
		scrollbar-highlight-color : #3399FF;
		scrollbar-shadow-color : #3399FF;
		scrollbar-darkshadow-color : #99CCFF;
		*/
	}
		body.larger {
			font-size : 90%;
		}
		body.largest {
			font-size : 100%;
		}
		/* text (abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var) */
		h1 {
			margin : 0em 0em 0.5em 0em;
			font-size : 250%;
			color : #808e1f;
		}
		h2 {
			margin : 0.25em 0em 0.55em 0em;
			padding-bottom : 4px;
			font-size : 183%;
			color : #008349;
		}
		h3 {
			margin : 0em 0em 0em 0em;
			font-size : 100%;
			color : #008349;
		}
		h3.bvraag {
			margin : 0em 0em 0em 0em;
			padding : 0em 0em 0em 0em;
			font-size : 125%;
			color : #008349;
		}
		h4 {
			margin : 0em;
			font-size : 100%;
		}
		p {
			margin : 0em 0em 1.5em 0em;
		}
		pre, code {}
		/* hypertext (a) */
		a {}
			a:link {
				text-decoration : underline;
				color : #95a523;
			}
			a:hover{
				text-decoration : underline;
				color : #95a523;
			}
			a:visited, 
			a:active {
				text-decoration : underline;
				color : #95a523;
			}
				a.noline {}
					a.noline:link,
					a.noline:visited {
						text-decoration : none;
					}
					a.noline:hover, 
					a.noline:active {
						text-decoration : underline;
					}
		/* list (dl, dt, dd, ol, ul, li) */
		ul {
			margin : 0em 0em 1.5em 2em;
			padding : 0em 0em 0em 0em;
		}
			ul ul,
			ul ol {
				margin-bottom : 0em;
			}
				ul li {}
		ol {
			margin : 0em 0em 1.5em 2em;
			padding : 0em 0em 0em 0em;
		}
			ol ol,
			ol ul {
				margin-bottom : 0em;
			}
				ol li {}
		dl {
			margin : 0px;
		}
			dt {
				font-weight : bold;
			}
			dd {
				margin : 0px 0px 1em 0px;
			}
		/* object (object, param) */
		object {}
		/* presentation (b, big, hr, i, small, sub, sup, tt) */
		hr {
			border : none;
			width : 100%;
			height : 1px;
			margin : 0px 0px 1em 0px;
			color : #e6e6e6;
			background-color : #e6e6e6;
			clear : both;	
		}
		/* forms (button, fieldset, form, input, label, legend, select, optgroup, option, textarea) */
		form {
			margin : 0em;
		}
			fieldset {
				border : none;
				padding : 0em;
			}
				legend {
					margin : 0em 0em 0em -0.5em;
					font-size : 100%;
					color : #008349;
					font-size : 100%;
					font-weight : bold;
				}
				button,
				input, 
				textarea, 
				select {
					font-family : Verdana, Arial, Sans-Serif;
					font-size : 92%;
					vertical-align : middle;
				}
					.narrowText {
						width : 6em;
					}
					.mediumText {
						width : 12em;
					}
					.wideText {
						width : 24em;
					}
					input.radio, 
					.radio input {
						width : auto;
						border : none;
					}
					input.image {
						width : auto;
						border : none;
					}
					button,
					input.button {
						width : auto;
						cursor : pointer;
					}
				textarea {}
				select {}
				label {
					vertical-align : middle;
					font-size : 100%;
					font-weight : bold;
				}
		/* table (caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr) */
		table {
			font-size : 100%;
			border-collapse : collapse;
			margin : 0em 0em 1em 0em;
		}
			caption {
				padding : 3px 0em 3px 0em;
				font-size :	110%;
				font-weight : bold;
				text-align : left;	
			}
			tr {
				vertical-align : top;
			}
				th {
					padding : 3px 3px 3px 0em;
					text-align : left;
					font-weight : bold;
				}
				td {
					padding : 3px 0px 3px 3px;
				}
			thead {}
				thead th {}
			tfoot {}
				tfoot th {}
				tfoot td {}
			tbody {}
				tbody th {}
				tbody td {}

		/* img */
		img {
			border : none;
		}

    .tabel1 caption {
    	padding: 0 0 5px 0;
    	width: 700px;	 
    	font-style: italic;
      font-weight:bold;
      font-size:80%;
    	text-align: right;
    }
    
    .tabel1 th {
    	color: #95a523;
    	border-left: 1px solid #95a523;
    	border-right: 1px solid #95a523;
    	border-bottom: 1px solid #95a523;
    	border-top: 1px solid #95a523;
    	letter-spacing: 2px;
    	text-transform: uppercase;
    	text-align: left;
    	background: #e6ebc7 url('/images/ter/tables/bg_header.jpg') no-repeat; font-style:normal; font-variant:normal; font-weight:bold; font-size:80%; padding-left:4px; padding-right:2px; padding-top:3px; padding-bottom:3px;
    }
    
    .tabel1 th.nobg {
    	border-top: 0px none;
    	border-left: 0px none;
    	border-right: 1px solid #95a523;
    	background: none
    }
    
    .tabel1 td {
    	border-left: 1px solid #95a523;
    	border-right: 1px solid #95a523;
    	border-bottom: 1px solid #95a523;
    	background: #fff;
    	padding: 2px 2px 2px 2px;
    	color: #4f6b72;
    	font-style:normal; font-variant:normal; font-weight:normal; font-size:75%;
    }
    
    .tabel1 td.even {
    	background: #f4f6e9;
    	color: #797268;
    	font-style:normal; font-variant:normal; font-weight:normal; font-size:75%;
    }

    .tabel1 td.groen {
    	background: #00ff00;
    	color: #797268;
    	font-style:normal; font-variant:normal; font-weight:normal; font-size:75%;
    }

    .tabel1 td.geel {
    	background: #ffff00;
    	color: #797268;
    	font-style:normal; font-variant:normal; font-weight:normal; font-size:75%;
    }

    .tabel1 td.blauw {
    	background: #5555ff;
    	color: #cccccc;
    	font-style:normal; font-variant:normal; font-weight:normal; font-size:75%;
    }
    
    .tabel1 th.spec, .tabel1 td.spec {
    	border-left: 1px solid #95a523;
    	border-top: 0px none;
    	background: #fff url('/images/ter/tables/bullet1.gif') no-repeat;
    	font-style:normal; font-variant:normal; font-weight:bold; font-size:80%;
    }
    
    .tabel1 th.speceven, .tabel1 td.speceven {
    	border-left: 1px solid #95a523;
    	border-top: 0px none;
    	background: #f4f6e9 url('/images/ter/tables/bullet2.gif') no-repeat;
    	color: #95a523; font-style:normal; font-variant:normal; font-weight:bold; font-size:80%;
    }
    
    .tabel1 th.kop, .tabel1 td.kop {
    	border-left: 1px solid #95a523;
    	border-top: 0px none;
    	background: #fff;
    	font-style:normal; font-variant:normal; font-weight:bold; font-size:80%;
    }
    
    .tabel1 th.kopeven, .tabel1 td.kopeven {
    	border-left: 1px solid #95a523;
    	border-top: 0px none;
    	background: #f4f6e9;
    	color: #95a523; font-style:normal; font-variant:normal; font-weight:bold; font-size:80%;
    }


/* Generic */
	.smaller {
		font-size : smaller;
	}
	.hidden {
		display : none;
	}
	.left {
		float : left;
	}
		img.left {
			margin : 0em 9px 9px 0em;
		}
	.right {
		float : right;
	}
		img.right {
			margin : 0em 0em 9px 9px;
		}
	.toRight {
		text-align : right;
	}
	.clear {
		clear : both;
	}
		div.clear {
			height : 1px;
			overflow : hidden;
		} 
		
		.textlabel { width : 120px }
		.tekst  	 { width : 200px; border : 1px solid #60BB46}
		.button    { width : 50px; border : 1px solid #60BB46}
		.login { border : 1px solid #ffffff}
		.login td  { padding : 10px }		 