html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	width: 980px;
	margin:5px auto;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* einde reset */
/* En hier nog een kleine correctie van mijzelf (Dick) on Firefox in het gareel te laten lopen.
	 Firefox neemt altijd één row extra voor de scrollbar. Daardoor zijn de Firefox textarea's hoger 
	Dit zorgt ervoor dat er geen regel gebruikt wordt voor de scrollbar, want die komt er toch niet.
	Idee van stack overflow: height-of-textarea-does-not-match-the-rows-in-firefox 
	Ja het help echt!!!!
*/
textarea {overflow-x: hidden;}
/* en hier nog een toevoeging die dient om het reset-file te corrigeren */
/* met 'font: inherit' worden alle browser defaults uitgeschakeld voor dit element */
/* ik vind dat wat overdreven daardoor doen em, strong, i en b het niet meer */
/* gedachte hierachter is w.s. dat de ene browser een ander idee heeft over em dan de andere */
strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }
/* --------einde toevoeging ---*/

body						{	background-color:#111111;
									background-image:url(../images/background4.gif);
									font-size:12px;
									font-family:Verdana, Arial, Helvetica, sans-serif;
								}
p 		{
									font-size:16px;
									margin-top:10px;margin-bottom:10px;
								}
h1							{font-size:32px;}
h2							{font-size:28px;}
h3							{font-size:24px;}
h4							{font-size:22px;}
h5							{font-size:20px;}
h6							{font-size:18px;}

nav {width:872px;margin:0 auto; }													
nav ul{padding:0 ;margin:0}
nav li {
			float:left;
	list-style-type:none;
}
nav a{
		display:block;
		padding: 10px 40px;
  	margin: 4px;

	font-size:16px;
	color: #A5122A; /* zmd rood  */
	 background-color: #FCD05D;/* zmd geel*/
  text-decoration: none;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	border:1px solid #A5122A
}															

nav a:hover {
	text-decoration: underline;
	color:red;
}

#tekst img			{margin-top:10px;margin-bottom:10px;}			

#tekst a:link {
								text-decoration: none;
							}	
#tekst a:visited {
								text-decoration: none;
							}										
#wrapper 				{
									margin:auto;
									color:black;
									background-color:#ffffff;
									border: 2px solid #C4122E; /* zmd-rood */
									width:980px;min-height:980px;
									
								}
#heading				{
									width:980px;height:120px;border: 1px solid #C4122E;
								}		
			
#content					{	
									width:746px;
									border:2px solid #C4122E;
									float:left;
									min-height:848px;
									background-color:white;
									margin-left:10px;
								}
								
div.thumbnail {
		float:left;
		width:220px;height:140px;/* 250 en 180 */
		}
.invoer{float:left;margin-top:12px;} 
			
div.form {
		float:left;
		width:460px;height:140px;/* 460 180 */
		line-height:2em;
		margin-left:20px;
		}
div.selected{background-color:#FFE0E5;border-bottom:2px solid #A5122A;}
div.nonselected{background-color:lightgray;border-bottom:2px solid #A5122A;}							
#colRight				{		
									float:right;
									width:200px;
									min-height:800px;
									background-color:white;
								}

.uline {text-decoration:underline;}
hr {margin:0;padding:0;color:#A5122A;border:1px;}/* hier snap ik niets van */
#inhoud img {margin-left:20px;}
#inhoud {width:746px;height:848px;overflow:auto;float:left}

#waarschuwing {position:fixed;top:30%;left:50%;width:800px;
				margin-left:-400px;opacity:0.9;filter:alpha(opacity=90);
				height:240px;display:none; border: 5px solid red ;
				border-style:ridge;background-color:lightyellow;}
#waarschuwing p {font-size:18px;margin:10px 25px;line-height:120%;}
.info {
		background-color:#FFE0E5;
		color:#A5122A;
		float:left;
		width:170px;
		border: 2px solid #C4122E; /* zmd-rood */	
		margin-bottom:20px;
		padding-bottom:20px;	
		}
.info p{font-size:12px;padding:12px;line-height:24px;}

#info2 {background-color:white;color:#A5122A;
		position:relative;height:320px;width:170px;top:32px;left:14px;
		}
#info2 p{font-size:16px;padding:12px;line-height:24px;}
#info3 {background-color:white;color:#A5122A;
		position:relative;height:200px;width:170px;top:20px;left:0px;
		}
#info3 p{font-size:14px;padding:12px;line-height:24px;}

textarea{resize:none;}