* {margin: 0; padding: 0;}
img {border: 0;}

html {overflow-y: scroll;}

body, html  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	text-align: center;
	color: #444;
	height: 100%;}

body { font-size: 62.5%;}

.clear { clear: both; }

#container {
	width: 992px; margin: 0 auto;
	background: url(images/evon-bg204.gif) repeat-y top left; 
	min-height: 100%;
	text-align: left;} /* bg verticale stippellijn */	

* html #container { height: 100%;} /* voor IE */

#pluis { 
	width: 992px; /*height: 340px;*/ margin: 0 auto;
	background:/* #CCCCCC*/ url(images/pluisdraai.jpg) no-repeat top right;
	min-height: 340px;} /* extra div voor 2e bg pluis */
	
  /** html #pluis { height: 100%;}*/  /*voor IE */
 
 /*HEADER*/
#header { 
	position: relative; /* voor absolute div logout */
	height: 151px; /*149px;*/
	background: url(images/evon-bgleft214x10.gif) repeat-y top left; /* wit plaatje verbergt verticale stippellijn */
	padding-left: 14px;} 

/* CONTENT AND COLUMNS */
.outer {
	padding-left: 200px;}  

* html .outer {
	padding-right: 200px;} /* voor IE */

.inner { /* content + right */
	width: 792px; 
	padding-bottom: 8px;} /* gelijk aan getallen in de footer */

* html .inner { width: 100%;} /* voor IE */

.float-wrap { /* left + content */
	float: left;
	width: 792px;
	margin-left: -200px; /* Same length as .outer padding-left but with negative value */
	background: url(images/evon-bgleft214x10.gif) no-repeat top left;} /* wit verbergt verticale stippellijn */

#content {
	float: right;
	width: 582px; 
	/*height: 200px; */
	/*overflow: visible;*/}

* html #content { position: relative;} /* voor IE */

#tekstlinks {
	float: left;
	width: 285px;
	padding: 0px 0 6px 0;}
	
#tekstlinks475 {
	float: left;
	width: 475px;
	padding: 0px 0 6px 0;
	position: relative;}
	
#tekstlinksgroot {
	float: left;
	width: 582px;
	padding: 0px 0 6px 0;
	position: relative;}
	
#tekstrechts {
	float: right;
	width: 285px;
	padding: 0/*36px*/ 0 6px 0;}
	
#tekstrechts.metkop { padding: 0px 0 6px 0;}

#foto { height: 200px; margin-bottom: 3.0em; margin-top: 6px;/*50px;*/}

/* LEFT COLUMN */
 
#left {
	float: left;
	width: 195px; /*197px;*/
	padding-left: 3px;
	position: relative; 			/* added by Sabine Visser, for working menu on Mac, Safari en FF */
	left: 0px;		   				/* added by Sabine Visser, for working menu on Mac, Safari en FF */
	top: 0px;}		   				/* added by Sabine Visser, for working menu on Mac, Safari en FF */
		
* html #left { position: relative;} /* voor IE */

/* RIGHT COLUMN */
#right {
	float: right; 
	width: 200px;}
	
* html #right {  /* voor IE */
	position: relative; 
	margin-right: -200px;} 

/* FOOTER */
#footer {
	width: 992px; margin: 0 auto;
	height: 8px;
	margin-top: -8px;
	overflow: hidden;
	background: #FFF url(images/evon-bg204.gif) repeat-y top left;} /* bg verticale stippellijn */	

/* NAVIGATIE*/
#balk{
	width: 778px; height: 19px;
	background-color: #CCC;} /* grijs */
	
#nav { 
	list-style: none; /* dit is de ul met id=nav */
	float: left; /*height: 17px;*/
	padding: 2px 0 0 85px;}  			
			
#nav li {display: inline; width: 100%; }
						
#nav a {  
	font: bold /*italic*/ 1.2em Verdana, Arial, Helvetica, sans-serif; color: #FFF;
	text-decoration: none;	
	padding: 0 30px 0 0;
	margin-bottom: 0px;}
	
#nav a.laatste { padding-right: 0;}

#nav a:hover { color: #6C311B;}	/* bruin */
#nav a.active, #nav a:hover.active {color: #6C311B;} /* bruin */



/* SUBNAVIGATIE */
#balksub { width: 778px; height: 19px;}

#subnav { 
	list-style: none; /* dit is de ul met id=subnav */
	float: left; /*height: 12px;*/	
	padding: 4px /*2px*/ 0 0 85px;}  /* grijs */			
			
#subnav li { display: inline; width: 100%; }
						
#subnav li a {  
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #CCC; /* grijs */
	text-decoration: none;	
	padding: 0px 7px 0 0;
	margin-bottom: 0px;}
	
#subnav li a.sublaatste { padding-right: 0;}
	
#subnav li a:hover { color: #6C311B;} /* bruin */	
#subnav li a.activesub, #subnav li a:hover.activesub {color: #6C311B;} /* bruin */

/* SUB2 NAVIGATIE */
#logout { 
	position: absolute;
	width: 300px; 
	right: 250px; top: 78px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #CCC; /* grijs */
	z-index: 10;}
	
#sub2nav { 
	list-style: none; /* dit is de ul met id=sub2nav */
	float: right; /*height: 12px;*/	
	padding: 0px /*2px*/ 0 0 0;/* background-color:#CCFF33;*/}  			
			
#sub2nav li { display: inline; width: 100%; }
						
#sub2nav li a {  
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #CCC; /* grijs */
	text-decoration: none;	
	padding: 0px 0 0 7px;
	margin-bottom: 0px;}
	
#sub2nav li a:hover { color: #6C311B;}	
#sub2nav li a.activesub2, #sub2nav li a:hover.activesub2 {color: #6C311B;} /* bruin */

#tekstprint { display: none;} 

/*******************************************************************************/
/* OPMAAK LINKER KOLOM */	
#left h1.streep, #left h1.streep-archief {
	background: url(images/evon-streep189x22.gif) no-repeat top left;
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	display: block;
	width: 189px; height: 36px; 
	padding-left: 14px;
	margin-top: 2.0em;}
	
#left h1.streepbovenste, #left h1.streepbovenste-archief {
	background: url(images/evon-streep189x22.gif) no-repeat top left;
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	display: block;
	width: 189px; height: 36px; 
	padding-left: 14px;}
	
#left h1.streep-archief, #left h1.streepbovenste-archief { color: #6C311B; /* bruin */}
	
#left h2 {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #6C311B;
	padding-left: 14px;}

#left p {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #444;
	padding: 0 0 1.0em 14px;}
	
#left dl { }

#left dl.colofon { padding-top: 4em;}	
		
#left dt {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #6C311B;
	padding-left: 14px;}
	
#left dt.ster {
	background: url(images/ster.jpg) no-repeat 0 0;}	
	
#left dt a{
	font-size: 1.0em; color: #6C311B; /* bruin */
	text-decoration: none;}
	
#left dt a.activeleft { color: #E41569;} /* roze */
	
#left dt a:hover { color: #E41569;} /* alleen ster bij active */
		
#left dd {
	font: normal 1.1em Verdana, Arial, Helvetica, sans-serif; color: #444; /* grijs */
	padding-left: 14px;
	margin-bottom: 1.2em;}
	
#left form p {
	/*clear: left;*/
	margin: 0; 	
	font: 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #444; 
	padding: 3px 0px 1.0em 14px;}
	
#left form p label {
	/*float: left;*/
	width: 140px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #444;
	padding: 3px 0 0 0;}

#left input {
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #444;
	padding: 1px 0px 1px 2px;
	height: 14px;}
	
#left input.txt { width: 160px;}

#left input.submitkort {
	background: url(images/roze100.jpg) no-repeat 50% 50%;
	width: 101px; height: 21px;
	padding: 1px 2px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #FFF;
	text-align: center;
	border: none;}
	
#left textarea {
	width: 250px; height: 40px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #444; 
	padding-left: 2px;
	scrollbar-track-color: #FFF;
	scrollbar-face-color: #FFF; 
    scrollbar-arrow-color: #EF73A5;  
    scrollbar-3dlight-color: #FFF;  
    scrollbar-highlight-color: #FFF;
    scrollbar-shadow-color: #FFF;
    scrollbar-darkshadow-color: #FFF;}	
#left textarea.kort160    { width: 162px;}
#left textarea.kort160hoog    { width: 162px; height: 220px;}

	
/* OPMAAK TEKSTVAKKEN */	
/*#content h1 {
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	display: block; width: 270px; height: 36px;}*/
	
#content h1 { /* dit is de gewone h1, met margin-bottom in de nieuwe situatie */
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	margin-bottom: 1.2em;}

#content h1.boven2kolommen { /* kan straks vervallen */
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	display: inline;}
	
#content h1.bovenh2  {
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	margin-bottom: 0em;}
	
#content #tekstlinks h1.profiel { /* kan straks vervallen */
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	display: inline;
	margin-bottom: 0em;}
	
#content #tekstlinks h1, #content #tekstrechts h1 { /* kan straks vervallen */
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	display: block; width: 270px; height: 36px; margin-bottom: 0em;}
	
#content #tekstlinksgroot h1, #content #tekstlinks475 h1 { /* kan straks vervallen */
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	display: block;
	width: 580px; height: 36px; margin-bottom: 0em;}
	
#content h2 {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #6C311B;}
	
#content h2.naam, #content h2.onderh1  {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #6C311B;
	margin-bottom: 2.3em;
	margin-top: 0.0em;}
	
#content h2.activiteiten {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #6C311B;
	margin-bottom: 0.3em;
	margin-top: 0.3em;}
	
#content h3 {
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #E41569;}
		
#content p {
	font: normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #444444;
	padding: 0 0 1.0em 0;}
	
#content a {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	text-decoration: none;}
	
#content a:hover {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #E41569;
	text-decoration: underline;}
	
#content a.activecijfer {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #6C311B;
	text-decoration: none;}
	
#content hr {
	border: none;
	background-color: #E41569;
	color: #E41569;
	height: 1px; 
	width: 100%; /*80%;*/
	text-align: center;
	margin-bottom: 1.0em; mrgin-top: 0.5em;
	/*margin: 0 auto 1.2em auto;*/}
	
#content ul {
	font: normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0; margin-bottom: 12px;
	list-style: none;}
	
#content ul li {
	background: url(images/dash3.gif) no-repeat 0 7px /*60%*/;
	padding-left: 6px;}

#content ol { 
	font: normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 12px 28px;/*22px;*/}	
	
#content ol li { list-style-position: outside;}	
	
#content ul.lijst {
	font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0; margin-bottom: 12px;
	list-style: none;}	
	
#content ul.lijst li {
	padding-left: 6px;
	background: url(images/dash3.gif) no-repeat 0 7px /*60%*/;
	margin-bottom: 0.8em;}
	
#content ul.lijst li a {}
	
#content table { 
	width: 100%;
	margin-top: 0.4em;}
	
#content table td {
	font: normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #444444;
	padding: 0 0.8em 0.6em 0;
	vertical-align: top;}
	
#content table td p, #content table td ul, #content table td ol {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;}	
	
#content table td.last { padding: 0 0 0.6em 0;}

#content table td.bruin {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #6C311B;} /* bruin */
	
#content table td.bruin a{ 
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #6C311B; /* bruin */
	text-decoration: none;}
	
#content table td.bruin a.activetable { color: #E41569;} /* roze */
	
#content table td.bruin a:hover { color: #E41569;}

/* pagina contact, contactgegevens */
#content table#contactgegevens {
	width: 500px; margin-bottom: 1.5em;}
	
#content table#contactgegevens td {
	text-align: left; vertical-align: top; padding: 0 0 0.6em 0;}
	
#content table#contactgegevens td.linkerkant { width: 140px;}

/* LEDENLIJSTEN*/	
#ledenlijst { width: 100%;}/* ledenlijst tabel */

#ledenlijst tbody tr td {
		font: normal 1.1em Verdana, Arial, Helvetica, sans-serif; color: #444;
		padding: 0.3em 0.5em 0.3em 0.5em;
		vertical-align: top;}
		
/*#ledenlijst tbody tr td.last { padding: 0 0 0.6em 0;}*/
	
#ledenlijst tbody tr.bruin td {
		font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #6C311B;}
		
#ledenlijst tbody tr.bruin a { 
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #6C311B; /* bruin */
	text-decoration: none;}
	
#ledenlijst tbody tr.bruin a.activetable,
#ledenlijst tbody tr.bruin a:hover { 
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;color: #E41569;} /* roze */
	
#ledenlijst tbody tr th, #ledenlijst tr th, #content th {
		font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #6C311B;
		padding: 0.3em 0.5em 0.3em 0;
		vertical-align: top;
		text-align: left;}
		
#ledenlijst tbody tr th a, #ledenlijst tr th a , #content th a{ 
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #6C311B; /* bruin */
	text-decoration: none;}
	
#content th.bestuur a{ 
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #E41569; /* roze */
	text-decoration: none;}
	
#ledenlijst tbody tr th a.activetable, #ledenlijst tr th a.activetable, #content th a.activetable
#ledenlijst tbody tr th a:hover, #ledenlijst tr th a:hover, #content th a:hover{ 
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;color: #E41569;} /* roze */

/* fotoalbum */	
#content ul.thumbnails {		
	/*margin: 0 0 10px 0;*/
	list-style: none;
	margin-top: 1em; margin-bottom: 1.0em; }
	
#content ul.thumbnails li {
    display: inline; 
	width: 100px; height: 100px;
	margin: 0 1.0em 1.0em 0;	
	padding-left: 0; /* moet vanwege regel 365 */
	background: none;} /* moet vanwege regel 366 */
	
#content ul.thumbnails li a {
	width: 100px; 
	text-align: center; 
	/*margin-bottom: 1.5em;*/}
	
#content ul.thumbnails li a img {
	/*width: 100px; height: 100px;*/
	padding-bottom: 1.5em;}
	
/*#detail {  margin-top: 1.53m;} *//*text-align: center;*/
	
.clear { clear: both; height: 12px;}
 
/* IMAGES */ 
.fltrt { 
	float: right;
	margin-left: 20px; margin-bottom: 20px;}

.fltlft { 
	float: left;
	margin-right: 20px; margin-bottom: 20px;}
	
/*.logo {
	float: left;
	margin-right: 20px; margin-bottom: 20px;
	margin-top: 4.0em;}*/
	
/* FORMULIEREN */
form  { margin-bottom: 0.2em;}
form.prikbord { margin-bottom: 1.0em;}

fieldset{
	border: 1px solid #EF73A5; /*#CCC;*/
	/*margin-top: 10px;*/
	margin: 0 0 1.5em 0;
	padding: 10px 5px 5px 5px;}
	
fieldset.wit { 
	border: 1px solid #FFF;
	margin: 0 0 0.0em 0;
	padding: 10px 5px 5px 0px;}
	
legend { 
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #D60059;
	padding: 0 2px;
	/*margin-left: 4px;*/}	
	
fieldset.wit legend { 
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #D60059;
	padding: 0 0 5px 0;
	/*margin-left: 4px;*/}	

form p {
	clear: left;
	margin: 0; 	
	font: 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #403C35; 
	padding: 3px 0px 0px 0px;}
	
form p.tekstinform { margin-left: 148px;}		

form p label {
	float: left;
	width: 140px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #444;
	padding: 3px 0 0 0/*8px*/;}

form p label.kort { width: 80px;}
form p label.zoeken { width: 0px;}

form fieldset p label {
	float: left;
	width: 140px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #444;
	padding: 3px 0 0 8px;}
	
input {
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #444;
	padding: 1px 0px 1px 2px;
	height: 14px;}
input.jaar		{ width: 60px;}		
input.txt       { width: 160px;}
input.file      { width: 160px;}	
input.txt250    { width: 250px;}
input.txt277    { width: 277px;}

input.txt140    { width: 140px;}
	
input.checkbox  { margin-right: 0.5em;}	
input.radio     { margin-right: 0.6em; /* margin-left: 10px;*/}	
	
select {
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #444;
	padding: 0px 0 0px 2px;}
	
select.jaar         { width:  60px;}	
select.lang230      { width: 230px;}

select.kvk250       { width: 254px;}
select.categorie250 { width: 254px;}

/* zoeken */
select.branche      { width: 280px;}
select.trefwoord    { width: 280px;}
input.zoekwoord     { width: 275px;}

/* contact */
input.txt175        { width: 171px;} /* 175-2*/
img#captcha         { border: 1px solid #80BFFF;}
textarea.contact175 { width: 173px; height: 60px; padding-left: 2px;}	

/* voor ledem */
input.txt           { width: 160px;}

/* aanmelden*/
select.branche250   { width: 256px;}

/* wijzigen */
input.filefoto  { width: 256px; height: 20px;}
input.filelogo  { width: 256px; height: 20px;}

input.submitkort, input.submitkort60, input.submit60 /* deze laatste moet vervangen door de eerste */ {
	background: url(images/roze100.jpg) no-repeat 50% 50%;
	width: 101px; height: 21px;
	padding: 1px 2px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #FFF;
	text-align: center;
	border: none;}
	
input.submit {
	background: url(images/roze200.jpg) no-repeat 50% 50%;
	width: 201px; height: 21px;
	padding: 1px 2px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #FFF;
	text-align: center;
	border: none;}
	
input.submitlang {
	background: url(images/roze240.jpg) no-repeat 50% 50%;
	width: 241px; height: 21px;
	padding: 1px 2px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #FFF;
	text-align: center;
	border: none;}
		
input.submitgrijs {
	background: url(images/grijs200b.jpg) no-repeat 50% 50%;
	width: 201px; /*161px;*/ height: 21px;
	padding: 1px 2px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #FFF;
	text-align: center;
	border: none;}
	
textarea {
	width: 250px; height: 40px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #444; 
	padding-left: 2px;
	scrollbar-track-color: #FFF;
	scrollbar-face-color: #FFF; 
    scrollbar-arrow-color: #EF73A5;  
    scrollbar-3dlight-color: #FFF;  
    scrollbar-highlight-color: #FFF;
    scrollbar-shadow-color: #FFF;
    scrollbar-darkshadow-color: #FFF;}	
textarea.kort160    { width: 162px;}
textarea.contact175 { width: 173px; height: 60px; padding-left: 2px;}	

textarea.kort160hoog    { width: 162px; height: 220px;}

.sterretje { color: #E41569;}

/*fieldset.sub {
	border: 1px solid #D60059;
	margin: 10px;
	padding: 5px;}*/
	


/*zoeken in de ledenlijst	*/
/*fieldset.zoekenledenlijst {
	border: 1px solid #CCC;
	margin-top: 10px;
	padding: 10px 0px 5px 0px;
	width: 400px;}	*/
	
	
/*#logout { 
	position: absolute;
	right: 270px; top: 78px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #C4C4C4;
	z-index: 10;
	display: none;}*/
	
/*#tijdelijk { 
	position: absolute;
	right: 270px; top: 78px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #C4C4C4;
	z-index: 10;
	display: block;}*/
	
/*#tijdelijk a { font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #C4C4C4; text-decoration: none;}
#tijdelijk a:hover { color: #6C311B;}*/