/* ----- AMS SCREEN CSS, by Arild Garde @ www.amproduction.dk, 2004 ----- */

/* ----- BODY (html) ----- */
body			{ margin: 0px; margin-bottom: 20px; font: normal 100% Arial, sans-serif; background-color: #fff; color: #222; }
b, strong		{ font-weight: bold; }
i, em			{ font-style: italic; }
h1, h2, h3, h4	{ font-family: Arial, sans-serif; font-weight: normal; color: #000; }
h1				{ font-size: 1.6em; font-weight: bold; }
h2				{ margin-top: -.7em; font-size: 1.3em; color: #555; font-weight: bold; }
h3				{ margin-top: -.3em; font-size: 1em; border-bottom: 1px solid #ccc; }
h4				{ font-size: 1em; font-weight: bold; }
img				{ border-width: 0px; }
form			{ margin: 0; padding: 0; }
.submenu		{ list-style: none; margin: 0; padding: 0; }
li				{ list-style-type: disc; }
#right ul		{ list-style: none; margin: 0; padding: 0; }
#right li		{ list-style-type: none; padding: 3px 0 1px 0; border-bottom: 1px solid #D28A00; }
table, td, th	{ border: 0px none 0; border-style: none; vertical-align: top; }
.listtable		{ width: 100%; }
th, td, .pager	{ padding: 2px 3px 2px 3px; }
th				{ background-color: #444D51; color: white; font-weight: bold; text-align: center; cursor: default; }
td				{ background-color: #E8EAEB; }
tfoot			{ background-color: #E8EAEB; height: 2px; overflow: hidden; }
cite			{ color: #043500; }
fieldset li		{ list-style-type: none; }
fieldset li	li	{ list-style-type: disc; }
legend			{ font-weight: bold; color: #002447; }
caption			{ color: #002447; font-style: italic;  }
dd				{ padding: 0 0 .5em 4em; margin: .1em 0 .5em 0px; }
dt				{ font-size: 1em; font-weight: bold; }
dl.sections dd	{ border-bottom: 1px solid #eee;  }
hr.dnone		{ display: none; }

/*NEW!*/
.noshow			{ display: none; }
.gogo			{ color: #006282; font-weight: bold; }
.state01, .state02, .state03, .state04	{ color: #B87800; background-color: #B87800; margin-right: 3px; font-family: monospace; }
.state02	{ color: #0BA400; background-color: #0BA400; }
.state03	{ color: #0098C9; background-color: #0098C9; }
.state04	{ color: #8B00BF; background-color: #8B00BF; }
#left h3	{ padding: 7px 0 3px 10px; font-style: italic; font-size: 1em; border-bottom: none; margin: 0px; background-color: #eee; }
.centeralign	{ text-align: center; }
.centeralign4	{ text-align: center; width: 22%; }
.leftalign4		{ text-align: left; width: 34%; }
.rightalign4 	{ text-align: right; width: 22%; }
.centeralign4a	{ text-align: center; width: 10%; }
.leftalign4a	{ text-align: left; width: 46%; }

/* ----- LINK ----- */
a:link					{ color: #000080; }
a:visited				{ color: #800000; }
a:hover					{ color: #FF0000; background-color: #FFFF9C; }
a:active				{ color: #FF0000; background-color: #FFFF9C; }
th a:link, th a:visited	{ color: #fff; text-decoration: none; display: block; }
th a:hover, th a:active	{ color: #FF0000; text-decoration: none; }
.bread a:visited		{ color: #000080; }
.bread a:hover, .bread a:active	
						{ color: #FF0000; }
.submenu a:link, .submenu a:visited		
						{ color: #111; text-decoration: none; width: 144px; display: block; padding: 2px 5px 2px 5px; }
.submenu .sm-03 a:link, .submenu .sm-04 a:link, .submenu .sm-03 a:visited, .submenu .sm-04 a:visited	
						{ padding-left: 15px; width: 134px; }
.submenu a:hover, .submenu a:active		
						{ color: #000; text-decoration: underline; background-color: #FFFF9C; }
#right a:link			{ color: #111; }
#right a:visited		{ color: #333; }
#right a:hover, #right a:active		
						{ color: #000; background-color: #FFFF9C; }
.tm-item a:link			{ color: #f1f1f1; text-decoration: none; }
.tm-item a:visited		{ color: #f1f1f1; text-decoration: none; }
.tm-item a:hover		{ color: #fff; text-decoration: underline; background-color: transparent; }
.tm-item a:active		{ color: #fff; text-decoration: underline; background-color: transparent; }
#logo a:link			{ width: 100%; height: 100%; display: block; overflow:hidden; }
#logo a:active, #logo a:hover		
						{ background-color: transparent; }
a.seleclink:link, a.seleclink:visited	
						{ border-left: 6px solid #A4001F; border-bottom: 1px solid #888; color: #fff; text-decoration: none; 
						  width: 144px; display: block; padding: 2px 5px 2px 5px; }
a.seleclink:hover, a.seleclink:active	
						{ color: #000; }

/* ----- DIV ----- */
#logohidden, #logohiddenBig		{ display: none; }
#logo, #frise, #sitetype, #topright, #topmenucon, #left, #right	
				{ position: absolute; }
#logo			{ top: 0px; left: 0px; width: 160px; height: 99px; background-color: #fff; z-index: 2; }
#frise			{ top: 0px; left: 0px; width: 100%; height: 76px; background: #99AAC4 url(frise2.jpg) 160px 0px no-repeat; z-index: 1; }
#sitetype		{ top: 76px; left: 0px; width: 100%; height: 23px; }
#sitetypetxt 	{ margin: 4px 0 4px 180px; text-transform: uppercase; font: bold .9em Arial; color: #fff; letter-spacing: 1px;  }
#sitetypetxt cite 
				{ text-transform: none; font-size: .92em; color: #fff; }
#topright		{ top: 0px; right: 0px; width: 180px; height: 99px; z-index: 2; border-left: 1px solid #fff; }
#topmenucon		{ top: 99px; left: 0px; width: 100%; height: 20px; background: #707A7E url(darkgray.gif) no-repeat; border-top: 1px solid #fff; }
#topmenu		{ margin-left: 171px; }
#breadcrum, #breadcrumwide	
				{ margin: 0 180px 0 160px; border-bottom: 1px solid #ccc; height: 16px; padding-top: 5px; font-size: .7em; }
#left			{ font-size: .8em; top: 120px; left: 0px; width: 160px; height: 400px; background: transparent url(sidegrad.gif) no-repeat; }
#center, #centerwide  
				{ font-size: .8em; margin: 0 200px 0 180px; }
#right			{ font-size: .8em; top: 120px; right: 0px; width: 180px; height: 400px; background: transparent url(sidegrad.gif) no-repeat; }
#hrhidden		{ display: none; }
#footer, #footerwide  
				{ margin: 30px 196px 0 176px; padding: 3px 6px 3px 16px; color: #333; font-size: .7em; z-index: 5; border-left: 6px solid #9A001A;
				  background-color: #EFF0F1; }
#searchcon		{ padding: 38px 0 0 16px; font: bold .8em Arial; color: #fff; }
.y120			{ width: 1px; height: 120px; }
.teabox01a, .teabox01c, .teabox02a, .teabox02c	
				{ height: 7px; overflow: hidden; }
.teabox01b, .teabox02b 
				{ border-left: 3px solid #fff; border-right: 3px solid #fff; }
.teabox01a		{ margin: 20px 12px 0 12px; background-image: url(grad01a.gif); }
.teabox01b		{ margin: 0 12px 0 12px; background: #ABAFB1 url(grad01b.gif) repeat-x; }
.teabox01c		{ margin: 0 12px 0 12px; background-image: url(grad01c.gif); }
.teabox02a		{ margin: 20px 12px 0 12px; }
.teabox02b, .teabox02c
				{ margin: 0 12px 0 12px; }
.fix10px		{ padding: 10px; }

/* ----- WIDE FIX ----- */
#breadcrumwide	{ margin-right: 0px; }
#centerwide		{ margin-right: 20px; }
#footerwide		{ margin-right: 20px; }

/* ----- CLASS ----- */
.bread		{ margin-left: 20px; }
.tm-item	{ font-size: .81em; padding: 1px 12px 0 8px; border-right: 1px solid #666; cursor: default; }
.leftalign	{ text-align: left; }
.rightalign	{ text-align: right; }
.going		{ color: #6B4600; font-weight: bold; }
.go			{ color: #054900; font-weight: bold; }
.nogo		{ color: #CD0000; font-weight: bold; }
.oldgo		{ color: #340061; font-weight: bold; }
.required	{ color: #bb0000; cursor: help; }
.alerted	{ color: #bb0000; font-weight: bold; }
.sort-01, .sort-02, .sort-03	
			{ background: transparent url('arrow-01.gif') no-repeat right; padding-right: 13px; }
.sort-02	{ background-image: url('arrow-02.gif'); }
.sort-03	{ background-image: url('arrow-03.gif'); }
.pager		{ background-color: #F3F4F5; }
.pageshift	{ float: right; }
.bold		{ font-weight: bold; }
.sm-01, .sm-02, .sm-03, .sm-04, .sm-05	
			{ border-top: 1px solid #ddd; border-bottom: 1px solid #888;
			  background-color: #BFC5C8; border-left: 6px solid #444D51; }
.sm-02		{ background-color: #BE0024; border-left: 0px; border-bottom: 0px; font-weight: bold; }
.sm-03		{ background-color: #E8EAEB; border-left: 6px solid #A4001F; font-weight: bold; }
.sm-04		{ background-color: #D4D6D7; border-left: 6px solid #94989A; font-weight: normal; }
.sm-05		{ border-left: 6px solid #A4001F; font-weight: bold; }
.sm-space	{ height: 15px; }
.boxed, .boxedW	
			{ font: bold 1em Arial; color: #fff; border-bottom: 1px solid #D28A00; margin: 0; margin-bottom: 10px; }
.boxedW		{ border-color: #999; }

/* ----- INPUT ----- */
input			{  }
.ip				{ font: normal .95em Arial; width: 20em; }
.ipb			{ font: normal .95em Arial; width: 7em; }
.ipta			{ font: normal .95em Arial; width: 97%; }
.ip-search		{ font: normal .9em  Arial; width: 8.7em; }
.ipb-search		{ font: normal .95em Arial; width: 3.2em; }
.ip-moreserv	{ font: normal .9em  Arial; width: 100%; }
.ipb-moreserv	{ font: normal .95em Arial; width: 4.5em; margin-top: 5px; }
.ip-login		{ font: normal .9em  Arial; width: 120px; }

/* ----- SUBSITE COLORGRAPHICS ----- */
#sitetype		{ background: #FFC35F url(grad02b.gif) repeat-x; }
#topright		{ background: #FFC35F url(grad02b.gif); }
.teabox02a		{ background-image: url(grad02a.gif); }
.teabox02b		{ background: #FFC35F url(grad02b.gif) repeat-x; }
.teabox02c		{ background-image: url(grad02c.gif); }

#right .logMen		{ margin: 5px 0 0;}
#right .logMen li	{ border: none; padding: 2px 0 1px; }
/* END */
#legend-afklaring { position: absolute; top: 252px; left: 300px; } *:first-child+html #legend-afklaring { top: 286px; } /* IE7 fix */* html #legend-afklaring { top: 286px; } /* IE6 fix */